/* ===== ALS Chatbot — full branding ===== */
/* Launcher bubble */
.floating-chatbot-button, #floating-chatbot-button {
background: #1C3D6E !important;
border: 2px solid #C9A24B !important;
box-shadow: 0 6px 18px rgba(28,61,110,.35) !important;
}
/* Header bar — FULL working set restored */
.mxchat-chatbot-header, #mxchat-chatbot-header,
.mxchat-header-bar, #mxchat-header-bar,
.chatbot-title-bar, .chat-window-header,
.header-container, .mxchat-top, .cb-header,
.chatbot-header, #chatbot-header, .chat-header, #chat-header,
[class*=”chatbot-header” i], [class*=”chat-header” i],
[class*=”title-bar” i], [class*=”topbar” i], [class*=”top-bar” i] {
background: #1C3D6E !important; color: #fff !important;
}
/* Bot bubble + readable text */
[class*=”bot-message” i], [class*=”assistant-message” i] {
background: #EAF1F8 !important; color: #14283C !important; border-radius: 14px !important;
}
[class*=”bot-message” i] * { color: #14283C !important; }
/* User bubble */
[class*=”user-message” i] {
background: #1C3D6E !important; color: #fff !important; border-radius: 14px !important;
}
/* Links — navy, not white */
[class*=”bot-message” i] a, [class*=”assistant-message” i] a {
color: #1C3D6E !important; text-decoration: underline !important; font-weight: 600 !important;
}
[class*=”user-message” i] a { color: #F0C868 !important; }
/* Send icon — navy, not black */
[class*=”send” i] svg, [class*=”send” i] path,
[id*=”send” i] svg, [id*=”send” i] path { fill: #1C3D6E !important; stroke: #1C3D6E !important; }
[class*=”send” i], [id*=”send” i] { color: #1C3D6E !important; }
/* “AI Agent” badge — gold */
[class*=”agent” i], [class*=”ai-agent” i], [class*=”mode-indicator” i] {
background: #C9A24B !important; color: #14283C !important;
}
/* Smaller window */
div:has(> [class*=”header” i]):has([class*=”input” i]) {
width: 340px !important; max-width: 90vw !important; max-height: 70vh !important;
border-radius: 16px !important; overflow: hidden !important;
}
