/* Aviso exclusivo de conectividade. Nao afeta posicionamento do chat. */
.connection-banner{position:fixed;z-index:45;top:14px;right:16px;display:flex;align-items:center;gap:9px;max-width:min(490px,calc(100vw - 32px));padding:10px 12px;border:1px solid #ecc688;border-radius:9px;background:#fff8e9;box-shadow:0 7px 26px #292a3426;color:#734c19;font-size:10.5px;font-weight:590}
.connection-dot{width:8px;height:8px;flex:none;border-radius:50%;background:#d58a32}
.connection-banner button{flex:none;border-radius:5px;padding:6px 8px;background:#f5e5c8;color:#805315;font-size:10px;font-weight:740}
.connection-banner button:hover{background:#edd3a7}
.sidebar-live.is-offline{color:#b25f37}.sidebar-live.is-offline i{background:#d89139}
@media(max-width:540px){.connection-banner{top:8px;right:8px;left:64px;max-width:none;align-items:flex-start}.connection-banner button{align-self:center}}

/* Dark — perda de conexao */
:root[data-theme="dark"] .connection-banner{background:#423520;border-color:#84623d;color:#ffe2b7}
:root[data-theme="dark"] .connection-banner button{background:#71502b;color:#fff1db}
:root[data-theme="dark"] .connection-banner button:hover{background:#875e31}