/* Lives do MuDivine: quadro "Ao vivo agora" (js/lives.js) e o Painel de Lives (/lives/).
   Cores próprias: o quadro aparece tanto na home (landing) quanto nas páginas internas. */
.dvn-lives{position:fixed;right:18px;bottom:18px;z-index:65;width:min(330px,calc(100vw - 24px));overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(16,19,24,.97);box-shadow:0 18px 50px rgba(0,0,0,.55);color:#eef0f3;font:14px/1.35 Manrope,system-ui,sans-serif;animation:dvn-lives-entra .35s ease-out}
body:has(.admincp-button) .dvn-lives{bottom:62px}
.dvn-lives.is-acima,body:has(.admincp-button) .dvn-lives.is-acima{bottom:84px}
.dvn-lives{transition:bottom .25s ease}
@keyframes dvn-lives-entra{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.dvn-lives a{color:inherit;text-decoration:none}
.dvn-lives-topo{display:flex;align-items:center;gap:8px;padding:11px 14px}
.dvn-lives-topo b{font-weight:800}
.dvn-lives-ponto{width:10px;height:10px;border-radius:50%;background:#e5484d;box-shadow:0 0 0 0 rgba(229,72,77,.6);animation:dvn-lives-pulsa 1.8s infinite;flex:none}
@keyframes dvn-lives-pulsa{70%{box-shadow:0 0 0 7px rgba(229,72,77,0)}100%{box-shadow:0 0 0 0 rgba(229,72,77,0)}}
.dvn-lives-ocultar{margin-left:auto;padding:4px 6px;border:0;background:none;color:#9aa3ad;font:700 11px Manrope,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;cursor:pointer}
.dvn-lives-ocultar:hover{color:#fff}
.dvn-lives-destaque{position:relative;display:block;aspect-ratio:16/9;background:#05070a;overflow:hidden}
.dvn-lives-destaque img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}
.dvn-lives-destaque:hover img{transform:scale(1.03)}
.dvn-lives-destaque::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.8))}
.dvn-lives-selo{position:absolute;top:8px;right:8px;z-index:1;padding:4px 9px;border-radius:999px;background:#f2c94c;color:#1c1405;font:800 10px Manrope,system-ui,sans-serif;letter-spacing:.04em;text-transform:uppercase}
.dvn-lives-plat{position:absolute;top:8px;left:8px;z-index:1;padding:3px 7px;border-radius:4px;font:800 10px Manrope,system-ui,sans-serif;color:#fff}
.dvn-lives-twitch{background:#9146ff}
.dvn-lives-youtube{background:#ff0033}
.dvn-lives-kick{background:#53fc18;color:#0b0e0b!important}
.dvn-lives-legenda{position:absolute;left:10px;right:10px;bottom:8px;z-index:1;color:#d7dbe0;font-size:12px;text-shadow:0 1px 3px #000}
.dvn-lives-legenda b{display:block;color:#fff;font-size:15px}
.dvn-lives-outras{display:flex;gap:10px;padding:12px 14px;overflow-x:auto;border-top:1px solid rgba(255,255,255,.06);scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}
.dvn-lives-outras::-webkit-scrollbar{height:5px}
.dvn-lives-outras::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:3px}
.dvn-lives-outra{flex:0 0 108px;padding:4px;border:2px solid transparent;border-radius:6px;transition:border-color .2s}
.dvn-lives-outra:hover{border-color:#53fc18}
.dvn-lives-mini{position:relative;display:block;aspect-ratio:16/9;background:#05070a;border-radius:3px;overflow:hidden}
.dvn-lives-mini img{width:100%;height:100%;object-fit:cover;display:block}
.dvn-lives-mini i{position:absolute;left:4px;top:4px;width:8px;height:8px;border-radius:50%}
.dvn-lives-outra b{display:block;margin-top:5px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dvn-lives-outra small{color:#9aa3ad;font-size:11px}
.dvn-lives-pe{display:block;padding:10px;text-align:center;border-top:1px solid rgba(255,255,255,.06);color:#f2c94c!important;font:700 12px Manrope,system-ui,sans-serif}
.dvn-lives-pe:hover{background:rgba(242,201,76,.06)}
.dvn-lives-pilula{display:none}
/* Oculto: vira uma pílula "● 2 ao vivo" que abre de novo. */
.dvn-lives.is-oculto{width:auto;border-radius:999px}
.dvn-lives.is-oculto > :not(.dvn-lives-pilula){display:none}
.dvn-lives.is-oculto .dvn-lives-pilula{display:flex;align-items:center;gap:8px;padding:9px 14px;border:0;background:none;color:#fff;font:800 12px Manrope,system-ui,sans-serif;cursor:pointer}
@media(max-width:640px){.dvn-lives{right:12px;bottom:12px}.dvn-lives:not(.is-oculto) .dvn-lives-outras{display:none}}
@media(prefers-reduced-motion:reduce){html:not(.force-motion) .dvn-lives,html:not(.force-motion) .dvn-lives-ponto{animation:none}}

/* Painel de Lives (/lives/) */
.dvn-painel-lives{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(240px,1fr);gap:18px;align-items:start;color:var(--cream,#eee)}
.dvn-painel-player{position:relative;aspect-ratio:16/9;background:#000;border:1px solid var(--line,#333)}
.dvn-painel-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.dvn-painel-info{padding:12px 0}
.dvn-painel-info h2{margin:0 0 4px;font:700 20px/1.3 Manrope,sans-serif}
.dvn-painel-info p{margin:0;color:var(--muted,#999);font-size:14px}
.dvn-painel-info a{color:var(--gold-pale,#f1d58f)}
.dvn-painel-lista{display:grid;gap:10px}
.dvn-painel-lista a{display:grid;grid-template-columns:120px minmax(0,1fr);gap:10px;padding:8px;border:1px solid var(--line,#333);background:#101216;color:var(--cream,#eee);text-decoration:none}
.dvn-painel-lista a.is-ativa{border-color:#f2c94c}
.dvn-painel-lista img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}
.dvn-painel-lista b{display:block;font-size:14px}
.dvn-painel-lista small{display:block;color:var(--muted,#999);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dvn-painel-canais{margin-top:26px}
.dvn-painel-canais h3{font:600 18px Cinzel,serif;color:var(--gold-pale,#f1d58f)}
.dvn-painel-canais ul{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}
.dvn-painel-canais li a{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border:1px solid var(--line,#333);color:var(--cream,#eee);text-decoration:none;font-size:13px}
.dvn-painel-canais li a .dvn-lives-ponto{width:8px;height:8px}
.dvn-painel-canais li a i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#555}
.dvn-painel-vazio{padding:40px 20px;text-align:center;border:1px dashed var(--line,#333);color:var(--muted,#999)}
@media(max-width:900px){.dvn-painel-lives{grid-template-columns:1fr}}