/* Tema completo do chat e barras de rolagem; sem personalização global dos controles. */
:root{--scroll-track:#e9edf4}
:root[data-theme=dark]{--scroll-track:#151a25}
/* Standard scrollbar fallback; WebKit uses the full three-color thumb. */
html,body,body *{scrollbar-width:thin;scrollbar-color:#064bc5 var(--scroll-track)}
@supports selector(::-webkit-scrollbar){
 html,body,body *{scrollbar-color:auto;scrollbar-width:auto}
 ::-webkit-scrollbar{width:10px;height:10px}
 ::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:10px}
 ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#064bc5 0%,#064bc5 32%,#db0029 67%,#171b25 100%);border:2px solid var(--scroll-track);border-radius:10px;min-height:35px}
 ::-webkit-scrollbar-thumb:horizontal{background:linear-gradient(90deg,#064bc5 0%,#db0029 67%,#171b25 100%)}
 ::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1268f0,#ec1642 65%,#292f40)}
 ::-webkit-scrollbar-corner{background:var(--scroll-track)}
 .camera-filters::-webkit-scrollbar{display:block;height:6px}
}
.chat-layout.chat-themed{position:relative;isolation:isolate;background:#111a2a;border-color:#ffffff1e;--scroll-track:#131d30;--control-ink:#cbdcff}
.chat-layout.chat-themed>#chat-ambience{position:absolute;inset:0;z-index:0;pointer-events:none}
.chat-layout.chat-themed>.inbox,.chat-layout.chat-themed>.chat-thread{position:relative;z-index:1}
.chat-layout.chat-themed>.chat-thread{background:transparent!important}
@media(min-width:651px){
 .chat-layout.chat-themed>.inbox{background:#10182dcc!important;color:#f3f6ff;border-right:1px solid #ffffff20;backdrop-filter:blur(14px)}
 .chat-themed .inbox-head{background:transparent;border-color:#ffffff1a}
 .chat-themed .inbox-head h2,.chat-themed .conversation strong{color:#f5f7ff}
 .chat-themed .inbox-head p,.chat-themed .conversation p{color:#b8c8e1}
 .chat-themed .inbox-eyebrow{color:#99bbff}
 .chat-themed .inbox .conversation{background:#ffffff04;border-color:transparent;color:#f1f5ff}
 .chat-themed .inbox .conversation:hover,.chat-themed .inbox .conversation.active{background:linear-gradient(110deg,#2858a74d,#a5284029)!important;border-color:#ffffff22}
 .chat-themed .inbox .conversation .avatar{box-shadow:0 0 0 3px #ffffff0c}
 .chat-themed .inbox-head>.icon-btn{background:#253654;border-color:#526994;color:#cbdcff}
 .chat-themed .inbox-flame{background:#422c2ee8;border-color:#b9804540;color:#ffd2a0}
 .chat-themed .inbox .empty p{color:#b8c8e1}
}
@media(forced-colors:active){html,body,body *{scrollbar-color:auto}}