/* INNOS Chat brand accents. Keep conversation bubbles and personal palettes intact. */
:root{--innos-chat-brand:#1D4ED8}
body .topbar{background:var(--innos-chat-brand)!important;color:#fff!important;border:0;border-bottom:2px solid #153DAA!important;border-radius:12px;padding:10px 16px;box-shadow:0 2px 0 rgba(29,78,216,.2)}
body .topbar :is(h1,.eyebrow,a,button,label,span){color:#fff!important}
body .topbar :is(a,button){background:transparent!important;border-color:transparent!important;text-decoration:none}
body .topbar :is(a,button):is(:hover,:focus-visible,[aria-current=page],[aria-expanded=true]){background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.24)!important}
body .topbar :is(a,button):focus-visible{outline:2px solid #fff!important;outline-offset:2px}
/* Navigation labels on the brand header must not inherit blue text from
   personal/compact chat styles. Do not recolor the separate popup panel. */
body.room-directory .shell .topbar>.section-actions>:is(a,button,#customerConsultMenu):not(.chat-header-icon):not(.room-list-search-toggle),
body.clean-chat .shell .topbar>.section-actions>:is(a,button,#customerConsultMenu):not(.chat-header-icon):not(.room-list-search-toggle){color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;font-weight:600!important;text-shadow:none!important}
body.room-directory .shell .topbar>.section-actions>:is(a,button):not(.chat-header-icon):not(.room-list-search-toggle):focus-visible{outline:2px solid #fff!important;outline-offset:2px}
/* The top bar is blue, but its expanded menu is a separate white surface. */
body .topbar #homeMoreMenu .compact-chat-menu-panel{background:#fff!important;color:#172033!important}
body .topbar #homeMoreMenu .compact-chat-menu-panel :is(a,button,span,label){color:#172033!important}
body.room-directory .shell .topbar #homeMoreMenu .compact-chat-menu-panel :is(a,button,span,label){color:#172033!important;-webkit-text-fill-color:#172033!important}
body .topbar #homeMoreMenu .compact-chat-menu-panel :is(a,button):is(:hover,:focus-visible){background:#eaf1ff!important;color:#172033!important}
body .topbar #homeMoreMenu .compact-chat-menu-panel button[data-menu-icon="◇"]::before{content:""!important}
:root[data-theme="dark"] body .topbar #homeMoreMenu .compact-chat-menu-panel{background:#182235!important;color:#f3f4f6!important}
:root[data-theme="dark"] body .topbar #homeMoreMenu .compact-chat-menu-panel :is(a,button,span,label){color:#f3f4f6!important}
:root[data-theme="dark"] body.room-directory .shell .topbar #homeMoreMenu .compact-chat-menu-panel :is(a,button,span,label){color:#f3f4f6!important;-webkit-text-fill-color:#f3f4f6!important}
:root[data-theme="dark"] body .topbar #homeMoreMenu .compact-chat-menu-panel :is(a,button):is(:hover,:focus-visible){background:#253249!important;color:#f3f4f6!important}
:root[data-chat-style]:not([data-chat-style=default]) body .topbar .section-actions a{background:transparent!important;border-color:transparent!important;color:#fff!important}
:root[data-chat-style]:not([data-chat-style=default]) body .topbar .section-actions a:is(:hover,:focus-visible){background:rgba(255,255,255,.18)!important;border-color:rgba(255,255,255,.24)!important}
body .topbar .chat-design-own-avatar{background:#fff!important;color:var(--innos-chat-brand)!important}
body.room-directory .rooms #newConversation,
body .chat #sendMessage:not(:disabled),
body .room-pin-save,
body .room-directory .room-design-filters button[aria-pressed=true],
body.room-directory .room-design-filters button[aria-pressed=true],
body .customer-directory>header button:first-of-type,
body .customer-directory form button,
body .conversation-modes .mode.active{background:var(--innos-chat-brand)!important;border-color:var(--innos-chat-brand)!important;color:#fff!important}
body .rooms .unread-badge{background:var(--innos-chat-brand)!important;color:#fff!important}
body.room-directory .rooms .room.active{box-shadow:inset 3px 0 var(--innos-chat-brand)!important}
body .room-pin-list input{accent-color:var(--innos-chat-brand)}
body #customerConsultSidebar>header{background:var(--innos-chat-brand)!important;color:#fff!important}
body #customerConsultSidebar>header :is(h2,button){color:#fff!important}
body #customerConsultSidebar>header button{background:transparent!important;border-color:rgba(255,255,255,.35)!important}
body #customerConsultSidebar>header button:hover{background:rgba(255,255,255,.18)!important}
body #customerConsultFolder .customer-directory .cd-card.active>button:first-child{box-shadow:inset 3px 0 var(--innos-chat-brand)!important}
body :is(.rooms,.chat) :is(button,input,textarea):focus-visible{outline-color:var(--innos-chat-brand)!important}
body.room-directory .rooms .room{border-bottom:1px solid #C6CFDA!important}
:root[data-theme=dark] body.room-directory .rooms .room{border-bottom-color:#526176!important}
@media(max-width:600px){body .topbar{padding:10px 12px;border-radius:0}body .topbar>div:first-child{width:100%;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.45)}body.room-directory:not(.customer-room-open) .layout,body.room-directory.customer-room-open .layout{margin-top:0!important}body.room-directory .rooms{border-top:2px solid #C6CFDA!important}}