/* Workspace da oferta — duas colunas: acervo do alvo e pipeline.
   Densidade alta de propósito: quem trabalha aqui quer ver muito de uma vez. */

#workspace{position:fixed;inset:0;z-index:80;background:var(--bg);display:none;
  flex-direction:column;animation:sobe .22s cubic-bezier(.2,.8,.2,1)}
#workspace.on{display:flex}
@keyframes sobe{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

.ws-topo{display:flex;align-items:center;gap:1.1rem;padding:.9rem 1.4rem;
  border-bottom:1px solid var(--linha);background:rgba(12,15,20,.92);
  backdrop-filter:blur(14px);flex-wrap:wrap;position:sticky;top:0;z-index:5}
.ws-voltar{width:36px;height:36px;border-radius:9px;background:var(--bg3);
  border:1px solid var(--linha);color:var(--txt);font-size:1.15rem;line-height:1;flex:none;
  transition:border-color .12s,transform .12s}
.ws-voltar:hover{border-color:var(--azul);color:var(--azul);transform:translateX(-2px)}
.ws-id h2{font-size:1.12rem;line-height:1.2}
.ws-id span{font-size:.8rem;color:var(--t3)}
.ws-sinais{display:flex;gap:1.15rem;align-items:center;margin-left:auto;flex-wrap:wrap}
.ws-sinais>span{font-size:.79rem;color:var(--t3);white-space:nowrap}
.ws-sinais b{color:var(--txt);font-size:.95rem;font-variant-numeric:tabular-nums}
.ws-prog{display:flex;align-items:center;gap:.6rem;min-width:150px}
.ws-prog-barra{flex:1;height:5px;background:var(--bg3);border-radius:99px;overflow:hidden}
.ws-prog-barra i{display:block;height:100%;background:var(--verde);
  transition:width .45s cubic-bezier(.2,.8,.2,1)}
.ws-prog span{font-size:.78rem;color:var(--t3);font-variant-numeric:tabular-nums}

.ws-corpo{flex:1;overflow:hidden;display:grid;grid-template-columns:1fr;gap:0}
@media(min-width:1100px){.ws-corpo{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
.ws-acervo,.ws-pipe{overflow-y:auto;padding:1.4rem;scrollbar-width:thin}
.ws-acervo{border-right:1px solid var(--linha)}
@media(max-width:1099px){.ws-acervo{border-right:0;border-bottom:1px solid var(--linha)}}

.ws-sec h3{font-size:.76rem;text-transform:uppercase;letter-spacing:.09em;
  color:var(--t3);margin-bottom:1rem;display:flex;align-items:center;gap:.6rem}
.ws-sec .cont{background:var(--bg3);padding:.14rem .5rem;border-radius:99px;
  font-size:.72rem;letter-spacing:0;text-transform:none;color:var(--t2)}
.sub-t{font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);
  margin:1.6rem 0 .75rem}

/* a fórmula extraída dos vídeos — o achado que mais vale na tela */
.formula{background:linear-gradient(135deg,rgba(63,191,127,.09),rgba(74,158,255,.05));
  border:1px solid rgba(63,191,127,.22);border-radius:var(--raio);padding:1.1rem 1.2rem}
.formula h4{font-size:.87rem;color:var(--verde);margin-bottom:.7rem}
.formula-lista{list-style:none;padding:0;display:grid;gap:.4rem}
.formula-lista li{display:flex;align-items:center;gap:.65rem;font-size:.88rem;color:var(--t2)}
.formula-lista .ord{background:var(--bg3);color:var(--azul);font-size:.72rem;font-weight:700;
  padding:.16rem .45rem;border-radius:5px;font-variant-numeric:tabular-nums;min-width:44px;
  text-align:center}
.formula-lista b{color:var(--txt);text-transform:capitalize}
.formula-lista .freq{margin-left:auto;font-size:.75rem;color:var(--t3)}
.formula-nota{font-size:.8rem;color:var(--t3);margin-top:.8rem;line-height:1.5}

.grade-cr{display:grid;gap:.7rem;grid-template-columns:repeat(auto-fill,minmax(132px,1fr))}
.cr{margin:0;background:var(--bg2);border:1px solid var(--linha);border-radius:9px;
  overflow:hidden;cursor:zoom-in;transition:border-color .14s,transform .14s}
.cr:hover{border-color:var(--azul);transform:translateY(-2px)}
.cr img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:var(--bg3)}
.cr figcaption{padding:.4rem .55rem;font-size:.7rem;color:var(--t3);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.vids{display:grid;gap:1rem}
.vid{display:grid;gap:.9rem;grid-template-columns:1fr;background:var(--bg2);
  border:1px solid var(--linha);border-radius:var(--raio);padding:.9rem}
@media(min-width:640px){.vid{grid-template-columns:190px 1fr}}
.vid video{width:100%;border-radius:8px;background:#000;display:block}
.vid-meta{display:flex;align-items:center;gap:.55rem;margin-bottom:.6rem;font-size:.82rem}
.falas{list-style:none;padding:0;margin:0;max-height:230px;overflow-y:auto;display:grid;gap:.3rem}
.falas li{display:flex;gap:.55rem;align-items:flex-start;padding:.35rem .5rem;
  border-radius:6px;cursor:pointer;font-size:.83rem;color:var(--t2);line-height:1.45}
.falas li:hover{background:var(--bg3);color:var(--txt)}
.falas .t{color:var(--azul);font-variant-numeric:tabular-nums;font-size:.75rem;
  min-width:30px;flex:none;padding-top:.1rem}
.falas .bloco{background:rgba(169,120,232,.16);color:var(--roxo);font-size:.66rem;
  padding:.1rem .38rem;border-radius:4px;font-style:normal;align-self:center;flex:none}

/* pipeline */
.etapas{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.etapa{background:var(--bg2);border:1px solid var(--linha);border-radius:var(--raio);
  overflow:hidden;transition:border-color .16s}
.etapa.aberta{border-color:var(--azul)}
.etapa.e-aprovado{border-color:rgba(63,191,127,.3)}
.etapa.e-erro{border-color:rgba(229,84,75,.4)}
.etapa.travada{opacity:.42}
.etapa-cab{width:100%;display:flex;align-items:center;gap:.85rem;padding:.85rem 1rem;
  background:none;border:0;color:var(--txt);text-align:left}
.etapa-cab:disabled{cursor:not-allowed}
.etapa-cab:not(:disabled):hover{background:var(--bg3)}
.etapa-n{width:27px;height:27px;border-radius:99px;background:var(--bg3);color:var(--t3);
  display:grid;place-items:center;font-size:.8rem;font-weight:700;flex:none}
.e-aprovado .etapa-n{background:rgba(63,191,127,.18);color:var(--verde)}
.e-rodando .etapa-n{background:rgba(74,158,255,.18);color:var(--azul)}
.etapa-tit{flex:1;min-width:0}
.etapa-tit b{display:block;font-size:.92rem;font-weight:600}
.etapa-tit em{display:block;font-size:.77rem;color:var(--t3);font-style:normal;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.etapa-st{font-size:.7rem;font-weight:700;padding:.2rem .55rem;border-radius:99px;
  text-transform:uppercase;letter-spacing:.05em;flex:none}
.st-pendente{background:var(--bg3);color:var(--t3)}
.st-rodando{background:rgba(74,158,255,.16);color:var(--azul)}
.st-revisar{background:rgba(232,179,63,.16);color:var(--amarelo)}
.st-aprovado{background:rgba(63,191,127,.16);color:var(--verde)}
.st-erro{background:rgba(229,84,75,.16);color:var(--vermelho)}
.etapa-corpo{padding:0 1rem 1rem;border-top:1px solid var(--linha);animation:abre .18s ease}
@keyframes abre{from{opacity:0}to{opacity:1}}
.aviso-critico{background:rgba(232,179,63,.1);border-left:3px solid var(--amarelo);
  border-radius:6px;padding:.7rem .85rem;font-size:.82rem;color:var(--t2);margin:.9rem 0}
.etapa-vazia{font-size:.84rem;color:var(--t3);margin:.9rem 0}
.etapa-acoes{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.9rem}
.bt{padding:.55rem .9rem;border-radius:8px;background:var(--bg3);border:1px solid var(--linha);
  color:var(--txt);font-size:.85rem;font-weight:600;transition:filter .12s,border-color .12s}
.bt:hover{border-color:var(--azul);color:var(--azul)}
.bt-p{background:var(--azul);color:#06101d;border-color:var(--azul)}
.bt-p:hover{filter:brightness(1.1);color:#06101d}
.bt-ok{background:var(--verde);color:#04170e;border-color:var(--verde)}
.bt-ok:hover{filter:brightness(1.1);color:#04170e}
.ver-res{width:100%;margin-top:.9rem;padding:.7rem;border-radius:8px;background:var(--bg3);
  border:1px dashed var(--linha);color:var(--t2);font-size:.85rem}
.ver-res:hover{border-color:var(--azul);color:var(--azul)}
.rodando{display:flex;align-items:center;gap:.7rem;padding:1rem 0;font-size:.86rem;color:var(--t2)}
.giro{width:16px;height:16px;border:2px solid var(--linha);border-top-color:var(--azul);
  border-radius:99px;animation:gira .8s linear infinite;flex:none}
@keyframes gira{to{transform:rotate(360deg)}}
.erro-box{background:rgba(229,84,75,.08);border-radius:8px;padding:.9rem;margin:.9rem 0}
.erro-box b{color:var(--vermelho);font-size:.86rem}
.erro-box p{font-size:.82rem;color:var(--t2);margin:.4rem 0 .8rem;word-break:break-word}

.esqueleto{height:62px;background:linear-gradient(90deg,var(--bg2),var(--bg3),var(--bg2));
  background-size:200% 100%;animation:brilha 1.4s infinite;border:0;margin-bottom:.5rem}
@keyframes brilha{to{background-position:-200% 0}}

.vazio-ws{text-align:center;padding:3rem 1.5rem;background:var(--bg2);
  border:1px dashed var(--linha);border-radius:var(--raio)}
.vazio-ic{font-size:2.2rem;margin-bottom:.8rem;opacity:.6}
.vazio-ws p{color:var(--txt);font-size:.92rem}
.vazio-ws .sub-ws{color:var(--t3);font-size:.85rem;margin-top:.6rem;
  max-width:46ch;margin-inline:auto;line-height:1.6}
.json{font-family:"JetBrains Mono",monospace;font-size:.76rem;color:var(--t2);
  white-space:pre-wrap;word-break:break-word;line-height:1.6}

/* credenciais */
.creds{display:grid;gap:.8rem}
.cred{background:var(--bg2);border:1px solid var(--linha);border-radius:var(--raio);padding:1.1rem 1.2rem}
.cred.ok{border-color:rgba(63,191,127,.3)}
.cred-top{display:flex;align-items:center;gap:.7rem;margin-bottom:.35rem;flex-wrap:wrap}
.cred-top b{font-size:.95rem}
.cred-para{font-size:.84rem;color:var(--t2);margin-bottom:.3rem}
.cred-onde{font-size:.78rem;color:var(--t3)}
.cred-onde code{background:var(--bg3);padding:.1rem .35rem;border-radius:4px;font-size:.75rem}
.cred-form{display:flex;gap:.5rem;margin-top:.85rem;flex-wrap:wrap}
.cred-form input{flex:1;min-width:200px;padding:.6rem .8rem;background:var(--bg3);
  border:1px solid var(--linha);border-radius:8px;color:var(--txt);font:inherit;font-size:.86rem}
.cred-form input:focus{border-color:var(--azul);outline:none}
.cred-nota{font-size:.78rem;color:var(--t3);margin-top:.7rem;line-height:1.55}

/* abas internas do workspace */
.ws-abas{display:flex;gap:.2rem;padding:0 1.4rem;border-bottom:1px solid var(--linha);
  background:var(--bg);position:sticky;top:0;z-index:4}
.ws-aba{padding:.7rem 1rem;background:none;border:0;border-bottom:2px solid transparent;
  color:var(--t3);font-weight:600;font-size:.89rem;display:flex;align-items:center;gap:.45rem;
  transition:color .12s,border-color .12s}
.ws-aba:hover{color:var(--txt)}
.ws-aba.on{color:var(--azul);border-bottom-color:var(--azul)}
.ws-aba-n{background:var(--bg3);padding:.08rem .4rem;border-radius:99px;font-size:.7rem;color:var(--t2)}
.ws-duas{display:grid;grid-template-columns:1fr;height:100%;overflow:hidden}
@media(min-width:1100px){.ws-duas{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}}
.ws-uma{overflow-y:auto;padding:1.4rem;height:100%}
.ws-corpo{display:block;overflow-y:auto;padding:0}
.ws-corpo>.ws-duas>section{overflow-y:auto;padding:1.4rem}
#ws-conteudo:not(:has(.ws-duas)):not(:has(.ws-uma)){padding:1.4rem}
.carregando{display:flex;align-items:center;gap:.7rem;padding:3rem 1.4rem;color:var(--t2);font-size:.9rem}

/* comparação lado a lado */
.corte-fino{background:linear-gradient(135deg,rgba(232,179,63,.12),transparent);
  border-left:3px solid var(--amarelo);border-radius:8px;padding:.9rem 1.1rem;margin-bottom:1.4rem}
.corte-fino span{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em;
  color:var(--amarelo);font-weight:700;display:block;margin-bottom:.3rem}
.corte-fino p{font-size:.93rem;color:var(--txt);line-height:1.6}
.cmp-cabecalho{display:grid;grid-template-columns:1fr auto 1fr;gap:1rem;align-items:center;
  margin-bottom:1.3rem}
.cmp-lado{background:var(--bg2);border:1px solid var(--linha);border-radius:var(--raio);padding:1rem 1.15rem}
.cmp-lado.lado-nossa{border-color:rgba(63,191,127,.32)}
.cmp-tag{font-size:.66rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;
  color:var(--t3);background:var(--bg3);padding:.15rem .5rem;border-radius:99px}
.cmp-tag.nossa{background:rgba(63,191,127,.16);color:var(--verde)}
.cmp-lado b{display:block;font-size:1.02rem;margin-top:.55rem;word-break:break-word}
.cmp-lado em{display:block;font-size:.8rem;color:var(--t3);font-style:normal;margin-top:.15rem}
.cmp-vs{color:var(--t3);font-size:1.3rem;font-weight:300}
.cmp-jogada{background:var(--bg2);border:1px solid var(--linha);border-radius:var(--raio);
  padding:1rem 1.15rem;margin-bottom:1.3rem}
.cmp-jogada h4{font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);
  margin-bottom:.5rem}
.cmp-jogada p{font-size:.92rem;color:var(--t2);line-height:1.65}
.cmp-tabela{width:100%;border-collapse:collapse;font-size:.88rem;margin-bottom:1.3rem}
.cmp-tabela th{text-align:left;padding:.55rem .8rem;font-size:.69rem;text-transform:uppercase;
  letter-spacing:.07em;color:var(--t3);border-bottom:1px solid var(--linha)}
.cmp-tabela td{padding:.7rem .8rem;border-bottom:1px solid var(--linha);color:var(--t2);
  vertical-align:top}
.cmp-campo{color:var(--t3);font-size:.82rem;white-space:nowrap}
.cmp-nossa{color:var(--txt);font-weight:550}
.cmp-nota{font-size:.78rem;color:var(--verde);font-style:italic}
.cmp-bloco{margin-bottom:1.6rem}
.cmp-bloco h4{font-size:.73rem;text-transform:uppercase;letter-spacing:.08em;color:var(--t3);
  margin-bottom:.85rem}
.cmp-par{display:grid;gap:1.1rem;grid-template-columns:1fr}
@media(min-width:900px){.cmp-par{grid-template-columns:1fr 1fr}}
.cmp-par>div{background:var(--bg2);border:1px solid var(--linha);border-radius:var(--raio);padding:1rem}
.cmp-par>div:last-child{border-color:rgba(63,191,127,.24)}
.cmp-por{font-size:.82rem;color:var(--t3);margin-top:.8rem;line-height:1.55}
.escada-l{list-style:none;padding:0;display:grid;gap:.5rem}
.escada-l li{display:flex;align-items:baseline;gap:.6rem;font-size:.88rem;color:var(--t2);flex-wrap:wrap}
.escada-l b{color:var(--txt);font-variant-numeric:tabular-nums}
.escada-l .deg{font-size:.68rem;text-transform:uppercase;letter-spacing:.06em;color:var(--t3);
  background:var(--bg3);padding:.12rem .45rem;border-radius:4px}
.escada-l.nossa b{color:var(--verde)}
.escada-l em{font-style:normal;font-size:.8rem;color:var(--t3);flex-basis:100%}
.nada{color:var(--t3);font-size:.85rem}
.rot-fluxo{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;margin-bottom:.9rem}
.rot-fluxo .passo{background:var(--bg3);padding:.2rem .5rem;border-radius:5px;font-size:.75rem;
  color:var(--t2)}
.rot-fluxo i{color:var(--t3);font-style:normal;font-size:.75rem}
.rot-nosso{list-style:none;padding:0;margin:0 0 .9rem;display:grid;gap:.35rem}
.rot-nosso li{display:flex;gap:.5rem;font-size:.83rem;color:var(--t2);line-height:1.5}
.rot-nosso .t{background:rgba(63,191,127,.16);color:var(--verde);width:19px;height:19px;
  border-radius:99px;display:grid;place-items:center;font-size:.7rem;font-weight:700;flex:none}
.vulns{list-style:none;padding:0;display:grid;gap:.7rem;counter-reset:v}
.vulns li{background:var(--bg2);border:1px solid var(--linha);border-radius:var(--raio);
  padding:.9rem 1.05rem;counter-increment:v;position:relative;padding-left:2.6rem}
.vulns li::before{content:counter(v);position:absolute;left:.95rem;top:.95rem;
  width:20px;height:20px;border-radius:99px;background:rgba(229,84,75,.16);color:var(--vermelho);
  display:grid;place-items:center;font-size:.72rem;font-weight:700}
.vulns b{font-size:.92rem}
.vulns p{font-size:.85rem;color:var(--t2);margin-top:.3rem;line-height:1.6}
.vulns .explorar{color:var(--verde)}
.prod{list-style:none;padding:0;display:grid;gap:.45rem}
.prod li{display:flex;align-items:center;gap:.6rem;background:var(--bg2);border:1px solid var(--linha);
  border-radius:8px;padding:.65rem .85rem;font-size:.88rem;flex-wrap:wrap}
.prod li.critico{border-color:rgba(229,84,75,.32)}
.prod .chk{width:15px;height:15px;border:2px solid var(--linha);border-radius:4px;flex:none}
.prod em{font-style:normal;color:var(--t3);font-size:.79rem;margin-left:auto}
.riscos{list-style:none;padding:0;display:grid;gap:.5rem}
.riscos li{background:var(--bg2);border-left:3px solid var(--amarelo);border-radius:6px;padding:.7rem .9rem}
.riscos b{font-size:.88rem}
.riscos p{font-size:.82rem;color:var(--t2);margin-top:.2rem}

/* ---------------------------------------------------------------- fases
   Três blocos grandes no lugar de sete linhas. O peso visual segue a
   importância: a fase que precisa de você fica em destaque, o resto recua. */

.fluxo-topo{display:flex;align-items:center;gap:.8rem;margin-bottom:1.1rem}
.fluxo-barra{flex:1;height:5px;background:var(--bg3);border-radius:99px;overflow:hidden}
.fluxo-barra i{display:block;height:100%;background:var(--verde);
  border-radius:99px;transition:width .5s ease}
.fluxo-topo span{font-size:.78rem;color:var(--t3);font-weight:600;white-space:nowrap}

.fases{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}
.fase{display:flex;gap:.9rem;background:var(--bg2);border:1px solid var(--linha);
  border-radius:var(--raio);padding:1rem 1.1rem}
.fase.esqueleto{height:104px;border-style:dashed;opacity:.4}
.fase.f-pendente{opacity:.55}
.fase.f-pronto{border-color:rgba(63,191,127,.3)}
.fase.f-rodando{border-color:rgba(74,158,255,.45)}
.fase.f-erro{border-color:rgba(229,84,75,.45)}
.fase.f-revisar{border-color:var(--azul);box-shadow:0 0 0 3px rgba(74,158,255,.12)}

.fase-n{width:28px;height:28px;flex:none;border-radius:99px;background:var(--bg3);
  color:var(--t3);display:grid;place-items:center;font-size:.82rem;font-weight:700}
.f-pronto .fase-n{background:rgba(63,191,127,.18);color:var(--verde)}
.f-rodando .fase-n{background:rgba(74,158,255,.18);color:var(--azul)}
.f-revisar .fase-n{background:var(--azul);color:#fff}
.fase-corpo{flex:1;min-width:0}
.fase-cab{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}
.fase-cab b{font-size:1rem;font-weight:650}
.fase-resumo{margin:.3rem 0 0;font-size:.85rem;color:var(--t2);line-height:1.45}

.fase-st{font-size:.68rem;font-weight:700;padding:.2rem .55rem;border-radius:99px;
  text-transform:uppercase;letter-spacing:.05em;background:var(--bg3);color:var(--t3)}
.st-rodando{background:rgba(74,158,255,.18);color:var(--azul)}
.st-revisar{background:var(--azul);color:#fff}
.st-pronto{background:rgba(63,191,127,.18);color:var(--verde)}
.st-erro{background:rgba(229,84,75,.18);color:var(--vermelho)}

.minis{list-style:none;padding:0;margin:.75rem 0 0;display:flex;flex-wrap:wrap;gap:.35rem .9rem}
.mini{display:flex;align-items:center;gap:.4rem;font-size:.77rem;color:var(--t3)}
.mini-pt{width:6px;height:6px;border-radius:99px;background:var(--bg3);flex:none}
.m-rodando .mini-pt{background:var(--azul);animation:pulsa 1.1s ease infinite}
.m-revisar .mini-pt,.m-aprovado .mini-pt{background:var(--verde)}
.m-erro .mini-pt{background:var(--vermelho)}
.m-revisar,.m-aprovado{color:var(--t2)}
@keyframes pulsa{50%{opacity:.3}}

.fase-acoes{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.85rem}
.ver-res{margin-top:.7rem;background:none;border:0;padding:0;color:var(--azul);
  font-size:.8rem;font-weight:600;cursor:pointer;text-decoration:underline}
.aviso-critico{margin-top:.7rem;padding:.6rem .8rem;border-radius:8px;font-size:.82rem;
  background:rgba(74,158,255,.1);border:1px solid rgba(74,158,255,.28);color:var(--t2)}
.fluxo-fim{margin-top:1.2rem;padding:1.1rem;border-radius:var(--raio);
  background:rgba(63,191,127,.08);border:1px solid rgba(63,191,127,.28)}
.fluxo-fim b{display:block;margin-bottom:.35rem}
.fluxo-fim p{margin:0 0 .9rem;font-size:.87rem;color:var(--t2);line-height:1.5}
.res-t{margin:1.2rem 0 .5rem;font-size:.78rem;text-transform:uppercase;
  letter-spacing:.08em;color:var(--t3)}

.ws-acao{margin-left:auto;display:flex;align-items:center;gap:.6rem}
.ws-acao-txt{font-size:.85rem;color:var(--t2);font-weight:600}
.ws-pronto{font-size:.85rem;font-weight:700;color:var(--verde)}
.bt-grande{padding:.62rem 1.15rem;font-size:.92rem;font-weight:650}
.bt-nao-l{width:100%;margin-top:1rem;justify-content:center;color:var(--t3)}
.bt-nao-l:hover{color:var(--vermelho);border-color:rgba(229,84,75,.4)}
.ws-ctx{background:var(--bg1)}
.fase.f-sem_chave{border-color:rgba(240,180,60,.45)}
.f-sem_chave .fase-n{background:rgba(240,180,60,.18);color:#f0b43c}
.st-sem_chave{background:rgba(240,180,60,.18);color:#f0b43c}
.aviso-chave{margin-top:.7rem;padding:.7rem .85rem;border-radius:8px;
  background:rgba(240,180,60,.1);border:1px solid rgba(240,180,60,.3)}
.aviso-chave b{font-size:.86rem;color:#f0b43c}
.aviso-chave p{margin:.35rem 0 0;font-size:.82rem;color:var(--t2);line-height:1.5}
.avisos{margin-top:1.1rem;padding:.95rem 1.1rem;border-radius:var(--raio);
  background:rgba(240,180,60,.08);border:1px solid rgba(240,180,60,.28)}
.avisos h4{margin:0 0 .5rem;font-size:.76rem;text-transform:uppercase;
  letter-spacing:.08em;color:#f0b43c}
.avisos p{margin:0 0 .4rem;font-size:.85rem;color:var(--t2);line-height:1.5}
.avisos p:last-child{margin-bottom:0}

/* ------------------------------------------------- etapa clicável na fase */
.mini.tem button{display:flex;align-items:center;gap:.4rem;background:none;border:0;
  padding:.15rem .4rem;margin:-.15rem -.4rem;border-radius:6px;cursor:pointer;
  color:var(--t2);font-size:.77rem;font-family:inherit}
.mini.tem button:hover{background:var(--bg3);color:var(--txt)}
.mini.tem em{font-style:normal;color:var(--azul);font-weight:600;font-size:.72rem;
  opacity:0;transition:opacity .15s}
.mini.tem button:hover em{opacity:1}

/* -------------------------------------------------------- leitura do resultado */
.rtopo{display:flex;align-items:baseline;gap:1rem;margin-bottom:.2rem}
.rtopo h2{margin:0}
.rjson{margin-left:auto;background:none;border:1px solid var(--linha);border-radius:99px;
  padding:.25rem .7rem;color:var(--t3);font-size:.74rem;font-weight:600;cursor:pointer}
.rjson:hover{color:var(--txt);border-color:var(--t3)}

.resultado{max-height:70vh;overflow-y:auto;padding-right:.4rem}
.rb{margin-top:1.4rem}
.rb:first-child{margin-top:.8rem}
.rb>h3{margin:0 0 .6rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.09em;
  color:var(--t3);font-weight:700}

.rl{margin:0;display:grid;gap:.1rem}
.rl>div{display:grid;grid-template-columns:minmax(120px,.28fr) 1fr;gap:1rem;
  padding:.5rem 0;border-bottom:1px solid var(--linha)}
.rl>div:last-child{border-bottom:0}
.rl dt{color:var(--t3);font-size:.8rem}
.rl dd{margin:0;font-size:.89rem;line-height:1.5}

.rdestaque{margin:0;font-size:.98rem;line-height:1.6;padding:.85rem 1rem;
  background:var(--bg2);border-left:3px solid var(--azul);border-radius:0 8px 8px 0}
.rcorte{border-left-color:var(--verde)}
.rnota{margin:.6rem 0 0;font-size:.82rem;color:var(--t3);line-height:1.5}
.rvazio{color:var(--t3);font-size:.86rem}
.rruim{color:var(--vermelho)}

.rvul{display:flex;gap:.8rem;padding:.85rem 0;border-bottom:1px solid var(--linha)}
.rvul:last-child{border-bottom:0}
.rvul-n{width:22px;height:22px;flex:none;border-radius:99px;background:rgba(229,84,75,.16);
  color:var(--vermelho);display:grid;place-items:center;font-size:.72rem;font-weight:700}
.rvul b{font-size:.92rem}
.rvul-p{margin:.3rem 0 0;font-size:.85rem;line-height:1.5;color:var(--t2)}
.rvul-p span{color:var(--t3);font-size:.72rem;text-transform:uppercase;
  letter-spacing:.07em;margin-right:.4rem;font-weight:700}
.rvul-x span{color:var(--verde)}

.rtab{width:100%;border-collapse:collapse;font-size:.87rem}
.rtab th{text-align:left;padding:.45rem .6rem;color:var(--t3);font-size:.73rem;
  text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--linha)}
.rtab td{padding:.55rem .6rem;border-bottom:1px solid var(--linha);line-height:1.45}
.rtab tr:last-child td{border-bottom:0}
.rnum{text-align:right;font-variant-numeric:tabular-nums}

.rconta{display:flex;gap:1.4rem;flex-wrap:wrap;margin-top:.8rem;padding:.75rem 1rem;
  background:var(--bg2);border-radius:8px;font-size:.82rem;color:var(--t3)}
.rconta b{color:var(--txt);font-size:.98rem;margin-left:.35rem}

.rord{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}
.rord li{display:flex;gap:.7rem;align-items:baseline;font-size:.88rem;line-height:1.5}
.rord-t{flex:none;min-width:52px;font-variant-numeric:tabular-nums;color:var(--azul);
  font-size:.76rem;font-weight:700}
.rord-f{color:var(--t3);font-size:.78rem}
.rvsl li{flex-wrap:wrap}
.rvsl p{margin:.15rem 0 0;flex-basis:100%;padding-left:3.9rem;color:var(--t2)}
.rleg{flex-basis:100%;padding-left:3.9rem;margin-top:.3rem;display:flex;flex-wrap:wrap;gap:.3rem}
.rleg span{background:var(--bg3);border-radius:5px;padding:.1rem .45rem;font-size:.76rem}
.rleg b{color:var(--azul)}

.rhl{list-style:none;padding:0;margin:0;display:grid;gap:.4rem;counter-reset:h}
.rhl li{display:flex;gap:.6rem;align-items:baseline;font-size:.93rem;line-height:1.5;
  padding:.45rem 0;border-bottom:1px solid var(--linha)}
.rhl li:last-child{border-bottom:0}
.rang{flex:none;min-width:66px;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;
  color:var(--t3);font-weight:700;padding-top:.15rem}

.rcr{padding:.85rem 0;border-bottom:1px solid var(--linha)}
.rcr:last-child{border-bottom:0}
.rcr>b{display:block;margin-bottom:.4rem;font-size:.92rem}

.rprod,.rrisc,.rconf,.rpad,.rgen{list-style:none;padding:0;margin:0;display:grid;gap:.4rem}
.rprod li,.rrisc li{display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap;
  font-size:.88rem;padding:.45rem 0;border-bottom:1px solid var(--linha)}
.rprod li:last-child,.rrisc li:last-child{border-bottom:0}
.rprazo{color:var(--t3);font-size:.78rem;margin-left:auto}
.rtag{font-style:normal;font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;
  background:rgba(229,84,75,.16);color:var(--vermelho);padding:.12rem .45rem;border-radius:99px;font-weight:700}
.rcrit{font-weight:600}
.rrisc li span{color:var(--t3);font-size:.82rem;flex-basis:100%}
.rconf li,.rpad li{font-size:.87rem;line-height:1.5;padding-left:1rem;position:relative}
.rconf li::before,.rpad li::before{content:'—';position:absolute;left:0;color:var(--t3)}
.rgen li{font-size:.87rem;padding:.25rem 0}
.rroteiro{list-style:none;padding:0;margin:0;display:grid;gap:.9rem}
.rroteiro li{display:flex;gap:.8rem}
.rroteiro>li>div{flex:1;min-width:0}
.rroteiro b{font-size:.92rem}
.rroteiro .rord-f{margin-left:.5rem}
.rroteiro p{margin:.25rem 0 0;font-size:.85rem;color:var(--t2);line-height:1.5}
.rroteiro q{display:block;margin-top:.35rem;font-size:.83rem;color:var(--t3);font-style:italic}

/* ------------------------------------------------- o alvo (aba Spy da oferta) */
.alvo-topo{display:flex;align-items:flex-start;gap:1.5rem;padding:1.4rem 1.4rem .6rem;
  flex-wrap:wrap}
.alvo-topo h3{margin:0;font-size:1.05rem}
.alvo-sub{margin:.2rem 0 0;font-size:.85rem;color:var(--t3)}
.alvo-links{margin-left:auto;display:flex;gap:.5rem;flex-wrap:wrap}
.alvo-grade{height:auto}
.alvo-grade>section{padding:1.4rem}

.espiando{display:flex;align-items:center;gap:1rem;margin:0 1.4rem;padding:1rem 1.15rem;
  border-radius:var(--raio);background:rgba(74,158,255,.09);
  border:1px solid rgba(74,158,255,.28)}
.espiando b{font-size:.9rem}
.espiando p{margin:.2rem 0 0;font-size:.83rem;color:var(--t2)}

.site-foto{margin:0 0 1.4rem;cursor:zoom-in;border-radius:var(--raio);overflow:hidden;
  border:1px solid var(--linha);background:var(--bg2)}
.site-foto img{display:block;width:100%;max-height:420px;object-fit:cover;
  object-position:top}
.site-foto figcaption{padding:.6rem .85rem;font-size:.8rem;color:var(--t3);
  border-top:1px solid var(--linha);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.site-vazio{padding:2rem;text-align:center;font-size:.86rem;color:var(--t3);
  border:1px dashed var(--linha);border-radius:var(--raio);margin-bottom:1.4rem}

/* ------------------------------------------------- escolhas dentro do estágio */
.escolha{margin-top:.85rem;padding:.95rem 1rem;border-radius:var(--raio);
  background:var(--bg1);border:1px solid var(--linha)}
.escolha h4{margin:0 0 .4rem;font-size:.9rem}
.escolha-nota{margin:0 0 .8rem;font-size:.82rem;color:var(--t3);line-height:1.5}
.escolha code{background:var(--bg3);border-radius:4px;padding:.05rem .3rem;font-size:.8rem}
.opc-dom{display:block;width:100%;text-align:left;background:var(--bg2);
  border:1px solid var(--linha);border-radius:9px;padding:.65rem .85rem;
  margin-bottom:.45rem;cursor:pointer;font-family:inherit;color:var(--txt)}
.opc-dom:hover{border-color:var(--azul);background:var(--bg3)}
.opc-dom b{display:block;font-size:.88rem;font-weight:650}
.opc-dom span{display:block;font-size:.79rem;color:var(--t3);margin-top:.12rem;line-height:1.45}
.opc-dom.gratis{border-style:dashed}
.opc-dom.manual b::after{content:' · DNS manual';color:#f0b43c;font-weight:600;font-size:.74rem}
.escolhido{margin:.4rem 0 0;font-size:.82rem;color:var(--verde);font-weight:600}
.st-escolha{background:var(--azul);color:#fff}
.st-travado{background:var(--bg3);color:var(--t3)}
.f-escolha{border-color:var(--azul);box-shadow:0 0 0 3px rgba(74,158,255,.12)}
.f-travado{opacity:.45}
.sel-l{display:block;margin-bottom:.6rem;font-size:.82rem;color:var(--t3)}
.sel-l select,.sel-l input{display:block;width:100%;margin-top:.25rem;padding:.5rem .65rem;
  background:var(--bg2);border:1px solid var(--linha);border-radius:8px;
  color:var(--txt);font-family:inherit;font-size:.87rem}
.esc-sub{margin:1rem 0 .5rem;font-size:.72rem;text-transform:uppercase;
  letter-spacing:.08em;color:var(--t3);font-weight:700}
.esc-sub:first-of-type{margin-top:.4rem}
.opc-dom.compra{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;cursor:default}
.opc-dom.compra:hover{border-color:var(--linha);background:var(--bg2)}
.opc-dom.compra b,.opc-dom.compra span{flex:0 0 auto}
.opc-dom.compra span{flex:1;min-width:120px}
.opc-dom.compra .bt{flex:none;text-decoration:none}
.opc-dom.usado{opacity:.45;cursor:default}
.esc-mais{margin-top:.8rem}
.esc-mais summary{font-size:.78rem;color:var(--t3);cursor:pointer}