/* Vídeos da palestra (web/videos.js): a aba Vídeos, os três caminhos e o teleprompter da narração.
   Marca: verde #37F623 como sinal, roxo só no "Sua vez", cantos retos no escuro, Degular Display em caixa alta nos títulos. */

/* abas da palestra: cinco cabem em 390 px */
.pe-abas.cinco{grid-template-columns:repeat(5,1fr)}
.pe-abas.cinco button{font-size:11px;letter-spacing:.06em}

.vd-cab{display:flex;flex-direction:column;gap:2px;margin-bottom:14px}.vd-cab .h2{margin:0}.vd-cab p{margin:0;font-size:13.5px;color:var(--mudo)}
.vd-rot{font-family:var(--t-rotulo);font-weight:600;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--verde)}
.vd-nota{margin:8px 0 0;font-size:13.5px;line-height:1.4;color:var(--mudo)}
.vd-links{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:14px}.vd-links button{font-size:13.5px;color:var(--mudo);text-decoration:underline;text-underline-offset:3px;min-height:32px}

/* andamento em etapas: cinco barras retas, a atual pulsa */
.vd-anda{padding:16px;background:var(--card);border:1px solid var(--linha);margin-bottom:14px}
.vd-anda.voce{border-color:var(--roxo);box-shadow:inset 4px 0 0 var(--roxo)}
.vd-trilho{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin:0 0 14px;padding:0;list-style:none}
.vd-trilho li{display:flex;flex-direction:column;gap:6px;min-width:0}
.vd-trilho i{display:block;height:5px;background:var(--linha)}
.vd-trilho li.ok i{background:var(--verde)}
.vd-trilho li.agora i{background:var(--verde);animation:pisca 1.2s infinite}
.vd-anda.voce .vd-trilho li.agora i{background:var(--roxo);animation:none}
.vd-trilho span{font-family:var(--t-rotulo);font-weight:600;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--mudo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vd-trilho li.ok span,.vd-trilho li.agora span{color:var(--off)}
.vd-anda-tx{display:flex;align-items:center;gap:10px}.vd-anda-tx b{font:900 18px/1.12 var(--t-display);text-transform:uppercase;letter-spacing:.01em;color:var(--branco)}
.vd-anda-tx .pulso{color:var(--verde)}
.vd-vez{flex:none;padding:4px 8px;background:var(--roxo);color:#fff;font:600 10.5px/1 var(--t-rotulo);letter-spacing:.12em;text-transform:uppercase}
.vd-anda-sub{margin:8px 0 0;font-size:14px;color:var(--off)}
.vd-anda-t{margin:8px 0 0;font-size:12.5px;line-height:1.4;color:var(--mudo)}
.vd-barra{height:3px;background:var(--linha);margin:12px 0 0}.vd-barra i{display:block;height:100%;background:var(--verde);transition:width .6s}

/* vídeo pronto */
.vd-pronto{padding:14px;background:var(--card);border:1px solid var(--linha);margin-bottom:14px}
.vd-pronto-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}
.vd-selo{flex:none;padding:5px 8px;font:600 10.5px/1 var(--t-rotulo);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--linha);color:var(--mudo)}
.vd-selo.ok{background:var(--verde);border-color:var(--verde);color:#000}
.vd-selo.pend{border-color:var(--verde);color:var(--verde)}
.vd-tela{display:flex;justify-content:center;background:#000;margin:0 -14px}
.vd-video{display:block;width:auto;max-width:100%;height:min(50vh,430px);aspect-ratio:9/16;background:#000;object-fit:contain}
.vd-meta{margin:10px 0 0;font-size:13px;color:var(--mudo)}.vd-meta a{color:var(--verde);text-decoration:underline;text-underline-offset:3px}
.vd-acts{display:flex;gap:8px;margin-top:12px}.vd-acts .btn{flex:1;min-height:48px;font-size:14px;padding:0 10px}
.vd-sobre{display:flex;align-items:center;gap:12px;width:100%;margin-top:10px;padding:12px 14px;text-align:left;border:1px dashed var(--verde);color:var(--off)}
.vd-sobre svg{color:var(--verde)}.vd-sobre span{font-size:13px;line-height:1.35;color:var(--mudo)}.vd-sobre b{display:block;font:900 15px/1.1 var(--t-display);text-transform:uppercase;letter-spacing:.02em;color:var(--branco);margin-bottom:2px}
.vd-vazio{padding:18px 16px;border:1px dashed var(--linha)}.vd-vazio b{display:block;font:900 18px/1.1 var(--t-display);text-transform:uppercase;color:var(--branco)}.vd-vazio span{display:block;margin-top:6px;font-size:14px;color:var(--mudo)}
.vd-erro{padding:14px 16px;border:1px solid var(--erro);margin-bottom:14px}.vd-erro b{color:var(--erro)}.vd-erro p{margin:6px 0 0;font-size:13.5px}

/* roteiro para conferir */
.vd-rt{padding:16px 14px;background:var(--card);border:1px solid var(--linha);margin-bottom:14px}
.vd-rt-cab{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.vd-rt-cab span{font-size:12.5px;color:var(--mudo)}
.vd-rt-bl{margin:12px 0}.vd-rt-bl>span{display:block;margin-bottom:5px;font:600 11px/1.2 var(--t-rotulo);letter-spacing:.12em;text-transform:uppercase;color:var(--mudo)}
.vd-rt-bl textarea{width:100%;padding:11px 12px;font:400 16.5px/1.45 var(--t-texto);color:var(--off);background:var(--preto);border:1px solid var(--linha);border-radius:0;resize:vertical}
.vd-rt-bl textarea:focus{outline:none;border-color:var(--verde)}
.vd-rt-bl.fixo p{margin:0;padding:10px 12px;font-size:13.5px;line-height:1.4;color:var(--mudo);border-left:3px solid var(--linha);background:var(--card2)}.vd-rt-bl.fixo em{display:block;margin-top:6px;color:var(--off);font-style:normal}
.vd-quem-t{margin:18px 0 8px}
.vd-quem{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.vd-op{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:14px 12px;text-align:left;border:2px solid var(--linha);color:var(--off)}
.vd-op b{font:900 17px/1.05 var(--t-display);text-transform:uppercase;letter-spacing:.02em;color:var(--branco)}
.vd-op span{font-size:12.5px;line-height:1.3;color:var(--mudo)}.vd-op svg{color:var(--verde)}
.vd-op.forte{background:var(--verde);border-color:var(--verde)}.vd-op.forte b,.vd-op.forte span,.vd-op.forte svg{color:#000}
.vd-op.indo{opacity:.6}

/* roteiro validado: falta gravar */
.vd-grav{padding:14px;background:var(--card);border:1px solid var(--linha);margin-bottom:14px}.vd-grav>p:first-child{margin:0 0 12px;font-size:14.5px;line-height:1.45}

/* três caminhos */
.vd-cams{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.vd-cam{display:flex;gap:14px;padding:16px 14px;background:var(--card);border:1px solid var(--linha)}
.vd-cam.forte{border-color:var(--verde)}
.vd-cam-n{flex:none;font:900 30px/.9 var(--t-display);color:var(--verde);letter-spacing:.02em;min-width:38px}
.vd-cam-c{flex:1;min-width:0}.vd-cam h3{margin:0 0 6px;font:900 18px/1.1 var(--t-display);text-transform:uppercase;letter-spacing:.02em;color:var(--branco)}
.vd-cam p{margin:0;font-size:14px;line-height:1.42;color:var(--off);opacity:.86}
.vd-cam-pe{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px}.vd-cam-pe>span{font-size:12px;line-height:1.3;color:var(--mudo)}
.vd-cam-pe .btn{flex:none;min-height:42px;padding:0 14px;font-size:13.5px}
.vd-cam.off .vd-cam-n{color:var(--mudo)}
.vd-ocupado{font-size:12px;font-style:normal;color:var(--mudo);text-align:right}
.vd-solto{display:block;margin-top:10px;font-size:13px;color:var(--mudo);text-decoration:underline;text-underline-offset:3px;text-align:left}

/* folhas */
.vd-folha .h2{margin-bottom:4px}.vd-durs{display:flex;flex-wrap:wrap;gap:8px;padding:0}
.vd-reel-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 4px}
.vd-reel-grade button{position:relative;aspect-ratio:9/14;background:#000;overflow:hidden;border:1px solid var(--linha)}
.vd-reel-grade img{width:100%;height:100%;object-fit:cover}
.vd-reel-grade span{position:absolute;left:0;right:0;bottom:0;padding:5px 6px;font:600 11.5px/1.2 var(--t-texto);color:#fff;background:rgba(0,0,0,.66);text-align:left}

/* Reels dentro da aba */
#vd-reels .rl-sec{margin-top:0}
/* a pílula "Reels: N para aprovar" cobria os botões; na aba Vídeos (onde os Reels já estão) e no teleprompter ela sai */
body:has(.pe-painel[data-pp="videos"]:not([hidden])) #rl-pilula,body:has(.tp.vt) #rl-pilula{display:none}

/* trechos que saíram na voz da IA: a vez é de quem narrou (roxo, como o "Sua vez") */
.vd-avisos{margin:12px 0 0;padding:12px 14px;border:1px solid var(--roxo);box-shadow:inset 4px 0 0 var(--roxo);background:var(--card2)}
.vd-avisos>b{display:block;font:900 15px/1.1 var(--t-display);text-transform:uppercase;letter-spacing:.02em;color:var(--branco)}
.vd-avisos ul{margin:8px 0 0;padding:0;list-style:none}
.vd-avisos li{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:8px 0;border-top:1px solid var(--linha);font-size:13.5px;line-height:1.4;color:var(--off)}
.vd-avisos li:first-child{border-top:0;padding-top:2px}
.vd-avisos .btn{min-height:40px;padding:0 14px;font-size:13.5px}
.vd-avisos-l{margin:10px 0 0;padding:8px 0 0 12px;border-top:1px solid var(--linha);list-style:none;font-size:13px;line-height:1.4;color:var(--off)}
.vd-avisos-l li{position:relative;margin:2px 0}.vd-avisos-l li:before{content:"";position:absolute;left:-12px;top:.5em;width:6px;height:6px;background:var(--roxo)}
.vt-ja{margin:-6px 0 16px;padding:10px 12px;border-left:3px solid #37F623;background:#151517;font-size:14px;line-height:1.42;color:#E8E5DC}

/* ---------- teleprompter da narração ---------- */
.tp.vt{background:#0C0C0D;color:#F5F2E9;display:flex;flex-direction:column}
.vt-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 16px;min-height:52px}
.vt-cab b{font:600 12px/1 var(--t-rotulo);letter-spacing:.14em;text-transform:uppercase;color:#9C9C96}
.vt-x{min-height:44px;padding:0 4px;font:600 14px/1 var(--t-texto);color:#F5F2E9}.vt-cab>span{min-width:52px}
.vt-prog{display:flex;gap:4px;padding:0 16px 6px}.vt-prog i{flex:1;height:4px;background:#26262A}.vt-prog i.ok{background:#37F623}.vt-prog i.agora{background:#F5F2E9}.vt-prog i.ok.agora{background:#37F623;box-shadow:0 2px 0 #F5F2E9}
.vt-corpo{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:18px 22px 24px}
.vt-ctx{margin:0 0 18px;padding:8px 0 8px 12px;border-left:3px solid #A700FF;font-size:13.5px;line-height:1.4;color:#BDBDB8}
.vt-ctx span{display:block;margin-bottom:3px;font:600 10.5px/1 var(--t-rotulo);letter-spacing:.14em;text-transform:uppercase;color:#9C9C96}
.vt-ctx.depois{margin:22px 0 0}
.vt-selo{display:inline-block;margin:0 0 12px;padding:5px 8px;background:#37F623;color:#000;font:600 11px/1 var(--t-rotulo);letter-spacing:.12em;text-transform:uppercase}
.vt-texto{margin:0;font-family:var(--t-texto);font-weight:600;line-height:1.38;color:#fff;letter-spacing:.005em}
.vt-corpo.gravando .vt-texto{color:#fff}
.vt-r,.vt-p{display:inline-block;vertical-align:-.08em;height:.78em;margin:0 .22em 0 .18em;border-left:3px solid #37F623}
.vt-p{width:9px;border-right:3px solid #37F623}
.vt-pe{padding:10px 16px calc(var(--sab) + 14px);border-top:1px solid #26262A;background:#0C0C0D}
.vt-info{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:12.5px;color:#9C9C96}
.vt-leg{display:flex;align-items:center;gap:2px}.vt-leg .vt-p{margin-left:10px}
.vt-ta{display:flex;gap:4px}.vt-ta button{min-width:40px;min-height:34px;font:600 13px/1 var(--t-texto);color:#F5F2E9;background:#1D1D20}
.vt-rec{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:62px;background:#37F623;color:#000;font:900 18px/1 var(--t-display);text-transform:uppercase;letter-spacing:.03em}
.vt-rec i{width:16px;height:16px;background:#FF3B3B}
.vt-rec.on{background:#FF3B3B;color:#fff}.vt-rec.on i{background:#fff;animation:pisca 1s infinite}
.vt-rec em{font-style:normal;font-variant-numeric:tabular-nums;font-family:var(--t-texto);font-weight:600;opacity:.9}
.vt-nivel{height:6px;background:#26262A;margin:0 0 10px;overflow:hidden}.vt-nivel i{display:block;width:0;height:100%;background:#37F623;transition:width .08s}
.vt-nivel.baixo i{background:#FFB020}
.vt-conta{display:flex;align-items:center;justify-content:center;min-height:62px;font:900 46px/1 var(--t-display);color:#37F623}
.vt-take{display:flex;align-items:center;gap:12px;margin-bottom:10px;font-size:13.5px;color:#BDBDB8}
.vt-play{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;min-width:44px;padding:0 14px;background:#1D1D20;color:#F5F2E9;font:600 14px/1 var(--t-texto)}
.vt-play svg{width:16px;height:16px}
.vt-acts{display:flex;gap:8px}.vt-acts .btn{flex:1;min-height:52px;font-size:15px}
.vt .btn{color:#F5F2E9;border-color:#3A3A3F}.vt .btn.verde{color:#000;border-color:#37F623;background:#37F623}
.vt .btn svg{width:16px;height:16px}
.vt-volta{display:block;margin:10px auto 0;font-size:13px;color:#9C9C96;text-decoration:underline;text-underline-offset:3px}
.vt-intro h2,.vt-rev-c h2{margin:6px 0 10px;font:900 30px/1 var(--t-display);text-transform:uppercase;letter-spacing:.01em;color:#fff}
.vt-lead{margin:0 0 18px;font-size:15.5px;line-height:1.45;color:#E8E5DC}
.vt-dicas{margin:0;padding:0;list-style:none;counter-reset:d}
.vt-dicas li{counter-increment:d;position:relative;padding:12px 0 12px 44px;border-top:1px solid #26262A}
.vt-dicas li:before{content:counter(d,decimal-leading-zero);position:absolute;left:0;top:12px;font:900 22px/1 var(--t-display);color:#37F623}
.vt-dicas b{display:block;font:900 16px/1.1 var(--t-display);text-transform:uppercase;letter-spacing:.02em;color:#fff;margin-bottom:4px}
.vt-dicas span{display:block;font-size:14px;line-height:1.42;color:#BDBDB8}
.vt-obs{margin:14px 0 0;padding:10px 12px;background:#151517;font-size:13px;line-height:1.4;color:#BDBDB8}
.vt-rev{margin:0 0 14px;padding:0;list-style:none}
.vt-rev li{display:flex;gap:12px;align-items:flex-start;padding:12px 0;border-top:1px solid #26262A}
.vt-rev li.tocando{box-shadow:inset 3px 0 0 #37F623;padding-left:10px}
.vt-rev-n{flex:none;font:900 20px/1 var(--t-display);color:#5A5A5F;min-width:28px}.vt-rev li.ok .vt-rev-n{color:#37F623}
.vt-rev li>div:first-of-type{flex:1;min-width:0}
.vt-rev p{margin:0;font-size:14px;line-height:1.4;color:#E8E5DC;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.vt-rev small{display:block;margin-top:4px;font-size:12px;color:#9C9C96}
.vt-rev-b{display:flex;flex-direction:column;gap:6px;align-items:stretch}
.vt-mini{min-height:36px;padding:0 10px;font:600 12.5px/1 var(--t-texto);color:#F5F2E9;border:1px solid #3A3A3F}
.vt-pe-nota{margin:8px 0 0;font-size:12.5px;text-align:center;color:#9C9C96}

/* ---------- tema claro (clean) ---------- */
html[data-tema="clean"] .vd-anda,html[data-tema="clean"] .vd-pronto,html[data-tema="clean"] .vd-rt,html[data-tema="clean"] .vd-grav,html[data-tema="clean"] .vd-cam{background:var(--card);border-color:var(--linha);border-radius:var(--raio)}
html[data-tema="clean"] .vd-anda.voce{border-color:var(--roxo)}
html[data-tema="clean"] .vd-cam.forte{border-color:var(--branco);box-shadow:inset 0 3px 0 var(--sinal)}
html[data-tema="clean"] .vd-cam-n{color:var(--branco)}
html[data-tema="clean"] .vd-cam h3,html[data-tema="clean"] .vd-anda-tx b,html[data-tema="clean"] .vd-op b,html[data-tema="clean"] .vd-vazio b,html[data-tema="clean"] .vd-sobre b{text-transform:none;font-family:var(--t-texto);font-weight:700;letter-spacing:0}
html[data-tema="clean"] .vd-rot{color:var(--mudo)}
html[data-tema="clean"] .vd-trilho li.ok i,html[data-tema="clean"] .vd-trilho li.agora i,html[data-tema="clean"] .vd-barra i{background:var(--sinal)}
html[data-tema="clean"] .vd-anda.voce .vd-trilho li.agora i{background:var(--roxo)}
html[data-tema="clean"] .vd-anda-tx .pulso{color:var(--verde)}
html[data-tema="clean"] .vd-tela{margin:0;border-radius:10px;overflow:hidden}
html[data-tema="clean"] .vd-selo{border-radius:6px;background:var(--card2);border-color:var(--card2);color:var(--off)}
html[data-tema="clean"] .vd-selo.ok{background:var(--sinal);border-color:var(--sinal);color:#000}
html[data-tema="clean"] .vd-selo.pend{background:var(--card);border-color:var(--borda);color:var(--off)}
html[data-tema="clean"] .vd-rt-bl textarea{background:var(--fundo);color:var(--off);border-color:var(--linha);border-radius:10px}
html[data-tema="clean"] .vd-rt-bl textarea:focus{border-color:var(--branco)}
html[data-tema="clean"] .vd-rt-bl.fixo p{background:var(--fundo);border-left-color:var(--borda);border-radius:0 8px 8px 0}
html[data-tema="clean"] .vd-op{border-width:1px;border-color:var(--borda);border-radius:var(--raio);background:var(--card)}
html[data-tema="clean"] .vd-op.forte{background:var(--branco);border-color:var(--branco)}.vd-op.forte svg{color:#000}
html[data-tema="clean"] .vd-op.forte b,html[data-tema="clean"] .vd-op.forte span{color:#fff}html[data-tema="clean"] .vd-op.forte svg{color:var(--sinal)}
html[data-tema="clean"] .vd-op svg,html[data-tema="clean"] .vd-sobre svg{color:var(--verde)}
html[data-tema="clean"] .vd-sobre{border-color:var(--borda);border-radius:var(--raio);background:var(--fundo)}
html[data-tema="clean"] .vd-vazio{border-radius:var(--raio);background:var(--card)}
html[data-tema="clean"] .vd-reel-grade button{border-radius:10px}
html[data-tema="clean"] .vd-meta a{color:var(--verde)}
html[data-tema="clean"] .vd-avisos{border-radius:var(--raio);background:var(--card)}
html[data-tema="clean"] .vd-avisos>b{text-transform:none;font-family:var(--t-texto);font-weight:700;letter-spacing:0}

/* teleprompter claro: papel off-white, tinta preta, os sinais de ritmo no verde escuro do tema */
html[data-tema="clean"] .tp.vt,html[data-tema="clean"] .vt-pe{background:#F6F5F1;color:#1D1D1F}
html[data-tema="clean"] .vt-pe{border-top-color:#E2DFD8}
html[data-tema="clean"] .vt-x,html[data-tema="clean"] .vt-ta button,html[data-tema="clean"] .vt-play,html[data-tema="clean"] .vt-mini{color:#1D1D1F}
html[data-tema="clean"] .vt-ta button,html[data-tema="clean"] .vt-play{background:#EFEDE8;border-radius:10px}
html[data-tema="clean"] .vt-mini{border-color:#C9C6BF;border-radius:10px}
html[data-tema="clean"] .vt-texto,html[data-tema="clean"] .vt-intro h2,html[data-tema="clean"] .vt-rev-c h2,html[data-tema="clean"] .vt-dicas b{color:#111112}
html[data-tema="clean"] .vt-lead,html[data-tema="clean"] .vt-rev p{color:#1D1D1F}
html[data-tema="clean"] .vt-dicas span,html[data-tema="clean"] .vt-ctx,html[data-tema="clean"] .vt-take,html[data-tema="clean"] .vt-obs{color:#4A4A4F}
html[data-tema="clean"] .vt-dicas li,html[data-tema="clean"] .vt-rev li{border-top-color:#E2DFD8}
html[data-tema="clean"] .vt-dicas li:before,html[data-tema="clean"] .vt-rev li.ok .vt-rev-n{color:#176C0E}
html[data-tema="clean"] .vt-obs{background:#EFEDE8;border-radius:10px}
html[data-tema="clean"] .vt-ja{background:#EFEDE8;border-left-color:#176C0E;color:#1D1D1F;border-radius:0 10px 10px 0}
html[data-tema="clean"] .vt-r,html[data-tema="clean"] .vt-p{border-color:#176C0E}
html[data-tema="clean"] .vt-prog i{background:#E2DFD8}html[data-tema="clean"] .vt-prog i.agora{background:#111112}html[data-tema="clean"] .vt-prog i.ok{background:#37F623}
html[data-tema="clean"] .vt-rec{border-radius:var(--raio);background:#111112;color:#fff;font-family:var(--t-texto);font-weight:700;text-transform:none;letter-spacing:0}
html[data-tema="clean"] .vt-rec.on{background:#D93025}
html[data-tema="clean"] .vt-nivel{background:#E2DFD8}
html[data-tema="clean"] .vt-conta{color:#111112}
html[data-tema="clean"] .vt .btn{color:#1D1D1F;border-color:#C9C6BF;background:#fff}html[data-tema="clean"] .vt .btn.verde{background:#111112;border-color:#111112;color:#fff}
html[data-tema="clean"] .vt-selo{border-radius:6px}