/* Medbi brand color: #ff7f27 */ /* #ff7f27 in HSL: 24 100% 58% */ :root, .dark { --primary: 24 100% 58% !important; --primary-foreground: 0 0% 100% !important; } /* Send button and primary action buttons */ button[data-variant="default"], button[class*="bg-primary"], button[type="submit"] { background-color: #ff7f27 !important; border-color: #ff7f27 !important; } button[data-variant="default"]:hover, button[class*="bg-primary"]:hover, button[type="submit"]:hover { background-color: #e06a15 !important; } /* User message bubble (right side) */ [class*="userMessage"], [data-testid="user-message"] { background-color: #ff7f27 !important; color: #ffffff !important; } /* Focus rings — remove orange outline from inputs */ *:focus-visible { outline: none !important; box-shadow: none !important; } /* Active/selected steps and elements */ [data-state="active"], [aria-selected="true"] { color: #ff7f27 !important; border-color: #ff7f27 !important; } /* Links and accent text */ a { color: #ff7f27; } a:hover { color: #e06a15; } /* Hide Chainlit logo in watermark, keep the disclaimer text */ .watermark svg, .watermark img, a[href*="chainlit.io"] svg, a[href*="chainlit.io"] img, [style*="grayscale"] { display: none !important; } /* Active chat-scenario mode, positioned next to the settings gear icon by custom.js. Fixed-positioned and appended to deliberately — see custom.js comment. */ .medbi-mode-badge { align-items: center; padding: 2px 10px; border-radius: 999px; font-size: 12px; font-weight: 500; white-space: nowrap; color: #ff7f27; background-color: #191919; border: 1px solid #ff7f2755; z-index: 50; pointer-events: none; } /* Scrollbar thumb */ ::-webkit-scrollbar-thumb { background-color: #ff7f2755; } ::-webkit-scrollbar-thumb:hover { background-color: #ff7f27aa; }