/* Karat TV: Support Board chat recoloured to the gold theme. Derived from the fleet's Svea chat theme (same selectors), colours swapped: accent #B8892F, hover #8F6520, visitor bubble #F6EBCB. */
html .sb-scroll-area::-webkit-scrollbar-thumb:hover, html .sb-conversation .sb-list::-webkit-scrollbar-thumb:hover, html .sb-list .sb-message pre::-webkit-scrollbar-thumb:hover, html .sb-rich-table .sb-content::-webkit-scrollbar-thumb:hover, html .sb-admin .sb-top-bar > div:first-child > ul::-webkit-scrollbar-thumb:hover, html .sb-dialog-box pre::-webkit-scrollbar-thumb:hover, html .sb-horizontal-scroll::-webkit-scrollbar-thumb:hover, html .sb-custom-select::-webkit-scrollbar-thumb:hover, html .sb-select-checkbox::-webkit-scrollbar-thumb:hover, html .sb-setting textarea::-webkit-scrollbar-thumb:hover, html .ce-popover__items::-webkit-scrollbar-thumb:hover { background: #B8892F !important; }
html .sb-chat .sb-btn-text:hover, html .sb-list .sb-btn-text:hover { color: #B8892F !important; }
html .sb-list > div.sb-right { background-color: #F6EBCB !important; }
html .sb-list > div.sb-right.sb-rich-cnt .sb-text { background-color: #F6EBCB !important; }
html .sb-list > div.sb-right .sb-message, html .sb-list > div.sb-right .sb-message a, html .sb-list > div.sb-right .sb-rich-message .sb-text, html .sb-list > div.sb-right .sb-rich-message .sb-title { color: #8F6520 !important; }
html .sb-list .sb-right .sb-reply-message { border-left-color: #B8892F !important; color: #8F6520 !important; }
html .sb-list .sb-message-attachments a { color: #8F6520 !important; }
html .sb-list .sb-message-attachments a:hover { color: #B8892F !important; }
html .sb-player > div:not(.sb-player-time):hover { color: #B8892F !important; }
html .sb-right .sb-player > div { background-color: #F6EBCB !important; color: #8F6520 !important; }
html #sb-audio-clip .sb-btn-clip-player:hover { color: #B8892F !important; }
html .sb-editor .sb-submit { color: #B8892F !important; }
html .sb-editor .sb-submit:hover { color: #8F6520 !important; }
html .sb-editor.sb-focus { border-color: #B8892F !important; box-shadow: 0 0 5px rgba(184, 137, 47, 0.25) !important; }
html .sb-editor .sb-bar-icons > div:hover:before { color: #B8892F !important; }
html .sb-editor.sb-drag { border-color: #B8892F !important; }
html .sb-editor.sb-drag:before { color: #B8892F !important; }
html .sb-editor [data-reply].sb-reply-color, html .sb-editor [data-edit-message].sb-reply-color, html .sb-editor #sb-call-bar.sb-reply-color { border-left-color: #B8892F !important; }
html .sb-article-category-links > span + span:before { background: #B8892F !important; }
html .sb-loading:before, html .sb-loader:before { color: #B8892F !important; }
html .sb-btn:hover, html .sb-btn:active, html a.sb-btn:hover, html a.sb-btn:active { background-color: #B8892F !important; border-color: #B8892F !important; }
html .sb-btn:before, html a.sb-btn:before { color: #B8892F !important; }
html .sb-btn.sb-loading, html a.sb-btn.sb-loading { color: #B8892F !important; }
html .sb-btn-icon:hover { border-color: #B8892F !important; color: #B8892F !important; }
html .sb-btn-text:hover { color: #B8892F !important; }
html .sb-input > input:focus, html .sb-input > input.sb-focus, html .sb-input > select:focus, html .sb-input > select.sb-focus, html .sb-input > textarea:focus, html .sb-input > textarea.sb-focus { border: 1px solid #B8892F !important; box-shadow: 0 0 5px rgba(184, 137, 47, 0.25) !important; }
html .sb-input > input[type="checkbox"]:checked:before { color: #B8892F !important; }
html .sb-input.sb-input-btn > div { background-color: #B8892F !important; }
html .sb-input.sb-input-btn > div:hover { background-color: #8F6520 !important; }
html .sb-input-image .image:hover { border: 1px solid #B8892F !important; box-shadow: 0 0 5px rgba(184, 137, 47, 0.25) !important; }
html .sb-input-image .image:hover:before { color: #B8892F !important; }
html .sb-search-btn i:hover, html .sb-search-btn.sb-active i, html .sb-filter-btn i:hover, html .sb-filter-btn.sb-active i { color: #B8892F !important; }
html .sb-search-btn > input { border: 1px solid #B8892F !important; box-shadow: 0 0 5px rgba(184, 137, 47, 0.25) !important; }
html .sb-popup.sb-emoji .sb-emoji-bar > div.sb-active, html .sb-popup.sb-emoji .sb-emoji-bar > div:hover { background: #B8892F !important; }
html .sb-select:not(.sb-disabled) p:hover { color: #B8892F !important; }
html div ul.sb-menu li.sb-active, html .sb-select ul li.sb-active { color: #B8892F !important; }
html div ul.sb-menu li:hover, html .sb-select ul li:hover { color: #B8892F !important; }
html .sb-rich-message .sb-input > span.sb-active { color: #B8892F !important; }
html .sb-rich-message .sb-card .sb-card-btn, html .sb-rich-message .sb-slider .sb-card-btn { color: #B8892F !important; }
html .sb-rich-message .sb-card .sb-card-btn:hover, html .sb-rich-message .sb-slider .sb-card-btn:hover { color: #8F6520 !important; }
html .sb-rich-message .sb-slider-arrow:hover { color: #B8892F !important; }
html .sb-list .sb-rich-select p:hover { border: 1px solid #B8892F !important; box-shadow: 0 0 5px rgba(184, 137, 47, 0.25) !important; }
html .sb-articles > div:hover > div { color: #B8892F !important; }
html .sb-articles > div.sb-title { color: #B8892F !important; }
html .sb-ul > span:before { background: #B8892F !important; }
html .sb-chat .sb-scroll-area .sb-header { background-color: #B8892F !important; }
html .sb-chat .sb-header-hide + .sb-scroll-area { border-top: 2px solid #B8892F !important; }
html .sb-chat .sb-dashboard > div > .sb-btn:hover { color: #B8892F !important; }
html .sb-chat .sb-init-form .sb-input-btn .sb-btn:hover { color: #B8892F !important; border-color: #B8892F !important; }
html .sb-chat-btn { background-color: #B8892F !important; }
html .sb-chat-btn:hover { background-color: #8F6520 !important; }
/* Chat stays closed until opened: no greeting bubble popping up over the page. */
html .sb-chat .sb-popup-message { display: none !important; }
/* Karat TV additions: obsidian header, gold launcher, readable text on gold */
html .sb-chat .sb-scroll-area .sb-header { background: #0B0B0C !important; border-bottom: 2px solid #D4A84B !important; }
html .sb-chat .sb-scroll-area .sb-header, html .sb-chat .sb-scroll-area .sb-header a, html .sb-chat .sb-scroll-area .sb-header .sb-title, html .sb-chat .sb-scroll-area .sb-header .sb-text, html .sb-chat .sb-scroll-area .sb-header .sb-icon, html .sb-chat .sb-scroll-area .sb-header [class*="sb-icon"], html .sb-chat .sb-scroll-area .sb-header .sb-btn { color: #F4EFE4 !important; }
html .sb-chat .sb-scroll-area .sb-header .sb-title { font-family: Cinzel, Georgia, serif !important; letter-spacing: 0.04em !important; }
html .sb-chat-btn { background: linear-gradient(135deg, #F6E4A6, #D4A84B 55%, #B8892F) !important; color: #1A1300 !important; box-shadow: 0 8px 24px rgba(212, 168, 75, 0.35) !important; }
html .sb-chat-btn:hover { background: linear-gradient(135deg, #FFF1C2, #E3BC63 55%, #C99A3C) !important; }
html .sb-chat-btn:before, html .sb-chat-btn i, html .sb-chat-btn span { color: #1A1300 !important; }
html .sb-list > div.sb-right .sb-message, html .sb-list > div.sb-right .sb-message a { color: #1A1300 !important; }
html .sb-btn, html a.sb-btn, html .sb-input.sb-input-btn > div { background-color: #B8892F !important; border-color: #B8892F !important; color: #1A1300 !important; }
html .sb-btn:hover, html a.sb-btn:hover, html .sb-input.sb-input-btn > div:hover { background-color: #D4A84B !important; border-color: #D4A84B !important; color: #1A1300 !important; }
html .sb-chat .sb-editor .sb-submit { color: #8F6520 !important; }
html .sb-chat, html .sb-chat .sb-scroll-area { font-family: Montserrat, Arial, sans-serif !important; }
/* Karat TV: gold agent avatar on this site only (Support Board's shared agent keeps its own picture elsewhere) */
html .sb-chat img[src$="support-avatar.png"], html .sb-chat img[src*="/uploads/support-avatar"] { content: url("/brand/agent-gold.svg"); border-radius: 50% !important; background: #151517 !important; }
html .sb-chat [style*="support-avatar.png"] { background-image: url("/brand/agent-gold.svg") !important; background-color: #151517 !important; }