/* ===========================================================
   Sistema Limiar · INSTRUMENTO DE MEDIÇÃO
   A tela fica cinza quase sempre, porque a resposta honesta é
   quase sempre "não entra". O verde é raro e por isso significa.
   =========================================================== */
:root{
  /* tema de 29/09/2026: escuro profundo com verde e vermelho (pedido do Felipe: sair do ciano, que ficou igual ao MegaBrain).
     Verde neon = vivo, ação principal, Rise e ganho. Vermelho = parar, conta real, Fall e perda. Âmbar = atenção e gale.
     Visual 2.0 (01/10/2026): página um tom mais funda e um nível novo de superfície (--alto: item escolhido, passar o mouse).
     Contrastes medidos em 01/10 sobre o painel: texto de apoio 11,3:1, rótulo 7,3:1, verde 11,2:1, vermelho 6,6:1, âmbar 10,3:1;
     borda de campo 2,6:1 sobre o fundo do campo; verde sobre aba escolhida 9,2:1. */
  --grafite:#090C11; --nevoa:#EDEEF0; --limiar:#34E5A4;
  --neutro:#9AA4B5;  --acima:#34E5A4; --parar:#FF6B6B;
  --painel:#11151D;  --borda:#212836; --borda2:#364154;
  --texto2:#C5CCD8;  --fundo2:#0C1017; --alto:#181E29; --poco:#0A0D13;
  --neon:#34E5A4; --tinta:#04140E; --fall:#FF6B6B; --fall2:#FF8F8F; --perigo:#C8372E; --ambar:#F5B83D; --gale:#F0954A; --campo:#4A5670;
  --brilho:0 0 0 1px rgba(52,229,164,.55),0 0 22px rgba(52,229,164,.16);
  --sombra:inset 0 1px 0 rgba(255,255,255,.04),0 18px 40px -26px rgba(0,0,0,.85);
  --f-tit:'Manrope','Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --r:16px;
}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--grafite);color:var(--nevoa)}
body{
  font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:antialiased;
  min-height:100dvh;
  background-image:
    linear-gradient(to right,rgba(255,255,255,.016) 1px,transparent 1px),
    linear-gradient(to bottom,rgba(255,255,255,.016) 1px,transparent 1px);
  background-size:22px 22px;
}
button{font:inherit;color:inherit}
[hidden]{display:none!important}

/* ---------- casca: trilho lateral (desktop) / abas embaixo (celular) ---------- */
.casca{display:grid;grid-template-columns:232px 1fr;min-height:100dvh}
.trilho{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;gap:6px;
  padding:26px 16px;border-right:1px solid var(--borda);background:rgba(9,12,18,.72);backdrop-filter:blur(6px)}
.marca{display:flex;align-items:center;gap:11px}
.marca svg{display:block;flex:0 0 auto}
.marca b{font-size:15px;font-weight:600;letter-spacing:.07em;line-height:1.15}
.marca b span{display:block;font-size:11px;font-weight:500;letter-spacing:.3em;color:var(--neutro)}
.trilho .marca{margin:0 8px 28px}
.nav{display:flex;flex-direction:column;gap:2px}
.nav a{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:var(--neutro);
  text-decoration:none;font-size:14px;font-weight:500;transition:background .15s,color .15s}
.nav a:hover{background:var(--painel);color:var(--nevoa)}
.nav a.on{background:var(--painel);color:var(--nevoa)}
.nav a.on svg{color:var(--acima)}
.nav svg{width:18px;height:18px;flex:0 0 auto}
.trilho .rodape{margin-top:auto;padding:14px 12px;border:1px solid var(--borda);border-radius:12px;background:var(--painel)}
.cota-rot{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--neutro)}
.cota-num{font-size:24px;font-weight:600;margin-top:4px}
.cota-plano{font-size:12px;color:var(--neutro);margin-top:2px}

.topo{display:none}
.abas{display:none}

main{min-width:0;padding:28px 32px 48px}
.tela{max-width:1180px;margin:0 auto;animation:entra .35s ease both}
@keyframes entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.titulo{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.titulo h1{font-size:22px;font-weight:600;letter-spacing:-.01em}
.titulo span{font-size:13px;color:var(--neutro)}

.card{background:var(--painel);border:1px solid var(--borda);border-radius:var(--r)}
.rot{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--neutro)}

/* ---------- Analisar ---------- */
.analisar{display:grid;grid-template-columns:minmax(0,1fr) 372px;grid-template-areas:'graf lado' 'diario lado';gap:18px 18px;align-items:start}
.analisar>.grafico{grid-area:graf}
.analisar>.lado{grid-area:lado;position:sticky;top:28px}
.analisar>.diario-bloco{grid-area:diario;margin-top:4px}
.grafico{padding:16px 16px 10px;min-width:0}
.graf-topo{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.ativo-sel{display:flex;align-items:center;gap:12px}
.ativo-sel select{width:auto;min-width:150px;font-size:15px;font-weight:600;padding:9px 34px 9px 12px}
.preco{font-size:20px;font-weight:600}
.preco small{display:block;font-size:11px;font-weight:500;color:var(--neutro);margin-top:1px}
.preco small.sobe{color:var(--acima)} .preco small.cai{color:var(--parar)}
#velas{height:360px}
/* gráfico de tiques, como o da Deriv: ocupa a altura das velas + RSI para a tela não pular na troca */
.graf-palco{position:relative}
#tiques{height:476px}
.graf-modo{position:absolute;left:10px;bottom:152px;z-index:3;width:42px;height:42px;border-radius:50%;border:0;cursor:pointer;
  display:flex;align-items:center;justify-content:center;background:var(--fundo2);color:var(--texto2)}
.graf-modo svg{width:20px;height:20px}
.graf-modo span{position:absolute;top:-7px;right:-6px;padding:1px 5px;border-radius:5px;background:var(--borda2);
  color:var(--nevoa);font-size:11px;font-weight:700;line-height:15px}
.graf-palco.modo-t .graf-modo{bottom:34px}
.graf-zoom{position:absolute;left:50%;transform:translateX(-50%);bottom:156px;z-index:3;display:flex;gap:8px}
.graf-palco.modo-t .graf-zoom{bottom:40px}
.graf-zoom button{width:34px;height:34px;border-radius:50%;border:0;cursor:pointer;background:var(--fundo2);color:var(--texto2);
  font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center}
.graf-zoom svg{width:17px;height:17px}
.graf-modo:hover,.graf-zoom button:hover{color:var(--nevoa)}
.graf-modo:focus-visible,.graf-zoom button:focus-visible{outline:2px solid var(--nevoa);outline-offset:2px}
#rsiGraf{height:110px;margin-top:6px;border-top:1px solid var(--borda)}
.status{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:10px 12px;
  border-radius:10px;background:var(--fundo2);font-size:13px;color:var(--texto2);flex-wrap:wrap}
.status b{color:var(--nevoa);font-weight:600}
.status .armado{color:var(--acima)}
.status .relogio{color:var(--neutro);white-space:nowrap}
.pulso{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--neutro);margin-right:7px;vertical-align:1px}
.pulso.vivo{background:var(--acima);animation:pulsa 1.6s ease-in-out infinite}
@keyframes pulsa{50%{opacity:.35}}
.graf-erro{height:470px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--neutro);font-size:14px;padding:20px}

.lado{display:flex;flex-direction:column;gap:18px}
.controles{padding:18px}
.campo{margin-bottom:12px}
.campo label{display:block;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--neutro);margin-bottom:7px}
.campo .dica{display:block;margin-top:6px;font-size:11px;line-height:1.45;color:var(--neutro)}
.linha{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.linha.so1{grid-template-columns:1fr}
select,input{
  width:100%;background:var(--grafite);color:var(--nevoa);border:1px solid var(--borda);
  border-radius:9px;padding:12px;font:inherit;font-size:16px;font-variant-numeric:tabular-nums;
  appearance:none;-webkit-appearance:none;transition:border-color .18s
}
select{background-image:linear-gradient(45deg,transparent 50%,var(--neutro) 50%),linear-gradient(135deg,var(--neutro) 50%,transparent 50%);
  background-position:calc(100% - 17px) 52%,calc(100% - 12px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:32px}
select:disabled{color:var(--neutro)}
select:hover,input:hover{border-color:var(--borda2)}
select:focus,input:focus{outline:2px solid var(--limiar);outline-offset:1px;border-color:transparent}

.acao{width:100%;margin-top:6px;padding:15px;border:0;border-radius:11px;background:var(--nevoa);color:var(--grafite);
  font-size:15px;font-weight:600;letter-spacing:.01em;cursor:pointer;transition:opacity .18s,transform .08s,background .2s}
.acao:hover:not(:disabled){opacity:.9}
.acao:active:not(:disabled){transform:scale(.99)}
.acao:disabled{background:var(--borda);color:var(--neutro);cursor:not-allowed}
.acao.armado{background:transparent;color:var(--nevoa);border:1px solid var(--borda2)}
.acao small{display:block;font-size:11px;font-weight:500;opacity:.7;margin-top:2px}
.secundario{width:100%;margin-top:8px;padding:11px;border:1px solid var(--borda);border-radius:10px;background:none;
  color:var(--neutro);font-size:13px;cursor:pointer}
.secundario:hover{color:var(--nevoa);border-color:var(--borda2)}

/* régua */
.regua{padding:20px 18px}
.vazio{color:var(--neutro);font-size:14px;text-align:center;padding:26px 6px;line-height:1.6}
.escala{position:relative;height:150px;margin:8px 0 20px}
.escala::before{content:'';position:absolute;inset:0;
  background-image:repeating-linear-gradient(to bottom,var(--borda) 0 1px,transparent 1px 100%);background-size:100% 14px;opacity:.55}
.barra{position:absolute;left:0;right:0;height:3px;background:var(--limiar);transition:top .5s cubic-bezier(.22,1,.36,1)}
.barra::before,.barra::after{content:'';position:absolute;top:-4px;width:3px;height:11px;background:var(--limiar)}
.barra::before{left:0}.barra::after{right:0}
.rotb{position:absolute;right:0;transform:translateY(-150%);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--neutro)}
.rotb.embaixo{transform:none;top:12px}
.rotb b{color:var(--limiar);font-weight:600;letter-spacing:.04em}
.marcador{position:absolute;left:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;white-space:nowrap;transition:top .5s cubic-bezier(.22,1,.36,1)}
.marcador i{display:block;flex:0 0 auto;width:14px;height:14px;border-radius:50%;transition:background .3s,box-shadow .3s}
.marcador b{font-size:26px;font-weight:600;line-height:1;letter-spacing:-.01em}
.marcador small{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--neutro);padding-top:2px}
.veredito{text-align:center;padding:16px 0 4px;border-top:1px solid var(--borda)}
/* sem janela nem botão de entrar, a área fica vazia: some a linha e o espaço */
.veredito:not(:has(> :not([hidden]))){display:none}
#resultado .indicacao:last-child,#resultado .indicacao{margin-bottom:0}
.veredito .sel{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600}
.veredito p{font-size:13px;color:var(--neutro);margin-top:9px;line-height:1.55}
.janela{margin-top:14px;padding:12px;border-radius:10px;font-size:13px;line-height:1.5;text-align:center;background:rgba(52,229,164,.12);color:var(--acima)}
.janela b{font-weight:700}
.janela.fechada{background:rgba(138,146,158,.12);color:var(--neutro)}
.dados{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--borda);border-radius:10px;overflow:hidden;margin-top:16px}
.dados div{background:var(--painel);padding:11px 8px;text-align:center}
.dados span{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--neutro);margin-bottom:5px}
.dados b{font-size:15px;font-weight:600}

/* listas (diário e histórico) */
.lista{list-style:none;display:flex;flex-direction:column;gap:1px;background:var(--borda);border-radius:12px;overflow:hidden}
.lista li{background:var(--painel);padding:12px 14px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;font-size:13px}
.lista li .quem{min-width:0}
.lista li .quem b{font-weight:600}
.lista li .quem em{display:block;font-style:normal;color:var(--neutro);font-size:11px;margin-top:3px}
.lista li.vaziol{display:block;color:var(--neutro);text-align:center;padding:18px}
.tag{font-size:11px;font-weight:600;letter-spacing:.06em;padding:4px 8px;border-radius:6px;white-space:nowrap;text-align:center}
.t-acima{background:rgba(52,229,164,.15);color:var(--acima)}
.t-neutro{background:rgba(138,146,158,.14);color:var(--neutro)}
.t-ganhou{background:rgba(52,229,164,.15);color:var(--acima)}
.t-perdeu{background:rgba(212,87,78,.15);color:var(--fall)}
.t-espera{background:transparent;color:var(--neutro);border:1px dashed var(--borda2)}
.bloco{margin-top:22px}
.bloco-cab{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;gap:10px}
.bloco-cab span{font-size:12px;color:var(--neutro)}
.bloco-cab a{font-size:12px;color:var(--nevoa)}

/* ---------- Histórico ---------- */
.numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.numero{padding:16px}
.numero b{display:block;font-size:26px;font-weight:600;margin-top:8px;letter-spacing:-.01em}
.numero small{display:block;font-size:12px;color:var(--neutro);margin-top:4px;line-height:1.45}
.numero b.bom{color:var(--acima)}
.filtros{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.chip{padding:8px 13px;border-radius:999px;border:1px solid var(--borda);background:none;color:var(--neutro);font-size:13px;cursor:pointer}
.chip:hover{color:var(--nevoa)}
.chip.on{background:var(--nevoa);color:var(--grafite);border-color:var(--nevoa);font-weight:600}
.filtros .sep{width:1px;background:var(--borda);margin:4px 4px}
.dia-cab{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--neutro);margin:18px 0 8px}

/* ---------- Perfil ---------- */
.perfil{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}
.perfil .card{padding:20px}
.perfil h2{font-size:15px;font-weight:600;margin-bottom:14px}
.plano-linha{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid var(--borda);font-size:14px}
.plano-linha:first-of-type{border-top:0}
.plano-linha span{color:var(--neutro)}
.ok{min-height:18px;margin-top:10px;font-size:13px;color:var(--acima)}
.ok.erro{color:var(--parar)}
.legal{grid-column:1/-1;font-size:12px;line-height:1.65;color:var(--neutro);text-align:center;padding:8px 0}
.legal b{color:var(--nevoa);font-weight:600}

/* ---------- entrada / bloqueio / introdução ---------- */
.porta{position:fixed;inset:0;background:var(--grafite);z-index:20;overflow:auto;padding:calc(40px + env(safe-area-inset-top)) 16px 40px;
  display:flex;align-items:flex-start;justify-content:center}
.porta .caixa{width:100%;max-width:400px;margin-top:6vh}
.porta .marca{margin-bottom:34px}
.porta h1{font-size:24px;font-weight:600;line-height:1.25;margin-bottom:8px}
.porta p{font-size:14px;line-height:1.6;color:var(--texto2);margin-bottom:22px}
.porta .msg{min-height:20px;margin-top:12px;font-size:13px;line-height:1.5;color:var(--parar)}
.porta .dica{margin-top:18px;font-size:12px;line-height:1.6;color:var(--neutro)}
.porta .dica b{color:var(--nevoa);font-weight:600}
.porta-sair{display:block;margin:18px auto 0;padding:10px 12px;background:none;border:0;color:var(--texto2);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.porta-sair:hover,.porta-sair:focus-visible{color:var(--nevoa)}

.intro{position:fixed;inset:0;background:rgba(10,11,14,.86);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  display:flex;align-items:center;justify-content:center;padding:16px;z-index:30}
.intro .card{width:100%;max-width:440px;padding:24px 20px 20px;animation:entra .35s ease both}
.intro .num{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--neutro)}
.intro h3{font-size:20px;font-weight:600;line-height:1.25;margin:10px 0}
.intro p{font-size:14px;line-height:1.6;color:var(--texto2)}
.intro .pontos{display:flex;gap:6px;margin:20px 0 16px}
.intro .pontos i{width:18px;height:3px;border-radius:2px;background:var(--borda)}
.intro .pontos i.on{background:var(--nevoa)}

/* ---------- tablet ---------- */
@media (max-width:1180px){
  .analisar{grid-template-columns:minmax(0,1fr) 340px}
  .numeros{grid-template-columns:repeat(2,1fr)}
}

/* ---------- celular ---------- */
@media (max-width:900px){
  .casca{display:block}
  .trilho{display:none}
  .topo{display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:5;
    padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:rgba(11,14,20,.9);backdrop-filter:blur(8px);border-bottom:1px solid var(--borda)}
  .topo .cota{text-align:right;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--neutro)}
  .topo .cota strong{display:block;font-size:18px;font-weight:600;letter-spacing:0;color:var(--nevoa);text-transform:none}
  .abas{display:grid;grid-template-columns:repeat(6,1fr);position:fixed;left:0;right:0;bottom:0;z-index:5;
    background:rgba(11,14,20,.96);backdrop-filter:blur(8px);border-top:1px solid var(--borda);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
  .abas a{display:flex;flex-direction:column;align-items:center;gap:4px;padding:7px 4px;color:var(--neutro);text-decoration:none;font-size:11px;font-weight:500;border-radius:10px}
  .abas a.on{color:var(--nevoa)}
  .abas a.on svg{color:var(--acima)}
  .abas svg{width:20px;height:20px}
  main{padding:16px 16px calc(92px + env(safe-area-inset-bottom))}
  .titulo{margin-bottom:14px}
  .titulo h1{font-size:19px}
  .analisar{grid-template-columns:1fr;grid-template-areas:'graf' 'lado' 'diario';gap:14px}
  .analisar>.lado{position:static}
  .lado{gap:14px}
  .grafico{padding:12px 10px 8px}
  #velas{height:200px}
  #rsiGraf{height:70px}
  #tiques{height:260px}
  .graf-modo{bottom:104px;width:34px;height:34px} .graf-modo svg{width:17px;height:17px}
  .graf-zoom{bottom:106px;gap:6px} .graf-zoom button{width:30px;height:30px;font-size:16px}
  .graf-palco.modo-t .graf-modo{bottom:30px} .graf-palco.modo-t .graf-zoom{bottom:32px}
  .graf-erro{height:260px}
  .graf-topo{margin-bottom:8px}
  .status{margin-top:8px;padding:8px 10px;font-size:12px}
  .controles{padding:14px}
  .controles .campo{margin-bottom:10px}
  .indicacao{padding:18px 12px}
  .regua{padding:12px}
  .indicacao b{font-size:34px}
  .preco{font-size:17px}
  .numeros{grid-template-columns:repeat(2,1fr);gap:10px}
  .numero{padding:13px}
  .numero b{font-size:22px}
  .perfil{grid-template-columns:1fr}
  .lista li{padding:11px 12px;gap:8px}
}
.legal a{color:var(--texto2)}

/* aviso fixo de valor sintético: rodapé da página enquanto um sintético estiver escolhido */
.aviso-sint{position:fixed;left:232px;right:0;bottom:0;z-index:4;padding:12px 32px;font-size:13px;line-height:1.5;
  color:#F2C98A;background:rgba(44,34,18,.96);border-top:1px solid #5A4520;backdrop-filter:blur(6px)}
.aviso-sint b{color:#FFD99A;font-weight:600}
@media (max-width:900px){
}

/* chave liga/desliga dos sintéticos */
.ativo-sel{flex-wrap:wrap}
.chave{display:inline-flex;align-items:center;gap:9px;cursor:pointer;user-select:none;font-size:13px;color:var(--neutro)}
.chave input{position:absolute;opacity:0;width:1px;height:1px}
.chave-trilho{position:relative;width:38px;height:22px;border-radius:999px;background:var(--borda2);transition:background .2s;flex:0 0 auto}
.chave-trilho::after{content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--nevoa);transition:transform .2s}
.chave input:checked + .chave-trilho{background:#B98A3E}
.chave input:checked + .chave-trilho::after{transform:translateX(16px)}
.chave input:checked ~ .chave-rot{color:#F2C98A}
.chave input:focus-visible + .chave-trilho{outline:2px solid var(--limiar);outline-offset:2px}
.status .dica-sint{color:#F2C98A}

/* conta Deriv e entrada pelo app */
.deriv-estado{font-size:14px;line-height:1.55;color:var(--texto2);margin-bottom:12px}
.deriv-estado b{color:var(--nevoa)}
.deriv-contas{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.deriv-conta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;border-radius:10px;border:1px solid var(--borda);background:var(--grafite);cursor:pointer;font-size:14px}
.deriv-conta input{accent-color:var(--acima)}
.deriv-conta span{display:flex;align-items:center;gap:10px}
.deriv-conta em{font-style:normal;font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:3px 7px;border-radius:5px}
.deriv-conta em.demo{background:rgba(138,146,158,.16);color:var(--neutro)}
.deriv-conta em.real{background:rgba(212,87,78,.16);color:var(--fall)}
.deriv-conta.on{border-color:var(--acima)}
.entrar{margin-top:12px}
.entrar-btn{background:var(--acima);color:#0D1F17}
.entrar-btn.real{background:var(--ambar);color:#211703}
.confirma{display:flex;gap:9px;align-items:flex-start;text-align:left;font-size:12px;line-height:1.5;color:#F2C98A;margin-bottom:6px;cursor:pointer}
.confirma input{margin-top:3px;accent-color:#B98A3E}
.entrar-msg{min-height:18px;margin-top:8px;font-size:13px;line-height:1.5;color:var(--texto2)}
.entrar-msg.erro{color:var(--fall)}
.entrar-msg a{color:var(--nevoa)}
.deriv-linha{margin-top:10px;font-size:12px;color:var(--neutro);text-align:center}
.deriv-linha b{color:var(--nevoa);font-weight:600}

/* a indicação da análise: sempre um dos dois lados, cor do lado; borda acesa quando compensa entrar */
.indicacao{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px 16px;margin-bottom:14px;
  border-radius:12px;background:var(--fundo2);border:1px solid var(--borda2)}
.indicacao b{font-size:40px;font-weight:700;letter-spacing:.04em;line-height:1}
.indicacao .ind-meta{grid-column:auto;font-size:12px;color:var(--neutro);font-variant-numeric:tabular-nums}
/* cada análise nova pisca: dá para ver que mudou mesmo quando sai FALL duas vezes */
.indicacao.nova{animation:nova .7s ease-out}
@keyframes nova{0%{transform:scale(.96);box-shadow:0 0 0 0 rgba(237,238,240,.35)}60%{transform:scale(1.01)}100%{transform:none;box-shadow:0 0 0 14px rgba(237,238,240,0)}}
@media (prefers-reduced-motion:reduce){.indicacao.nova{animation:none}}
.indicacao span{font-size:13px;color:var(--texto2);justify-self:end}
.indicacao small{grid-column:1 / -1;font-size:12.5px;color:var(--neutro)}
.indicacao.alta b{color:var(--acima)} .indicacao.baixa b{color:var(--parar)}
.indicacao.vale{border-color:var(--acima)}

/* placar real (só o dono) */
.placar-dica{font-size:13px;line-height:1.5;color:var(--texto2);margin:6px 0 12px}
.placar-tab{overflow-x:auto}
.placar-tab table{width:100%;border-collapse:collapse;font-size:13px}
.placar-tab th{text-align:left;font-weight:500;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--neutro);padding:6px 8px;border-bottom:1px solid var(--borda)}
.placar-tab td{padding:8px;border-bottom:1px solid var(--borda);white-space:nowrap}
.placar-tab small{color:var(--neutro)}

/* JANELA DE OPORTUNIDADE: amarelo = taxa alta · vermelho = taxa muito alta; pulsa enquanto a janela estiver aberta */
.acao.janela-on{font-weight:700;letter-spacing:.04em;animation:janelaPulsa 1.1s ease-in-out infinite}
.acao.janela-on small{font-weight:600;letter-spacing:0;opacity:.85}
.acao.janela-alta{background:var(--ambar);border-color:var(--ambar);color:#1C1403;--pulso:rgba(245,184,61,.55)}
.acao.janela-muito{background:var(--perigo);border-color:var(--perigo);color:#FFF;--pulso:rgba(200,55,46,.6)}   /* branco sobre var(--perigo): 5,2:1 */
@keyframes janelaPulsa{0%,100%{box-shadow:0 0 0 0 var(--pulso)}50%{box-shadow:0 0 0 12px transparent}}
@media (prefers-reduced-motion:reduce){.acao.janela-on{animation:none}}

/* entrada automática (aparece com a conta Deriv conectada) */
.auto{display:flex;margin:2px 0 4px;font-size:13px;color:var(--texto2)}
.auto input:checked + .chave-trilho{background:var(--acima)}
.auto b{color:var(--nevoa)}
.auto.real b{color:var(--fall)}
.auto.real input:checked + .chave-trilho{background:var(--perigo)}

/* posição na Deriv, como o cartão "Positions" dela */
.entradas{display:flex;flex-direction:column;gap:8px}
.entradas:empty{display:none}
#resultado:not([hidden]) + .entradas{margin-top:10px}
.posicao{padding:12px 14px;border-radius:12px;background:var(--fundo2);border:1px solid var(--borda2);font-size:14px}
.posicao .pos-l1,.posicao .pos-l2{display:flex;align-items:center;justify-content:space-between;gap:10px}
.posicao .pos-l1 b{font-weight:600}
.posicao .pos-l1 span{color:var(--texto2);font-variant-numeric:tabular-nums}
.posicao .pos-l2{margin-top:8px}
.posicao .pos-prog{padding:3px 8px;border-radius:7px;background:var(--painel);color:var(--texto2);font-size:12.5px;font-variant-numeric:tabular-nums}
.posicao .pos-l2 b{font-variant-numeric:tabular-nums}
.posicao .pos-l2 b.sobe{color:var(--acima)} .posicao .pos-l2 b.cai{color:var(--parar)}
.posicao .pos-l3{margin-top:8px;font-size:12px;color:var(--neutro)}
.posicao.ganhou{border-color:var(--acima)} .posicao.perdeu{border-color:var(--parar)}
.posicao.erro .pos-l3{color:var(--fall)}
.posicao .pos-tempo{display:flex;align-items:center;gap:10px;margin-top:10px;font-variant-numeric:tabular-nums}
.posicao .pos-tempo span{flex:1;display:flex;flex-direction:column;gap:2px;padding:7px 10px;border-radius:8px;background:var(--painel)}
.posicao .pos-tempo small{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--neutro)}
.posicao .pos-tempo b{font-size:15px;font-weight:600}
.posicao .pos-tempo i{font-style:normal;color:var(--neutro)}
.posicao .pos-veredito{margin-top:10px;padding:10px 12px;border-radius:9px;font-size:17px;font-weight:700;text-align:center;letter-spacing:.02em}
.posicao.ganhou .pos-veredito{background:rgba(52,229,164,.16);color:var(--acima)}
.posicao.perdeu .pos-veredito{background:rgba(212,87,78,.16);color:var(--fall)}

/* Posições (como a aba Positions da Deriv) */
.pos-abas{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--borda);margin-bottom:12px}
.pos-abas button{background:none;border:0;border-bottom:2px solid transparent;padding:12px 8px;color:var(--neutro);font-size:15px;cursor:pointer}
.pos-abas button.on{color:var(--nevoa);border-bottom-color:var(--nevoa);font-weight:600}
.pos-abas button b{font-weight:600;color:var(--acima);margin-left:4px}
.pos-lista{display:flex;flex-direction:column;gap:10px}
.pc{padding:14px;border-radius:12px;background:var(--fundo2);border:1px solid var(--borda2);font-variant-numeric:tabular-nums}
.pc-l1,.pc-l2,.pc-l3{display:flex;align-items:center;justify-content:space-between;gap:10px}
.pc-l1 b{font-weight:600;font-size:15px}
.pc-l1 small,.pc-l2 span:last-child{color:var(--texto2)}
.pc-l2{margin-top:6px;font-size:14px}
.pc-l3{margin-top:10px}
.pc-tempo{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;background:var(--painel);font-size:14px}
.pc-pl{font-weight:600;font-size:15px}
.pc-pl.sobe{color:var(--acima)} .pc-pl.cai{color:var(--fall)}
.pc.ganhou{border-color:rgba(52,229,164,.5)} .pc.perdeu{border-color:rgba(212,87,78,.5)}
.pc-tag{font-size:12px;font-weight:700;letter-spacing:.04em;padding:3px 8px;border-radius:6px}
.pc.ganhou .pc-tag{background:rgba(52,229,164,.16);color:var(--acima)} .pc.perdeu .pc-tag{background:rgba(212,87,78,.16);color:var(--fall)}
.pos-vazio{padding:28px 12px;text-align:center;color:var(--neutro);font-size:14px}

/* O que o ANALISAR faz: 3 opções visíveis de uma vez (substitui a chave) */
.modo-bloco{margin:2px 0 6px}
.modo-entrada{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.modo-entrada button{min-height:48px;padding:7px 6px;border-radius:10px;border:1px solid var(--borda2);background:var(--fundo2);
  color:var(--neutro);font-size:12.5px;line-height:1.25;font-weight:500;cursor:pointer;transition:background .15s,border-color .15s,color .15s}
.modo-entrada button:hover{color:var(--nevoa)}
.modo-entrada button:focus-visible{outline:2px solid var(--limiar);outline-offset:2px}
.modo-entrada button[aria-checked="true"]{color:var(--grafite);font-weight:700}
.modo-entrada button[data-modo="ind"][aria-checked="true"]{background:var(--nevoa);border-color:var(--nevoa)}
.modo-entrada button[data-modo="demo"][aria-checked="true"]{background:var(--acima);border-color:var(--acima)}
.modo-entrada button[data-modo="real"][aria-checked="true"]{background:var(--perigo);border-color:var(--perigo);color:#fff}
.modo-entrada button[data-modo="real"].confirmar{border-color:var(--perigo);color:var(--fall)}
.modo-entrada button:disabled{opacity:.4;cursor:not-allowed}
.modo-aviso{margin-top:7px;font-size:12.5px;color:var(--texto2);min-height:1em}
.modo-aviso b{color:var(--nevoa)} .modo-aviso.real,.modo-aviso.real b{color:var(--fall)}

/* Tempo real */
.tr-sel{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.tr-agora{padding:16px}
.tr-lados{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tr-lado{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 8px;border-radius:12px;background:var(--fundo2);border:1px solid var(--borda2);transition:background .2s,border-color .2s}
.tr-lado small{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--neutro)}
.tr-lado b{font-size:34px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--nevoa);line-height:1.1}
.tr-lado em{font-style:normal;font-size:11.5px;color:var(--neutro)}
.tr-lado.vale{background:rgba(52,229,164,.14);border-color:var(--acima)}
.tr-lado.vale b,.tr-lado.vale small{color:var(--acima)}
.tr-sit{margin-top:12px;font-size:14px;color:var(--nevoa);text-align:center}
.tr-base{margin-top:4px;font-size:12px;color:var(--neutro);text-align:center}
.tr-graf{margin-top:12px}
.tr-graf canvas{display:block;width:100%;height:140px;margin-top:8px}
.tr-nota{margin-top:8px;font-size:12px;color:var(--neutro)}

/* Tempo real: só o lado e as estrelas */
.tr-so{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:46vh;padding:28px 16px}
.tr-dir{font-size:clamp(54px,17vw,120px);font-weight:800;letter-spacing:.02em;line-height:1;color:var(--neutro)}
.tr-dir.rise{color:var(--acima)} .tr-dir.fall{color:var(--fall)}
.tr-estrelas{display:flex;gap:8px;font-size:clamp(30px,9vw,54px);line-height:1}
.tr-estrelas span{color:var(--borda2)} .tr-estrelas span.on{color:var(--ambar)}

.indicacao .ind-estrelas{display:flex;gap:4px;justify-content:center;font-size:22px;line-height:1}
.indicacao .ind-estrelas span{color:var(--borda2)} .indicacao .ind-estrelas span.on{color:var(--ambar)}

/* Tempo real: entrar */
.tr-entrar{margin-top:12px}
.tr-conta{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:end}
.tr-conta .campo{margin-bottom:0}
.tr-contas{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.tr-contas button{min-height:46px;border-radius:10px;border:1px solid var(--borda2);background:var(--fundo2);color:var(--neutro);font-size:13px;font-weight:600;cursor:pointer}
.tr-contas button[aria-checked="true"][data-conta="demo"]{background:var(--acima);border-color:var(--acima);color:var(--grafite)}
.tr-contas button[aria-checked="true"][data-conta="real"]{background:var(--perigo);border-color:var(--perigo);color:#fff}
.tr-contas button.confirmar{border-color:var(--perigo);color:var(--fall)}
.tr-contas button:disabled{opacity:.4;cursor:not-allowed}
.tr-btn{margin-top:10px;min-height:64px;font-size:20px;font-weight:800;letter-spacing:.03em}
.tr-btn.rise:not(:disabled){background:var(--acima);color:#0E1512}
.tr-btn.fall:not(:disabled){background:var(--perigo);color:#fff}
#trEntradas{margin-top:12px}

/* Entrada automática na janela */
.robo{display:flex;margin-top:10px;font-size:13.5px;color:var(--texto2)}
.robo input:checked + .chave-trilho{background:var(--neon)}
.robo input:checked ~ span{color:var(--nevoa);font-weight:600}
.robo.real input:checked + .chave-trilho{background:var(--perigo)}
.robo-aviso:empty{display:none}
.posicao .auto-tag{margin-left:6px;padding:2px 6px;border-radius:5px;background:rgba(52,229,164,.18);color:var(--neon);font-size:11px;font-weight:700;letter-spacing:.05em;vertical-align:middle}

/* Automação */
.abas a{font-size:11px;padding-left:1px;padding-right:1px}
.au-card{padding:16px}
.au-card .tr-conta{margin-bottom:12px;align-items:start}
.au-estrelas{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.au-estrelas button{min-height:46px;border-radius:10px;border:1px solid var(--borda2);background:var(--fundo2);color:var(--neutro);font-size:15px;font-weight:600;cursor:pointer}
.au-estrelas button[aria-checked="true"]{background:var(--neon);border-color:var(--neon);color:var(--tinta)}
.au-btn{min-height:60px;font-size:18px;font-weight:800;letter-spacing:.03em}
.au-btn.ligado{background:var(--perigo);color:#fff}
.au-btn.real:not(.ligado){background:var(--perigo);color:#fff}
.au-agora{margin-top:12px;display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 16px}
.au-agora .tr-dir{font-size:clamp(40px,12vw,72px)}
.au-agora .tr-estrelas{font-size:clamp(24px,7vw,40px)}
.au-placar{font-size:13px;color:var(--texto2);text-align:center;font-variant-numeric:tabular-nums}
.au-placar b{color:var(--nevoa)}
#auEntradas{margin-top:12px}
#auEstado.on{color:var(--neon);font-weight:700}

/* Acompanhamento da automação */
.au-acomp{margin-top:18px}
.ac-numeros{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.ac-numeros .numero{padding:12px}
.ac-numeros .numero b{font-size:20px;margin-top:6px;font-variant-numeric:tabular-nums}
.ac-numeros .numero small{font-size:11px}
.ac-numeros .ac-saldo{grid-column:1 / -1}
.numero b.ruim{color:var(--fall)}
.ac-lista li{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.ac-lista .ac-v{font-weight:600;font-variant-numeric:tabular-nums}
.ac-lista .ac-v.sobe{color:var(--acima)} .ac-lista .ac-v.cai{color:var(--fall)} .ac-lista .ac-v.esp{color:var(--neutro);font-weight:400}
@media (min-width:901px){ .ac-numeros{grid-template-columns:repeat(6,1fr)} }

/* Automação: filtros por lado, gale, pausa e resumo no topo */
.au-lado{grid-template-columns:repeat(6,1fr)} .au-gale{grid-template-columns:repeat(4,1fr)}
.au-lado button,.au-gale button{font-size:13px;padding:0 2px}
.au-pausa{display:flex;align-items:flex-start;margin:4px 0 14px;font-size:13px;line-height:1.4;color:var(--texto2)}
.au-pausa input:checked + .chave-trilho{background:var(--acima)}
.au-resumo{padding:16px;margin-bottom:12px;border-color:var(--neon)}
.au-resumo.pausa{border-color:var(--fall)}
.rs-topo{display:flex;justify-content:space-between;gap:12px}
.rs-topo b{display:block;font-size:30px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.rs-topo .rs-dir{text-align:right} .rs-topo .rs-dir b{font-size:20px;margin-top:10px}
.rs-topo small{display:block;font-size:11.5px;color:var(--neutro);margin-top:2px}
.rs-topo b.bom{color:var(--acima)} .rs-topo b.ruim{color:var(--fall)}
.rs-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}
.rs-grade div{padding:9px 10px;border-radius:9px;background:var(--fundo2)}
.rs-grade span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--neutro)}
.rs-grade b{display:block;margin-top:3px;font-size:17px;font-variant-numeric:tabular-nums}
.rs-grade b.bom{color:var(--acima)} .rs-grade b.ruim{color:var(--fall)}
.rs-estado{margin:12px 0 10px;font-size:13px;color:var(--texto2);line-height:1.45}
.rs-estado b{color:var(--nevoa)}
.au-resumo.pausa .rs-estado,.au-resumo.pausa .rs-estado b{color:var(--fall)}

/* Automações no servidor */
.at-intro{font-size:13.5px;color:var(--texto2);margin:-8px 0 14px;line-height:1.45}
.at-lista{display:flex;flex-direction:column;gap:12px;margin-top:12px}
.at-card{padding:16px}
.at-card.ligada{border-color:var(--neon)} .at-card.ligada.pausa{border-color:var(--fall)}
.at-card header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:14px}
.at-card h3{font-size:17px;font-weight:600} .at-card header small{display:block;margin-top:4px;font-size:12px;color:var(--neutro);line-height:1.4}
.at-selo{flex:0 0 auto;padding:4px 9px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;background:var(--fundo2);color:var(--neutro)}
.at-selo.on{background:rgba(52,229,164,.18);color:var(--neon)}
.at-barra{position:relative;height:6px;border-radius:3px;margin-top:16px;background:linear-gradient(90deg,rgba(255,107,107,.55),var(--borda2) 50%,rgba(52,229,164,.55))}
.at-barra i{position:absolute;top:-4px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--nevoa);border:2px solid var(--grafite)}
.at-barra u{position:absolute;top:-3px;width:2px;height:12px;background:var(--neutro)}
.at-limites{display:flex;justify-content:space-between;margin-top:7px;font-size:11.5px;color:var(--neutro);font-variant-numeric:tabular-nums}
.at-acoes{display:flex;flex-wrap:wrap;gap:8px}
.at-acoes .acao{flex:1 1 100%;min-height:52px;font-weight:800;letter-spacing:.03em}
.at-acoes .secundario{flex:1 1 0;margin:0} .at-acoes .at-larga{flex:1 1 100%}
.at-parar,.at-real{background:var(--perigo) !important;color:#fff !important}
.at-msg:empty{display:none} .at-msg{margin-top:10px}
.at-card .ac-lista{margin-top:12px}
.at-sub{margin:18px 0 10px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--neutro);font-weight:600}
#atForm h2{font-size:18px;font-weight:600;margin-bottom:14px}
.at-tres{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.at-tres label{min-height:2.4em}
#atSalvar{margin-top:6px}
.au-pares{grid-template-columns:repeat(3,1fr)}
.at-aviso{white-space:pre-line}
.at-galetab table{width:100%;border-collapse:collapse;margin-top:8px;font-size:14px;font-variant-numeric:tabular-nums}
.at-galetab th,.at-galetab td{padding:6px 8px;border-bottom:1px solid var(--borda2);text-align:right}
.at-galetab th:first-child,.at-galetab td:first-child{text-align:left}
.at-galetab th{color:var(--neutro);font-weight:600;font-size:12px}
.at-galetab p{margin:8px 0 0;font-size:13px;line-height:1.45;color:var(--neutro)}
.at-galetab p b{color:var(--nevoa)}

/* ---------- painel de automações (29/09): resumo no topo e cards que abrem ---------- */
.at-painel-wrap[hidden]{display:none}
.at-painel{padding:16px;margin-top:12px}
.pn-contas{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pn-conta{padding:14px;border-radius:12px;background:var(--fundo2);border:1px solid var(--borda)}
.pn-conta.real{border-color:rgba(255,107,107,.45)}
.pn-conta.vazia{opacity:.55}
.pn-conta-t{display:flex;align-items:center;justify-content:space-between;gap:8px}
.pn-conta-t small{font-size:11.5px;color:var(--neutro)}
.pn-conta>b{display:block;margin-top:10px;font-size:28px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.pn-conta>b.bom,.pn-res.bom,.at-res b.bom{color:var(--acima)} .pn-conta>b.ruim,.pn-res.ruim,.at-res b.ruim{color:var(--fall)}
.pn-conta dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 8px;margin:12px 0 0}
.pn-conta dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--neutro)}
.pn-conta dd{margin:2px 0 0;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.at-conta{flex:0 0 auto;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;border:1px solid var(--borda2);color:var(--texto2)}
.at-conta.real{border-color:rgba(255,107,107,.6);color:var(--fall2);background:rgba(255,107,107,.12)}
.pn-rot{margin:16px 0 8px}
.pn-ativas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.pn-linha{width:100%;display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px;border-radius:10px;border:1px solid var(--borda);background:none;color:var(--nevoa);font:inherit;text-align:left;cursor:pointer}
.pn-linha:hover{border-color:var(--borda2);background:var(--fundo2)}
.pn-linha:focus-visible,.at-cab:focus-visible,.pn-filtros button:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
.pn-linha>i{flex:0 0 auto;width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 0 rgba(52,229,164,.5);animation:pn-pulso 2s ease-out infinite}
.pn-linha.gale>i{background:var(--gale)} .pn-linha.pausa>i{background:var(--fall);animation:none}
@keyframes pn-pulso{to{box-shadow:0 0 0 7px rgba(52,229,164,0)}}
@media (prefers-reduced-motion:reduce){.pn-linha>i{animation:none} .at-seta{transition:none}}
.pn-nome{flex:1 1 auto;min-width:0}
.pn-nome b{display:block;font-size:14.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-nome small{display:block;margin-top:2px;font-size:12px;color:var(--neutro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pn-res{flex:0 0 auto;font-size:15px;font-variant-numeric:tabular-nums}
.pn-parar{margin-top:12px;color:var(--fall2);border-color:rgba(255,107,107,.45)}
.pn-parar.confirma{background:var(--perigo);border-color:var(--perigo);color:#fff;font-weight:700}
.pn-vazio{margin:14px 0 0;font-size:13.5px;color:var(--neutro)}
.pn-filtros{display:flex;gap:6px;margin-top:14px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.pn-filtros::-webkit-scrollbar{display:none}
.pn-filtros button{flex:0 0 auto;min-height:38px;padding:0 13px;border-radius:999px;border:1px solid var(--borda2);background:none;color:var(--texto2);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.pn-filtros button span{margin-left:4px;color:var(--neutro);font-weight:500;font-variant-numeric:tabular-nums}
.pn-filtros button[aria-checked="true"]{background:var(--nevoa);border-color:var(--nevoa);color:var(--grafite)}
.pn-filtros button[aria-checked="true"] span{color:#4A505A}
.at-card{padding:0;overflow:hidden}
.at-card.real{border-color:rgba(255,107,107,.4)} .at-card.ligada{border-color:var(--neon)} .at-card.ligada.pausa{border-color:var(--fall)}
.at-cab{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:16px 16px 0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.at-cab-l{flex:1 1 auto;min-width:0;display:block}
.at-tit{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px}
.at-tit h3{font-size:17px;font-weight:600;margin:0}
.at-cab small{display:block;margin-top:5px;font-size:12px;color:var(--neutro);line-height:1.4}
.at-seta{flex:0 0 auto;margin-top:2px;color:var(--neutro);transition:transform .2s ease}
.at-card.aberto .at-seta{transform:rotate(180deg)}
.at-resumo{display:flex;align-items:center;gap:14px;padding:14px 16px 0}
.at-res b{display:block;margin-top:3px;font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.at-curva{flex:1 1 auto;min-width:0;max-width:160px;height:34px}
.at-curva line{stroke:var(--borda2);stroke-width:1;stroke-dasharray:2 3}
.at-curva polyline{fill:none;stroke:var(--neutro);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.at-curva.bom polyline{stroke:var(--acima)} .at-curva.ruim polyline{stroke:var(--fall)}
.at-mini{margin-left:auto;display:flex;flex-direction:column;gap:3px;text-align:right;font-size:12px;color:var(--neutro);white-space:nowrap}
.at-mini b{color:var(--nevoa);font-size:14px;font-variant-numeric:tabular-nums}
.at-linha{margin:10px 16px 0;font-size:12.5px;color:var(--texto2);line-height:1.4}
.at-card>.at-acoes{padding:12px 16px 16px}
.at-card>.at-acoes .acao{min-height:46px;margin-top:0}
.at-card>.at-msg{margin:-6px 16px 14px}
.at-det{padding:16px;border-top:1px solid var(--borda);background:rgba(0,0,0,.14)}
.at-det .at-acoes{margin-top:4px}
.at-config{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 12px;margin:14px 0}
.at-config dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--neutro)}
.at-config dd{margin:2px 0 0;font-size:13.5px;font-weight:600}
@media (min-width:901px){
  .at-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));align-items:start}
  .pn-ativas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){
  .pn-contas{grid-template-columns:1fr}
  .pn-conta.vazia{display:none}
  .pn-conta{position:relative;padding:12px}
  .pn-conta-t{justify-content:flex-start}
  .pn-conta>b{position:absolute;top:8px;right:12px;margin:0;font-size:24px}
  .pn-conta dl{grid-template-columns:repeat(4,auto);justify-content:space-between;gap:8px;margin-top:10px}
  .pn-conta dt{font-size:11px;letter-spacing:.04em} .pn-conta dd{font-size:13px}
  .pn-nome b,.pn-nome small{white-space:normal}
  .pn-linha{align-items:flex-start;padding:10px 12px} .pn-linha>i{margin-top:6px}
}

/* status atual e operações ao vivo dentro do card aberto */
.at-status{padding:14px;border-radius:12px;border:1px solid var(--borda2);background:var(--fundo2);text-align:center}
.at-status>b{display:block;margin-top:6px;font-size:21px;font-weight:700;letter-spacing:-.01em}
.at-status p{margin:6px 0 0;font-size:13px;line-height:1.45;color:var(--texto2)} .at-status p b{color:var(--nevoa)}
.at-status small{display:block;margin-top:10px;padding-top:9px;border-top:1px solid var(--borda);font-size:12px;color:var(--neutro)}
.at-status small b.bom{color:var(--acima)} .at-status small b.ruim{color:var(--fall)}
.at-status [data-ate]{font-variant-numeric:tabular-nums;font-weight:600;color:var(--nevoa)}
.at-status.rise{border-color:rgba(52,229,164,.6);background:rgba(52,229,164,.09)} .at-status.rise>b{color:var(--acima)}
.at-status.fall{border-color:rgba(255,107,107,.6);background:rgba(255,107,107,.09)} .at-status.fall>b{color:var(--fall2)}
.at-status.misto{border-color:rgba(245,184,61,.6);background:rgba(245,184,61,.08)} .at-status.misto>b{color:var(--ambar)}
.at-status.gale{border-color:rgba(240,149,74,.6);background:rgba(240,149,74,.08)} .at-status.gale>b{color:var(--gale)}
.at-status.pausa{border-color:rgba(255,107,107,.6)} .at-status.pausa>b{color:var(--fall2)}
.at-status.parada>b{color:var(--neutro)}
.at-ops{margin:14px 0 16px}
.at-ops-t{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px} .at-ops-t small{font-size:12px;color:var(--neutro);font-variant-numeric:tabular-nums}
.at-ops .ac-lista{margin-top:0;max-height:420px;overflow-y:auto;overscroll-behavior:contain}
.at-ops .ac-lista li{background:var(--fundo2)}
.at-ops .ac-lista li.aberta{box-shadow:inset 3px 0 0 var(--ambar)}
.at-ops .ac-lista .ac-v.esp{color:var(--ambar);font-weight:600}
.at-ops .secundario{margin-top:8px}

/* ritmo da rodada no card fechado e segundo nível de detalhes */
.at-ritmo{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 16px 0}
.at-ritmo div{padding:8px 10px;border-radius:9px;background:var(--fundo2)}
.at-ritmo dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--neutro)}
.at-ritmo dd{margin:2px 0 0;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.at-ritmo dd.bom,.pn-conta dd.bom{color:var(--acima)} .at-ritmo dd.ruim,.pn-conta dd.ruim{color:var(--fall)}
.at-mais{margin-top:0}
.at-fundo{margin-top:16px;padding-top:16px;border-top:1px solid var(--borda)}

/* tela de uma automação (#auto/ID) */
a.at-cab,a.pn-linha,a.at-link,a.at-voltar{text-decoration:none}
a.at-link{display:flex;align-items:center;justify-content:center;text-align:center;color:var(--texto2);font-size:13.5px}
.at-detalhe[hidden],.at-intro[hidden]{display:none}
.at-voltar{display:inline-flex;align-items:center;min-height:44px;color:var(--texto2);font-size:14px;font-weight:600}
.at-voltar:hover{color:var(--nevoa)}
.at-tela{border:0;background:none;overflow:visible}
.at-tela-cab{padding:16px 0 16px}
.at-tela-cab .at-cab-l{display:block;padding:0 16px}
.at-tela-cab .at-cab-l small{display:block;margin-top:5px;font-size:12.5px;color:var(--neutro);line-height:1.4}
.at-tela.ligada .at-tela-cab{border-color:var(--neon)} .at-tela.real .at-tela-cab{border-color:rgba(255,107,107,.5)} .at-tela.ligada.pausa .at-tela-cab{border-color:var(--fall)}
.at-cols{display:grid;grid-template-columns:1fr;gap:12px;margin-top:12px;align-items:start}
.at-col{padding:16px;min-width:0}
.at-col>h4{margin:0 0 12px}
.at-col .at-acoes{margin-top:12px} .at-col .at-acoes .acao{min-height:52px;margin-top:0}
.at-col .at-msg{margin-top:10px}
.at-col .at-sec{margin-top:8px}
.at-col .at-ops{margin:0} .at-col .at-ops .ac-lista{max-height:none}
.at-col .at-fundo{margin:0;padding:0;border:0}
@media (min-width:901px){
  .at-cols{grid-template-columns:minmax(0,1fr) minmax(0,1.25fr) minmax(0,1fr)}
  .at-col .at-ops .ac-lista{max-height:calc(100vh - 330px);min-height:320px}
  .at-tela-cab{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:0 8px}
  .at-tela-cab .at-resumo{padding-top:0} .at-tela-cab .at-ritmo{margin-top:0}
}

/* card aberto na própria lista: largura toda, três colunas */
.at-card.aberto{grid-column:1 / -1}
.at-card .at-det{padding:4px 16px 16px;border-top:1px solid var(--borda);background:rgba(0,0,0,.14);margin-top:14px}
.at-card .at-det .at-col{padding:16px 0 0}
.at-tela-cols .at-col{padding:16px;background:var(--painel);border:1px solid var(--borda);border-radius:var(--r)}
.at-outra{display:inline-block;margin-top:14px;font-size:12.5px;color:var(--neutro);text-decoration:underline;text-underline-offset:3px}
.at-outra:hover{color:var(--nevoa)}
button.pn-linha{font:inherit}
@media (min-width:901px){
  .at-card .at-det .at-cols{gap:24px}
  .at-card .at-det .at-col .at-ops .ac-lista{max-height:460px;min-height:0}
  .at-card.aberto>.at-resumo,.at-card.aberto>.at-ritmo{max-width:560px}
}

/* ---------- detalhes da automação (29/09, v86): agora, indicadores, gale e caixa, operações, configuração ---------- */
.at-card .at-det{margin-top:14px;padding:16px;border-top:1px solid var(--borda);background:rgba(0,0,0,.16)}
.at-cab-fixa{cursor:default}
.dt{display:flex;flex-direction:column;gap:12px}
.dt-topo,.dt-baixo{display:grid;grid-template-columns:1fr;gap:12px;align-items:start}
.dt-bloco,.dt-numeros,.dt-agora{min-width:0}
.dt-bloco{padding:16px;border-radius:12px;background:var(--painel);border:1px solid var(--borda)}
.dt-bloco>h4{margin:0 0 12px;display:flex;justify-content:space-between;align-items:baseline} .dt-bloco>h4 span{letter-spacing:0;font-variant-numeric:tabular-nums}
.dt-agora .at-status{text-align:left;padding:18px}
.dt-agora .at-status>b{font-size:26px;line-height:1.15;margin-top:8px}
.dt-agora .at-status .rot{display:flex;align-items:center;gap:8px}
.at-status .rot i{width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.9}
.at-status.rise .rot i,.at-status.fall .rot i,.at-status.misto .rot i,.at-status.gale .rot i,.at-status.espera .rot i{animation:dt-vivo 1.6s ease-in-out infinite}
.at-status.rise .rot i{background:var(--acima)} .at-status.fall .rot i{background:var(--fall)} .at-status.gale .rot i{background:var(--gale)} .at-status.espera .rot i{background:var(--neon)} .at-status.misto .rot i{background:var(--ambar)}
@keyframes dt-vivo{50%{opacity:.25;transform:scale(.7)}}
.dt-agora .at-acoes{margin-top:12px} .dt-agora .at-acoes .acao{margin-top:0;min-height:52px} .dt-agora .at-msg{margin-top:10px}
.dt-kpis{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.dt-kpis>div,.dt-mini>div{padding:11px 12px;border-radius:10px;background:var(--painel);border:1px solid var(--borda);min-width:0}
.dt-kpis dt,.dt-mini dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--neutro)}
.dt-kpis dd{margin:4px 0 0;font-size:20px;font-weight:700;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.dt-kpis small,.dt-mini small{display:block;margin-top:2px;font-size:11.5px;color:var(--neutro);line-height:1.35}
.dt-kpis dd.bom,.dt-mini dd.bom{color:var(--acima)} .dt-kpis dd.ruim,.dt-mini dd.ruim{color:var(--fall)}
.dt-grafico{margin-top:8px;padding:12px;border-radius:10px;background:var(--painel);border:1px solid var(--borda)}
.dt-grafico.vazio{font-size:12.5px;color:var(--neutro);text-align:center;padding:26px 12px}
.dt-grafico svg{display:block;width:100%;height:110px}
.dt-grafico line{stroke:var(--borda2);stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}
.dt-grafico polyline{fill:none;stroke:var(--neutro);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.dt-grafico polygon{fill:rgba(138,146,158,.10)}
.dt-grafico.bom polyline{stroke:var(--acima)} .dt-grafico.bom polygon{fill:rgba(52,229,164,.12)}
.dt-grafico.ruim polyline{stroke:var(--fall)} .dt-grafico.ruim polygon{fill:rgba(255,107,107,.12)}
.dt-eixo{display:flex;justify-content:space-between;gap:8px;margin-top:8px;font-size:11.5px;color:var(--neutro);font-variant-numeric:tabular-nums}
.dt-escada-l{margin-bottom:14px} .dt-vaga{display:block;margin-bottom:6px;font-size:12.5px;font-weight:600;color:var(--texto2)}
.dt-escada{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(74px,1fr));gap:6px}
.dt-escada li{padding:8px 6px;border-radius:9px;border:1px solid var(--borda);background:var(--fundo2);text-align:center;min-width:0}
.dt-escada span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--neutro)}
.dt-escada b{display:block;margin-top:3px;font-size:14px;font-variant-numeric:tabular-nums}
.dt-escada li.perdido{border-color:rgba(255,107,107,.4);background:rgba(255,107,107,.08)} .dt-escada li.perdido b{color:var(--fall);font-size:12px;font-weight:600}
.dt-escada li.agora{border-color:var(--gale);background:rgba(240,149,74,.12);box-shadow:0 0 0 1px var(--gale) inset} .dt-escada li.agora span{color:var(--gale)}
.dt-escada li.depois{opacity:.6}
.dt-nota{margin:0 0 14px;font-size:13px;color:var(--texto2)}
.dt-bloco .at-barra{margin-top:6px}
.dt-ops{max-height:520px;overflow-y:auto;overscroll-behavior:contain}
.dt-ops li{grid-template-columns:auto minmax(0,1fr) auto;background:var(--fundo2)}
.dt-lado{min-width:64px;padding:5px 8px;border-radius:7px;font-size:12px;font-weight:700;text-align:center}
.dt-lado.rise{color:var(--acima);background:rgba(52,229,164,.12)} .dt-lado.fall{color:var(--fall2);background:rgba(255,107,107,.12)}
.dt-ops .quem b{font-size:14px;font-variant-numeric:tabular-nums}
.dt-est{color:var(--ambar);font-size:12.5px} .dt-gale{padding:2px 6px;border-radius:6px;background:rgba(240,149,74,.15);color:var(--gale);font-size:11.5px;font-weight:600} .dt-par{color:var(--texto2);font-size:12.5px}
.dt-ops .ac-v{font-size:14.5px}
.dt-ops li.aberta{box-shadow:inset 3px 0 0 var(--ambar)} .dt-ops li.aberta .ac-v{color:var(--ambar);font-weight:600;font-size:12.5px}
.dt-ops li.nova{animation:dt-nova 2.5s ease-out both}
@keyframes dt-nova{0%{background:rgba(52,229,164,.28)}100%{background:var(--fundo2)}}
@media (prefers-reduced-motion:reduce){.dt-ops li.nova,.at-status .rot i{animation:none}}
.dt-lado-d{display:flex;flex-direction:column;gap:12px;min-width:0}
.dt-mini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0}
.dt-mini>div{background:var(--fundo2)} .dt-mini dd{margin:3px 0 0;font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}
.dt-mini>.larga{grid-column:1/-1} .dt-mini dd.dt-lista{font-size:13.5px;font-weight:500;line-height:1.7;color:var(--texto2)} .dt-mini dd.dt-lista b{color:var(--nevoa);font-weight:700} .dt-mini dd.dt-lista i{font-style:normal;color:var(--neutro);font-size:12px} .dt-nota{margin:8px 0 0;font-size:11.5px;color:var(--neutro);line-height:1.4}
.dt-barrados{margin-top:14px} .dt-barrados p{display:grid;grid-template-columns:1fr auto auto;gap:10px;margin:8px 0 0;font-size:13px;color:var(--texto2)} .dt-barrados b{color:var(--nevoa)} .dt-barrados em{font-style:normal;color:var(--neutro)}
.dt-aviso{margin:14px 0 0;padding:10px 12px;border-radius:9px;background:var(--fundo2);font-size:12.5px}
.dt-bloco .at-config{margin:0 0 4px} .dt-bloco .at-sec{margin-top:12px}
.at-tela{background:var(--painel);border:1px solid var(--borda);border-radius:var(--r);overflow:hidden}
@media (min-width:901px){
  .dt-topo{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}
  .dt-baixo{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
  .dt-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.dt-bloco .at-limites{gap:6px 12px;flex-wrap:wrap}

/* =====================================================================
   TEMA NEON (29/09/2026): componentes base, menu e formulário.
   Só cor, borda e sombra leve. Sem imagem, sem fonte nova, sem desfoque.
   ===================================================================== */
body{background-image:linear-gradient(to right,rgba(52,229,164,.022) 1px,transparent 1px),linear-gradient(to bottom,rgba(52,229,164,.022) 1px,transparent 1px);background-size:24px 24px}
.card{border-color:var(--borda);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.rot,.cota-rot,.campo label{letter-spacing:.12em}
.titulo h1{font-weight:700;letter-spacing:-.015em}
/* botões */
.acao{background:var(--neon);color:var(--tinta);font-weight:700;box-shadow:0 0 0 1px rgba(52,229,164,.6),0 6px 22px rgba(52,229,164,.18)}
.acao:hover:not(:disabled){opacity:1;filter:brightness(1.08)}
.acao:disabled{background:var(--borda);color:var(--neutro);box-shadow:none}
.acao.armado{box-shadow:none}
.at-parar,.at-real{box-shadow:0 0 0 1px rgba(255,107,107,.5),0 6px 22px rgba(200,55,46,.22)}
.secundario{border-color:var(--borda2);color:var(--texto2);min-height:44px;font-weight:500}
.secundario:hover{color:var(--nevoa);border-color:var(--neon)}
.at-apagar{color:var(--fall2);border-color:rgba(255,107,107,.35)}
.acao:focus-visible,.secundario:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
/* campos */
select,input{border-color:var(--campo);background-color:var(--fundo2)}
select:hover,input:hover{border-color:#5E6C8A}
select:focus,input:focus{outline:2px solid var(--neon);outline-offset:1px;border-color:transparent}
.chave input:checked + .chave-trilho{background:var(--neon)}
.chave input:checked ~ .chave-rot{color:var(--neon)}
.au-estrelas button{border-color:var(--campo);background:var(--fundo2);color:var(--texto2)}
.au-estrelas button[aria-checked="true"]{box-shadow:0 0 16px rgba(52,229,164,.25)}
.tr-contas button[aria-checked="true"]{box-shadow:0 0 14px rgba(52,229,164,.18)}
/* menu lateral e barra do celular */
.trilho{background:#090C12;backdrop-filter:none}
.nav a{position:relative;min-height:44px}
.nav a:hover{background:var(--painel)}
.nav a.on{background:rgba(52,229,164,.10);color:var(--nevoa);box-shadow:inset 0 0 0 1px rgba(52,229,164,.28)}
.nav a.on::before{content:'';position:absolute;left:-16px;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:var(--neon);box-shadow:0 0 10px var(--neon)}
.nav a.on svg,.abas a.on svg{color:var(--neon)}
.nav-selo{margin-left:auto;min-width:20px;padding:2px 6px;border-radius:999px;background:var(--neon);color:var(--tinta);font-size:11px;font-weight:700;text-align:center;font-variant-numeric:tabular-nums}
.trilho .rodape{background:var(--painel);border-color:var(--borda)}
.cota-num{font-weight:700}
@media (max-width:900px){
  .topo{background:#0B0E14;backdrop-filter:none}
  .abas{background:#090C12;backdrop-filter:none;padding-top:0}
  .abas a{position:relative;min-height:56px;justify-content:center}
  .abas a.on{color:var(--nevoa)}
  .abas a.on::before{content:'';position:absolute;top:0;left:22%;right:22%;height:2px;border-radius:0 0 2px 2px;background:var(--neon);box-shadow:0 0 10px var(--neon)}
  .abas .nav-selo{position:absolute;top:5px;left:calc(50% + 6px);margin:0;min-width:16px;padding:1px 4px;font-size:11px;line-height:14px}
}
.aviso-sint{backdrop-filter:none}
/* automações: vivo = borda neon com brilho; conta real = vermelho */
.at-card.ligada,.at-tela.ligada{box-shadow:var(--brilho)}
.at-card.ligada.pausa{box-shadow:0 0 0 1px rgba(255,107,107,.5)}
.at-card.real:not(.ligada){border-color:rgba(255,107,107,.45)}
.at-card.real.ligada{border-color:var(--fall);box-shadow:0 0 0 1px rgba(255,107,107,.55),0 0 22px rgba(255,107,107,.14)}
.pn-conta{border-color:var(--borda2)} .pn-conta.demo:not(.vazia){border-color:rgba(52,229,164,.4)} .pn-conta.real:not(.vazia){border-color:rgba(255,107,107,.55)}
.at-conta.demo{border-color:rgba(52,229,164,.45);color:var(--neon);background:rgba(52,229,164,.08)}
.pn-filtros button{border-color:var(--borda2)} .pn-filtros button[aria-checked="true"]{background:var(--neon);border-color:var(--neon);color:var(--tinta)} .pn-filtros button[aria-checked="true"] span{color:rgba(4,20,14,.7)}
.at-status.espera{border-color:rgba(52,229,164,.5);background:rgba(52,229,164,.07)} .at-status.espera>b{color:var(--neon)}
.dt-escada li.agora{box-shadow:0 0 0 1px var(--gale) inset,0 0 16px rgba(240,149,74,.2)}
.dt-kpis>div,.dt-bloco,.dt-grafico{border-color:var(--borda)}
.dt-agora .at-sec{margin-top:10px} .dt-agora .at-sec .secundario{min-height:40px;padding:8px}
.at-acoes .at-larga{min-height:44px}
/* formulário de automação em caixas */
#atForm{padding:20px;border-color:var(--borda2)}
#atForm>h2{font-size:20px;font-weight:700;margin-bottom:16px}
.fm{display:grid;grid-template-columns:1fr;gap:12px}
.fm-bloco{min-width:0;padding:16px;border:1px solid var(--borda);border-radius:12px;background:var(--fundo2)}
.fm-bloco>h3{display:flex;align-items:center;gap:10px;margin:0 0 14px;font-size:14px;font-weight:700;letter-spacing:.01em}
.fm-bloco>h3 i{flex:0 0 auto;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;color:var(--neon);box-shadow:0 0 0 1px rgba(52,229,164,.55) inset;background:rgba(52,229,164,.08)}
.fm-bloco select,.fm-bloco input{background-color:var(--grafite)}
.fm-bloco .campo label{text-transform:none;letter-spacing:0;font-size:12.5px;font-weight:600;color:var(--texto2)}
.fm-bloco .dica{display:block;font-size:12px;line-height:1.5;color:var(--neutro)}
.fm-bloco .campo:last-child{margin-bottom:0}
.fm-bloco .chave{display:flex;align-items:flex-start;margin:4px 0 12px;font-size:13px;line-height:1.45;color:var(--texto2)}
.fm-fim{display:grid;gap:8px;margin-top:14px} .fm-fim .acao,.fm-fim .secundario{margin-top:0}
@media (min-width:901px){
  .fm{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .fm-fim{grid-template-columns:2fr 1fr}
}
/* telas de lista e perfil: estados e caixas */
.pos-vazio,.vazio,.lista li.vaziol{border:1px dashed var(--borda2);border-radius:12px;color:var(--neutro)}
.lista{background:var(--borda)} .lista li{background:var(--painel)}
.perfil .card h2,.perfil .card h3{letter-spacing:-.01em}
.legal a{color:var(--neon)}
.fm-bloco .dica[data-acima]{margin:0 0 8px}
.secundario.pn-parar{color:var(--fall2);border-color:rgba(255,107,107,.45)} .secundario.pn-parar.confirma{background:var(--perigo);border-color:var(--perigo);color:#fff}
.ver-hist,.diario a,.titulo a{color:var(--neon)}
@media (min-width:901px){ #atNova{width:auto;min-width:240px;padding:12px 22px;margin:0 0 4px} }
@media (max-width:900px){
  .abas a{font-size:11px;letter-spacing:-.02em;padding:6px 0;gap:3px}
  #atForm{padding:14px 12px} .fm-bloco{padding:14px 12px}
}
.at-ritmo.tres{grid-template-columns:1.25fr 1fr 1fr}
.at-ritmo .saldo{box-shadow:inset 0 0 0 1px rgba(52,229,164,.35)} .at-ritmo .saldo dd{font-size:17px;font-weight:700}
.at-ritmo small{display:block;margin-top:1px;font-size:11px;color:var(--neutro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:420px){ .at-ritmo.tres{grid-template-columns:1fr 1fr} .at-ritmo .saldo{grid-column:1 / -1} }

/* operações ativas e combinações (forex) */
.dt-ativas{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px}
.dt-ativas li{padding:12px;border-radius:10px;background:var(--fundo2);border:1px solid var(--borda2);min-width:0}
.dt-ativas li.rise{border-color:rgba(52,229,164,.5)} .dt-ativas li.fall{border-color:rgba(255,107,107,.5)}
.dt-ativas .t{display:flex;align-items:center;justify-content:space-between;gap:8px}
.dt-ativas .t b{font-size:14px} .dt-ativas .t span{font-size:13px;font-weight:700} .dt-ativas li.rise .t span{color:var(--acima)} .dt-ativas li.fall .t span{color:var(--fall)}
.dt-ativas p{margin:6px 0 0;font-size:12.5px;color:var(--texto2);font-variant-numeric:tabular-nums} .dt-ativas p b{color:var(--nevoa)}
.dt-prog{height:4px;border-radius:2px;margin-top:10px;background:var(--borda);overflow:hidden} .dt-prog i{display:block;height:100%;width:100%;transform-origin:left;background:var(--ambar)}
.dt-ativas small{display:block;margin-top:6px;font-size:12px;color:var(--neutro)} .dt-ativas small [data-ate]{color:var(--ambar);font-weight:600}
.dt-vagas{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;margin-top:12px}
.dt-vagas div{padding:9px 10px;border-radius:9px;background:var(--fundo2);border:1px solid var(--borda);min-width:0}
.dt-vagas b{display:block;font-size:12.5px} .dt-vagas span{display:block;margin-top:2px;font-size:12px;color:var(--neutro)}
.dt-vagas .aberta{border-color:rgba(245,184,61,.5)} .dt-vagas .aberta span{color:var(--ambar)}
.dt-vagas .gale{border-color:rgba(240,149,74,.5)} .dt-vagas .gale span{color:var(--gale)}
.dt-vagas .fechado span{color:var(--fall2)}

/* gale máximo da rodada e onde os ciclos fecharam */
.dt-galemax{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:14px;margin-bottom:12px;border-radius:10px;background:var(--fundo2);border:1px solid var(--borda2)}
.dt-galemax>div>b{display:block;margin-top:4px;font-size:30px;font-weight:700;letter-spacing:-.01em;color:var(--nevoa)} .dt-galemax>div>b span{font-size:15px;font-weight:500;color:var(--neutro)}
.dt-galemax p{flex:1 1 220px;margin:0;font-size:13px;line-height:1.5;color:var(--texto2)} .dt-galemax p b.ruim{color:var(--fall)}
.dt-galemax.perto{border-color:rgba(240,149,74,.6)} .dt-galemax.perto>div>b{color:var(--gale)}
.dt-galemax.topo{border-color:rgba(255,107,107,.65);background:rgba(255,107,107,.08)} .dt-galemax.topo>div>b{color:var(--fall)}
.dt-fim{margin-bottom:14px} .dt-fim p{display:grid;grid-template-columns:64px 1fr 36px 40px;align-items:center;gap:10px;margin:7px 0 0;font-size:12.5px;color:var(--texto2);font-variant-numeric:tabular-nums}
.dt-fim i{height:6px;border-radius:3px;background:var(--borda);overflow:hidden} .dt-fim u{display:block;height:100%;border-radius:3px;background:var(--acima)}
.dt-fim b{text-align:right;color:var(--nevoa)} .dt-fim em{text-align:right;font-style:normal;color:var(--neutro)}

/* janela da automação: grande, por cima da tela. Sem desfoque de fundo (barato de pintar). */
.sem-rolagem,.sem-rolagem body{overflow:hidden}
.at-modal{position:fixed;inset:0;z-index:40;display:grid;place-items:center;padding:24px;background:rgba(3,5,9,.82);animation:jan-fundo .16s ease-out both}
.at-modal-caixa{width:min(1240px,100%);max-height:calc(100dvh - 48px);overflow-y:auto;overscroll-behavior:contain;border-radius:18px;background:var(--grafite);border:1px solid var(--borda2);box-shadow:0 24px 80px rgba(0,0,0,.6);animation:jan-entra .2s ease-out both}
@keyframes jan-fundo{from{opacity:0}} @keyframes jan-entra{from{opacity:0;transform:translateY(10px) scale(.985)}}
@media (prefers-reduced-motion:reduce){.at-modal,.at-modal-caixa{animation:none}}
.at-jan{border:0;background:none;overflow:visible}
.at-jan-cab{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 20px 14px;background:var(--grafite);border-bottom:1px solid var(--borda)}
.at-jan.ligada .at-jan-cab{border-bottom-color:rgba(52,229,164,.5)} .at-jan.real .at-jan-cab{border-bottom-color:rgba(255,107,107,.55)}
.at-jan-cab .at-tit h3{font-size:20px;font-weight:700} .at-jan-cab small{display:block;margin-top:5px;font-size:12.5px;color:var(--neutro);line-height:1.4}
.at-fechar{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--borda2);background:var(--painel);color:var(--texto2);cursor:pointer}
.at-fechar:hover{color:var(--nevoa);border-color:var(--neon)}
.at-jan-corpo{padding:16px 20px 24px}
.at-card.at-jan.ligada,.at-card.at-jan.real.ligada{box-shadow:none}
@media (max-width:900px){
  .at-modal{padding:0;place-items:stretch}
  .at-modal-caixa{width:100%;max-height:100dvh;height:100dvh;border-radius:0;border:0}
  .at-jan-cab{padding:calc(12px + env(safe-area-inset-top)) 14px 12px} .at-jan-corpo{padding:12px 14px calc(24px + env(safe-area-inset-bottom))}
  .at-jan-cab .at-tit h3{font-size:17px}
}

/* placar por nível do gale */
.dt-placar{margin-bottom:14px}
.dt-placar-l{display:grid;grid-template-columns:92px 56px minmax(40px,1fr) 56px 56px;align-items:center;gap:10px;margin-top:7px;font-size:13px;color:var(--texto2);font-variant-numeric:tabular-nums}
.dt-placar-l.cab{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--neutro)}
.dt-placar-l b,.dt-placar-l em,.dt-placar-l.cab span:nth-child(n+2){text-align:right;font-style:normal} .dt-placar-l b{color:var(--nevoa)}
.dt-placar-l i{height:6px;border-radius:3px;background:var(--borda);overflow:hidden} .dt-placar-l u{display:block;height:100%;border-radius:3px;background:var(--neutro)}
.dt-placar-l .bom{color:var(--acima)} .dt-placar-l .ruim{color:var(--fall)} .dt-placar-l em{font-weight:700}
@media (max-width:520px){ .dt-placar-l{grid-template-columns:84px 48px minmax(20px,1fr) 44px 48px;gap:6px} }

/* linhas da automação */
.dt-linhas{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:6px;margin-bottom:12px}
.dt-linhas div{padding:10px 12px;border-radius:9px;background:var(--fundo2);border:1px solid var(--borda2);min-width:0}
.dt-linhas b{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--neutro)} .dt-linhas span{display:block;margin-top:3px;font-size:13px;color:var(--texto2);line-height:1.4}
.dt-linhas .rise{border-color:rgba(52,229,164,.55)} .dt-linhas .rise span{color:var(--acima)}
.dt-linhas .fall{border-color:rgba(255,107,107,.55)} .dt-linhas .fall span{color:var(--fall)}
.dt-linhas .gale{border-color:rgba(240,149,74,.55)} .dt-linhas .gale span{color:var(--gale)}
.dt-linhas [data-ate]{color:var(--ambar);font-weight:600}

/* operações abertas: ganhando ou perdendo agora. A borda do cartão passa a dizer o estado; o lado fica na etiqueta. */
.dt-ativas li[data-op]{border-color:var(--borda2)}
.dt-ativas li.ganha{border-color:var(--acima);background:rgba(52,229,164,.07)} .dt-ativas li.perde{border-color:var(--fall);background:rgba(255,107,107,.07)}
.dt-ativas .t span.rise{color:var(--acima)} .dt-ativas .t span.fall{color:var(--fall)}
.dt-vivo{margin-top:8px;font-size:12.5px;color:var(--neutro);font-variant-numeric:tabular-nums}
.dt-vivo b{font-size:13px;letter-spacing:.04em} .dt-vivo small{margin-top:2px;color:var(--neutro)}
li.ganha .dt-vivo{color:var(--texto2)} li.ganha .dt-vivo b{color:var(--acima)} li.perde .dt-vivo{color:var(--texto2)} li.perde .dt-vivo b{color:var(--fall)}
.dt-vivo-soma{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin-bottom:12px;padding:12px 14px;border-radius:10px;background:var(--fundo2);border:1px solid var(--borda2);font-size:13.5px;color:var(--texto2)}
.dt-vivo-soma:empty{display:none} .dt-vivo-soma b.bom{color:var(--acima)} .dt-vivo-soma b.ruim{color:var(--fall)} .dt-vivo-soma>b{font-size:15px}

/* compartilhar configuração */
.at-link-cx{margin-top:8px;font-size:12.5px;padding:10px}
.fm-recebida{margin:0 0 14px;padding:12px 14px;border-radius:10px;border:1px solid rgba(245,184,61,.5);background:rgba(245,184,61,.08);color:var(--texto2);font-size:13px;line-height:1.5}
.fm-recebida b{color:var(--ambar)}

/* selo extra no card da automação (IA) */
.at-corretora{flex:0 0 auto;padding:3px 8px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.04em;border:1px solid rgba(245,184,61,.55);color:var(--ambar);background:rgba(245,184,61,.08)}
.tr-contas button[aria-checked="true"][data-cor]{background:rgba(52,229,164,.12);border-color:var(--neon);color:var(--neon)}

/* =========================================================
   RELATÓRIO DAS AUTOMAÇÕES (#auto/relatorio, 29/09)
   Resultado em verde/vermelho sempre acompanhado do sinal (+/−): a cor nunca é a única pista.
   ========================================================= */
.at-abas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:4px;margin:0 0 14px;border-radius:12px;background:var(--fundo2);border:1px solid var(--borda)}
.at-abas[hidden],.at-rel[hidden]{display:none}
.at-abas a{display:flex;align-items:center;justify-content:center;min-height:42px;border-radius:9px;color:var(--texto2);font-size:14px;font-weight:600;text-decoration:none}
.at-abas a[aria-selected="true"]{background:var(--painel);color:var(--nevoa);box-shadow:inset 0 0 0 1px var(--borda2)}
.at-abas a:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
.rl{display:flex;flex-direction:column;gap:12px;min-width:0}
.rl>*{min-width:0;max-width:100%}
.rl-gales{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.rl-gales li{padding:12px;border-radius:10px;background:var(--fundo2);border:1px solid var(--borda)}
.rl-g1{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.rl-g1 b{font-size:14.5px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.rl-niv{flex:0 0 auto;padding:2px 8px;border-radius:999px;background:rgba(240,149,74,.14);color:var(--gale);font-size:12.5px;font-weight:700}
.rl-alerta,.rl-espera{margin:6px 0 0;font-size:12.5px;line-height:1.4;color:var(--ambar)}
.rl-espera{color:var(--texto2)}
.rl-gales dl{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0 0}
.rl-gales dt{font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--neutro)}
.rl-gales dd{margin:2px 0 0;font-size:14px;font-weight:600}
.rl .bom{color:var(--acima)} .rl .ruim{color:var(--fall)}
.rl-periodo,.rl-contas{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.rl-periodo::-webkit-scrollbar,.rl-contas::-webkit-scrollbar{display:none}
.rl-periodo button,.rl-contas button{flex:0 0 auto;min-height:38px;padding:0 13px;border-radius:999px;border:1px solid var(--borda2);background:none;color:var(--texto2);font-size:13px;font-weight:600;cursor:pointer}
.rl-periodo button[aria-checked="true"]{background:var(--neon);border-color:var(--neon);color:var(--tinta)}
.rl-contas button{flex:1 1 0}
.rl-contas button span{margin-left:4px;color:var(--neutro);font-weight:500}
.rl-contas button.demo[aria-checked="true"]{background:var(--painel);border-color:var(--nevoa);color:var(--nevoa)}
.rl-contas button.real[aria-checked="true"]{background:rgba(255,107,107,.12);border-color:var(--fall);color:var(--fall2)}
.rl-contas button[aria-checked="true"] span{color:inherit}
.rl button:focus-visible,.rl select:focus-visible,.rl input:focus-visible,.rl summary:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
.rl-datas{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap}
.rl-datas label,.rl-campos label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--neutro);flex:1 1 130px;min-width:0}
.rl input[type=date],.rl select{min-height:42px;padding:0 10px;border-radius:10px;border:1px solid var(--campo);background:var(--fundo2);color:var(--nevoa);font:inherit;font-size:14px;width:100%;color-scheme:dark}
.rl-aplicar{min-height:42px;padding:0 16px;border-radius:10px;border:0;background:var(--neon);color:var(--tinta);font-weight:700;cursor:pointer}
.rl-filtros{border:1px solid var(--borda);border-radius:12px;background:var(--painel)}
.rl-filtros summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:46px;padding:0 14px;font-size:14px;font-weight:600;cursor:pointer}
.rl-filtros summary::-webkit-details-marker{display:none}
.rl-filtros summary::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid var(--neutro);border-bottom:2px solid var(--neutro);transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.rl-filtros[open] summary::after{transform:rotate(-135deg)}
.rl-filtros summary b{padding:2px 8px;border-radius:999px;background:rgba(245,184,61,.14);color:var(--ambar);font-size:11.5px;font-weight:700}
.rl-campos{display:flex;flex-wrap:wrap;gap:10px;padding:0 14px 14px}
.rl-campos label:first-child{flex-basis:100%}
.rl-est{flex:1 1 100%;display:flex;flex-direction:column;gap:4px}
.rl-est>span{font-size:12px;color:var(--neutro)}
.rl-est>div{display:flex;gap:6px}
.rl-est button{flex:1 1 0;min-height:40px;border-radius:10px;border:1px solid var(--borda2);background:var(--fundo2);color:var(--texto2);font-weight:600;cursor:pointer}
.rl-est button[aria-pressed="true"]{border-color:var(--neon);color:var(--neon);background:rgba(52,229,164,.08)}
.rl-limpar{margin-top:0}
.rl-erro{padding:10px 12px;border-radius:10px;background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.4);color:var(--fall2);font-size:13.5px}
.rl-bloco{padding:16px}
.rl-bloco h2{font-size:15px;font-weight:700;margin-bottom:10px}
.rl-sub{font-size:12.5px;color:var(--neutro);margin:-4px 0 10px;line-height:1.45}
.rl-vazio{font-size:13px;color:var(--neutro)}
.rl-topo{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.rl-topo b{display:block;margin-top:8px;font-size:34px;font-weight:700;letter-spacing:-.01em;line-height:1.1}
.rl-topo small{display:block;margin-top:4px;font-size:12.5px;color:var(--texto2)}
.rl-hora{flex:0 0 auto;font-size:11.5px;color:var(--neutro)}
.rl-kpis{display:grid;grid-template-columns:1fr 1fr;gap:12px 10px;margin:16px 0 0}
.rl-kpis div{padding:10px 11px;border-radius:10px;background:var(--fundo2)}
.rl-kpis dt{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--neutro)}
.rl-kpis dd{margin:3px 0 0;font-size:15px;font-weight:600}
.rl-curva{position:relative}
.rl-curva svg{display:block;width:100%;height:170px;overflow:visible;touch-action:pan-y}
.rl-zero{stroke:var(--borda2);stroke-width:1;stroke-dasharray:4 4;vector-effect:non-scaling-stroke}
.rl-linha{fill:none;stroke:var(--neon);stroke-width:2;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.rl-marca{position:absolute;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;border-radius:50%;border:2px solid var(--painel);pointer-events:none}
.rl-marca.rl-pior{background:var(--fall)} .rl-marca.rl-pico{background:var(--neon)}
.rl-mira{stroke:var(--neutro);stroke-width:1;vector-effect:non-scaling-stroke}
.rl-eixo{display:flex;justify-content:space-between;margin-top:4px;font-size:11.5px;color:var(--neutro)}
.rl-dica{position:absolute;top:-6px;transform:translateX(-50%);padding:4px 8px;border-radius:7px;background:var(--grafite);border:1px solid var(--borda2);font-size:12px;font-weight:600;white-space:nowrap;pointer-events:none}
.rl-dica[hidden],.rl-mira[hidden]{display:none}
.rl-legenda{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:12.5px;color:var(--texto2)}
.rl-legenda i{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;vertical-align:0}
.rl-legenda i.rl-pior{background:var(--fall)} .rl-legenda i.rl-pico{background:var(--neon)}
.rl-horas{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.rl-horas button{width:100%;display:grid;grid-template-columns:32px 1fr 72px 78px;align-items:center;gap:8px;min-height:36px;padding:2px 6px;border:1px solid transparent;border-radius:8px;background:none;color:var(--nevoa);font:inherit;text-align:left;cursor:pointer}
.rl-horas button:hover{background:var(--fundo2)}
.rl-horas button[aria-pressed="true"]{border-color:var(--neon);background:rgba(52,229,164,.06)}
.rl-h{font-size:12.5px;color:var(--texto2)}
.rl-barra{position:relative;height:14px;border-radius:4px;background:linear-gradient(to right,transparent calc(50% - .5px),var(--borda2) calc(50% - .5px),var(--borda2) calc(50% + .5px),transparent calc(50% + .5px))}
.rl-barra i{position:absolute;top:1px;bottom:1px;border-radius:3px;min-width:2px}
.rl-barra i.bom{background:var(--neon)} .rl-barra i.ruim{background:var(--fall)} .rl-barra i:not(.bom):not(.ruim){background:var(--neutro)}
.rl-horas b{font-size:13.5px;text-align:right}
.rl-horas small{font-size:11.5px;color:var(--neutro);text-align:right;white-space:nowrap}
.rl-tabs{display:flex;flex-direction:column;gap:18px}
.rl-tab h3{font-size:14px;font-weight:700;margin-bottom:8px}
.rl table{width:100%;border-collapse:collapse;font-size:13px}
.rl-tab,.rl-pos{overflow-x:auto}
.rl th,.rl td{padding:8px 4px;border-bottom:1px solid var(--borda);text-align:right;white-space:nowrap}
.rl thead th{font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:var(--neutro);font-weight:600}
.rl tbody th{text-align:left;font-weight:600;white-space:normal;min-width:88px}
.rl tbody th small{display:block;margin-top:2px;font-size:11.5px;font-weight:400;color:var(--ambar)}
.rl tbody tr:last-child th,.rl tbody tr:last-child td{border-bottom:0}
.rl-pos{border-color:rgba(240,149,74,.45)}
.rl-csv{margin-top:0}
@media (min-width:720px){
  .rl-kpis{grid-template-columns:repeat(5,1fr)}
  .rl-campos label{flex:1 1 180px} .rl-campos label:first-child{flex-basis:260px}
  .rl-tabs{display:grid;grid-template-columns:1fr 1fr;gap:22px}
}
.rl-periodo{flex-wrap:wrap;overflow:visible}
.rl-periodo button{padding:0 12px}

/* admin (29/09): a 7ª aba só existe para Felipe e Ronan; sem isto ela cairia numa segunda linha */

/* Tempo real só no Ilimitado (29/09): nos outros planos a tela mostra só o aviso */
.tr-bloq{display:none;padding:18px}
.tr-bloq b{display:block;font-size:16px;font-weight:600;margin-bottom:6px}.tr-bloq p{font-size:14px;line-height:1.5;color:var(--texto2);margin:0}
#tela-tempo.bloq .tr-bloq{display:block}
#tela-tempo.bloq > :not(.titulo):not(.tr-bloq){display:none!important}

.au-duo{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.au-duo select:disabled{opacity:.5}
/* limpar diário/histórico e apagar paradas (29/09) */
.cab-acoes{display:flex;gap:14px;align-items:baseline}
.limpar{background:none;border:0;padding:0;font:inherit;font-size:12px;color:var(--nevoa);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.titulo .limpar{margin-left:auto;font-size:13px}
.limpar.armado{color:var(--fall2);font-weight:600;text-decoration:none}
.secundario.pn-apagar{margin-top:10px;color:var(--fall2);border-color:rgba(255,107,107,.3)}
.secundario.pn-apagar.confirma{display:block;text-align:center;background:var(--perigo);border-color:var(--perigo);color:#fff;font-weight:700;font-size:inherit}
.pn-msg{margin-top:6px;font-size:12px;line-height:1.5;color:var(--neutro)}
/* ---------- automações em três faixas (29/09): ao vivo, pausadas, concluídas ---------- */
.at-lista,#atLista.at-lista{display:flex;flex-direction:column;align-items:stretch;gap:26px}
.at-faixa{width:100%;min-width:0}
.at-faixa-t{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--neutro)}
.at-faixa-t span{font-weight:600;color:var(--texto2);letter-spacing:0}
.at-faixa.vivo .at-faixa-t{color:var(--neon)}
.at-casa-vazia{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:140px;padding:16px;border:1px dashed var(--borda2);border-radius:var(--r);color:var(--neutro);font-size:13px}
.at-casa-vazia b{color:var(--texto2);font-size:14px}
.at-soltar{margin:0 0 10px}
.at-faixa-t i,.at-selo i{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 0 rgba(52,229,164,.6);animation:atPulso 1.8s ease-out infinite}
.at-selo i{width:6px;height:6px;margin-right:6px;vertical-align:1px}
@keyframes atPulso{0%{box-shadow:0 0 0 0 rgba(52,229,164,.55)}70%{box-shadow:0 0 0 7px rgba(52,229,164,0)}100%{box-shadow:0 0 0 0 rgba(52,229,164,0)}}
.at-grade{display:flex;flex-direction:column;gap:12px}
/* no máximo 3 por fileira: a grade das ligadas (1.0/2.0/3.0 × 2★/3★/4★) não se desalinha em tela larga */
@media (min-width:901px){ .at-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(max(360px,calc((100% - 24px) / 3)),1fr));align-items:start} }
/* ao vivo: fundo com brilho vindo de cima, barra entre stop loss e stop win, degraus do gale */
.at-card.ligada{background:radial-gradient(120% 60% at 50% 0%,rgba(52,229,164,.07),transparent 70%),var(--painel)}
.at-vivo{margin:12px 16px 0}
.at-vivo .at-barra{margin-top:4px}
.at-degraus{display:flex;gap:4px;margin:12px 0 0;padding:0;list-style:none}
.at-degraus li{flex:1;padding:4px 0;border-radius:6px;background:var(--fundo2);border:1px solid var(--borda);font-size:10.5px;font-weight:600;text-align:center;color:var(--campo)}
.at-degraus li.feito{background:rgba(240,149,74,.12);border-color:rgba(240,149,74,.35);color:var(--gale)}
.at-degraus li.agora{background:var(--gale);border-color:var(--gale);color:var(--tinta);animation:atDegrau 1.4s ease-in-out infinite alternate}
@keyframes atDegrau{to{box-shadow:0 0 12px rgba(240,149,74,.55)}}
/* pausadas: sem brilho, mais discretas */
.at-card.pausada{background:var(--fundo2)}
.at-selo.conc.bom{background:rgba(52,229,164,.12);color:var(--acima)} .at-selo.conc.ruim{background:rgba(255,107,107,.12);color:var(--fall2)}
/* concluídas: blocos pequenos por dia */
.cc-dia+.cc-dia{margin-top:16px}
.cc-cab{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin-bottom:8px;font-size:12.5px;color:var(--neutro)}
.cc-cab>b{font-size:13.5px;color:var(--nevoa)}
.cc-soma{display:inline-flex;align-items:center;gap:6px} .cc-soma .at-conta{font-size:10px;padding:2px 6px}
.cc-fila{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:8px}
@media (max-width:520px){ .cc-fila{grid-template-columns:1fr 1fr} }
.at-card.cc-bloco{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;padding:10px 12px 10px 14px;text-align:left;font:inherit;color:inherit;cursor:pointer;
  border:1px solid var(--borda);border-left:4px solid var(--borda2);border-radius:10px;background:var(--painel);transition:transform .12s,border-color .12s}
.at-card.cc-bloco:hover{transform:translateY(-1px);border-color:var(--borda2)}
.at-card.cc-bloco:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
.cc-bloco.bom{border-left-color:var(--acima);background:linear-gradient(90deg,rgba(52,229,164,.09),transparent 65%),var(--painel)}
.cc-bloco.ruim{border-left-color:var(--fall);background:linear-gradient(90deg,rgba(255,107,107,.10),transparent 65%),var(--painel)}
.cc-bloco .cc-nome{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:600;color:var(--texto2)}
.cc-bloco>b{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.cc-bloco.bom>b{color:var(--acima)} .cc-bloco.ruim>b{color:var(--fall2)}
.cc-bloco small{font-size:11px;color:var(--neutro);font-variant-numeric:tabular-nums}
.cc-bloco .cc-rod em{font-style:normal;font-weight:700;color:var(--fall2)}
/* relatório da concluída */
.dt-final{padding:14px 16px;border-radius:12px;border:1px solid var(--borda);background:var(--painel)}
.dt-final.bom{border-color:rgba(52,229,164,.35);background:linear-gradient(180deg,rgba(52,229,164,.08),transparent),var(--painel)}
.dt-final.ruim{border-color:rgba(255,107,107,.35);background:linear-gradient(180deg,rgba(255,107,107,.08),transparent),var(--painel)}
.dt-final>b{display:block;margin:4px 0 6px;font-size:30px;font-weight:700;font-variant-numeric:tabular-nums}
.dt-final.bom>b{color:var(--acima)} .dt-final.ruim>b{color:var(--fall2)}
.dt-final p{font-size:13px;line-height:1.55;color:var(--texto2)}
.dt-grafico.gb svg{height:auto;aspect-ratio:3/1}
.gb line{stroke-width:1;vector-effect:non-scaling-stroke;stroke-dasharray:4 4}
.gb .gb-ini{stroke:var(--neutro)} .gb .gb-sl{stroke:var(--fall)} .gb .gb-sw{stroke:var(--acima)}
.gb .gb-queda{fill:rgba(255,107,107,.08)}
.gb circle{stroke:var(--grafite);stroke-width:1.5;fill:var(--ambar)} .gb circle.g5,.gb circle.g6,.gb circle.g7{fill:var(--gale)} .gb circle.perdeu{fill:var(--fall)}
.gb-num{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
@media (min-width:901px){ .gb-num{grid-template-columns:repeat(6,1fr)} }
.gb-num div{padding:8px 10px;border-radius:8px;background:var(--fundo2)} .gb-num dt{font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--neutro)} .gb-num dd{margin-top:2px;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.gb-leg{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:10px;font-size:11.5px;color:var(--neutro)}
.gb-leg span::before{content:"";display:inline-block;width:14px;height:0;margin-right:6px;vertical-align:3px;border-top:2px dashed}
.gb-leg .l-ini::before{border-color:var(--neutro)} .gb-leg .l-sl::before{border-color:var(--fall)} .gb-leg .l-sw::before{border-color:var(--acima)}
.gb-leg .l-g::before{width:8px;height:8px;border:0;border-radius:50%;background:var(--ambar);vertical-align:0}
.gb-leg .l-q::before{width:12px;height:10px;border:0;background:rgba(255,107,107,.25);vertical-align:-1px}
@media (prefers-reduced-motion:reduce){ .at-faixa-t i,.at-selo i,.at-degraus li.agora{animation:none} .at-card.cc-bloco{transition:none} }
.gb-leg span:not([class])::before{display:none}
.gb-leg .l-gp::before{width:8px;height:8px;border:0;border-radius:50%;background:var(--fall);vertical-align:0}
/* arquivar e seleção para apagar (29/09) */
.at-card>.at-acoes .secundario:not(.at-larga){flex:1 1 0;min-width:0}
.cc-bloco.arq{border-left-style:dashed;opacity:.85}
.at-card.arquivada{background:var(--fundo2)}
.at-selbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px 10px;font-size:12.5px;color:var(--neutro)}
.at-selbar>span:first-child{margin-right:auto}
.at-selbar:not(.on) .secundario{width:auto;padding:8px 14px;font-size:13px}
.at-selbar.on{position:sticky;bottom:12px;z-index:5;justify-content:flex-start;padding:12px 14px;border-radius:14px;border:1px solid var(--borda2);background:rgba(17,21,29,.96);box-shadow:0 10px 30px rgba(0,0,0,.45);backdrop-filter:blur(8px)}
.at-selbar.on>b{font-size:14px;color:var(--nevoa)} .at-selbar.on .dica{flex:1 1 180px;margin:0}
.at-selbar.on button{width:auto;padding:9px 14px;font-size:13px}
.at-selbar.on .acao.confirma{background:var(--perigo);color:#fff}
.at-card.sel-pode{position:relative;cursor:pointer;outline:1px dashed var(--borda2);outline-offset:2px}
.at-card.sel-pode *{pointer-events:none}
.at-card.sel-sim{outline:2px solid var(--fall);outline-offset:2px}
.at-card.sel-nao{opacity:.45}
.sel-caixa{position:absolute;top:10px;right:10px;z-index:2;width:22px;height:22px;border-radius:6px;border:2px solid var(--borda2);background:var(--grafite)}
.sel-sim .sel-caixa{border-color:var(--fall);background:var(--fall)}
.sel-sim .sel-caixa::after{content:"";position:absolute;left:6px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.cc-bloco .sel-caixa{top:8px;right:8px;width:18px;height:18px} .cc-bloco.sel-sim .sel-caixa::after{left:4px;top:1px;width:4px;height:8px}
/* Análise 2.0 Beta (30/09) */
.at-corretora.at-ia{background:rgba(129,140,248,.14);color:#A5B4FC;border-color:rgba(129,140,248,.35)}
.dt-ab{margin-bottom:14px;padding:12px;border-radius:10px;border:1px dashed rgba(129,140,248,.4);background:rgba(129,140,248,.05)}
.dt-ab .rot{margin-bottom:8px;color:#A5B4FC}
/* super automação (30/09) */
.dt-motor{font-size:.72em;font-weight:700;padding:1px 6px;border-radius:6px;border:1px solid var(--borda);color:var(--texto2);white-space:nowrap}
.dt-motor.m20{border-color:#9b8cff;color:#9b8cff}.dt-motor.m30{border-color:var(--ambar);color:var(--ambar)}
.sp{display:flex;flex-direction:column;gap:14px}
/* ---------- Super automação (aba Super, redesenho de 30/09) ---------- */
.sp{display:flex;flex-direction:column;gap:16px}
.sp .bom{color:var(--acima)}.sp .ruim{color:var(--fall)}
.sp-topo{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}
.sp-topo h2{font-size:20px;font-weight:700;letter-spacing:-.01em}
.sp-topo p{margin-top:4px;font-size:13px;color:var(--neutro);max-width:62ch;line-height:1.5}
.sp-modelo{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:22px;padding:20px;border:1px solid rgba(52,229,164,.38);border-radius:18px;background:radial-gradient(circle at 0 0,rgba(52,229,164,.13),transparent 42%),linear-gradient(135deg,rgba(255,255,255,.035),transparent),var(--painel);box-shadow:0 12px 36px rgba(0,0,0,.16)}
.sp-modelo-copia{display:flex;flex-direction:column;gap:7px;min-width:0}.sp-modelo-copia>small{color:var(--neon);font-size:10.5px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.sp-modelo h3{font-size:22px;line-height:1.1}.sp-modelo p{font-size:13px;color:var(--texto2)}
.sp-modelo-tags{display:flex;flex-wrap:wrap;gap:6px}.sp-modelo-tags span{padding:5px 9px;border:1px solid var(--borda2);border-radius:999px;background:rgba(0,0,0,.14);font-size:11.5px;color:var(--texto2)}
.sp-modelo em{font-size:12px;line-height:1.45;color:var(--neutro);font-style:normal}.sp-modelo-acao{display:flex;flex-direction:column;align-items:stretch;gap:7px;width:min(260px,100%)}.sp-modelo-acao small{font-size:10.5px;line-height:1.4;color:var(--neutro);text-align:center}.sp-modelo-acao p{font-size:12px;line-height:1.4;color:var(--fall2);text-align:center}
.sp-modelo-ok{padding:12px 14px;border:1px solid rgba(52,229,164,.42);border-radius:11px;background:rgba(52,229,164,.09);color:var(--neon);font-size:13px;line-height:1.45}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:0 16px;border-radius:10px;border:1px solid var(--borda2);background:var(--fundo2);color:var(--texto2);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:border-color .15s,color .15s,background .15s,filter .15s}
.sp-btn:hover:not(:disabled){color:var(--nevoa);border-color:var(--neon)}
.sp-btn:disabled{opacity:.45;cursor:not-allowed}
.sp-btn.prim{background:var(--neon);border-color:var(--neon);color:var(--tinta);font-weight:700;box-shadow:0 6px 22px rgba(52,229,164,.18)}
.sp-btn.prim:hover:not(:disabled){filter:brightness(1.08);color:var(--tinta)}
.sp-btn.prim.real{background:var(--perigo);border-color:var(--perigo);color:#fff;box-shadow:0 6px 22px rgba(200,55,46,.22)}
.sp-btn.parar{background:rgba(255,107,107,.1);border-color:rgba(255,107,107,.5);color:var(--fall2)}
.sp-btn.parar:hover:not(:disabled){border-color:var(--fall);color:#fff}
.sp-btn.perigo{border-color:transparent;background:none;color:var(--fall2)}
.sp-btn.perigo:hover:not(:disabled){border-color:rgba(255,107,107,.45);color:var(--fall2)}
.sp-btn.confirma{background:var(--perigo)!important;border-color:var(--perigo)!important;color:#fff!important;animation:janelaPulsa 1.1s ease-in-out infinite;--pulso:rgba(200,55,46,.55)}
.sp-btn.prim.confirma:not(.real){background:var(--neon)!important;border-color:var(--neon)!important;color:var(--tinta)!important;--pulso:rgba(52,229,164,.5)}
.sp-btn.fino{min-height:32px;padding:0 11px;font-size:12px;border-radius:8px}
/* resumo de todas */
.sp-resumo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:1px solid var(--borda);border-radius:var(--r);overflow:hidden;background:var(--borda)}
.sp-resumo>div{background:var(--painel);padding:14px 16px;display:flex;flex-direction:column;gap:3px;min-width:0}
.sp-resumo small,.sp-rot,.sp-mini small,.sp-h-kpis small,.sp-sim small{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--neutro);font-weight:600}
.sp-resumo b{font-size:20px;font-weight:700}.sp-resumo b span{font-size:13px;color:var(--neutro);font-weight:500}.sp-resumo em{font-style:normal;font-size:12px}
/* cartão */
.sp-lista{display:grid;grid-template-columns:1fr;gap:14px;align-items:start}
@media (min-width:1100px){ .sp-lista{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* cartão compacto da super (30/09): retângulo, abre a página inteira na janela */
.sp-cc{display:flex;flex-direction:column;border:1px solid var(--borda);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 60%),var(--painel);overflow:hidden;transition:border-color .15s}
.sp-cc:hover{border-color:var(--borda2)}
.sp-cc.on{border-color:rgba(52,229,164,.35)}
.sp-cc.real{box-shadow:inset 3px 0 0 var(--fall)}
.sp-cc-abrir{display:flex;flex-direction:column;gap:12px;width:100%;padding:16px 18px 12px;text-align:left;background:none;border:0;color:inherit;font:inherit;cursor:pointer}
.sp-cc-abrir:focus-visible{outline:2px solid var(--limiar);outline-offset:-2px}
.sp-cc-meio{display:grid;grid-template-columns:auto auto 1fr;gap:18px;align-items:end}
.sp-cc-curva{min-width:0}.sp-cc-curva .sp-curva{height:48px;width:100%}
.sp-medio{font-size:20px;font-weight:700;letter-spacing:-.01em;line-height:1.2}
.sp-cc-pe{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;color:var(--neutro)}
.sp-cc-auto b{color:var(--texto2)}
.sp-cc-hora{margin-left:auto}
.sp-cc-acoes{display:flex;flex-wrap:wrap;gap:8px;padding:10px 18px 14px;border-top:1px solid var(--borda)}
.sp-cc-acoes .perigo{margin-left:auto}
.sp-cc .sp-msg{margin:0 18px 14px}
.au-dois{display:grid;grid-template-columns:1fr 1fr;gap:8px}
/* grade de horários da super (30/09, "lugar de cinema"): 7 dias × 24 casas de 1 h */
.sp-grade-cx{overflow-x:auto;overscroll-behavior-x:contain;padding-bottom:4px}
.sp-grade{display:grid;grid-template-columns:44px repeat(24,minmax(20px,1fr));gap:4px;min-width:600px;touch-action:none;user-select:none;-webkit-user-select:none}
.sp-gh,.sp-gd{padding:0;border:0;background:none;color:var(--neutro);font:inherit;font-size:11px;font-weight:600;cursor:pointer;border-radius:6px}
.sp-gh{height:22px}.sp-gd{text-align:left;padding-left:2px}
.sp-gh:hover,.sp-gd:hover{color:var(--texto2);background:var(--fundo2)}
.sp-gc{aspect-ratio:1;min-height:20px;padding:0;border-radius:6px 6px 3px 3px;border:1px solid var(--borda2);background:var(--fundo2);cursor:pointer;transition:background .08s,border-color .08s}
.sp-gc:hover{border-color:var(--neutro)}
.sp-gc.on{background:var(--neon);border-color:var(--neon);box-shadow:0 0 10px rgba(52,229,164,.25)}
.sp-gc.fx{background-image:repeating-linear-gradient(135deg,rgba(255,107,107,.28) 0 3px,transparent 3px 7px)}
.sp-gc.fx.on{background-color:var(--neon)}
.sp-gc:disabled{cursor:not-allowed;opacity:.45;border-style:dashed}
.sp-gc:focus-visible,.sp-gh:focus-visible,.sp-gd:focus-visible{outline:2px solid var(--limiar);outline-offset:1px}
.sp-grade-leg{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:10px;font-size:12px;color:var(--neutro)}
.sp-grade-leg span{display:inline-flex;align-items:center;gap:6px}
.sp-grade-leg i{width:12px;height:12px;border-radius:4px;border:1px solid var(--borda2);background:var(--fundo2)}
.sp-grade-leg i.on{background:var(--neon);border-color:var(--neon)}
.sp-grade-leg i.fx{background-image:repeating-linear-gradient(135deg,rgba(255,107,107,.45) 0 3px,transparent 3px 7px)}
.sp-grade-leg b{margin-left:auto;color:var(--texto2)}
/* mapa da semana no cartão (só leitura) */
.sp-agenda-g{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}
.sp-mapa{display:grid;grid-template-columns:30px repeat(24,1fr);gap:2px;align-items:center;min-width:0}
.sp-mapa em{grid-row:1;font-style:normal;font-size:10px;color:var(--neutro)}
.sp-mapa small{font-size:10px;color:var(--neutro)}.sp-mapa small.hj{color:var(--neon);font-weight:700}
.sp-mapa i{height:9px;border-radius:2px;background:var(--borda)}
.sp-mapa i.on{background:rgba(52,229,164,.75)}
.sp-mapa i.agora{outline:2px solid var(--nevoa);outline-offset:0}
@media (max-width:640px){ .sp-agenda-g{grid-template-columns:1fr} }
/* página da super (#auto/super/<id>) */
.sp-pag{display:flex;flex-direction:column;gap:14px}
.sp-pag-topo{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--neutro)}
@media (max-width:640px){ .sp-cc-meio{grid-template-columns:1fr 1fr}.sp-cc-curva{grid-column:1/-1}.sp-cc-hora{margin-left:0;width:100%} }
.sp-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:20px;border:1px solid var(--borda);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 140px),var(--painel);box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}
.sp-card.on{border-color:rgba(52,229,164,.55);box-shadow:0 0 0 1px rgba(52,229,164,.18),0 10px 40px rgba(52,229,164,.07)}
.sp-card.stop{border-color:rgba(255,107,107,.4)}
.sp-c-topo{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}
.sp-c-nome{display:flex;align-items:center;gap:10px;min-width:0}
.sp-c-nome h3{font-size:18px;font-weight:700;letter-spacing:-.01em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-conta{padding:3px 9px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.1em;border:1px solid rgba(52,229,164,.4);color:var(--neon)}
.sp-conta.real{border-color:rgba(255,107,107,.55);color:var(--fall);background:rgba(255,107,107,.08)}
.sp-st{display:flex;flex-direction:column;align-items:flex-end;gap:3px;text-align:right}
.sp-st>span{display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:700;background:var(--fundo2);border:1px solid var(--borda2);color:var(--texto2)}
.sp-st>span i{width:7px;height:7px;border-radius:50%;background:currentColor}
.sp-st small{font-size:12px;color:var(--neutro)}
.sp-st.on>span{color:var(--neon);border-color:rgba(52,229,164,.5);background:rgba(52,229,164,.1)}
.sp-st.on>span i{animation:dt-vivo 1.4s ease-in-out infinite}
.sp-st.meta>span{color:var(--neon);border-color:rgba(52,229,164,.35)}
.sp-st.stop>span{color:var(--fall);border-color:rgba(255,107,107,.45);background:rgba(255,107,107,.08)}
.sp-st.parada>span i{background:var(--campo)}
.sp-c-corpo{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sp-bloco{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;background:var(--fundo2);border:1px solid var(--borda);min-width:0}
.sp-grande{font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.sp-sub{font-size:12.5px;color:var(--neutro)}.sp-sub b{color:var(--texto2)}
.sp-curva{display:block;width:100%;height:56px;margin:6px 0 2px}
.sp-curva.vazia{display:flex;align-items:center;justify-content:center;border:1px dashed var(--borda);border-radius:8px;font-size:11.5px;color:var(--neutro);text-align:center;padding:0 8px}
.sp-curva-base{stroke:var(--borda2);stroke-dasharray:3 4;stroke-width:1;vector-effect:non-scaling-stroke}
.sp-trilho{position:relative;height:8px;border-radius:999px;margin-top:8px;background:var(--borda);overflow:visible}
.sp-t-neg,.sp-t-pos{position:absolute;top:0;bottom:0}
.sp-t-neg{left:0;border-radius:999px 0 0 999px;background:rgba(255,107,107,.14)}
.sp-t-pos{right:0;border-radius:0 999px 999px 0;background:rgba(52,229,164,.12)}
.sp-trilho i{position:absolute;top:0;bottom:0;border-radius:999px;transition:all .4s}
.sp-trilho i.pos{background:var(--neon)}.sp-trilho i.neg{background:var(--fall)}
.sp-trilho u{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;background:var(--neutro);border-radius:2px}
.sp-trilho b{position:absolute;top:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--nevoa);box-shadow:0 0 0 3px var(--fundo2);transition:left .4s}
.sp-trilho-rot{display:flex;justify-content:space-between;font-size:11.5px;color:var(--neutro)}
.sp-mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:6px;padding-top:12px;border-top:1px solid var(--borda)}
.sp-mini-rot{grid-column:1/-1;font-size:11.5px;color:var(--neutro)}
.sp-mini>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.sp-mini b{font-size:16px;font-weight:700}.sp-mini em{font-style:normal;font-size:11.5px;color:var(--neutro)}
/* agenda */
.sp-agenda{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:12px 16px;border-radius:14px;border:1px solid var(--borda);background:var(--fundo2)}
.sp-dsem{display:flex;gap:4px}
.sp-dsem span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font-size:11.5px;font-weight:700;color:var(--campo);background:var(--painel)}
.sp-dsem span.on{color:var(--tinta);background:var(--neon)}
.sp-dsem span.hj{box-shadow:0 0 0 2px var(--nevoa)}
.sp-linha{min-width:0}
.sp-linha-trilho{position:relative;height:10px;border-radius:999px;background:var(--painel);border:1px solid var(--borda)}
.sp-linha-trilho i{position:absolute;top:1px;bottom:1px;border-radius:999px;background:linear-gradient(90deg,rgba(52,229,164,.55),rgba(52,229,164,.85))}
.sp-linha-trilho b{position:absolute;top:-5px;bottom:-5px;width:2px;margin-left:-1px;background:var(--nevoa);border-radius:2px;box-shadow:0 0 8px rgba(237,238,240,.6)}
.sp-linha-rot{display:flex;justify-content:space-between;margin-top:4px;font-size:10px;color:var(--campo)}
.sp-horas{display:flex;flex-direction:column;align-items:flex-end}
.sp-horas b{font-size:15px;font-weight:700;white-space:nowrap}.sp-horas small{font-size:11px;color:var(--neutro)}
/* automações dentro */
.sp-sec{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px 10px}
.sp-sec h4{font-size:13px;font-weight:700;display:flex;align-items:center;gap:8px;white-space:nowrap}
.sp-sec h4 span{display:grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:999px;background:var(--fundo2);border:1px solid var(--borda2);font-size:11px;color:var(--texto2)}
.sp-sec small{font-size:12px;color:var(--neutro)}
.sp-filhas{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.sp-f{display:flex;flex-direction:column;gap:9px;padding:13px 14px;border-radius:12px;border:1px solid var(--borda);background:var(--fundo2);transition:border-color .2s}
.sp-f.viva{border-color:rgba(52,229,164,.5)}
.sp-f-topo{display:flex;align-items:center;gap:8px}
.sp-f-topo>b{font-size:14px;font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sp-f-res{margin-left:auto;font-size:15px;font-weight:700}
.sp-f-ab{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;color:var(--neon);text-transform:uppercase;letter-spacing:.08em}
.sp-f-ab i{width:6px;height:6px;border-radius:50%;background:var(--neon);animation:dt-vivo 1s ease-in-out infinite}
.sp-f-tags{display:flex;flex-wrap:wrap;gap:5px}
.sp-tag{padding:2px 7px;border-radius:6px;font-size:11px;font-weight:600;color:var(--texto2);background:var(--painel);border:1px solid var(--borda)}
.sp-tag.vul{color:var(--gale);border-color:rgba(240,149,74,.45)}
.sp-f .dt-motor{font-size:11px;padding:2px 7px}
.sp-f-pe{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--neutro)}
.sp-gale{padding:2px 8px;border-radius:999px;font-weight:700;color:var(--gale);background:rgba(240,149,74,.12)}
.sp-f-ac{display:flex;gap:6px;padding-top:9px;border-top:1px solid var(--borda)}
.sp-vazio-f{display:flex;align-items:center;gap:14px;width:100%;padding:16px;border:1px dashed var(--borda2);border-radius:12px;background:none;color:var(--neutro);font-size:13px;text-align:left;cursor:pointer}
.sp-vazio-f b{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:10px;background:rgba(52,229,164,.12);color:var(--neon);font-size:20px}
.sp-vazio-f:hover:not(:disabled){border-color:var(--neon);color:var(--texto2)}
.sp-acoes{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}
.sp-acoes .perigo{margin-left:auto}
.sp-msg{font-size:13px;color:var(--texto2);padding:10px 12px;border-radius:10px;background:var(--fundo2);border:1px solid var(--borda)}
/* histórico */
.sp-hist{display:flex;flex-direction:column;gap:14px;padding-top:14px;border-top:1px solid var(--borda)}
.sp-h-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.sp-h-kpis>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:var(--fundo2);border:1px solid var(--borda);min-width:0}
.sp-h-kpis b{font-size:16px;font-weight:700}.sp-h-kpis em{font-style:normal;font-size:11px;color:var(--neutro)}
.sp-h-graf{padding:12px 14px;border-radius:12px;background:var(--fundo2);border:1px solid var(--borda)}
.sp-h-graf .sp-curva{height:110px}
.sp-h-leg{display:flex;justify-content:space-between;font-size:11.5px;color:var(--neutro)}
.sp-tab-wrap{overflow-x:auto;border:1px solid var(--borda);border-radius:12px}
.sp-tab{width:100%;border-collapse:collapse;font-size:13px}
.sp-tab th{padding:9px 12px;text-align:right;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--neutro);font-weight:600;background:var(--fundo2)}
.sp-tab td{padding:10px 12px;text-align:right;border-top:1px solid var(--borda);white-space:nowrap}
.sp-tab th:first-child,.sp-tab td:first-child{text-align:left}
.sp-tab tbody tr:hover{background:rgba(255,255,255,.02)}
.sp-tab small{color:var(--neutro);font-size:11px}
.sp-fim{padding:2px 9px;border-radius:999px;font-size:11px;font-weight:700;background:var(--fundo2);border:1px solid var(--borda2);color:var(--texto2)}
.sp-fim.bom{color:var(--neon);border-color:rgba(52,229,164,.45)}.sp-fim.ruim{color:var(--fall);border-color:rgba(255,107,107,.45)}
.sp-nada{font-size:13px;color:var(--neutro)}
/* vazio e carregando */
.sp-boas{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:24px;border:1px solid var(--borda);border-radius:18px;background:var(--painel)}
.sp-boas ol{list-style:none;counter-reset:p;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;width:100%}
.sp-boas li{counter-increment:p;display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;background:var(--fundo2);border:1px solid var(--borda)}
.sp-boas li::before{content:counter(p);display:grid;place-items:center;width:24px;height:24px;margin-bottom:4px;border-radius:7px;background:rgba(52,229,164,.14);color:var(--neon);font-size:12px;font-weight:700}
.sp-boas li b{font-size:13.5px}.sp-boas li span{font-size:12.5px;color:var(--neutro);line-height:1.45}
.sp-carregando{display:flex;flex-direction:column;gap:14px}
.sp-carregando i{display:block;height:220px;border-radius:18px;background:linear-gradient(90deg,var(--painel),var(--fundo2),var(--painel));background-size:200% 100%;animation:sp-brilho 1.2s linear infinite}
@keyframes sp-brilho{to{background-position:-200% 0}}
/* formulário */
.sp-form{display:flex;flex-direction:column;gap:18px}
.sp-form-topo{display:flex;align-items:flex-start;gap:14px}
.sp-form-topo h2{font-size:20px;font-weight:700}.sp-form-topo p{margin-top:4px;font-size:13px;color:var(--neutro);max-width:64ch;line-height:1.5}
.sp-voltar{flex:0 0 40px;height:40px;border-radius:10px;border:1px solid var(--borda2);background:var(--fundo2);font-size:18px;cursor:pointer}
.sp-voltar:hover{border-color:var(--neon)}
.sp-form-grade{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.sp-form-campos{display:flex;flex-direction:column;gap:14px}
.sp-fbloco{padding:18px;border-radius:16px;border:1px solid var(--borda);background:var(--painel)}
.sp-fbloco h3{display:flex;align-items:center;gap:10px;margin-bottom:14px;font-size:14px;font-weight:700}
.sp-fbloco h3 i{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:rgba(52,229,164,.14);color:var(--neon);font-style:normal;font-size:12px}
.sp-fbloco h3 span{font-size:11px;font-weight:600;color:var(--neutro);letter-spacing:.1em;text-transform:uppercase}
.sp-fbloco .campo small{display:block;margin-top:6px;font-size:11.5px;color:var(--neutro)}
.sp-dois{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sp-seg{display:inline-grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border-radius:11px;background:var(--fundo2);border:1px solid var(--borda)}
.sp-seg button{min-width:96px;min-height:36px;border:0;border-radius:8px;background:none;color:var(--neutro);font-weight:700;font-size:12.5px;letter-spacing:.06em;cursor:pointer}
.sp-seg button[aria-checked="true"]{background:rgba(52,229,164,.16);color:var(--neon)}
.sp-seg button.real[aria-checked="true"]{background:rgba(255,107,107,.16);color:var(--fall)}
.sp-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.sp-chips button{min-height:30px;padding:0 11px;border-radius:999px;border:1px solid var(--borda2);background:none;color:var(--texto2);font-size:12px;font-weight:600;cursor:pointer}
.sp-chips button:hover{border-color:var(--neon)}
.sp-chips button.on{background:rgba(52,229,164,.14);border-color:rgba(52,229,164,.55);color:var(--neon)}
.sp-dsel{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.sp-dsel button{min-height:42px;border-radius:10px;border:1px solid var(--borda2);background:var(--fundo2);color:var(--neutro);font-weight:700;font-size:13px;cursor:pointer}
.sp-dsel button[aria-checked="true"]{background:var(--neon);border-color:var(--neon);color:var(--tinta)}
.sp-fbloco .sp-chips + .sp-dois{margin-top:14px}
.sp-dica{margin-top:4px;font-size:12px;color:var(--neutro);line-height:1.5}
.sp-sim{position:sticky;top:16px;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:16px;border:1px solid rgba(52,229,164,.3);background:linear-gradient(180deg,rgba(52,229,164,.06),transparent 180px),var(--painel)}
.sp-sim h3{font-size:14px;font-weight:700}
#spSim{display:flex;flex-direction:column;gap:12px}
.sp-sim-d1{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sp-sim-d1>div{display:flex;flex-direction:column;gap:2px;padding:10px;border-radius:10px;background:var(--fundo2);border:1px solid var(--borda)}
.sp-sim-d1 b{font-size:16px;font-weight:700}
.sp-sim-casos{display:flex;flex-direction:column;gap:8px}
.sp-sim-casos>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:var(--fundo2);border-left:3px solid var(--neon)}
.sp-sim-casos>div.ruim{border-left-color:var(--fall)}
.sp-sim-casos span{font-size:15px;font-weight:700;color:var(--nevoa)}.sp-sim-casos em{font-style:normal;font-size:11.5px;color:var(--neutro)}
.sp-sim-proj{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--borda)}
.sp-sim-proj .sp-curva{height:60px}
.sp-sim-proj-n{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;text-align:center}
.sp-sim-proj-n em{display:block;font-style:normal;font-size:10.5px;color:var(--neutro)}.sp-sim-proj-n b{font-size:13px}
.sp-sim-nota{font-size:11.5px;color:var(--neutro);line-height:1.45}.sp-sim-nota.ruim{color:var(--fall2)}
.sp-erro{padding:12px 14px;border-radius:10px;border:1px solid rgba(255,107,107,.5);background:rgba(255,107,107,.08);color:var(--fall2);font-size:13px}
.sp-form-fim{display:flex;gap:8px}
.sp-form-fim .sp-btn{min-height:46px;padding:0 22px}
@media (max-width:900px){
  .sp-form-grade{grid-template-columns:1fr}.sp-sim{position:static}
  .sp-h-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}
  .sp-boas ol{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .sp-modelo{grid-template-columns:1fr;padding:17px}.sp-modelo-acao{width:100%}.sp-modelo h3{font-size:20px}
  .sp-card{padding:14px;border-radius:16px}
  .sp-c-corpo{grid-template-columns:1fr}
  .sp-st{align-items:flex-start;text-align:left}
  .sp-resumo{grid-template-columns:1fr 1fr}
  .sp-agenda{grid-template-columns:1fr;gap:10px}.sp-linha{grid-row:3}.sp-horas{flex-direction:row;align-items:baseline;gap:8px}
  .sp-h-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sp-dois{grid-template-columns:1fr}
  .sp-boas ol{grid-template-columns:1fr}
  .sp-grande{font-size:26px}
  .sp-acoes .sp-btn{flex:1 1 auto}.sp-acoes .perigo{margin-left:0}
}
/* super: painel expandido ao vivo (30/09) */
.sp-btn.ver{border-color:rgba(52,229,164,.45);color:var(--neon)}.sp-btn.ver.on{background:rgba(52,229,164,.12)}
.sp-det{display:flex;flex-direction:column;gap:14px;padding-top:16px;border-top:1px solid var(--borda)}
.sp-det .sp-hist{padding-top:0;border-top:0}
.sp-d-sec{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:14px;border:1px solid var(--borda);background:var(--fundo2);min-width:0}
.sp-d-sec h4{font-size:13px;font-weight:700;display:flex;align-items:center;gap:10px}
.sp-d-cab{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.sp-d-cab .sp-chips{margin:0}
.sp-chips button:disabled{opacity:.4;cursor:not-allowed}
.sp-d-dois{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.sp-dia-linha{font-size:13px;color:var(--texto2);line-height:1.6}.sp-dia-linha [data-ate]{font-weight:700;color:var(--nevoa)}
.sp-ags{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.sp-ag{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:12px;border:1px solid var(--borda2);background:var(--painel)}
.sp-ag p{font-size:12.5px;color:var(--texto2);line-height:1.5}.sp-ag p b{color:var(--nevoa)}.sp-ag [data-ate]{font-weight:700;color:var(--nevoa)}
.sp-ag-cab{display:flex;flex-direction:column;gap:4px}.sp-ag-cab>b{font-size:13px;color:var(--neutro);font-weight:600}
.sp-ag-t{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700}
.sp-ag-t i{width:8px;height:8px;border-radius:50%;background:var(--campo);flex:0 0 auto}
.sp-ag.rise,.sp-ag.fall,.sp-ag.misto{border-color:rgba(52,229,164,.55);box-shadow:0 0 0 1px rgba(52,229,164,.12)}
.sp-ag.fall{border-color:rgba(255,107,107,.55)}
.sp-ag.rise .sp-ag-t i,.sp-ag.fall .sp-ag-t i,.sp-ag.misto .sp-ag-t i{background:var(--neon);animation:dt-vivo 1s ease-in-out infinite}.sp-ag.fall .sp-ag-t i{background:var(--fall)}
.sp-ag.gale{border-color:rgba(240,149,74,.5)}.sp-ag.gale .sp-ag-t{color:var(--gale)}.sp-ag.gale .sp-ag-t i{background:var(--gale);animation:dt-vivo 1.6s ease-in-out infinite}
.sp-ag.espera .sp-ag-t i{background:var(--neon);opacity:.6;animation:dt-vivo 2.4s ease-in-out infinite}
.sp-aberta{display:flex;flex-direction:column;gap:6px;padding:10px;border-radius:10px;background:var(--fundo2);border:1px solid var(--borda)}
.sp-ab-l{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;font-size:13px}.sp-ab-l span{color:var(--texto2)}.sp-ab-l em{margin-left:auto;font-style:normal;font-size:12px;color:var(--neutro)}
.sp-seta{font-style:normal;font-size:11px}.sp-seta.up{color:var(--neon)}.sp-seta.dn{color:var(--fall)}
.sp-prog{height:5px;border-radius:999px;background:var(--borda);overflow:hidden}.sp-prog i{display:block;height:100%;background:var(--neon);transition:width 1s linear}
.sp-esc-rot{font-size:11.5px;color:var(--neutro)}
.sp-escada{grid-template-columns:repeat(auto-fit,minmax(58px,1fr))}.sp-escada li{padding:6px 4px}.sp-escada b{font-size:12.5px}
.sp-escada li.agora{border-color:var(--gale);background:rgba(240,149,74,.12)}.sp-escada li.perdido b{color:var(--fall2);font-size:11px}
.sp-c-kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.sp-c-kpis>div,.sp-g-kpis>div{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border-radius:10px;background:var(--painel);border:1px solid var(--borda);min-width:0}
.sp-c-kpis small,.sp-g-kpis small{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--neutro);font-weight:600}
.sp-c-kpis b,.sp-g-kpis b{font-size:16px;font-weight:700}.sp-g-kpis em{font-style:normal;font-size:11.5px;color:var(--neutro)}
.sp-cart{position:relative;height:200px;touch-action:pan-y;cursor:crosshair}
.sp-cart svg{display:block;width:100%;height:100%}
.sp-c-alvo{stroke-width:1;stroke-dasharray:5 5;vector-effect:non-scaling-stroke;stroke:var(--borda2)}.sp-c-alvo.bom{stroke:rgba(52,229,164,.6)}.sp-c-alvo.ruim{stroke:rgba(255,107,107,.6)}
.sp-c-dia{stroke:var(--borda);stroke-width:1;vector-effect:non-scaling-stroke}
.sp-c-rot{position:absolute;right:4px;transform:translateY(-120%);font-size:10.5px;font-weight:700;color:var(--neutro);background:var(--fundo2);padding:0 4px;border-radius:4px}
.sp-c-rot.bom{color:var(--neon)}.sp-c-rot.ruim{color:var(--fall)}
.sp-cursor{position:absolute;top:0;bottom:0;width:1px;background:rgba(237,238,240,.35);pointer-events:none}
.sp-ponto{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--nevoa);box-shadow:0 0 0 3px var(--fundo2);pointer-events:none}
.sp-tip{position:absolute;top:6px;display:flex;flex-direction:column;gap:1px;min-width:22%;padding:8px 10px;border-radius:10px;background:var(--painel);border:1px solid var(--borda2);box-shadow:0 8px 24px rgba(0,0,0,.4);pointer-events:none;font-size:12px}
.sp-tip b{font-size:15px}.sp-tip small{color:var(--neutro);font-size:11px}
.sp-g-kpis{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:8px}.sp-g-kpis .dest{border-color:rgba(240,149,74,.45)}.sp-g-kpis .dest b{font-size:24px;color:var(--gale)}
.sp-niv{display:flex;flex-direction:column;gap:5px}
.sp-niv>div{display:grid;grid-template-columns:62px 1fr 40px 76px;align-items:center;gap:8px;font-size:12px}
.sp-niv span{color:var(--neutro)}.sp-niv i{height:8px;border-radius:999px;background:var(--painel);overflow:hidden}.sp-niv u{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--neon),var(--gale))}
.sp-niv b{text-align:right}.sp-niv em{font-style:normal;color:var(--neutro);font-size:11px}
.sp-vivo{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--neon)}.sp-vivo i{width:6px;height:6px;border-radius:50%;background:var(--neon);animation:dt-vivo 1.2s ease-in-out infinite}
.sp-feed{display:flex;flex-direction:column;max-height:420px;overflow-y:auto;border-radius:10px;border:1px solid var(--borda)}
.sp-fd{display:grid;grid-template-columns:64px 14px minmax(0,1fr) auto 70px 96px;align-items:center;gap:8px;padding:8px 12px;border-top:1px solid var(--borda);font-size:12.5px}
.sp-fd:first-child{border-top:0}.sp-fd time{color:var(--neutro);font-variant-numeric:tabular-nums}
.sp-fd-n{display:flex;flex-direction:column;min-width:0}.sp-fd-n b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sp-fd-n small{font-size:11px;color:var(--neutro)}
.sp-g{font-style:normal;color:var(--gale);font-weight:700}
.sp-fd-v{text-align:right;color:var(--texto2)}.sp-fd-r{text-align:right;font-weight:700}
.sp-fd.ab{background:rgba(52,229,164,.06)}.sp-fd.ab .sp-fd-r{display:flex;align-items:center;justify-content:flex-end;gap:5px;color:var(--neon);font-size:11.5px}
.sp-fd.ab .sp-fd-r i{width:6px;height:6px;border-radius:50%;background:var(--neon);animation:dt-vivo 1s ease-in-out infinite}
.sp-fd.novo{animation:dt-nova 2.5s ease-out}
@media (max-width:900px){.sp-c-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.sp-g-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-g-kpis .dest{grid-column:1/-1}}
@media (max-width:640px){.sp-d-sec{padding:12px}.sp-ags{grid-template-columns:1fr}.sp-c-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-cart{height:170px}
  .sp-fd{grid-template-columns:56px 12px minmax(0,1fr) 78px;padding:8px 10px}.sp-fd .dt-motor,.sp-fd-v{display:none}}
/* Tempo real · Quotex (30/09): só análise, o usuário compra na Quotex */
.tr-cor{display:inline-grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;gap:4px;padding:4px;margin-bottom:14px;border-radius:12px;background:var(--fundo2);border:1px solid var(--borda)}
.tr-cor button{min-width:110px;min-height:38px;border:0;border-radius:9px;background:none;color:var(--neutro);font-weight:700;font-size:13px;cursor:pointer}
.tr-cor button[aria-checked="true"]{background:var(--painel);color:var(--nevoa);box-shadow:inset 0 0 0 1px var(--borda2)}
.tr-qx{display:flex;flex-direction:column;gap:14px;margin-top:14px}
.tr-qx-ia{display:block;margin-top:4px;font-style:normal;font-size:12.5px;color:var(--texto2)}.tr-qx-ia b{font-size:12.5px;color:var(--nevoa)}
.tr-qx-relogio{display:grid;justify-items:center;gap:6px;width:min(360px,100%);margin:18px auto 0;padding:12px 16px;border-radius:14px;border:1px solid var(--borda2);background:var(--fundo2)}
.tr-qx-relogio span{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--neutro);text-align:center}
.tr-qx-relogio b{font-size:44px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums;color:var(--nevoa)}
.tr-qx-relogio b small{font-size:18px;color:var(--neutro)}
.tr-qx-relogio i{display:block;width:100%;height:6px;border-radius:999px;background:var(--borda);overflow:hidden}
.tr-qx-relogio u{display:block;height:100%;border-radius:999px;background:var(--neutro)}
.tr-qx-relogio.rise{border-color:var(--neon);background:rgba(52,229,164,.1)}.tr-qx-relogio.rise span,.tr-qx-relogio.rise b{color:var(--neon)}.tr-qx-relogio.rise u{background:var(--neon)}
.tr-qx-relogio.fall{border-color:var(--fall);background:rgba(255,107,107,.1)}.tr-qx-relogio.fall span,.tr-qx-relogio.fall b{color:var(--fall2)}.tr-qx-relogio.fall u{background:var(--fall)}
.tr-qx-relogio.sem u{background:var(--campo)}
.tr-qx-relogio.previa{border-style:dashed}
.tr-qx-relogio p{margin:0;font-size:12px;color:var(--texto2);text-align:center}
.tr-qx-relogio.rise span,.tr-qx-relogio.fall span{font-size:17px;letter-spacing:.06em}
.tr-qx-relogio.rise span,.tr-qx-relogio.fall span{animation:qxPulsa 1s ease-in-out infinite}
@keyframes qxPulsa{50%{opacity:.45}}
.tr-qx-relogio.passou{border-color:var(--ambar);background:rgba(245,184,61,.08)}.tr-qx-relogio.passou span,.tr-qx-relogio.passou b{color:var(--ambar)}.tr-qx-relogio.passou u{background:var(--ambar)}
@media (prefers-reduced-motion:reduce){.tr-qx-relogio.rise span,.tr-qx-relogio.fall span{animation:none}}
.tr-qx-janela{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:14px;border:1px solid var(--borda2);background:var(--fundo2);font-size:13px;color:var(--texto2)}
.tr-qx-janela b{font-size:18px;color:var(--nevoa)}.tr-qx-janela strong{color:var(--nevoa);font-variant-numeric:tabular-nums}
.tr-qx-janela.rise{border-color:var(--neon);background:rgba(52,229,164,.1);box-shadow:0 0 0 1px rgba(52,229,164,.25)}.tr-qx-janela.rise b{color:var(--neon)}
.tr-qx-janela.fall{border-color:var(--fall);background:rgba(255,107,107,.1);box-shadow:0 0 0 1px rgba(255,107,107,.25)}.tr-qx-janela.fall b{color:var(--fall2)}
.tr-qx-janela.fora{opacity:.85}
.tr-qx-janela.passou{border-color:var(--ambar)}.tr-qx-janela.passou b{color:var(--ambar)}
.tr-qx-linha{display:grid;grid-template-columns:minmax(0,260px) 1fr;gap:14px;align-items:start}
.tr-qx-linha .campo{margin:0}.tr-qx-taxa{font-size:13px;color:var(--texto2);line-height:1.5;padding-top:22px}.tr-qx-taxa b{color:var(--nevoa)}
.tr-qx-tempos small{display:block;margin-bottom:8px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--neutro);font-weight:600}
.tr-qx-tempos>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.tr-qx-tempos button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:10px 6px;border-radius:12px;border:1px solid var(--borda);background:var(--fundo2);color:var(--texto2);cursor:pointer}
.tr-qx-tempos button span{font-size:12px;font-weight:600}.tr-qx-tempos button b{font-size:16px}.tr-qx-tempos button em{font-style:normal;font-size:12px;color:var(--ambar);letter-spacing:1px;min-height:15px}
.tr-qx-tempos button.rise b{color:var(--neon)}.tr-qx-tempos button.fall b{color:var(--fall)}
.tr-qx-tempos button.on{border-color:var(--nevoa);box-shadow:0 0 0 1px var(--nevoa)}
/* QUOTEX enxuta (30/09, Felipe): só o lado, as estrelas, o tempo e a ação; a grade dos tempos; payout e som. Sem texto corrido. */
/* topo numa linha só (corretora + ativo): o cartão sobe e a tela inteira cabe sem rolar no celular */
#tela-tempo.modo-qx:not([hidden]){display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center}
#tela-tempo.modo-qx>*{grid-column:1/-1;min-width:0}
#tela-tempo.modo-qx>#trCor{grid-column:1;margin:0 0 12px}#tela-tempo.modo-qx>.tr-sel{grid-column:2;margin:0 0 12px}
.modo-qx .tr-sel{grid-template-columns:1fr}
.modo-qx .tr-sel .campo{margin:0}
.modo-qx .tr-sel label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.modo-qx #trCor button{min-width:72px}
@media (max-width:640px){#tela-tempo.modo-qx>.titulo{display:none}.modo-qx .tr-so{padding:18px 12px 14px;gap:10px}.modo-qx .tr-qx-relogio{padding:10px 14px}}
.modo-qx .tr-so{position:relative;overflow:hidden;min-height:0;gap:12px;padding:22px 14px 16px}
.modo-qx .tr-so>*{position:relative;z-index:1}
.modo-qx .tr-qx-relogio{margin-top:4px}
.tr-qx-nota{margin:0;font-size:12.5px;line-height:1.4;color:var(--texto2);text-align:center}
.tr-qx{gap:12px;margin-top:12px}
.tr-qx-tempos>div{gap:6px}
.tr-qx-tempos button{padding:8px 2px;min-width:0}
.tr-qx-tempos button span{font-size:11px;white-space:nowrap}.tr-qx-tempos button em{font-size:10px;letter-spacing:0}
.tr-qx-conf{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.tr-qx-conf .campo{margin:0}
.campo label.tr-qx-som{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin:0;text-transform:none;letter-spacing:0;font-size:14px;font-weight:600;color:var(--texto2);cursor:pointer}
.campo label.tr-qx-som .chave-trilho{display:block}
.tr-qx-pe{margin:0;font-size:11.5px}
/* EFEITO POR ESTRELA no cartão, na prévia e na entrada: 2★ borda · 3★ brilho pulsando · 4★ brilho forte + estrelas · 5★ raios, tela e texto */
#trSo[data-lado="rise"]{--fxc:52,229,164}#trSo[data-lado="fall"]{--fxc:255,107,107}
#trSo[data-fx="2"]{border-color:rgba(var(--fxc),.75)}
#trSo[data-fx="3"]{border-color:rgb(var(--fxc));animation:fx3 1.1s ease-in-out infinite}
@keyframes fx3{0%,100%{box-shadow:0 0 0 1px rgba(var(--fxc),.35)}50%{box-shadow:0 0 0 1px rgb(var(--fxc)),0 0 30px 3px rgba(var(--fxc),.5),inset 0 0 34px rgba(var(--fxc),.12)}}
#trSo[data-fx="4"]{border-color:rgb(var(--fxc));background:linear-gradient(180deg,rgba(var(--fxc),.14),transparent 72%),var(--painel);animation:fx4 .8s ease-in-out infinite}
@keyframes fx4{0%,100%{box-shadow:0 0 0 1px rgba(var(--fxc),.6),0 0 16px rgba(var(--fxc),.3)}50%{box-shadow:0 0 0 2px rgb(var(--fxc)),0 0 52px 8px rgba(var(--fxc),.65),inset 0 0 48px rgba(var(--fxc),.18)}}
#trSo[data-fx="4"] .tr-estrelas span.on,#trSo[data-fx="5"] .tr-estrelas span.on{animation:fxEstrela .8s ease-in-out infinite}
#trSo .tr-estrelas span:nth-child(2){animation-delay:.08s}#trSo .tr-estrelas span:nth-child(3){animation-delay:.16s}#trSo .tr-estrelas span:nth-child(4){animation-delay:.24s}#trSo .tr-estrelas span:nth-child(5){animation-delay:.32s}
@keyframes fxEstrela{50%{transform:scale(1.25);filter:drop-shadow(0 0 9px rgba(245,184,61,.95))}}
#trSo[data-fx="5"]{border-color:var(--ambar);background:radial-gradient(120% 90% at 50% 0%,rgba(var(--fxc),.3),transparent 72%),var(--painel);animation:fx5 .55s ease-in-out infinite}
@keyframes fx5{0%,100%{box-shadow:0 0 0 2px rgb(var(--fxc)),0 0 34px 5px rgba(var(--fxc),.55);transform:scale(1)}50%{box-shadow:0 0 0 3px var(--ambar),0 0 90px 16px rgba(var(--fxc),.9),inset 0 0 76px rgba(var(--fxc),.28);transform:scale(1.014)}}
#trSo[data-fx="5"]::before{content:'';position:absolute;z-index:0;inset:-70%;background:repeating-conic-gradient(rgba(var(--fxc),.2) 0 9deg,transparent 9deg 30deg);animation:fxGira 5s linear infinite;pointer-events:none}
@keyframes fxGira{to{transform:rotate(360deg)}}
#trSo[data-fx="5"] .tr-dir{animation:fxDir .55s ease-in-out infinite;text-shadow:0 0 30px rgba(var(--fxc),.95)}
@keyframes fxDir{50%{transform:scale(1.07)}}
#trSo[data-fx="5"] .tr-estrelas span.on{animation-duration:.55s}
/* 4★ e 5★: a tela inteira acende nas bordas */
#tela-tempo:has(#trSo[data-fx="4"])::after,#tela-tempo:has(#trSo[data-fx="5"])::after{content:'';position:fixed;inset:0;z-index:40;pointer-events:none;animation:fxTela .8s ease-in-out infinite}
#tela-tempo:has(#trSo[data-lado="rise"])::after{--fxc:52,229,164}#tela-tempo:has(#trSo[data-lado="fall"])::after{--fxc:255,107,107}
#tela-tempo:has(#trSo[data-fx="4"])::after{box-shadow:inset 0 0 70px 6px rgba(var(--fxc),.35)}
#tela-tempo:has(#trSo[data-fx="5"])::after{box-shadow:inset 0 0 130px 26px rgba(var(--fxc),.6);animation-duration:.55s}
@keyframes fxTela{0%,100%{opacity:.25}50%{opacity:1}}
@media (prefers-reduced-motion:reduce){#trSo[data-fx],#trSo[data-fx] *,#trSo[data-fx]::before,#tela-tempo::after{animation:none!important}}
@media (max-width:640px){.tr-qx-linha{grid-template-columns:1fr}.tr-qx-taxa{padding-top:0}}

/* =====================================================================
   VISUAL 2.0 (01/10/2026, Felipe: "upgrade visual completo mobile e desktop").
   A identidade é a mesma: escuro, verde = vivo e ação, vermelho = parar e conta real, âmbar = atenção.
   Muda: fundo sem grade, três níveis de superfície (poço < painel < alto), títulos e números grandes em Manrope,
   botões, campos e abas com a mesma altura e o mesmo raio, menu lateral e barra do celular novos,
   filtros escolhidos em verde translúcido (verde cheio só na ação principal), Tempo real em duas colunas no computador.
   Barras fixas sem desfoque: as telas repintam a cada tique.
   ===================================================================== */
html{color-scheme:dark;scrollbar-width:thin;scrollbar-color:#2C3546 transparent}
::selection{background:rgba(52,229,164,.28);color:#fff}
body{background-color:var(--grafite);background-image:radial-gradient(1100px 520px at 82% -180px,rgba(88,106,142,.15),transparent 70%);background-size:auto;background-repeat:no-repeat}
/* Manrope só em título, marca e no lado (RISE/FALL). Número fica em Inter: a vírgula tabular da Manrope abre um buraco em "989,19". */
h1,h2,h3,.marca b,.tr-dir,.indicacao b{font-family:var(--f-tit)}
.marca b span{font-family:'Inter',system-ui,sans-serif}
button,a,select,input{-webkit-tap-highlight-color:transparent}

/* ---------- casca ---------- */
.casca{grid-template-columns:248px minmax(0,1fr)}
.trilho{gap:0;padding:22px 14px 16px;background:#0A0D13}
.trilho .marca{margin:2px 10px 28px}
.marca b{font-weight:800;letter-spacing:.09em}
.marca b span{font-size:10px;font-weight:600;letter-spacing:.32em;margin-top:2px}
.nav{gap:4px}
.nav a{min-height:42px;padding:0 12px;border-radius:11px}
.nav a:hover{background:rgba(255,255,255,.035)}
.nav a.on{background:var(--alto);color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px var(--borda2)}
.nav a.on::before{left:-14px;top:10px;bottom:10px}
.trilho .rodape{padding:14px;border-radius:14px;box-shadow:var(--sombra)}
.cota-num{font-size:26px;font-weight:800;letter-spacing:-.01em}
.cota-plano{display:inline-block;margin-top:8px;padding:3px 9px;border-radius:999px;background:rgba(52,229,164,.1);color:var(--neon);font-size:11px;font-weight:600}
.cota-plano:empty{display:none}
.aviso-sint{left:248px}
main{padding:32px 40px 64px}
.tela{max-width:1240px}
.titulo{margin-bottom:22px;align-items:center}
.titulo h1{font-size:26px;font-weight:800;letter-spacing:-.02em}
.rot,.cota-rot{font-weight:600}

/* tablet e notebook estreito: o menu vira um trilho só de ícones e o gráfico do Analisar ganha a largura de volta */
@media (min-width:901px) and (max-width:1180px){
  .casca{grid-template-columns:76px minmax(0,1fr)}
  .trilho{padding:20px 12px 14px;align-items:center}
  .trilho .marca{margin:2px 0 24px}
  .trilho .marca b{display:none}
  .nav{width:100%}
  .nav a{justify-content:center;gap:0;padding:0;min-height:46px;font-size:0}
  .nav svg{width:20px;height:20px}
  .nav a.on::before{left:-12px}
  .nav .nav-selo{position:absolute;top:3px;right:5px;margin:0;min-width:16px;padding:1px 4px;font-size:10px}
  .trilho .rodape{display:none}
  .aviso-sint{left:76px}
  main{padding:26px 26px 56px}
}

/* ---------- superfícies ---------- */
.card{background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,0) 110px),var(--painel);box-shadow:var(--sombra)}
.status,.indicacao,.posicao,.pc{border-radius:14px}
.lista{border-radius:14px}
.lista li{padding:13px 16px;transition:background .12s}
.lista li:not(.vaziol):hover{background:#151A24}
.tag{padding:4px 10px;border-radius:999px}
.numero{padding:18px}
.numero b{font-size:28px;font-weight:800;letter-spacing:-.02em}
.perfil .card{padding:22px}
.perfil h2{font-size:16px;font-weight:700;margin-bottom:16px}
.plano-linha{padding:12px 0}
.at-modal-caixa{border-radius:20px}
.intro .card{border-radius:20px;padding:26px 22px 22px}

/* ---------- botões ---------- */
.acao{--luz:52,229,164;min-height:50px;padding:10px 18px;border-radius:12px;font-size:15px;letter-spacing:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 12px 26px -14px rgba(var(--luz),.7);transition:filter .15s,transform .08s,background .2s,box-shadow .2s}
.acao:active:not(:disabled){transform:scale(.985)}
.acao:disabled,.acao.armado{box-shadow:none}
.tr-btn.fall,.au-btn.ligado,.au-btn.real,.acao.janela-muito,.at-parar,.at-real,.acao.confirma{--luz:255,107,107}
.entrar-btn.real,.acao.janela-alta{--luz:245,184,61}
.at-parar,.at-real{box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 12px 26px -14px rgba(255,107,107,.7)}
.secundario{min-height:44px;padding:8px 14px;border-radius:11px;background:rgba(255,255,255,.02);font-size:13.5px;transition:color .15s,border-color .15s,background .15s}
.secundario:hover{background:var(--alto);border-color:#55637D}
a.secundario{display:flex;align-items:center;justify-content:center;text-decoration:none}
@media (min-width:901px){ .perfil a.secundario[data-admin]{display:none} }
.at-fechar,.sp-voltar{border-radius:12px}

/* ---------- campos ---------- */
select,input{border-radius:11px;background-color:var(--poco);transition:border-color .15s,box-shadow .15s}
select:focus,input:focus{outline:none;border-color:var(--neon);box-shadow:0 0 0 3px rgba(52,229,164,.2)}
.campo label{font-weight:600}
.chave-trilho{width:42px;height:24px}
.chave-trilho::after{width:18px;height:18px;box-shadow:0 1px 3px rgba(0,0,0,.5)}
.chave input:checked + .chave-trilho::after{transform:translateX(18px);background:#fff}
.deriv-conta{border-radius:12px;background:var(--poco);transition:border-color .15s}
.deriv-conta input{flex:0 0 auto;width:18px;height:18px;padding:0;border-radius:50%;border:2px solid var(--campo);background:none}
.deriv-conta input:checked{border-color:var(--neon);background:radial-gradient(circle,var(--neon) 0 4px,transparent 5px)}
.deriv-conta input:focus{box-shadow:0 0 0 3px rgba(52,229,164,.2)}

/* ---------- abas e opções ---------- */
.tr-cor,.at-abas,.sp-seg,.pos-abas{background:var(--poco);border:1px solid var(--borda);border-radius:13px}
.tr-cor button,.at-abas a,.pos-abas button{border-radius:10px;transition:color .15s,background .15s}
.tr-cor button:hover,.at-abas a:hover,.pos-abas button:hover{color:var(--nevoa)}
.tr-cor button[aria-checked="true"],.at-abas a[aria-selected="true"],.pos-abas button.on{background:var(--alto);color:#fff;box-shadow:inset 0 0 0 1px var(--borda2),0 4px 10px -4px rgba(0,0,0,.6)}
.pos-abas{gap:4px;padding:4px;margin-bottom:14px}
.pos-abas button,.pos-abas button.on{min-height:42px;padding:0 8px;border:0;font-size:14px;font-weight:600}
.modo-entrada button,.tr-contas button,.au-estrelas button{border-radius:11px;background:var(--poco);transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.modo-entrada button:hover:not(:disabled),.tr-contas button:hover:not(:disabled),.au-estrelas button:hover{color:var(--nevoa);border-color:#5E6C8A}
.chip,.pn-filtros button,.rl-periodo button{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--borda2);background:rgba(255,255,255,.015);color:var(--texto2);font-size:13px;font-weight:600;transition:color .15s,border-color .15s,background .15s}
.chip:hover,.pn-filtros button:hover,.rl-periodo button:hover{color:var(--nevoa);border-color:#55637D}
.chip.on,.pn-filtros button[aria-checked="true"],.rl-periodo button[aria-checked="true"]{background:rgba(52,229,164,.13);border-color:rgba(52,229,164,.6);color:var(--neon);font-weight:600}
.pn-filtros button[aria-checked="true"] span{color:rgba(52,229,164,.78)}

/* ---------- entrada (login) ---------- */
.porta{background:var(--grafite) radial-gradient(900px 480px at 50% -160px,rgba(88,106,142,.2),transparent 70%) no-repeat}
.porta .caixa{max-width:420px;margin-top:7vh;padding:28px 24px 24px;border:1px solid var(--borda);border-radius:20px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 140px),var(--painel);box-shadow:0 30px 80px -30px rgba(0,0,0,.9)}
.porta .marca{margin-bottom:28px}
.porta h1{font-size:26px;font-weight:800;letter-spacing:-.02em}

/* ---------- Analisar ---------- */
.grafico{padding:18px 18px 12px}
.controles,.regua{padding:20px}
.preco{font-size:22px;font-weight:700;letter-spacing:-.01em}
.indicacao b{font-weight:800}
.graf-modo,.graf-zoom button{background:var(--alto);box-shadow:inset 0 0 0 1px var(--borda2)}

/* ---------- Tempo real ---------- */
.tr-so{gap:16px}
.tr-so:has(.tr-dir.rise){background:radial-gradient(90% 70% at 50% 0%,rgba(52,229,164,.075),transparent 72%),var(--painel)}
.tr-so:has(.tr-dir.fall){background:radial-gradient(90% 70% at 50% 0%,rgba(255,107,107,.075),transparent 72%),var(--painel)}
.tr-dir{letter-spacing:.01em}
.tr-estrelas span{transition:color .2s}
.tr-qx-relogio{border-radius:16px;background:var(--poco);border-color:var(--borda2)}
.tr-qx-nota small{display:block;margin-top:5px;font-size:11.5px;line-height:1.4;color:var(--neutro)}
.tr-qx-tempos button{background:var(--poco);transition:border-color .15s,background .15s}
.tr-qx-tempos button:hover{border-color:var(--borda2)}
.tr-qx-tempos button.on{background:var(--alto);border-color:var(--nevoa)}
.tr-bloq{padding:22px}
@media (min-width:1240px){
  /* cartão do sinal à esquerda, controles à direita. A última linha (1fr) absorve a sobra de altura do cartão,
     para os controles ficarem juntos no topo da coluna. */
  #tela-tempo:not([hidden]):not(.bloq){display:grid;grid-template-columns:minmax(0,1fr) 384px;grid-template-rows:auto repeat(6,min-content) 1fr;column-gap:22px;align-items:start}
  #tela-tempo:not(.bloq)>*{grid-column:2;min-width:0}
  #tela-tempo:not(.bloq)>.titulo{grid-column:1/-1;grid-row:1}
  #tela-tempo:not(.bloq)>#trSo{grid-column:1;grid-row:2/-1;align-self:stretch;min-height:min(66vh,620px);padding:40px 24px;gap:22px}
  #tela-tempo.modo-qx>#trCor,#tela-tempo.modo-qx>.tr-sel{grid-column:2}
  #tela-tempo:not(.bloq) .tr-cor{display:grid}
  #tela-tempo:not(.bloq) .tr-dir{font-size:clamp(96px,11vw,168px)}
  #tela-tempo:not(.bloq) .tr-estrelas{font-size:60px;gap:12px}
  #tela-tempo:not(.bloq) .tr-qx-relogio{width:min(420px,100%);padding:16px 20px;margin-top:10px}
  #tela-tempo:not(.bloq) .tr-qx-relogio b{font-size:56px}
  #tela-tempo:not(.bloq) .tr-qx-nota{font-size:14px;max-width:56ch}
  #tela-tempo:not(.bloq) .tr-qx{margin-top:0}
  #tela-tempo:not(.bloq) .tr-entrar{margin-top:0}
  .tr-qx-tempos>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
  .tr-qx-tempos button{padding:12px 6px;gap:3px}
  .tr-qx-tempos button span{font-size:12px}.tr-qx-tempos button b{font-size:18px}.tr-qx-tempos button em{font-size:12px}
}

/* ---------- Posições ---------- */
.pc{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0) 80px),var(--fundo2);transition:border-color .15s}
.pc-tempo{border-radius:999px;padding:5px 11px;font-size:13px}
@media (min-width:901px){
  .pos-lista{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}
  .pos-lista>.pos-vazio{grid-column:1/-1}
}

/* ---------- Perfil ---------- */
/* coluna com mínimo zero: a tabela do placar empurrava a grade para fora da tela no celular */
.perfil{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.perfil>*{min-width:0}
@media (min-width:901px){
  /* cartões de alturas diferentes: duas colunas que se encaixam, sem buraco embaixo do cartão mais curto */
  .perfil{display:block;columns:2;column-gap:18px}
  .perfil>*{break-inside:avoid;margin-bottom:18px}
  .perfil>.legal{column-span:all;margin-bottom:0}
}

/* ---------- Automações ---------- */
.at-intro{margin:-6px 0 16px}
#atCota{margin:10px 0 0;font-size:12.5px;line-height:1.5;color:var(--neutro)}
#atForm{margin-top:14px}
.fm-fim .secundario{min-height:50px}
.fm-bloco>.dica:not(:empty){margin-bottom:12px}
.at-ritmo.tres dd{font-size:14px;white-space:nowrap}
.at-ritmo.tres .saldo dd{font-size:17px}
.at-card,.sp-cc,.sp-card{transition:border-color .15s,box-shadow .2s}
.at-selo,.at-conta,.at-corretora{letter-spacing:.06em}

/* ---------- celular ---------- */
@media (max-width:900px){
  body{background-image:radial-gradient(560px 300px at 50% -120px,rgba(88,106,142,.17),transparent 70%)}
  main{padding:14px 14px calc(92px + env(safe-area-inset-bottom))}
  .titulo{margin-bottom:14px}
  .titulo h1{font-size:21px}
  .topo{padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:#0A0D13}
  .topo .marca svg{width:28px;height:28px}
  .topo .marca b{font-size:14px}
  .topo .cota{display:flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;border:1px solid var(--borda);background:var(--painel);font-size:10px;font-weight:600;letter-spacing:.12em;white-space:nowrap}
  .topo .cota strong{display:inline;font-size:15px;font-weight:700;line-height:1}
  .abas{padding:4px 6px calc(4px + env(safe-area-inset-bottom));background:#0A0D13}
  .abas a{min-height:56px;gap:3px;padding:6px 0 5px;font-size:10.5px;letter-spacing:-.01em;white-space:nowrap}
  .abas svg{width:46px;max-width:100%;height:28px;padding:4px 13px;border-radius:999px;transition:background .15s,color .15s}
  .abas a.on{color:#fff;font-weight:600}
  .abas a.on svg{background:rgba(52,229,164,.14)}
  .abas a.on::before{display:none}
  .abas .nav-selo{top:3px;left:calc(50% + 7px)}
  .grafico{padding:12px 10px 8px}
  .controles,.regua{padding:14px}
  .preco{font-size:18px}
  .numero{padding:14px}
  .numero b{font-size:22px}
  .perfil{grid-template-columns:minmax(0,1fr)}
  .perfil .card{padding:18px 16px}
  .lista li{padding:12px 13px}
  .porta .caixa{margin-top:3vh;padding:24px 18px 20px}
  .at-modal-caixa{border-radius:0}
  /* Deriv: lado, estrelas e o botão ENTRAR na mesma tela, sem rolar */
  .tr-so{min-height:0;padding:26px 16px}
  .acao{min-height:52px}
}
@media (max-width:520px){
  /* diário e histórico: o texto fica com a largura toda e as etiquetas empilham à direita */
  #diario li:not(.vaziol),#histLista li:not(.vaziol){grid-template-columns:minmax(0,1fr) auto;gap:5px 10px}
  #diario li .quem,#histLista li .quem{grid-row:1/span 2}
  #diario li .tag,#histLista li .tag{grid-column:2;justify-self:end}
}
@media (prefers-reduced-motion:reduce){ .tela{animation:none} .acao,.secundario,.lista li{transition:none} }
/* Quotex (01/10): 9 tempos na grade e o radar das janelas abertas nos outros pares e tempos */
@media (max-width:1239px){ .tr-qx-tempos>div{grid-template-columns:repeat(5,minmax(0,1fr))} }
.tr-qx-radar>small{display:block;margin-bottom:8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--neutro)}
.tr-qx-radar>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.tr-qx-radar button{display:flex;align-items:center;gap:8px;min-width:0;min-height:44px;padding:0 12px;border-radius:12px;border:1px solid var(--borda2);background:var(--poco);color:var(--nevoa);font-size:13px;font-weight:600;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}
.tr-qx-radar button:hover{background:var(--alto)}
.tr-qx-radar button{min-height:48px}
.tr-qx-radar button span{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;line-height:1.25;white-space:nowrap}
.tr-qx-radar button small{font-size:11.5px;font-weight:500;color:var(--neutro)}
.tr-qx-radar button b{font-size:13px}
.tr-qx-radar button em{font-style:normal;font-size:11.5px;letter-spacing:1px;color:var(--ambar)}
.tr-qx-radar button.rise{border-color:rgba(52,229,164,.5)}.tr-qx-radar button.rise b{color:var(--neon)}
.tr-qx-radar button.fall{border-color:rgba(255,107,107,.5)}.tr-qx-radar button.fall b{color:var(--fall)}
.tr-qx-radar.passou button{border-color:var(--borda2);opacity:.6}
@media (max-width:380px){ .tr-qx-radar button{padding:0 9px;font-size:12.5px} }
/* Quotex · AS DUAS (01/10, Felipe): no computador, o cartão da matemática e o da IA lado a lado */
.tr-so-rot{padding:4px 11px;border-radius:999px;border:1px solid var(--borda2);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--texto2)}
.tr-so2 .tr-qx-relogio{margin-top:4px}
#trQxIntel .so-pc{display:none}
@media (min-width:1240px){
  #trQxIntel{grid-template-columns:repeat(3,minmax(0,1fr))}
  #trQxIntel button{min-width:0;padding:0 4px}
  #trQxIntel .so-pc{display:block}
  #tela-tempo.duo:not([hidden]):not(.bloq){grid-template-columns:minmax(0,1fr) minmax(0,1fr) 384px;column-gap:16px}
  #tela-tempo.duo:not(.bloq)>*{grid-column:3}
  #tela-tempo.duo:not(.bloq)>.titulo{grid-column:1/-1}
  #tela-tempo.duo:not(.bloq)>#trSo{grid-column:1;padding:36px 16px}
  #tela-tempo.duo:not(.bloq)>#trSo2{grid-column:2;grid-row:2/-1;align-self:stretch;min-height:min(66vh,620px);padding:36px 16px;gap:22px}
  #tela-tempo.duo.modo-qx>#trCor,#tela-tempo.duo.modo-qx>.tr-sel{grid-column:3}
  /* os dois cartões alinhados pelo topo (o da IA tem o motivo embaixo, o da matemática quase nunca); a palavra cabe na largura do cartão */
  #tela-tempo.duo:not(.bloq)>#trSo,#tela-tempo.duo:not(.bloq)>#trSo2{justify-content:flex-start;padding-top:clamp(40px,9vh,96px)}
  #tela-tempo.duo:not(.bloq) .tr-dir{font-size:clamp(56px,calc((100vw - 824px) / 5.6),120px)}
  #tela-tempo.duo:not(.bloq) .tr-estrelas{font-size:36px;gap:8px}
  #tela-tempo.duo:not(.bloq) .tr-qx-relogio{padding:14px 14px}
  #tela-tempo.duo:not(.bloq) .tr-qx-relogio b{font-size:44px}
  #tela-tempo.duo:not(.bloq) .tr-qx-nota{font-size:13px}
}


/* =====================================================================
   ANÁLISE AVANÇADA QUOTEX (01/10/2026, Felipe: "painel visual claro que identifica as oportunidades de forma simultânea";
   "visual moderno, nada quadrado"; "quanto mais estrelas, maior o efeito"). Tela: js/quotex-painel.js.
   Computador e tablet: um cartão por par, lado a lado (destaque + 9 tempos em 3 × 3). Celular: matriz, uma coluna por par
   e a coluna dos tempos à esquerda. O efeito (borda, brilho, raios, tela) só roda para oportunidade NOVA, na prévia e nos
   15 s da janela; a que continua aberta fica acesa, parada. Reaproveita fx3, fx4, fx5, fxEstrela, fxGira, fxDir e fxTela do Tempo real.
   ===================================================================== */
.qa{display:flex;flex-direction:column;gap:16px}
#tela-quotex>.titulo span{font-size:13px;color:var(--neutro)}
/* topo: relógio em anel, estado e as oportunidades de todos os pares */
.qa-topo{display:grid;grid-template-columns:auto minmax(150px,auto) minmax(0,1fr);align-items:center;gap:12px 18px;padding:14px 20px;border:1px solid var(--borda);border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,0) 90px),var(--painel);box-shadow:var(--sombra)}
.qa-relogio{--fxc:154,164,181;position:relative;width:66px;height:66px;flex:0 0 auto}
.qa-relogio[data-lado="rise"]{--fxc:52,229,164}.qa-relogio[data-lado="fall"]{--fxc:255,107,107}
.qa-relogio svg{display:block;width:100%;height:100%;transform:rotate(-90deg)}
.qa-anel-f{fill:none;stroke:var(--borda);stroke-width:4}
.qa-anel{fill:none;stroke:var(--campo);stroke-width:4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset .25s linear,stroke .2s}
.qa-relogio b{position:absolute;inset:0;display:grid;place-items:center;font-size:23px;font-weight:700;color:var(--nevoa)}
.qa-relogio[data-est="entra"] .qa-anel{stroke:rgb(var(--fxc))}.qa-relogio[data-est="entra"] b{color:rgb(var(--fxc))}
.qa-relogio[data-est="entra"]{filter:drop-shadow(0 0 10px rgba(var(--fxc),.45))}
.qa-relogio[data-est="previa"] .qa-anel{stroke:var(--ambar)}.qa-relogio[data-est="previa"] b{color:var(--ambar)}
.qa-estado{min-width:0}
.qa-estado b{display:block;font-family:var(--f-tit);font-size:20px;font-weight:800;letter-spacing:-.01em;line-height:1.15;white-space:nowrap}
.qa-estado small{display:block;margin-top:3px;min-height:16px;font-size:12.5px;color:var(--neutro);white-space:nowrap}
.qa-relogio[data-est="entra"][data-lado="rise"] + .qa-estado b{color:var(--neon)}
.qa-relogio[data-est="entra"][data-lado="fall"] + .qa-estado b{color:var(--fall2)}
.qa-relogio[data-est="previa"] + .qa-estado b{color:var(--ambar)}
.qa-relogio[data-est="entra"] + .qa-estado b,.qa-relogio[data-est="previa"] + .qa-estado b{animation:qxPulsa 1s ease-in-out infinite}
.qa-ops{display:grid;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));gap:8px;min-width:0;align-items:center}
.qa-ops-v{grid-column:1/-1;justify-self:end;font-size:13px;color:var(--neutro)}.qa-ops-v:empty{display:none}
.qa-ops-m{align-self:center;font-size:12.5px;font-weight:600;color:var(--neutro)}
.qa-op{--fxc:154,164,181;display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;align-items:center;column-gap:8px;min-width:0;min-height:50px;padding:5px 16px;
  border-radius:999px;border:1px solid rgba(var(--fxc),.5);background:linear-gradient(90deg,rgba(var(--fxc),.12),rgba(var(--fxc),.02)),var(--poco);color:var(--nevoa);text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.qa-op.rise{--fxc:52,229,164}.qa-op.fall{--fxc:255,107,107}
.qa-op:hover{border-color:rgb(var(--fxc))}
.qa-op span{grid-row:1/3;display:flex;flex-direction:column;min-width:0;font-size:13px;font-weight:700;line-height:1.25;white-space:nowrap}
.qa-op span small{font-size:11.5px;font-weight:500;color:var(--neutro)}
.qa-op b{grid-row:1/3;font-size:14px;color:rgb(var(--fxc))}
.qa-op em{font-style:normal;font-size:12px;letter-spacing:1px;line-height:1.2;color:var(--ambar);text-align:right}
.qa-op i{font-style:normal;font-size:10.5px;font-weight:600;line-height:1.2;color:var(--neutro);text-align:right;white-space:nowrap}
.qa-op.nova i,.qa-op.prev i{color:rgb(var(--fxc))}
.qa-op.n4,.qa-op.n5{border-color:rgb(var(--fxc))}
.qa-op.n5{border-color:var(--ambar)}
.qa-op.prev{border-style:dashed}
.qa-op.nova{animation:qaOp 1.1s ease-in-out infinite}
@keyframes qaOp{50%{box-shadow:0 0 0 1px rgba(var(--fxc),.7),0 0 20px -2px rgba(var(--fxc),.55)}}

/* quadro: um cartão por par */
.qa-quadro{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}   /* 4 mercados desde 05/10 (ouro) */
.qa-rot{display:none}
.qa-cripto{display:grid;gap:10px;margin-top:4px}
.qa-cripto[hidden]{display:none}
.qa-secao-cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 4px}
.qa-secao-cab h2{margin:0;font-family:var(--f-tit);font-size:20px;font-weight:800;color:var(--nevoa)}
.qa-secao-cab span{font-size:12.5px;font-weight:600;color:var(--neutro)}
.qa-cripto-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.qa-cripto-card{min-height:100%}
.qa-cripto-card .qa-dest-t u{margin-left:7px;text-decoration:none;font-size:11.5px;font-weight:600;color:var(--neutro)}
.qa-par{--fxc:154,164,181;position:relative;overflow:hidden;display:flex;flex-direction:column;gap:14px;min-width:0;padding:18px;border:1px solid var(--borda);border-radius:28px;
  background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,0) 120px),var(--painel);box-shadow:var(--sombra);transition:border-color .25s}
.qa-par[data-lado="rise"]{--fxc:52,229,164}.qa-par[data-lado="fall"]{--fxc:255,107,107}
.qa-par>*{position:relative;z-index:1}
.qa-par>.qa-raios{position:absolute;z-index:0;inset:-70%;display:none;background:repeating-conic-gradient(rgba(var(--fxc),.2) 0 9deg,transparent 9deg 30deg);animation:fxGira 5s linear infinite;pointer-events:none}
.qa-par[data-modo="entra"],.qa-par[data-modo="previa"]{border-color:rgba(var(--fxc),.5);background:radial-gradient(95% 60% at 50% 0%,rgba(var(--fxc),.13),transparent 74%),var(--painel)}
.qa-par[data-modo="passou"]{background:radial-gradient(95% 60% at 50% 0%,rgba(var(--fxc),.06),transparent 74%),var(--painel)}
.qa-cab{display:flex;align-items:center;justify-content:space-between;gap:10px}
.qa-cab b{font-family:var(--f-tit);font-size:18px;font-weight:800;letter-spacing:.01em}
.qa-cab small{padding:3px 10px;border-radius:999px;border:1px solid var(--borda);font-size:11.5px;color:var(--neutro);white-space:nowrap}
.qa-dest{display:grid;justify-items:center;align-content:center;gap:10px;padding:8px 0 6px}
.qa-dest-t{display:inline-flex;align-items:center;min-height:28px;padding:0 13px;border-radius:999px;background:var(--alto);box-shadow:inset 0 0 0 1px var(--borda2);font-size:13px;font-weight:700;color:var(--nevoa);white-space:nowrap}
.qa-dest-t:empty{visibility:hidden}
.qa-dest-t i{margin-left:7px;font-style:normal;font-weight:600;color:var(--neutro)}
.qa-dir{font-family:var(--f-tit);font-size:clamp(46px,5.4vw,78px);font-weight:800;letter-spacing:.01em;line-height:1;color:var(--borda2)}
.qa-dir.rise{color:var(--neon)}.qa-dir.fall{color:var(--fall)}
.qa-est{display:flex;gap:6px;min-height:28px;font-size:28px;line-height:1}
.qa-est span{color:var(--borda2)}.qa-est span.on{color:var(--ambar)}
.qa-st{min-height:16px;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-align:center;color:var(--neutro)}
.qa-st span + span::before{content:' · '}
.qa-par[data-modo="entra"] .qa-st{color:rgb(var(--fxc));font-size:14px}
.qa-par[data-modo="previa"] .qa-st,.qa-par[data-modo="passou"] .qa-st{color:var(--ambar)}
.qa-par[data-modo="passou"] .qa-dir,.qa-par[data-modo="passou"] .qa-est{opacity:.72}
.qa-par[data-modo="previa"] .qa-dest-t{box-shadow:inset 0 0 0 1px var(--ambar)}
/* os 9 tempos do par */
.qa-tempos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.qa-c{--fxc:154,164,181;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:68px;padding:8px 4px;border-radius:18px;border:1px solid var(--borda);
  background:var(--poco);color:var(--texto2);cursor:pointer;transition:border-color .2s,background .2s,opacity .2s}
.qa-c.rise{--fxc:52,229,164}.qa-c.fall{--fxc:255,107,107}
.qa-c:hover{border-color:var(--borda2)}
.qa-c span{font-size:11.5px;font-weight:600;color:var(--neutro);white-space:nowrap}
.qa-c b{font-size:16px;line-height:1.15;color:var(--borda2)}
.qa-c em{font-style:normal;min-height:15px;font-size:12px;letter-spacing:1px;line-height:1.25;color:var(--campo)}
.qa-c.n1 b{color:rgba(var(--fxc),.5)}
.qa-c.paga{border-color:rgba(var(--fxc),.45);background:linear-gradient(180deg,rgba(var(--fxc),.11),rgba(var(--fxc),.03)),var(--poco)}
.qa-c.paga span{color:var(--nevoa)}.qa-c.paga b{color:rgb(var(--fxc))}.qa-c.paga em{color:var(--ambar)}
.qa-c.n3{border-color:rgba(var(--fxc),.75);background:linear-gradient(180deg,rgba(var(--fxc),.18),rgba(var(--fxc),.05)),var(--poco)}
.qa-c.n4{border-color:rgb(var(--fxc));background:linear-gradient(180deg,rgba(var(--fxc),.26),rgba(var(--fxc),.08)),var(--poco);box-shadow:0 0 0 1px rgba(var(--fxc),.35),0 0 18px -4px rgba(var(--fxc),.55)}
.qa-c.n5{border-color:var(--ambar);background:linear-gradient(180deg,rgba(var(--fxc),.36),rgba(var(--fxc),.12)),var(--poco);box-shadow:0 0 0 1px var(--ambar),0 0 26px -2px rgba(var(--fxc),.8)}
.qa-c.veto{border-style:dashed;opacity:.6}.qa-c.veto b{color:var(--campo)}
.qa-c.veto em{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--neutro)}
.qa-quadro[data-fase="passou"] .qa-c.paga{opacity:.82}
.qa-quadro[data-fase="velha"] .qa-c{opacity:.5}
/* nova nesta vela, dentro da janela: ponto aceso e pulso que cresce com a estrela */
.qa-c.nova::after{content:'';position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;background:rgb(var(--fxc));box-shadow:0 0 8px rgb(var(--fxc))}
.qa-c.nova.n2{animation:qaC2 1.3s ease-in-out infinite}
.qa-c.nova.n3{animation:qaC3 1.1s ease-in-out infinite}
.qa-c.nova.n4{animation:qaC4 .8s ease-in-out infinite}
.qa-c.nova.n5{animation:qaC5 .55s ease-in-out infinite}
.qa-c.nova.n4 em,.qa-c.nova.n5 em{animation:qaEm .8s ease-in-out infinite}
@keyframes qaC2{50%{box-shadow:0 0 0 1px rgba(var(--fxc),.6)}}
@keyframes qaC3{50%{box-shadow:0 0 0 1px rgb(var(--fxc)),0 0 20px 0 rgba(var(--fxc),.5)}}
@keyframes qaC4{50%{box-shadow:0 0 0 2px rgb(var(--fxc)),0 0 30px 4px rgba(var(--fxc),.7);transform:scale(1.04)}}
@keyframes qaC5{50%{box-shadow:0 0 0 2px var(--ambar),0 0 40px 8px rgba(var(--fxc),.9);transform:scale(1.07)}}
@keyframes qaEm{50%{filter:drop-shadow(0 0 6px rgba(245,184,61,.95))}}
/* prévia da próxima vela: tracejado âmbar piscando */
.qa-c.prev{border-style:dashed;border-color:var(--ambar);animation:qaPrev .5s ease-in-out infinite}
@keyframes qaPrev{50%{box-shadow:0 0 0 1px var(--ambar),0 0 22px 0 rgba(245,184,61,.5)}}
/* EFEITO POR ESTRELA no cartão do par: 2★ borda · 3★ brilho pulsando · 4★ brilho forte, faixa de luz, estrelas · 5★ raios, borda âmbar, palavra */
.qa-par[data-fx="2"]{border-color:rgba(var(--fxc),.8)}
.qa-par[data-fx="3"]{border-color:rgb(var(--fxc));animation:fx3 1.1s ease-in-out infinite}
.qa-par[data-fx="4"]{border-color:rgb(var(--fxc));background:linear-gradient(180deg,rgba(var(--fxc),.16),transparent 72%),var(--painel);animation:fx4 .8s ease-in-out infinite}
.qa-par[data-fx="4"]::after{content:'';position:absolute;z-index:0;inset:0;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.11) 50%,transparent 62%);animation:qaFaixa 1.6s ease-in-out infinite;pointer-events:none}
@keyframes qaFaixa{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.qa-par[data-fx="4"] .qa-est span.on,.qa-par[data-fx="5"] .qa-est span.on{animation:fxEstrela .8s ease-in-out infinite}
.qa-est span:nth-child(2){animation-delay:.08s}.qa-est span:nth-child(3){animation-delay:.16s}.qa-est span:nth-child(4){animation-delay:.24s}.qa-est span:nth-child(5){animation-delay:.32s}
.qa-par[data-fx="5"]{border-color:var(--ambar);background:radial-gradient(120% 90% at 50% 0%,rgba(var(--fxc),.3),transparent 72%),var(--painel);animation:fx5 .55s ease-in-out infinite}
.qa-par[data-fx="5"]>.qa-raios{display:block}
.qa-par[data-fx="5"] .qa-dir{animation:fxDir .55s ease-in-out infinite;text-shadow:0 0 30px rgba(var(--fxc),.95)}
.qa-par[data-fx="5"] .qa-est span.on{animation-duration:.55s}
/* 4★ e 5★: a tela inteira acende nas bordas */
.qa-tela{position:fixed;inset:0;z-index:40;display:none;pointer-events:none}
.qa-tela[data-lado="rise"]{--fxc:52,229,164}.qa-tela[data-lado="fall"]{--fxc:255,107,107}
.qa-tela[data-fx="4"]{display:block;box-shadow:inset 0 0 70px 6px rgba(var(--fxc),.35);animation:fxTela .8s ease-in-out infinite}
.qa-tela[data-fx="5"]{display:block;box-shadow:inset 0 0 130px 26px rgba(var(--fxc),.6);animation:fxTela .55s ease-in-out infinite}
/* ajustes e últimos alertas */
.qa-baixo{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:16px;align-items:start}
.qa-caixa{padding:18px 20px 20px;border:1px solid var(--borda);border-radius:26px;background:var(--painel);box-shadow:var(--sombra)}
.qa-caixa h2{margin-bottom:14px;font-size:15px;font-weight:700}
.qa-aj{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}
.qa-campo{min-width:0}
.qa-rotulo{display:block;margin-bottom:8px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--neutro)}
.qa-pays{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.qa-pays label{display:grid;gap:5px;min-width:0;font-size:11.5px;font-weight:600;color:var(--texto2);text-align:center}
.qa-pays input{min-height:44px;padding:0 6px;border-radius:14px;text-align:center;font-size:15px;font-weight:600}
.qa-min{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;border-radius:16px;border:1px solid var(--borda);background:var(--poco)}
.qa-min button{min-height:38px;border:0;border-radius:12px;background:none;color:var(--neutro);font-size:13.5px;font-weight:700;cursor:pointer;transition:color .15s,background .15s}
.qa-min button:hover{color:var(--nevoa)}
.qa-min button[aria-checked="true"]{background:var(--alto);color:var(--ambar);box-shadow:inset 0 0 0 1px var(--borda2),0 4px 10px -4px rgba(0,0,0,.6)}
.qa-som{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px}
.qa-som .chave{font-size:14px;font-weight:600;color:var(--texto2)}
.qa-som .secundario{width:auto;margin:0;padding:0 18px;border-radius:999px;white-space:nowrap}
.qa-vol{display:flex;align-items:center;gap:12px;min-height:46px}
.qa-vol input{flex:1 1 auto;min-width:0;height:8px;padding:0;border:0;border-radius:999px;background:var(--borda2);cursor:pointer}
.qa-vol input::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:var(--neon);box-shadow:0 0 0 4px rgba(52,229,164,.18),0 2px 6px rgba(0,0,0,.5)}
.qa-vol input::-moz-range-thumb{width:22px;height:22px;border:0;border-radius:50%;background:var(--neon);box-shadow:0 0 0 4px rgba(52,229,164,.18)}
.qa-vol input:focus{box-shadow:none;outline:none}.qa-vol input:focus-visible{outline:2px solid var(--neon);outline-offset:6px}
.qa-vol output{flex:0 0 46px;font-size:13.5px;font-weight:600;text-align:right;color:var(--texto2)}
.qa-log ol{display:grid;gap:6px;list-style:none}
.qa-log li{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:10px;min-height:42px;padding:0 14px;border-radius:999px;border:1px solid var(--borda);background:var(--poco);font-size:13px}
.qa-log time{font-weight:600;color:var(--neutro)}.qa-log li span{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.qa-log li b{font-weight:700}.qa-log li.rise b{color:var(--neon)}.qa-log li.fall b{color:var(--fall2)}
.qa-log li em{font-style:normal;font-size:12px;letter-spacing:1px;color:var(--ambar)}.qa-log li i{font-style:normal;font-size:11.5px;color:var(--neutro)}
.qa-log li.qa-vz{display:block;min-height:0;padding:14px 16px;border-style:dashed;border-radius:18px;font-size:13px;color:var(--neutro)}
.qa-pe{margin:0;font-size:11.5px;line-height:1.5;color:var(--neutro)}
/* o item do menu: nome comprido, cabe em duas linhas */
.nav a[data-tela="quotex"]{line-height:1.2}
@media (prefers-reduced-motion:reduce){.qa-par[data-fx],.qa-par[data-fx] *,.qa-par[data-fx]::after,.qa-c,.qa-c em,.qa-op,.qa-tela,.qa-estado b{animation:none!important}}
/* notebook: o topo em duas linhas (estado em cima, oportunidades embaixo) */
@media (max-width:1239px){
  .qa-topo{grid-template-columns:auto minmax(0,1fr)}
  .qa-ops{grid-column:1/-1;display:flex;gap:8px;margin:0 -20px;padding:0 20px 2px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .qa-ops::-webkit-scrollbar{display:none}
  .qa-op{flex:0 0 auto;min-width:170px}
}
@media (max-width:900px){ .qa-c em{font-size:11px;letter-spacing:0} }
@media (max-width:1100px){ .qa-baixo{grid-template-columns:minmax(0,1fr)} .qa-par{padding:14px;gap:12px;border-radius:24px} .qa-c{min-height:62px;border-radius:16px} .qa-cripto-grade{grid-template-columns:repeat(2,minmax(0,1fr))} }
/* celular: a barra ganha a 7ª aba no plano Ilimitado */
@media (max-width:900px){
}
/* celular: matriz. Coluna dos tempos à esquerda, uma coluna por par; a tela inteira cabe sem rolar */
@media (max-width:699px){
  #tela-quotex>.titulo{display:none}
  .qa{--qa-cab:22px;--qa-dest:92px;--qa-lin:32px;--qa-vao:4px;gap:8px}
  .qa-topo{grid-template-columns:auto minmax(0,1fr);gap:6px 12px;padding:8px 12px;border-radius:22px}
  .qa-relogio{width:44px;height:44px}.qa-relogio b{font-size:16px}
  .qa-estado b{font-size:16.5px}.qa-estado small{margin-top:1px;font-size:12px}
  .qa-ops{gap:6px;margin:0 -12px;padding:0 12px 2px}
  .qa-op{min-width:0;min-height:44px;padding:4px 14px}
  .qa-tela[data-fx="4"]{box-shadow:inset 0 0 34px 2px rgba(var(--fxc),.4)}
  .qa-tela[data-fx="5"]{box-shadow:inset 0 0 56px 8px rgba(var(--fxc),.6)}
  .qa-ops-v{font-size:12px}
  .qa-quadro{grid-template-columns:32px repeat(4,minmax(0,1fr));gap:5px}
  .qa-cripto{gap:6px}.qa-secao-cab{padding:0 2px}.qa-secao-cab h2{font-size:15px}.qa-secao-cab span{font-size:10.5px}
  .qa-cripto-grade{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
  .qa-rot{display:grid;grid-auto-rows:var(--qa-lin);gap:var(--qa-vao);align-content:start;padding-top:calc(1px + 8px + var(--qa-cab) + 6px + var(--qa-dest) + 6px)}
  .qa-rot span{display:flex;align-items:center;font-size:10.5px;font-weight:600;color:var(--neutro);white-space:nowrap}
  .qa-par{gap:6px;padding:8px 5px 6px;border-radius:20px}
  .qa-cab{justify-content:center;height:var(--qa-cab)}.qa-cab b{font-size:13.5px}.qa-cab small{display:none}
  .qa-dest{height:var(--qa-dest);gap:5px;padding:0}
  .qa-dest-t{min-height:20px;padding:0 8px;font-size:11px}.qa-dest-t i{margin-left:4px}
  .qa-dir{font-size:25px}
  .qa-est{gap:2px;min-height:13px;font-size:13px}
  .qa-st,.qa-par[data-modo="entra"] .qa-st{min-height:23px;font-size:10px;letter-spacing:0;line-height:1.15;text-transform:none}
  .qa-st span{display:block}.qa-st span + span::before{content:none}
  .qa-par[data-modo="entra"] .qa-st span + span{font-size:11.5px}
  .qa-tempos{grid-template-columns:minmax(0,1fr);grid-auto-rows:var(--qa-lin);gap:var(--qa-vao)}
  .qa-c{flex-direction:row;gap:5px;min-height:0;padding:0 2px;border-radius:13px}
  .qa-c span{display:none}.qa-c b{font-size:12px}.qa-c em{min-height:0;font-size:10.5px;letter-spacing:0}
  .qa-c.veto em{font-size:9px}
  .qa-c.nova::after{top:4px;right:4px;width:5px;height:5px}
  .qa-caixa{padding:16px;border-radius:22px}
  .qa-aj{grid-template-columns:minmax(0,1fr)}
  .qa-log li{padding:0 12px;gap:8px;font-size:12.5px}
}

/* =====================================================================
   ACOMPANHAMENTO MANUAL POR LINHA (05/10/2026, Felipe: "vai ser por linha; crio o mercado, o tempo e o valor e dou o play; a linha
   diz a operação, o tempo e em que momento está; no topo um resumo que eu posso limpar"). Tela: js/manual-painel.js.
   De cima para baixo: resumo (4 quadros + limpar), formulário da operação nova, uma LINHA por operação.
   Na linha: operação · momento (selo + contagem) · valor · resultado · ações. Cores do momento: cinza = aguardando entrada,
   laranja = gale, vermelho = último gale, azul = rodada correndo, branco = falta o resultado.
   ===================================================================== */
.mq{--and:122,184,255;display:flex;flex-direction:column;gap:14px}
.mq small{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--neutro)}
/* resumo */
.mq-resumo{display:grid;gap:12px;padding:16px 18px 18px;border:1px solid var(--borda);border-radius:24px;background:var(--fundo2)}
.mq-resumo header{display:flex;align-items:center;gap:12px;min-width:0}
.mq-resumo h2,.mq-nova h2{margin:0;font-family:var(--f-tit);font-size:15px;font-weight:700;color:var(--nevoa)}
.mq-desde{flex:1 1 auto;min-width:0;font-size:12.5px;color:var(--neutro);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mq-rs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.mq-cx{display:grid;align-content:center;gap:2px;min-width:0;min-height:86px;padding:12px 18px;border:1px solid var(--borda);border-radius:18px;background:var(--painel);box-shadow:var(--sombra)}
.mq-cx b{font-family:var(--f-tit);font-size:23px;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:var(--nevoa);font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mq-cx>span{font-size:12px;line-height:1.35;color:var(--neutro)}
.mq-cx[data-sinal="1"] b,.mq-res[data-sinal="1"] b{color:var(--neon)}
.mq-cx[data-sinal="-1"] b,.mq-res[data-sinal="-1"] b{color:var(--fall2)}
.mq-cx.and[data-on="1"]{border-color:rgba(var(--and),.5);background:rgba(var(--and),.07)}.mq-cx.and[data-on="1"] b{color:rgb(var(--and))}
.mq-cx.and[data-on="2"]{border-color:rgba(237,238,240,.7)}.mq-cx.and[data-on="2"] b{color:#fff}
.mq-cx.risco[data-on="1"]{border-color:rgba(240,149,74,.55);background:rgba(240,149,74,.07)}.mq-cx.risco[data-on="1"] b{color:var(--gale)}
.mq-limpar,.mq-aj button,.mq-det-b{min-height:40px;padding:0 15px;border:1px solid var(--borda2);border-radius:999px;background:none;color:var(--texto2);font:inherit;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:color .15s,border-color .15s,background .15s}
.mq-limpar:hover,.mq-aj button:hover,.mq-det-b:hover{background:var(--alto);border-color:#55637D;color:var(--nevoa)}
.mq-limpar.arma,.mq-aj button.arma{border-color:var(--fall);color:var(--fall2);background:rgba(255,107,107,.1)}
.mq-limpar{margin-left:auto;flex:0 0 auto}
/* operação nova */
.mq-nova{display:grid;grid-template-columns:1.25fr 1fr 1.1fr .8fr 1fr auto;gap:10px 12px;align-items:end;padding:16px 18px 18px;border:1px solid var(--borda);border-radius:24px;background:var(--fundo2)}
.mq-nova h2{grid-column:1/-1}
.mq-nova-t{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}
.mq-nova-t span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:var(--alto);box-shadow:inset 0 0 0 1px var(--borda2);font-size:18px;font-weight:600;line-height:1;color:var(--neon);transition:transform .15s}
.mq-nova-t[aria-expanded="true"] span{transform:rotate(45deg)}
.mq-nova-t:focus-visible{outline:2px solid var(--neon);outline-offset:2px;border-radius:9px}
.mq-nova[data-fechada="1"]{padding-top:10px;padding-bottom:10px}
.mq-nova[data-fechada="1"]>:not(h2){display:none}
.mq-f,.mq-cp{display:grid;gap:6px;min-width:0}
.mq-f small,.mq-cp small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mq-f select,.mq-f input,.mq-cp input,.mq-cp select{width:100%;min-width:0;height:46px;padding:0 12px;border:1px solid var(--campo);border-radius:13px;background:var(--poco);color:var(--nevoa);font:inherit;font-size:15px;font-weight:600;font-variant-numeric:tabular-nums}
.mq-f select:focus-visible,.mq-f input:focus-visible,.mq-cp input:focus-visible,.mq-cp select:focus-visible{outline:none;border-color:var(--neon);box-shadow:var(--brilho)}
.mq-f input::placeholder,.mq-cp input::placeholder,.mq-in input::placeholder{color:#6F7B90;font-weight:500}
.mq-f.par input:not([hidden]){margin-top:2px}
.mq-criar{height:46px;padding:0 22px;border:0;border-radius:13px;background:var(--neon);color:var(--tinta);font:inherit;font-size:15px;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:0 0 0 1px rgba(52,229,164,.6),0 6px 22px rgba(52,229,164,.16);transition:transform .1s,filter .15s}
.mq-criar:hover{filter:brightness(1.07)}.mq-criar:active{transform:scale(.98)}
.mq-criar:disabled{opacity:.4;cursor:default;pointer-events:none}
.mq-aviso{grid-column:1/-1;margin:0;font-size:13px;color:var(--ambar)}
.mq-dica{grid-column:1/-1;margin:0;font-size:12.5px;line-height:1.45;color:var(--texto2)}
.mq-f select:disabled{opacity:.7;cursor:default}
/* as linhas */
.mq-lista{--cols:150px minmax(0,1.5fr) 140px minmax(140px,.9fr) 364px;display:grid;gap:8px}
.mq-topo,.mq-l{display:grid;grid-template-columns:var(--cols);column-gap:14px;align-items:center}
.mq-topo{padding:0 18px}
.mq-topo span{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--neutro)}
.mq-vazio{padding:34px 24px;border:1px dashed var(--borda2);border-radius:24px;text-align:center}
.mq-vazio b{display:block;font-family:var(--f-tit);font-size:17px;color:var(--nevoa)}
.mq-vazio p{max-width:540px;margin:8px auto 0;font-size:14px;line-height:1.55;color:var(--neutro)}
.mq-l{--mqc:54,65,84;row-gap:12px;padding:12px 18px;border:1px solid var(--borda);border-radius:18px;background:var(--painel);box-shadow:inset 3px 0 0 rgb(var(--mqc)),var(--sombra);transition:border-color .2s,background .2s}
.mq-l[data-sit="gale"]{--mqc:240,149,74}
.mq-l[data-sit="ultima"]{--mqc:255,107,107}
.mq-l[data-fase="andamento"]{--mqc:var(--and);border-color:rgba(var(--and),.5)}
.mq-l[data-fase="resultado"]{--mqc:237,238,240;border-color:rgba(237,238,240,.7)}
.mq-l[data-fx="g"]{animation:mqG .8s ease-out}.mq-l[data-fx="p"]{animation:mqP .8s ease-out}.mq-l[data-fx="n"]{animation:mqG .9s ease-out}
@keyframes mqG{0%{box-shadow:0 0 0 2px rgba(52,229,164,.9),0 0 26px rgba(52,229,164,.45)}}
@keyframes mqP{0%{box-shadow:0 0 0 2px rgba(255,107,107,.9),0 0 26px rgba(255,107,107,.4)}}
@keyframes mqPonto{50%{opacity:.3;transform:scale(.7)}}
.mq-op{display:grid;gap:4px;min-width:0;justify-items:start}
.mq-op b{max-width:100%;font-family:var(--f-tit);font-size:17px;font-weight:800;letter-spacing:-.01em;line-height:1.15;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mq-op span{padding:2px 10px;border-radius:999px;background:var(--nevoa);font-size:12.5px;font-weight:700;color:var(--grafite);white-space:nowrap}
.mq-mom{display:grid;gap:5px;min-width:0}
.mq-mc{display:flex;align-items:center;gap:10px;min-width:0}
.mq-chip{display:inline-flex;align-items:center;gap:7px;min-height:26px;padding:0 11px;border-radius:999px;background:rgba(var(--mqc),.22);font-size:12.5px;font-weight:700;color:var(--texto2);white-space:nowrap}
.mq-l[data-sit="gale"] .mq-chip{color:var(--gale)}.mq-l[data-sit="ultima"] .mq-chip{color:var(--fall2)}
.mq-l[data-fase="andamento"] .mq-chip{color:rgb(var(--and))}.mq-l[data-fase="resultado"] .mq-chip{color:#fff}
.mq-l[data-fase="andamento"] .mq-chip::before,.mq-l[data-fase="resultado"] .mq-chip::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;animation:mqPonto 1.2s ease-in-out infinite}
.mq-rel{font-family:var(--f-tit);font-size:19px;font-weight:800;letter-spacing:-.01em;line-height:1;color:rgb(var(--and));font-variant-numeric:tabular-nums;white-space:nowrap}
.mq-s{margin:0;font-size:12.5px;line-height:1.4;color:var(--texto2)}
.mq-val{display:grid;gap:4px;min-width:0}
.mq-in{display:flex;align-items:center;gap:6px;height:40px;padding:0 10px;border:1px solid var(--campo);border-radius:12px;background:var(--poco)}
.mq-in[hidden],.mq-play[hidden],.mq-bt[hidden],.mq-corr[hidden],.mq-det[hidden],.mq-hist[hidden]{display:none}
.mq-in i{font-style:normal;font-size:12.5px;font-weight:600;color:var(--neutro)}
.mq-in input{flex:1 1 0;width:100%;min-width:0;height:100%;padding:0;border:0;background:none;color:var(--nevoa);font:inherit;font-size:16px;font-weight:700;font-variant-numeric:tabular-nums;outline:none}
.mq-in:focus-within{border-color:var(--neon);box-shadow:var(--brilho)}
.mq-v{display:flex;align-items:center;height:40px;font-family:var(--f-tit);font-size:19px;font-weight:800;color:var(--nevoa);font-variant-numeric:tabular-nums;white-space:nowrap}
.mq-res{display:grid;gap:1px;min-width:0}
.mq-res small{display:none}
.mq-res b{font-family:var(--f-tit);font-size:18px;font-weight:800;line-height:1.2;color:var(--nevoa);font-variant-numeric:tabular-nums;white-space:nowrap}
.mq-res span{font-size:12px;line-height:1.35;color:var(--neutro)}
.mq-ac{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}
.mq-play,.mq-bt{display:flex;gap:6px;flex:1 1 auto;min-width:0}
.mq-b{flex:1 1 0;min-width:0;min-height:44px;padding:0 10px;border:1px solid rgba(var(--bc),.55);border-radius:12px;background:rgba(var(--bc),.1);color:rgb(var(--bc));font:inherit;font-size:14.5px;font-weight:700;white-space:nowrap;cursor:pointer;transition:background .15s,border-color .15s,transform .1s}
.mq-b.rise,.mq-b.ganhou{--bc:52,229,164}.mq-b.fall,.mq-b.perdeu{--bc:255,143,143}.mq-b.empate{--bc:154,164,181;font-size:13.5px;font-weight:600}
.mq-b:hover{background:rgba(var(--bc),.2);border-color:rgb(var(--bc))}
.mq-b:active{transform:scale(.97)}
.mq-canc{flex:1 1 auto;min-height:44px;padding:0 8px;border:0;background:none;color:var(--texto2);font:inherit;font-size:13px;font-weight:600;text-align:right;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mq-canc:hover{color:var(--nevoa)}
.mq-l[data-fase="resultado"] .mq-canc{display:none}
.mq-det-b{flex:0 0 auto;min-height:44px;padding:0 13px;border-radius:12px}
.mq-det-b[aria-expanded="true"]{background:var(--alto);color:var(--nevoa)}
.mq-b:focus-visible,.mq-canc:focus-visible,.mq-det-b:focus-visible,.mq-aj button:focus-visible,.mq-limpar:focus-visible,.mq-mais:focus-visible,.mq-criar:focus-visible,.mq-corr button:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
.mq-b:disabled,.mq-aj button:disabled,.mq-limpar:disabled{opacity:.38;cursor:default;pointer-events:none}
/* o mercado marcou o resultado: a faixa de correção, até o próximo play */
.mq-corr{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px;padding:8px 12px;border-radius:12px;background:var(--fundo2);font-size:12.5px;color:var(--texto2)}
.mq-corr span{flex:1 1 220px;min-width:0}
.mq-corr button{min-height:34px;padding:0 12px;border:1px solid var(--borda2);border-radius:999px;background:none;color:var(--nevoa);font:inherit;font-size:12.5px;font-weight:600;cursor:pointer;white-space:nowrap}
.mq-corr button:hover{background:var(--alto);border-color:#55637D}
/* detalhes: histórico e ajustes */
.mq-det{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px;align-items:start;padding-top:12px;border-top:1px solid var(--borda)}
.mq-hist{display:grid;gap:6px}
.mq-hist ol{display:grid;gap:4px;margin:0;padding:0;list-style:none}
.mq-hist li{display:grid;grid-template-columns:44px 74px minmax(0,1fr) auto minmax(80px,auto);align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:10px;background:var(--poco);font-size:13px;color:var(--texto2);font-variant-numeric:tabular-nums}
.mq-hist li time{color:var(--neutro)}
.mq-hist li i{font-style:normal;font-weight:700;white-space:nowrap}
.mq-hist li b{text-align:right;font-weight:700;white-space:nowrap}
.mq-hist li.g i,.mq-hist li.g b{color:var(--neon)}.mq-hist li.p i,.mq-hist li.p b{color:var(--fall2)}.mq-hist li.e i,.mq-hist li.e b{color:var(--neutro);font-weight:600}
.mq-hist li.q{box-shadow:inset 3px 0 0 var(--fall)}
.mq-mais{justify-self:start;min-height:36px;padding:0 4px;border:0;background:none;color:var(--texto2);font:inherit;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.mq-mais:hover{color:var(--nevoa)}
.mq-aj{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:14px;border-radius:14px;background:var(--fundo2)}
.mq-hist[hidden]+.mq-aj{grid-column:1/-1}
.mq-ajb{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px}
.mq-nota{margin:0;padding:0 6px;font-size:12.5px;line-height:1.5;color:var(--neutro)}
#tela-manual>.titulo span{font-size:13px;color:var(--neutro)}
/* tela média e celular: a linha vira um bloco de três andares (operação e resultado · momento · valor e ações) */
@media (max-width:1240px){
  .mq-topo{display:none}
  .mq-l{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"op res" "mom mom" "val ac";row-gap:10px}
  .mq-op{grid-area:op;display:flex;align-items:center;flex-wrap:wrap;gap:6px 10px}.mq-mom{grid-area:mom}.mq-val{grid-area:val;grid-template-columns:auto 150px;align-items:center;justify-content:start;gap:10px}
  .mq-res{grid-area:res;justify-items:end;text-align:right}.mq-ac{grid-area:ac;min-width:352px}
  .mq-nova{grid-template-columns:repeat(3,minmax(0,1fr))}.mq-criar{grid-column:1/-1}
}
@media (max-width:760px){
  .mq-rs{grid-template-columns:1fr 1fr}
  .mq-l{grid-template-areas:"op res" "mom mom" "val val" "ac ac"}
  .mq-val{grid-template-columns:minmax(0,1fr) 150px;justify-content:stretch}.mq-ac{min-width:0}
  .mq-det{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  #tela-manual>.titulo span{display:none}
  .mq{gap:10px}
  .mq-resumo,.mq-nova{padding:14px;border-radius:20px}
  .mq-rs{gap:8px}.mq-cx{min-height:74px;padding:10px 14px;border-radius:16px}.mq-cx b{font-size:19px}.mq-cx>span{font-size:11.5px}
  .mq-desde{font-size:11.5px}
  .mq-nova{grid-template-columns:1fr 1fr}.mq-f.par{grid-column:1/-1}
  .mq-l{padding:12px 14px;border-radius:16px}
  .mq-b{min-height:46px}
  .mq-hist li{grid-template-columns:42px 62px minmax(0,1fr) auto;padding:6px 10px;font-size:12.5px}.mq-hist li i{display:none}
  .mq-aj{grid-template-columns:1fr 1fr}.mq-aj .mq-cp:first-child{grid-column:1/-1}
  .mq-ajb button{flex:1 1 auto}
}
@media (prefers-reduced-motion:reduce){ .mq-l[data-fx],.mq-chip::before{animation:none!important} .mq-b,.mq-l,.mq-criar,.mq-nova-t span{transition:none} }

/* =====================================================================
   MESMO MOVIMENTO, TAXA MEDIDA E CONTRA O PICO (01/10/2026, plano de otimização do forex, etapa 1).
   Sinal repetido do mesmo par e lado fica na tela, aceso e parado, com o selo; a taxa medida vai ao lado do tempo;
   o sinal contra um impulso forte de 15 min leva um canto âmbar.
   ===================================================================== */
.qa-dest-t u{margin-left:7px;text-decoration:none;font-weight:600;color:var(--texto2);font-variant-numeric:tabular-nums}
.qa-par[data-modo="repete"]{border-color:var(--borda2)}
.qa-par[data-modo="repete"] .qa-st{color:var(--texto2)}
.qa-par[data-pico="1"] .qa-cab small{border-color:rgba(245,184,61,.5);color:var(--ambar)}
.qa-c.rep::after{content:'';position:absolute;top:7px;right:7px;width:7px;height:7px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--neutro)}
.qa-c.pico::before{content:'';position:absolute;top:8px;left:8px;width:6px;height:6px;transform:rotate(45deg);background:var(--ambar)}
.qa-pk{text-decoration:none;font-size:9px;color:var(--ambar)}
.qa-op.rep{border-style:dotted}
.qa-op.rep i{color:var(--texto2)}
.qa-ajuda{display:block;margin-top:7px;font-size:12px;line-height:1.4;color:var(--neutro)}
/* NOTIFICAÇÕES NO CELULAR (02/10, Felipe: "programar notificação do app; avisar no celular quando surgir oportunidade pré-definida").
   A caixa fica acima dos Ajustes. Desligada, a programação aparece apagada (dá para montar antes de ligar). */
.qa-pu{display:grid;gap:14px}
.qa-pu-cab{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.qa-pu-cab h2{margin-bottom:0}.qa-pu-cab .qa-ajuda{margin-top:5px;max-width:560px}
.qa-pu-cab .chave{flex:0 0 auto;min-height:44px;font-size:14px;font-weight:600;color:var(--texto2)}
.qa-pu-ap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;padding:12px 14px;border:1px solid var(--borda);border-radius:16px;background:var(--poco)}
.qa-pu-st{flex:1 1 260px;min-width:0;font-size:13.5px;line-height:1.45;color:var(--texto2)}
.qa-pu-bt{display:flex;flex-wrap:wrap;gap:8px}
.qa-pu-bt .secundario{width:auto;min-height:40px;margin:0;padding:0 16px;border-radius:999px;white-space:nowrap}
.qa-pu-bt .secundario[data-pu="ativar"]{border-color:rgba(52,229,164,.6);color:var(--neon)}
.qa-pu-bt .secundario:disabled{opacity:.45;pointer-events:none}
.qa-pu-msg{margin:0;font-size:13px;line-height:1.45;color:var(--texto2)}
.qa-pu-msg[data-tom="erro"]{color:var(--ambar)}.qa-pu-msg[data-tom="ok"]{color:var(--neon)}
.qa-pu-g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px;transition:opacity .2s}
.qa-pu-larga{grid-column:1/-1}
/* alerta único (02/10): embaixo da programação, os dois canais de entrega */
.qa-pu-onde{display:grid;gap:10px;padding-top:16px;border-top:1px solid var(--borda)}
.qa-pu-onde>.qa-rotulo{margin-bottom:0}
.qa-pu-canal{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px;padding:12px 14px;border:1px solid var(--borda);border-radius:16px;background:var(--poco)}
.qa-pu-canal[hidden]{display:none}
.qa-pu-cn{display:grid;gap:2px;min-width:0}.qa-pu-cn b{font-size:14.5px;font-weight:700;color:var(--nevoa)}.qa-pu-cn small{font-size:12px;line-height:1.4;color:var(--neutro)}
.qa-pu-canal>.chave{min-height:44px;font-size:14px;font-weight:600;color:var(--texto2)}
.qa-pu-canal>.qa-pu-som,.qa-pu-canal>.qa-pu-ap,.qa-pu-canal>.qa-pu-msg{grid-column:1/-1}
.qa-pu-canal .qa-pu-ap{padding:0;border:0;border-radius:0;background:none}
.qa-pu-som .qa-vol{flex:1 1 auto;min-width:0}
.qa-pu-vr{flex:0 0 auto;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--neutro)}
.qa-pu-ch{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.qa-pu-ch button{min-height:40px;padding:0 14px;border:1px solid var(--borda);border-radius:999px;background:var(--poco);color:var(--neutro);font:inherit;font-size:13.5px;font-weight:600;white-space:nowrap;cursor:pointer;transition:color .15s,background .15s,border-color .15s}
.qa-pu-ch button:hover{color:var(--nevoa)}
.qa-pu-ch button[aria-pressed="true"],.qa-pu-ch button[aria-checked="true"]{border-color:rgba(52,229,164,.55);background:rgba(52,229,164,.12);color:var(--nevoa)}
.qa-pu-ch button:focus-visible,.qa-pu-bt .secundario:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
.qa-pu-hr{display:inline-flex;align-items:center;gap:8px}.qa-pu-hr[hidden]{display:none}
.qa-pu-hr i{font-style:normal;font-size:13px;color:var(--neutro)}
.qa-pu-hr input{width:auto;min-height:40px;padding:0 10px;border:1px solid var(--campo);border-radius:12px;background:var(--poco);color:var(--nevoa);font:inherit;font-size:14px;font-weight:600;color-scheme:dark}
@media (max-width:760px){ .qa-pu-g{grid-template-columns:minmax(0,1fr)} .qa-pu-cab{flex-direction:column;gap:8px} .qa-pu-som{flex-wrap:wrap} .qa-pu-som .qa-vol{flex-basis:160px} }
@media (max-width:699px){
  .qa-dest-t u{margin-left:4px}
  .qa-dest-t{max-width:100%;padding:0 6px;overflow:hidden}.qa-dest-t i{display:none}
  .qa-par,.qa-dest{min-width:0}
  .qa-c.rep::after{top:4px;right:4px;width:5px;height:5px}
  .qa-c.pico::before{top:4px;left:4px;width:5px;height:5px}
}
.tr-qx-taxa{display:block;margin:-2px 0 2px;font-size:13px;font-weight:600;color:var(--texto2);text-align:center;font-variant-numeric:tabular-nums}
.tr-qx-taxa b{font-weight:700;color:var(--ambar)}
.tr-qx-radar button.rep{border-style:dotted}
/* Placar ao vivo (plano de otimização, etapa 4): acerto do motor depois de publicado, por par × tempo × lado */
.qa-vivo header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.qa-vivo h2{margin:0}
.qa-vj{display:inline-flex;gap:4px;padding:4px;border-radius:999px;background:var(--poco);border:1px solid var(--borda)}
.qa-vj button{min-height:36px;padding:0 14px;border:0;border-radius:999px;background:none;color:var(--neutro);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.qa-vj button[aria-checked="true"]{background:var(--alto);color:var(--nevoa)}
.qa-vt{display:grid;gap:5px}
.qa-vl{display:grid;grid-template-columns:54px repeat(8,minmax(0,1fr));gap:5px;align-items:center}
.qa-vl>span{font-size:12px;font-weight:600;color:var(--neutro);white-space:nowrap}
.qa-vc b{font-size:11.5px;font-weight:600;color:var(--texto2);text-align:center;white-space:nowrap}
.qa-vl i{display:flex;align-items:baseline;justify-content:center;gap:6px;min-height:36px;padding:8px 4px;border-radius:12px;background:var(--poco);border:1px solid var(--borda);font-style:normal;font-size:13.5px;font-weight:700;color:var(--texto2);font-variant-numeric:tabular-nums;white-space:nowrap}
.qa-vl i small{font-size:10.5px;font-weight:500;color:var(--neutro)}
.qa-vl i.ok{border-color:rgba(52,229,164,.5);background:rgba(52,229,164,.08);color:var(--neon)}
.qa-vl i.baixo{border-color:rgba(255,107,107,.6);background:rgba(255,107,107,.09);color:var(--fall2)}
.qa-vl i.pouco,.qa-vl i.sem{color:var(--neutro);font-weight:500}
@media (max-width:699px){
  .qa-vl{grid-template-columns:34px repeat(8,minmax(0,1fr));gap:3px}
  .qa-vl>span{font-size:10.5px}.qa-vc b{font-size:9px;letter-spacing:-.02em}
  .qa-vl i{flex-direction:column;align-items:center;gap:0;min-height:38px;padding:4px 0;border-radius:10px;font-size:11px}.qa-vl i small{font-size:9px}
}
/* Histórico da indicação no Tempo real da Quotex (01/10): acerto do mesmo lado nas últimas 24 h e 2 h, embaixo do relógio */
.tr-qx-hist{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(360px,100%);margin:0 auto}
@media (min-width:1240px){ #tela-tempo:not(.bloq) .tr-qx-hist{width:min(420px,100%)} }
.tr-qx-hist span{display:grid;justify-items:center;gap:1px;padding:9px 6px 8px;border:1px solid var(--borda);border-radius:16px;background:var(--poco);min-width:0}
.tr-qx-hist small{font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--neutro);white-space:nowrap}
.tr-qx-hist b{font-family:var(--f-tit);font-size:24px;font-weight:800;line-height:1.15;color:var(--nevoa);font-variant-numeric:tabular-nums}
.tr-qx-hist i{font-style:normal;font-size:11.5px;color:var(--neutro);white-space:nowrap}
.tr-qx-hist.tres{grid-template-columns:repeat(3,1fr);width:min(440px,100%)}.tr-qx-hist.tres i{white-space:normal;text-align:center}
.tr-qx-hist span.ok{border-color:rgba(52,229,164,.45)}.tr-qx-hist span.ok b{color:var(--neon)}
.tr-qx-hist span.baixo b{color:var(--fall2)}
.tr-qx-hist span.pouco b,.tr-qx-hist span.sem b{color:var(--neutro)}
/* V100 (09/10): tabela fixa de acerto por indicação (Rise e Fall × 1–5★ × 2 h, 30 min, 10 min) */
.tr-tq-tab{width:min(560px,100%);margin:14px auto 0;display:grid;gap:8px}
.tr-tq-tab>p{margin:0;text-align:center;font-size:10.5px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--neutro)}
.tr-tq-tab>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.tr-tq-tab table{width:100%;border-collapse:separate;border-spacing:0 3px;font-variant-numeric:tabular-nums}
.tr-tq-tab caption{font:700 13px/1.4 var(--f-tit);color:var(--nevoa);padding-bottom:2px}
.tr-tq-tab th{font-size:10.5px;font-weight:600;color:var(--neutro);padding:2px 4px;text-align:center}
.tr-tq-tab tbody th{color:var(--ambar);text-align:left;width:30px}
.tr-tq-tab td{text-align:center;padding:5px 2px;background:var(--poco);font:700 13px/1.1 var(--f-tit);color:var(--nevoa)}
.tr-tq-tab td small{display:block;font:500 10px/1.2 var(--f-txt,inherit);color:var(--neutro)}
.tr-tq-tab td:first-of-type{border-radius:9px 0 0 9px}.tr-tq-tab td:last-child{border-radius:0 9px 9px 0}
.tr-tq-tab td.ok{color:var(--neon)}.tr-tq-tab td.baixo{color:var(--fall2)}.tr-tq-tab td.pouco,.tr-tq-tab td.sem{color:var(--neutro)}
.tr-tq-tab tr.agora td{box-shadow:inset 0 1px 0 var(--ambar),inset 0 -1px 0 var(--ambar)}.tr-tq-tab tr.agora th{color:var(--nevoa)}
.tr-tq-tab>small{text-align:center;font-size:11px;color:var(--neutro)}
@media (max-width:560px){ .tr-tq-tab>div{grid-template-columns:1fr} }

/* VERSÃO NOVA (01/10): faixa que aparece quando há versão publicada e o app não pôde recarregar sozinho em 90 s */
.versao-faixa{position:fixed;z-index:9999;left:50%;top:calc(10px + env(safe-area-inset-top));transform:translateX(-50%);max-width:calc(100vw - 24px);
  padding:11px 18px;border-radius:999px;border:1px solid var(--neon);background:var(--painel);color:var(--neon);font:700 14px/1.2 var(--f-tit);
  box-shadow:0 12px 34px -12px rgba(0,0,0,.9);cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.versao-faixa:hover{background:var(--alto)}

.versao-txt{margin:0 0 12px;font-size:14px;color:var(--texto2)}

/* Termômetro das inteligências (04/10/2026): formulário da automação, só administradores, V100. Ocupa a largura toda do formulário. */
.tm{grid-column:1/-1;min-width:0;padding:16px;border:1px solid var(--borda2);border-radius:12px;background:var(--fundo2)}
.tm-topo{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:12px}
.tm-topo .rot{color:var(--texto2)} .tm-topo small{font-size:11px;color:var(--neutro);white-space:nowrap}
.tm-grade{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.tm-janela{min-width:0;padding:12px 14px 10px;border:1px solid var(--borda);border-radius:10px;background:var(--painel)}
.tm-janela header{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px}
.tm-janela header b{font:700 14px/1.2 var(--f-tit);color:var(--nevoa)}
.tm-selo{flex:0 0 auto;padding:4px 9px;border-radius:999px;border:1px solid var(--borda2);font-size:11px;font-weight:700;line-height:1.2;white-space:nowrap;color:var(--neutro)}
.tm-selo.frente{border-color:rgba(52,229,164,.55);color:var(--neon)}
.tm-selo.clara{border-color:var(--neon);background:var(--neon);color:var(--tinta)}
.tm-sub{display:block;margin:6px 0 8px;font-size:11px;line-height:1.4;color:var(--neutro)}
.tm-linha{display:grid;grid-template-columns:28px minmax(0,1fr) 52px 44px;align-items:center;gap:10px;min-height:30px;margin:0 -6px;padding:0 6px;border-radius:8px}
.tm-linha.melhor{background:rgba(52,229,164,.07)}
.tm-nome{font:700 13px/1 var(--f-tit);color:var(--texto2)} .tm-linha.melhor .tm-nome{color:var(--neon)}
.tm-barra{position:relative;height:8px;border-radius:999px;background:var(--alto)}
.tm-barra i{display:block;height:100%;border-radius:999px;background:var(--campo)}
.tm-barra em{position:absolute;top:-4px;bottom:-4px;width:2px;margin-left:-1px;border-radius:1px;background:var(--nevoa);opacity:.8}
.tm-linha.frio .tm-barra i{background:var(--fall)} .tm-linha.morno .tm-barra i{background:var(--ambar)} .tm-linha.quente .tm-barra i{background:var(--neon)}
.tm-pct{font:700 14px/1 var(--f-tit);text-align:right;color:var(--neutro)}
.tm-linha.frio .tm-pct{color:var(--fall2)} .tm-linha.morno .tm-pct{color:var(--ambar)} .tm-linha.quente .tm-pct{color:var(--neon)}
.tm-n{font-size:11px;text-align:right;color:var(--neutro)}
.tm-linha.pouco .tm-barra,.tm-linha.pouco .tm-pct{opacity:.55}
.tm-nota{margin-top:12px;font-size:12px;line-height:1.5;color:var(--neutro)}
.tm-filtro{margin:0 0 12px;padding:9px 12px;border-radius:8px;background:var(--alto);font-size:12.5px;line-height:1.5;color:var(--texto2)} .tm-filtro b{color:var(--nevoa);font-weight:600}
@media (max-width:900px){ .tm{padding:14px 12px} .tm-grade{grid-template-columns:1fr} }

/* ===== AUDITORIA VISUAL 05/10/2026 (docs/auditoria-2026-10-05/aud-visual.md) ===== */
/* 2 · operação aberta no detalhe da automação: no celular a contagem ia para a linha de baixo em vez de espremer o resto numa coluna de 23 px */
@media (max-width:520px){ .dt-ops li.aberta{grid-template-columns:auto minmax(0,1fr)} .dt-ops li.aberta .ac-v{grid-column:1/-1;justify-self:start} }
/* 3 · reduzir movimento: o brilho de tela inteira dos sinais 4★/5★ ficava parado no máximo (o valor de repouso só existia na animação) */
@media (prefers-reduced-motion:reduce){ .qa-tela,#tela-tempo::after{opacity:.25} }
/* 4 · placar ao vivo: nome do par sobre as duas colunas, setas embaixo; coluna dos tempos com espaço para "30 min" */
.qa-vpar .qa-vp{grid-column:span 2;text-align:center}
@media (max-width:520px){ .qa-vl{grid-template-columns:40px repeat(8,minmax(0,1fr))} .qa-vc b{font-size:11px;letter-spacing:0} }
/* 6 · resumo das automações e "Ligadas agora" no celular */
@media (max-width:520px){ .pn-conta dl{grid-template-columns:1fr 1fr} .pn-conta dd{white-space:nowrap} .pn-nome b{white-space:nowrap} }
/* 7 · placar por nível: "Ganhou" não encosta em "Acerto" */
@media (max-width:520px){ .dt-placar-l{grid-template-columns:80px 48px minmax(12px,1fr) 52px 48px;gap:6px} .dt-placar-l.cab{letter-spacing:0} }
/* 10 · contraste do que carrega informação */
.qa-c.fall.n1 b{color:rgba(255,107,107,.62)}
.at-degraus li{color:#7A869E}
/* 13 · texto de ajuda solto (ex.: Perfil › Conta Deriv) */
.dica{display:block;margin-top:8px;font-size:12px;line-height:1.5;color:var(--neutro)}
.campo .dica{margin-top:6px;font-size:12px}
/* 11 · links de texto com área de toque de 40 px */
.limpar,.ver-hist,.at-outra{min-height:40px;display:inline-flex;align-items:center}
/* 17 · Salvar alinhado com Cancelar */
#atSalvar{margin-top:0}
/* 18 · acompanhamento manual em tablet: o número não é cortado */
/* 19 · Quotex a 360 px: a pílula do tempo destacado cabia cortada */
@media (max-width:380px){ .tr-qx-tempos button,.qa-op small{font-size:10.5px} }

/* Barra do celular (05/10): só as telas fixas (js/app.js, montarAbas) + o "+", que abre as outras numa folha acima da barra.
   O nome cabe em até duas linhas ("Análise / avançada"); a ordem vem do JS. */
.abas-mais,.abas-folha{display:none}
@media (max-width:900px){
  .abas > a{display:none}
  .abas > a.fixa,.abas-mais{display:flex}
  .abas > a,.abas-mais{white-space:normal;text-align:center;line-height:1.1;font-size:10.5px;letter-spacing:-.01em}
  .abas-mais{position:relative;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;padding:6px 0 5px;order:99;
    background:none;border:0;color:var(--neutro);font:inherit;font-size:10.5px;font-weight:500;cursor:pointer}
  .abas-mais svg{width:46px;max-width:100%;height:28px;padding:4px 13px;border-radius:999px;transition:background .15s,color .15s}
  .abas-mais.on,.abas-mais[aria-expanded="true"]{color:#fff;font-weight:600}
  .abas-mais.on svg,.abas-mais[aria-expanded="true"] svg{background:rgba(52,229,164,.14);color:var(--neon)}
  .abas-mais:focus-visible,.abas > a:focus-visible{outline:2px solid var(--neon);outline-offset:-2px;border-radius:10px}
  .abas-folha:not([hidden]){display:block;position:fixed;inset:0;z-index:4;background:rgba(0,0,0,.55)}
  .abas-folha-caixa{position:absolute;left:8px;right:8px;bottom:calc(72px + env(safe-area-inset-bottom));display:grid;grid-template-columns:1fr 1fr;gap:6px;
    padding:8px;border-radius:16px;background:var(--painel);border:1px solid var(--borda2);box-shadow:0 18px 40px -10px rgba(0,0,0,.7)}
  .abas-folha-caixa a{position:relative;display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border-radius:11px;color:var(--nevoa);
    text-decoration:none;font-size:14px;font-weight:500;line-height:1.2}
  .abas-folha-caixa a:hover{background:rgba(255,255,255,.04)}
  .abas-folha-caixa a.on{background:var(--alto);color:#fff;font-weight:600;box-shadow:inset 0 0 0 1px var(--borda2)}
  .abas-folha-caixa a.on svg{color:var(--neon)}
  .abas-folha-caixa svg{width:18px;height:18px;flex:0 0 auto;color:var(--neutro)}
  .abas-folha-caixa .nav-selo{margin-left:auto}
  .abas-folha-caixa a:focus-visible{outline:2px solid var(--neon);outline-offset:-2px}
}
@media (max-width:900px) and (prefers-reduced-motion:no-preference){
  .abas-folha:not([hidden]) .abas-folha-caixa{animation:folhaSobe .16s ease-out}
}
@keyframes folhaSobe{from{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}
@media (max-width:400px){ .abas[data-n="6"] > a,.abas[data-n="6"] .abas-mais{font-size:9.5px;letter-spacing:-.03em} }

/* excluir em um toque (05/10): o × no fim da linha e a faixa "Desfazer", presa embaixo da tela por alguns segundos */
.mq-x{flex:0 0 auto;display:grid;place-items:center;width:44px;min-height:44px;padding:0;border:1px solid var(--borda2);border-radius:12px;background:none;color:var(--neutro);font:inherit;font-size:22px;line-height:1;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.mq-x:hover{color:var(--fall2);border-color:var(--fall);background:rgba(255,107,107,.1)}
.mq-x:focus-visible,.mq-desf button:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
.mq-desf{position:sticky;bottom:16px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px 10px 18px;border:1px solid var(--borda2);border-radius:14px;background:var(--alto);box-shadow:0 14px 34px -10px rgba(0,0,0,.8);font-size:14px;color:var(--nevoa)}
.mq-desf[hidden]{display:none}
.mq-desf span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mq-desf button{flex:0 0 auto;min-height:40px;padding:0 16px;border:0;border-radius:10px;background:var(--neon);color:var(--tinta);font:inherit;font-size:14px;font-weight:700;cursor:pointer}
@media (max-width:900px){ .mq-desf{bottom:calc(80px + env(safe-area-inset-bottom))} }
@media (max-width:560px){ .mq-ac{flex-wrap:wrap} .mq-bt:not([hidden]){flex:1 0 100%} }
/* encerrar antes do tempo (05/10): Win e Loss nos Detalhes enquanto a rodada corre */
.mq-enc{order:-1;grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 16px;padding:12px 14px;border:1px solid rgba(var(--and),.45);border-radius:14px;background:rgba(var(--and),.06)}
.mq-enc[hidden]{display:none}
.mq-enc>div:first-child{display:grid;gap:2px;min-width:0}
.mq-enc b{font-size:14px;color:var(--nevoa)}
.mq-enc small{font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--texto2)}
.mq-enc-b{display:flex;gap:8px;flex:0 1 260px;min-width:200px}
/* valor editado (05/10): o resultado de cada entrada do histórico é um botão que vira campo */
.mq-hv{justify-self:end;min-height:30px;padding:0 8px;margin-right:-8px;border:1px dashed transparent;border-radius:8px;background:none;color:inherit;font:inherit;font-weight:700;white-space:nowrap;cursor:pointer;font-variant-numeric:tabular-nums}
.mq-hv:hover{border-color:var(--borda2);background:var(--alto)}
.mq-hv.ed{border-color:rgba(245,184,61,.55)}
.mq-hv:focus-visible{outline:2px solid var(--neon);outline-offset:1px}
.mq-hist li.g .mq-hv{color:var(--neon)}.mq-hist li.p .mq-hv{color:var(--fall2)}.mq-hist li.e .mq-hv{color:var(--neutro);font-weight:600}
.mq-hv-in{justify-self:end;width:96px;height:30px;padding:0 8px;border:1px solid var(--neon);border-radius:8px;background:var(--poco);color:var(--nevoa);font:inherit;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;box-shadow:var(--brilho);outline:none}
/* ACOMPANHAMENTO NO CELULAR (05/10, Felipe: "melhore ainda mais a experiência no mobile"). Faixa das entradas abertas presa no alto
   (embaixo do topo do app) enquanto se rola; resumo em 2×2 baixo; campos com 16 px (o iPhone dá zoom em campo menor que isso). */
.mq-and{position:sticky;top:12px;z-index:3;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;padding:8px;margin:0 -2px;border:1px solid var(--borda);border-radius:16px;background:rgba(12,16,23,.94);backdrop-filter:blur(8px);box-shadow:0 10px 24px -14px rgba(0,0,0,.9)}
.mq-and[hidden]{display:none}
.mq-and::-webkit-scrollbar{display:none}
.mq-and button{flex:0 0 auto;display:grid;grid-template-columns:auto auto;grid-template-areas:"par t" "mom t";align-items:center;column-gap:10px;min-height:44px;padding:4px 12px;border:1px solid rgba(var(--and),.55);border-radius:12px;background:var(--alto);color:var(--nevoa);font:inherit;text-align:left;cursor:pointer}
.mq-and button b{grid-area:par;font-size:13px;font-weight:700;white-space:nowrap}
.mq-and button span{grid-area:mom;font-size:11.5px;color:var(--texto2);white-space:nowrap}
.mq-and button i{grid-area:t;font-style:normal;font-family:var(--f-tit);font-size:17px;font-weight:800;color:rgb(var(--and));font-variant-numeric:tabular-nums}
.mq-and button[data-fase="resultado"]{border-color:var(--nevoa)}.mq-and button[data-fase="resultado"] i{font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#fff}
.mq-and button:focus-visible{outline:2px solid var(--neon);outline-offset:2px}
@media (max-width:900px){ .mq-and{top:calc(50px + env(safe-area-inset-top));border-radius:0 0 14px 14px;background:#0A0D13} }
@media (max-width:560px){
  .mq-resumo{gap:8px;padding:12px}
  .mq-resumo header{min-height:36px}.mq-limpar{min-height:36px;padding:0 12px;font-size:12.5px}
  .mq-cx{min-height:0;padding:8px 12px;border-radius:14px;gap:0}.mq-cx b{font-size:18px}
  .mq-cx>span{font-size:11px;line-height:1.3}
  .mq-f select,.mq-f input,.mq-cp input,.mq-cp select,.mq-hv-in{font-size:16px}
  .mq-hv-in{width:110px;height:34px}
  .mq-and{margin:0 -4px;padding:6px;border-radius:14px}
}
/* lucro, não retorno (05/10): embaixo do valor, quanto entra se der Win e quanto sai se der Loss; no histórico, "entrou R$ x" */
.mq .mq-vg{font-size:11.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--neutro);white-space:nowrap}
.mq-vg:empty{display:none}
.mq-hent{color:var(--neutro)}
@media (max-width:760px){ .mq-val{grid-template-areas:"vr in" "vg vg";grid-template-columns:minmax(0,1fr) 150px} .mq-vr{grid-area:vr}.mq-val .mq-in,.mq-val .mq-v{grid-area:in}.mq-vg{grid-area:vg;text-align:right} }
/* placar ao vivo com período e estrelas (05/10): os dois seletores lado a lado (quebram no celular); trocando, a tabela velha fica apagada até chegar a nova */
.qa-vivo header{flex-wrap:wrap;gap:10px}
.qa-vsel{display:flex;flex-wrap:wrap;gap:8px;margin-left:auto}
.qa-vt[data-carregando="1"]{opacity:.45;transition:opacity .15s}
@media (max-width:699px){ .qa-vsel{margin-left:0;width:100%} .qa-vsel .qa-vj{max-width:100%;overflow-x:auto} .qa-vj button{padding:0 11px} }
/* veto medido (fase ruim, notícia): o lado e as estrelas ficam na tela, apagados, sem valer como entrada (05/10) */
.tr-dir.vetado,.tr-estrelas.vetado{opacity:.35}
.tr-qx-tempos button.vetado b,.tr-qx-tempos button.vetado em{opacity:.35}
.tr-so:has(.tr-dir.vetado){background:var(--painel)}
/* 2.0: a IA indica numa vela que a matemática vetou (fase ruim etc.): o aviso do acerto baixo fica à vista (05/10) */
.tr-qx-nota.alerta{color:var(--ambar);font-weight:600;padding:8px 10px;border:1px solid var(--ambar);border-radius:10px;background:rgba(245,180,60,.08)}
/* OURO (05/10): quatro mercados no celular. Matriz mais justa (coluna dos tempos 31 px, letras menores) e o placar ao vivo, com 8
   colunas, rola de lado dentro da caixa (a página não rola) com a coluna dos tempos presa à esquerda */
@media (max-width:699px){
  .qa-quadro{grid-template-columns:31px repeat(4,minmax(0,1fr));gap:4px}
  .qa-rot span{font-size:9.5px}
  .qa-par{padding:8px 3px 6px;border-radius:16px}
  .qa-cab b{font-size:11.5px;white-space:nowrap}
  .qa-dest-t{padding:0 4px;font-size:9.5px;white-space:nowrap;overflow:hidden;max-width:100%}
  .qa-dir{font-size:20px}
  .qa-est{font-size:10.5px;gap:1px}
  .qa-st,.qa-par[data-modo="entra"] .qa-st{font-size:9px}
  .qa-par[data-modo="entra"] .qa-st span + span{font-size:10px}
  .qa-c{gap:3px;border-radius:11px}.qa-c b{font-size:10.5px}.qa-c em{font-size:9px}
  .qa-vt{overflow-x:auto;margin:0 -16px;padding:0 16px;-webkit-overflow-scrolling:touch}
  .qa-vt>.qa-vl{min-width:560px}
  .qa-vt>.qa-vl>span{position:sticky;left:-16px;z-index:1;background:var(--painel);padding-left:2px}
}
.tr-qx-tempos button:disabled{opacity:.35;cursor:default}   /* ouro: tempo sem modelo (05/10) */
/* placar ao vivo, TOTAL (05/10): uma coluna por mercado */
.qa-vt[data-total="1"] .qa-vl{grid-template-columns:54px repeat(4,minmax(0,1fr))}
/* Placar da Hezilex (08/10): Doge e Bitcoin; (09/10) + Bitcoin/Gold da IQ Blitz = 3 ativos no lugar de 4 pares */
.qa-vivo-cx{margin-top:0}
.qa-vt.qa-vt-cx .qa-vl{grid-template-columns:54px repeat(6,minmax(0,1fr))}
.qa-vt.qa-vt-cx[data-total="1"] .qa-vl{grid-template-columns:54px repeat(3,minmax(0,1fr))}
@media (max-width:699px){ .qa-vt.qa-vt-cx .qa-vl{grid-template-columns:34px repeat(6,minmax(0,1fr))} .qa-vt.qa-vt-cx[data-total="1"]>.qa-vl{grid-template-columns:40px repeat(3,minmax(0,1fr))} }
/* tempo que o ativo não tem (Doge e Bitcoin da Hezilex em 2, 3 e 15 min): célula vazia, sem toque */
.qa-vt-cx i.nao{background:none;border:0;pointer-events:none}
@media (max-width:699px){ .qa-vt[data-total="1"]>.qa-vl{min-width:0;grid-template-columns:40px repeat(4,minmax(0,1fr))} }
/* TOP 3 DAS ÚLTIMAS 2 H (05/10): no fim da Análise avançada; cada lugar abre no Tempo real */
.qa-top{margin-top:16px}
.qa-top-l{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px}
.qa-top-l button{display:grid;grid-template-columns:32px minmax(0,1fr) auto auto;align-items:center;gap:14px;width:100%;min-height:56px;padding:8px 16px;border-radius:16px;border:1px solid var(--borda);background:var(--poco);color:var(--texto);text-align:left;cursor:pointer}
.qa-top-l li:first-child button{border-color:rgba(52,229,164,.45)}
.qa-top-i{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--fundo2);font-weight:700;font-size:13px;color:var(--nevoa)}
.qa-top-o{display:flex;flex-direction:column;gap:2px;min-width:0}.qa-top-o b{font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qa-top-o em{font-style:normal;font-size:12px;color:var(--ambar);letter-spacing:1px}
.qa-top-v,.qa-top-g{display:flex;flex-direction:column;align-items:flex-end;gap:1px;font-variant-numeric:tabular-nums}
.qa-top-v b{font-size:16px}.qa-top-g{font-weight:700;color:var(--neon);font-size:15px}
.qa-top-v small,.qa-top-g small{font-size:10.5px;font-weight:500;color:var(--neutro)}
.qa-top-vazio{padding:14px 4px;color:var(--neutro);font-size:13px}
@media (max-width:520px){ .qa-top-l button{grid-template-columns:26px minmax(0,1fr) auto;gap:10px;padding:8px 12px} .qa-top-g{grid-column:2 / -1;flex-direction:row;align-items:baseline;gap:6px;justify-content:flex-start;font-size:13px} }
/* LEITURA CONTÍNUA DA QUOTEX (06/10/2026): selo AO VIVO no relógio do cartão da matemática; a barra mostra a firmeza do sinal (3 s) */
.tr-qx-aovivo{display:inline-block;margin-right:8px;padding:2px 7px;border-radius:5px;font-style:normal;font-size:11px;font-weight:800;letter-spacing:.08em;color:var(--tinta);background:var(--ambar);vertical-align:2px;animation:none}
.tr-qx-relogio.viva b:empty{display:none}
.tr-qx-cont-placar{margin-top:8px;font-size:12px;line-height:1.45}
/* SELECIONADOS no Tempo real da Quotex (06/10): a lista das seleções no lugar do cartão do par */
.modo-sel #trSo,.modo-sel #trSo2,.modo-sel #trQxTempos,.modo-sel #trQxRadar,.modo-sel #trQxIntelCampo,.modo-sel #trQxContCampo,.modo-sel .tr-qx-conf>.campo:first-child{display:none!important}
.tr-qx-sel{display:grid;gap:12px;padding:18px 16px}
.tr-qx-sel>.tr-so-rot{justify-self:center}
.tr-qx-sel .tr-qx-relogio{margin:0 auto}
.tr-qx-sel-lista{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.tr-qx-sel-lista li{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:10px 10px 12px;border-radius:14px;border:1px solid var(--borda);background:var(--poco);text-align:center;transition:border-color .2s,background .2s,box-shadow .2s}
.tr-qx-sel-lista li header{display:flex;align-items:center;justify-content:space-between;gap:4px;width:100%}
.tr-qx-sel-lista li header b{min-width:0;font-size:13.5px;color:var(--texto2);text-align:left;line-height:1.25}
.tr-qx-sel-lista li header button{flex:0 0 auto;width:30px;height:30px;margin:-4px -4px 0 0;border-radius:9px;border:1px solid transparent;background:none;color:var(--neutro);font-size:18px;line-height:1;cursor:pointer}
.tr-qx-sel-lista li header button:hover{border-color:var(--borda2);color:var(--texto2)}
.tr-qx-sel-lista li>small{width:100%;font-size:11px;color:var(--neutro);text-align:left}
.tr-qx-sel-lista li>small.ac{font-weight:700;color:var(--texto2)}.tr-qx-sel-lista li>small.ac.pouco{font-weight:600;color:var(--neutro)}
.tr-qx-sel-lista li>strong{margin-top:6px;font-size:26px;font-weight:800;letter-spacing:.02em;line-height:1;color:var(--neutro)}
.tr-qx-sel-lista li.rise>strong{color:var(--neon)}.tr-qx-sel-lista li.fall>strong{color:var(--fall2)}
.tr-qx-sel-lista li>em{display:flex;gap:2px;font-style:normal;font-size:17px;line-height:1;color:var(--borda2)}
.tr-qx-sel-lista li>em i{font-style:normal}.tr-qx-sel-lista li>em i.on{color:var(--ambar)}
.tr-qx-sel-lista li>span{margin-top:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--neutro);background:var(--fundo2)}
.tr-qx-sel-lista li>small.aviso{text-align:center;color:var(--ambar)}
.tr-qx-sel-lista li.fora>strong,.tr-qx-sel-lista li.fora>em,.tr-qx-sel-lista li.passou>strong,.tr-qx-sel-lista li.passou>em{opacity:.4}
.tr-qx-sel-lista li.entra.rise{border-color:var(--neon);background:rgba(52,229,164,.12);box-shadow:0 0 0 1px var(--neon),0 0 22px rgba(52,229,164,.25)}
.tr-qx-sel-lista li.entra.fall{border-color:var(--fall);background:rgba(255,107,107,.12);box-shadow:0 0 0 1px var(--fall),0 0 22px rgba(255,107,107,.25)}
.tr-qx-sel-lista li.entra>strong{font-size:30px}
.tr-qx-sel-lista li.entra.rise>span{background:var(--neon);color:var(--tinta)}.tr-qx-sel-lista li.entra.fall>span{background:var(--fall);color:var(--tinta)}
@media (prefers-reduced-motion:no-preference){.tr-qx-sel-lista li.entra{animation:selPulso 1.2s ease-in-out infinite alternate}}
@keyframes selPulso{to{filter:brightness(1.18)}}
.tr-qx-sel-lista li.vazio{grid-column:1/-1;display:block;padding:14px;font-size:13px;line-height:1.5;color:var(--neutro);text-align:center}
.tr-qx-sel-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:6px}
.tr-qx-sel-form select{width:100%}
.tr-qx-sel-form button{width:auto;margin:0;padding:0 16px;min-height:44px}
@media (max-width:640px){.tr-qx-sel-form{grid-template-columns:repeat(2,minmax(0,1fr))}.tr-qx-sel-form button{grid-column:1/-1;width:100%}}
/* placar: célula em Selecionados (1 = com este filtro de estrela; 2 = com outro) */
.qa-vl i[data-sa]{cursor:pointer}
.qa-vl i[data-sel]{position:relative;outline:2px solid var(--ambar);outline-offset:-2px}
.qa-vl i[data-sel="2"]{outline-style:dashed}
.qa-vl i[data-sel]::after{content:'✓';position:absolute;top:2px;right:5px;font-size:9px;font-weight:800;color:var(--ambar)}
.qa-versel{display:block;width:auto;margin:12px 0 0;padding:0 18px;min-height:44px}
/* Selecionados como 3ª opção (06/10): sem o seletor de mercado, os três botões ocupam a linha; no computador a lista fica à esquerda, no lugar do cartão do par */
#tela-tempo.modo-sel>#trCor{grid-column:1/-1}
@media (min-width:1240px){ #tela-tempo.modo-sel:not(.bloq)>#trCor{grid-column:2} #tela-tempo.modo-sel:not(.bloq)>#trQxSel{grid-column:1;grid-row:2/-1;align-self:start;padding:24px} }
/* cartão dos Selecionados, v294: mercado em destaque e o tempo num selo; mais colunas no computador */
.tr-qx-sel-lista li header{gap:6px}
.tr-qx-sel-lista li header b{flex:1 1 auto;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tr-qx-sel-lista li header i{flex:0 0 auto;padding:2px 8px;border-radius:999px;border:1px solid var(--borda2);font-style:normal;font-size:11.5px;font-weight:700;color:var(--texto2);white-space:nowrap}
.tr-qx-sel-lista li header button{margin-left:-2px}
@media (min-width:1240px){
  .tr-qx-sel-lista{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}
  .tr-qx-sel-lista li{padding:14px 14px 16px;gap:6px}
  .tr-qx-sel-lista li>strong{font-size:34px;margin-top:10px}.tr-qx-sel-lista li.entra>strong{font-size:38px}
  .tr-qx-sel-lista li>em{font-size:21px}
  #tela-tempo.modo-sel:not(.bloq) #trQxSelRel{width:min(520px,100%)}
}
/* três botões (Deriv · Quotex · Selecionados) no celular: uma linha só para eles e o seletor de mercado embaixo, inteiro (06/10) */
@media (max-width:640px){ #tela-tempo.modo-qx>#trCor,#tela-tempo.modo-qx>.tr-sel{grid-column:1/-1} #tela-tempo.modo-qx>#trCor{margin-bottom:8px} }
/* PLACAR AO VIVO separado por mercado (06/10, Felipe: "dividindo as categorias com separadores pra não misturar"): entre um par e
   outro, espaço maior e uma linha vertical; o nome do par sublinhado sobre as suas colunas ▲ ▼. Por lado: o par começa nas colunas
   2, 4, 6 e 8 (filhos 2, 4, 6, 8 da linha; o 1º é o tempo). Total: uma coluna por par (filhos 2 a 5). */
.qa-vt:not([data-total="1"]) .qa-vl:not(.qa-vpar)>:is(:nth-child(4),:nth-child(6),:nth-child(8)),
.qa-vt .qa-vpar>:is(:nth-child(3),:nth-child(4),:nth-child(5)),
.qa-vt[data-total="1"] .qa-vl>:is(:nth-child(3),:nth-child(4),:nth-child(5)){position:relative;margin-left:12px}
.qa-vt:not([data-total="1"]) .qa-vl:not(.qa-vpar)>:is(:nth-child(4),:nth-child(6),:nth-child(8))::before,
.qa-vt[data-total="1"] .qa-vl>:is(:nth-child(3),:nth-child(4),:nth-child(5))::before{content:'';position:absolute;left:-10px;top:-4px;bottom:-4px;width:1px;background:var(--borda2);pointer-events:none}
.qa-vt .qa-vpar .qa-vp{padding-bottom:6px;border-bottom:2px solid var(--borda2);font-size:12.5px;color:var(--texto2)}
.qa-vt .qa-vpar{margin-bottom:-2px}
@media (max-width:699px){
  .qa-vt:not([data-total="1"]) .qa-vl:not(.qa-vpar)>:is(:nth-child(4),:nth-child(6),:nth-child(8)),.qa-vt .qa-vpar>:is(:nth-child(3),:nth-child(4),:nth-child(5)),.qa-vt[data-total="1"] .qa-vl>:is(:nth-child(3),:nth-child(4),:nth-child(5)){margin-left:8px}
  .qa-vt:not([data-total="1"]) .qa-vl:not(.qa-vpar)>:is(:nth-child(4),:nth-child(6),:nth-child(8))::before,.qa-vt[data-total="1"] .qa-vl>:is(:nth-child(3),:nth-child(4),:nth-child(5))::before{left:-6px}
}
/* =========================================================
   INÍCIO (12/10/2026, plano docs/superpowers/plans/2026-10-12-inicio-dashboard.md, js/inicio.js): resumo da conta.
   REAL e DEMO lado a lado a partir de 768 px; a conta real leva a borda vermelha do app (vermelho = conta real). Só tokens do tema.
   ========================================================= */
.in-cab{flex-wrap:wrap;align-items:center}
.in-per{display:flex;gap:6px}
.in-alertas{display:grid;gap:8px;margin-bottom:16px}
.in-alerta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--borda);border-left:3px solid var(--ambar);background:var(--fundo2);font-size:14px;line-height:1.45;color:var(--texto2)}
.in-alerta[data-tipo="leitura"]{border-left-color:var(--fall)}
.in-alerta-acao{flex:none;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--borda2);background:var(--alto);font-size:13px;font-weight:600;cursor:pointer}
.in-alerta-acao:hover{border-color:var(--nevoa)}
.in-contas{display:grid;grid-template-columns:1fr;gap:12px;margin-bottom:12px}
@media (min-width:768px){ .in-contas{grid-template-columns:1fr 1fr} }
.in-conta{display:flex;flex-direction:column;gap:6px;padding:18px;min-width:0}
.in-conta[data-conta="real"]{border-color:rgba(255,107,107,.45)}
.in-conta[data-conta="real"] .rot{color:var(--fall2)}
.in-res{font-family:var(--f-tit);font-size:34px;font-weight:700;letter-spacing:-.02em;line-height:1.15;margin-top:4px;overflow-wrap:anywhere}
.in-res[data-tom="ganho"],.in-lista b[data-tom="ganho"]{color:var(--neon)}
.in-res[data-tom="perda"],.in-lista b[data-tom="perda"]{color:var(--fall)}
.in-linha{font-size:14px;color:var(--texto2);line-height:1.5}
.in-linha a{color:inherit;text-underline-offset:3px}
.in-nota{font-size:12.5px;color:var(--neutro);line-height:1.45}
.in-comp{font-size:13px;color:var(--neutro)}
.in-vazio{font-size:15px;color:var(--neutro);padding:14px 0}
.in-saldo{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px;margin-top:auto;padding-top:12px;border-top:1px solid var(--borda);font-size:13px;color:var(--neutro)}
.in-saldo b{font-size:17px;font-weight:600;color:var(--nevoa)}
.in-saldo small{flex-basis:100%;font-size:12px}
.in-autos{padding:18px;margin-bottom:12px;display:flex;flex-direction:column;gap:10px}
.in-autos-cab{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.in-autos-cab h2{font-size:16px;font-weight:600}
.in-autos-cab a{font-size:13px;color:var(--neutro);text-underline-offset:3px}
.in-lista{list-style:none;display:grid;gap:6px}
.in-lista .in-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px 12px;min-height:48px;padding:8px 12px;border-radius:12px;border:1px solid var(--borda);background:var(--fundo2);color:var(--nevoa);text-decoration:none}
.in-lista a.in-item:hover{background:var(--alto)}
.in-nome i{font-style:normal;color:var(--neutro)}
.in-nome{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.in-pilula{font-size:10.5px;font-weight:700;letter-spacing:.08em;padding:3px 7px;border-radius:6px;border:1px solid var(--borda2);color:var(--neutro)}
.in-pilula[data-conta="real"]{border-color:rgba(255,107,107,.5);color:var(--fall2)}
.in-lista b{font-size:15px;font-weight:600;text-align:right}
.in-lista small{grid-column:1 / -1;font-size:12px;color:var(--neutro)}
.in-botao{align-self:flex-start;display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:var(--neon);color:var(--tinta);font-weight:700;font-size:14px;text-decoration:none}
.in-plano{font-size:13px;color:var(--neutro);padding:4px 2px 20px}
@media (max-width:520px){ .in-res{font-size:30px} .in-cab h1{flex-basis:100%} .in-alerta{flex-wrap:wrap} }