/* Orbi 1.3 · servidor de mídia opcional (LiveKit): assistir sem entrar na voz */
.lk-stage .stage-video{ position:relative; }
.lk-overlay{ position:absolute; inset:0; z-index:2; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:12px; padding:16px; text-align:center; color:#f3f3f3; background:#000c; font-size:13px; }
.lk-overlay[hidden]{ display:none; }
.lk-spin{ width:26px; height:26px; border-radius:50%; border:3px solid #ffffff2e; border-top-color:var(--brand,#FCAD08); animation:lk-spin .9s linear infinite; }
@keyframes lk-spin{ to{ transform:rotate(1turn); } }
@media (prefers-reduced-motion:reduce){ .lk-spin{ animation-duration:3s; } }
.lk-sound{ position:absolute; z-index:3; left:12px; bottom:12px; }
.lk-sound[hidden]{ display:none; }
.lk-via{ flex:none; font-size:11px; padding:2px 9px; border-radius:999px; color:var(--muted,#9a9a9a); border:1px solid var(--line,#ffffff1f); white-space:nowrap; }
.lk-note{ margin-top:10px; padding:9px 12px; border-radius:10px; font-size:12px; line-height:1.45; color:var(--muted,#9a9a9a); background:var(--bg-1,#ffffff0a); border:1px solid var(--line,#ffffff1f); }
@media (max-width:760px){ .lk-via{ display:none; } }

/* Barra do palco: uma linha em telas largas (o título cede espaço, as etiquetas aparecem quando há largura) e duas abaixo de 560 px. */
#lk-stage{ container:lkstage / inline-size; }
#app.orbi-layout #lk-stage .stage-bar{ flex-wrap:nowrap; align-items:center; gap:8px; padding:8px 10px; }
#app.orbi-layout #lk-stage .stage-bar>*{ flex:none; }
#app.orbi-layout #lk-stage .stage-bar>b{ flex:1 1 auto; min-width:48px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
#app.orbi-layout #lk-stage .stage-bar>.grow,#app.orbi-layout #lk-stage .stage-bar>.res-tag,#app.orbi-layout #lk-stage .stage-bar>.lk-via{ display:none; }
#app.orbi-layout #lk-stage .stage-bar .vol{ gap:5px; }
#app.orbi-layout #lk-stage .stage-bar .vol input{ width:72px; }
@container lkstage (min-width:820px){
  #app.orbi-layout #lk-stage .stage-bar>.res-tag{ display:block; }
  #app.orbi-layout #lk-stage .stage-bar>.lk-via{ display:inline-block; }
  #app.orbi-layout #lk-stage .stage-bar .vol input{ width:96px; }
}
@container lkstage (max-width:560px){
  /* Duas linhas de propósito: título e ícones em cima, os dois botões de texto embaixo. */
  #app.orbi-layout #lk-stage .stage-bar{ flex-wrap:wrap; }
  #app.orbi-layout #lk-stage .stage-bar>b{ flex:1 1 56px; }
  #app.orbi-layout #lk-stage .stage-bar>[data-lk-join],#app.orbi-layout #lk-stage .stage-bar>[data-orbi-theater]{ order:1; flex:1 1 40%; }
}

/* Orbi 1.4 · estado do servidor de mídia e player único em "Transmissões" */
.lk-pill{ position:fixed; z-index:60; left:50%; bottom:84px; transform:translateX(-50%); max-width:min(92vw,520px); padding:9px 16px; border-radius:999px; font-size:13px; line-height:1.35; text-align:center; color:#f3f3f3; background:#2a1d05f2; border:1px solid #FCAD0866; box-shadow:0 6px 24px #0008; }
.lk-pill[hidden]{ display:none; }
#home-view>#lk-stage.stage{ position:relative; margin:0 0 16px; max-width:100%; }
#home-view>#lk-stage .stage-video{ aspect-ratio:16/9; max-height:min(68vh,720px); width:100%; background:#000; border-radius:14px 14px 0 0; overflow:hidden; }
#home-view>#lk-stage .stage-video video{ width:100%; height:100%; object-fit:contain; background:#000; }

/* Indicador antes de "Transmissões": cinza sem transmissões, âmbar com pelo menos uma. Verde fica para online e voz. */
.orbi-stream-dot{ display:inline-block; flex:none; width:9px; height:9px; margin:0 -2px 0 0; border-radius:50%; background:#8a8f98; box-shadow:0 0 0 0 #FCAD0800; transition:background-color .25s ease; vertical-align:middle; }
.orbi-stream-dot.on{ background:#FCAD08; }
.orbi-stream-dot.glow{ animation:orbi-stream-glow .7s ease-out 1; }
@keyframes orbi-stream-glow{ 0%{ box-shadow:0 0 0 0 #FCAD08cc; } 100%{ box-shadow:0 0 0 9px #FCAD0800; } }
@media (prefers-reduced-motion:reduce){ .orbi-stream-dot{ transition:none; } .orbi-stream-dot.glow{ animation:none; } }
.sr-only{ position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }

/* 1.4.1 · diagnóstico das transmissões (dono) */
.orbi-diag-modal .dg{ display:flex; flex-direction:column; gap:14px; }
.dg-sec h3{ font-size:13px; margin:0 0 6px; color:var(--muted,#9a9a9a); font-weight:600; text-transform:none; }
.dg-sec p,.dg-sec li{ font-size:13px; line-height:1.5; margin:0; }
.dg-verdict{ list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:6px; }
.dg-verdict li{ padding:8px 12px; border-radius:10px; border:1px solid var(--brand,#FCAD08); background:#fcad0814; }
.dg-verdict li.dg-ok{ border-color:var(--line,#ffffff1f); background:transparent; color:var(--muted,#9a9a9a); }
.dg-card{ border:1px solid var(--line,#ffffff1f); border-radius:12px; padding:10px 12px; margin-bottom:8px; }
.dg-card header{ display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:6px; }
.dg-card dl{ display:grid; grid-template-columns:max-content 1fr; gap:3px 12px; margin:0; font-size:12.5px; }
.dg-card dt{ color:var(--muted,#9a9a9a); } .dg-card dd{ margin:0; overflow-wrap:anywhere; }
.dg-chip{ font-size:11px; padding:2px 9px; border-radius:999px; border:1px solid var(--line,#ffffff1f); color:var(--muted,#9a9a9a); }
.dg-empty,.dg-off{ color:var(--muted,#9a9a9a); font-size:13px; }
.dg-events{ margin:6px 0 0; padding-left:18px; color:var(--muted,#9a9a9a); }
.dg-stamp{ margin-right:auto; font-size:12px; color:var(--muted,#9a9a9a); }