/*** Header (via xpath only, due to static structure) ***/

/** Chat Profile **/
button#chat-profiles>span>div>span {
	/* use brand primary color */
	color: hsl(var(--primary));
}

/*** Body (using css classes + xpath, due to changing body structure) ***/

/** Sidebar Right **/

/* Title */
div#side-view-title {
	/* size of button */
	margin-left: 36px;
}

/* Title Button */
#side-view-title>button {
	display: none !important;
}

/** Chat Input **/

/* Hide the commands overlay */
#chat-input+div {
	display: none !important;
}

/** Dialog Message **/
/* Do not show annoying action messages */

/** Left block **/
/* Logo */

/** Message Assistant **/
/* Assistant Section in dialog */
/* div.ai-message */
/* Assistant Name in markdown */
span.font-bold {
	/* use brand primary color */
	color: hsl(var(--primary));
}

/** Message User **/
/* User bubble in dialog (light and edit_message = false) */

/** Message Edit Button **/
/* can not disable via config */

/** Message Action Buttons **/
/* Using :nth-of-type() to count only buttons, ignoring intermediate divs */

/* 1. Action Button */
div.ai-message>div>div:nth-child(2) button:nth-child(3) {
	/* color WLAD Magenta 4 */
	background-color: #ffd2e9;
	border: 1px solid #ffd2e9;
	border-radius: 4px;
	/* color WLAD Black 1 */
	color: #050505;
	/* margin + padding for elements (left = 0px) */
	margin: 10px 8px 8px 0px;
	padding: 8px 20px;
	/* Font size and family */
	font-size: 13px;
	font-family: Inter, sans-serif;
	font-weight: 800;
}

/* 2. Action Button */
div.ai-message>div>div:nth-child(2) button:nth-of-type(3) {
	/* color WLAD Blue 4 */
	background-color: #bfbfff;
	border: 1px solid #bfbfff;
	border-radius: 4px;
	/* color WLAD Black 1 */
	color: #050505;
	/* margin + padding for elements */
	margin: 10px 8px 8px 8px;
	padding: 8px 20px;
	/* Font size and family */
	font-size: 13px;
	font-family: Inter, sans-serif;
	font-weight: 800;
}

/* 3. Action Button */
div.ai-message>div>div:nth-child(2) button:nth-of-type(4) {
	/* color WLAD Yellow 4 */
	background-color: #fff8b5;
	border: 1px solid #fff8b5;
	border-radius: 4px;
	/* color WLAD Black 1 */
	color: #050505;
	/* margin + padding for elements */
	margin: 10px 8px 8px 8px;
	padding: 8px 20px;
	/* Font size and family */
	font-size: 13px;
	font-family: Inter, sans-serif;
	font-weight: 800;
}

/* 4. Action Button */
div.ai-message>div>div:nth-child(2) button:nth-of-type(5) {
	/* color WLAD Green 4 */
	background-color: #bbffd8;
	border: 1px solid #bbffd8;
	border-radius: 4px;
	/* color WLAD Black 1 */
	color: #050505;
	/* margin + padding for elements */
	margin: 10px 8px 8px 8px;
	padding: 8px 20px;
	/* Font size and family */
	font-size: 13px;
	font-family: Inter, sans-serif;
	font-weight: 800;
}

/* 5. Action Button */
div.ai-message>div>div:nth-child(2) button:nth-of-type(6) {
	/* color WLAD Orange 4 */
	background-color: #ffe2d8;
	border: 1px solid #ffe2d8;
	border-radius: 4px;
	/* color WLAD Black 1 */
	color: #050505;
	/* margin + padding for elements */
	margin: 10px 8px 8px 8px;
	padding: 8px 20px;
	/* Font size and family */
	font-size: 13px;
	font-family: Inter, sans-serif;
	font-weight: 800;
}

/* Hover state for action buttons */
/* (no custom hover, keep default) */

/** Autocomplete Suggestions **/
/* Suggestions */
div#autocomplete-suggestions {
	/* Follow app theme tokens for light/dark */
	color: hsl(var(--foreground));
	position: absolute;
	background: hsl(var(--popover));
	border: 1px solid hsl(var(--border));
	box-shadow: 0 8px 24px rgba(0,0,0,0.12);
	border-radius: 8px;
	padding: 10px 8px 8px 8px; /* leave space for close */
	max-height: 280px;
	overflow-y: auto;
	z-index: 9999;
}
/* Close button */
#autocomplete-suggestions #ac-close {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	border: none;
	background: transparent;
	color: hsl(var(--muted-foreground));
	border-radius: 4px;
	cursor: pointer;
}
#autocomplete-suggestions #ac-close:hover {
	background: hsl(var(--accent));
	color: hsl(var(--foreground));
}

/* Suggestions Links */
/* Items container */
#autocomplete-suggestions .ac-content>div {
	color: inherit;
	cursor: pointer;
	padding: 8px 10px;
	border-radius: 6px;
}

#autocomplete-suggestions .ac-content>div>a {
	/* Primary brand color, respects theme */
	color: hsl(var(--primary));
	text-decoration: none;
}

#autocomplete-suggestions .ac-content>div>a:hover {
	text-decoration: underline;
}

#autocomplete-suggestions .ac-content>div:hover {
	background-color: hsl(var(--accent));
}

/** Message Field **/
/* Section Message */

/** Footer **/
/* Footer text */

/* chainlit 2.8.3 */