/* Console Valorum — linguagem visual aprovada em 17/09/2026:
   oliva + creme + âmbar, rótulos gravados em monoespaçada, um instrumento herói. */
:root{
  --fundo:#181a19; --fundo-2:#141614;
  --placa:#292c29; --placa-2:#232622; --recuo:#1c1f1c;
  --borda:#5b5e52; --borda-fraca:rgba(91,94,82,.45);
  --tinta:#e8e6dd; --tinta-2:#b3b6a8; --tinta-3:#8a8d7f;
  --gravado:#deded3;
  --ambar:#e6a557; --ambar-claro:#efb564;
  --verde:#b4d496; --vermelho:#ec8c71;
  --mono:"Courier New",Courier,monospace;
  --sans:Arial,Helvetica,sans-serif;
  --raio:.25rem;
  color-scheme:dark;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--sans);font-size:15px;line-height:1.5;
  padding-inline:16px;padding-block:14px 40px;
}
a{color:var(--ambar-claro)}
button{font:inherit;color:inherit;cursor:pointer}
:focus-visible{outline:2px solid var(--ambar);outline-offset:2px}
.envelope{max-width:1180px;margin:0 auto;display:flex;flex-direction:column;gap:14px}

/* ---------- rótulos gravados ---------- */
.gravado{font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2)}
.gravado.fraco{color:var(--tinta-3);font-weight:400}
.gravado.ambar{color:var(--ambar)}
.tira{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 4px}

/* ---------- placa de metal ---------- */
.placa{
  position:relative;border:1px solid #14160f;border-radius:var(--raio);padding:16px 18px;
  background:
    repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px),
    linear-gradient(180deg,var(--placa) 0%,var(--placa-2) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),inset 0 -1px 0 rgba(0,0,0,.45),0 10px 22px -18px #000;
}
.placa::before,.placa::after{content:"";position:absolute;top:7px;width:7px;height:7px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,#7d8175,#2a2d27 70%);box-shadow:0 1px 1px rgba(0,0,0,.7)}
.placa::before{left:7px}.placa::after{right:7px}
.placa > header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px;flex-wrap:wrap}
.numero{font-family:var(--mono);font-size:11px;font-weight:700;background:#33372f;border:1px solid var(--borda-fraca);
  border-radius:2px;padding:1px 6px;color:var(--gravado);letter-spacing:.1em}

/* ---------- cabeçalho ---------- */
.topo{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.marca{display:flex;align-items:center;gap:14px}
.marca .barras{display:flex;gap:3px;transform:skewX(-16deg)}
.marca .barras i{display:block;width:6px;height:30px;background:var(--ambar)}
.marca .barras i:nth-child(2){background:var(--ambar-claro)}
.marca .barras i:nth-child(3){background:var(--tinta-2)}
.marca h1{margin:0;font-size:29px;font-weight:500;letter-spacing:-.4px;line-height:1.05}
.frase{color:var(--tinta-2);font-size:14px;max-width:38ch}
.energia{display:flex;align-items:center;gap:10px}
.energia .caixa{border:1px solid var(--borda-fraca);border-radius:3px;padding:6px 10px;text-align:center;
  background:var(--recuo);font-family:var(--mono);font-size:12px;line-height:1.25;color:var(--tinta-2)}

/* ---------- navegação ---------- */
nav.placa{padding:6px 10px}
.abas{display:flex;gap:2px;flex-wrap:wrap}
.aba{border:0;background:transparent;padding:9px 14px;border-radius:3px;border-bottom:2px solid transparent;
  font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--tinta-2)}
.aba:hover{color:var(--tinta);background:rgba(255,255,255,.04)}
.aba[aria-selected="true"]{color:var(--ambar-claro);border-bottom-color:var(--ambar);background:rgba(0,0,0,.22)}
.aba .n{font-size:10px;margin-left:6px;color:var(--tinta-3)}

/* ---------- telas ---------- */
.tela{display:none;flex-direction:column;gap:14px}
.tela.ativa{display:flex}
.chamada{padding:2px 4px}
.chamada h2{margin:0;font-size:26px;font-weight:500;letter-spacing:-.3px}
.chamada p{margin:4px 0 0;color:var(--tinta-2);font-size:14px}

/* ---------- núcleo: medidor + leituras ---------- */
.nucleo{display:grid;grid-template-columns:minmax(300px,420px) minmax(0,1fr);gap:14px}
.medidor{background:linear-gradient(180deg,#1b1e1a,#101210);border:1px solid #0d0f0c;border-radius:3px;padding:10px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.04),inset 0 6px 18px rgba(0,0,0,.75)}
.medidor svg{display:block;width:100%;height:auto}
.leituras{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.leitura{background:var(--recuo);border:1px solid var(--borda-fraca);border-radius:3px;padding:9px 11px}
.leitura .valor{font-family:var(--mono);font-size:25px;font-weight:700;color:var(--verde);line-height:1.1;
  font-variant-numeric:tabular-nums}
.leitura .valor small{font-size:12px;color:var(--tinta-3);font-weight:400;margin-left:4px}
.leitura .valor.alerta{color:var(--ambar-claro)}
.leitura .valor.critico{color:var(--vermelho)}
.barrinha{height:5px;border-radius:2px;background:#0f110e;margin-top:7px;overflow:hidden;
  box-shadow:inset 0 1px 2px rgba(0,0,0,.8)}
.barrinha i{display:block;height:100%;background:var(--verde)}
.barrinha i.alerta{background:var(--ambar)}
.barrinha i.critico{background:var(--vermelho)}

/* ---------- listas de estado ---------- */
.linhas{display:flex;flex-direction:column}
.linha{display:grid;grid-template-columns:9px 1fr auto;gap:10px;align-items:center;padding:7px 0;
  border-top:1px solid var(--borda-fraca);font-family:var(--mono);font-size:12.5px}
.linha:first-child{border-top:0}
.linha .det{color:var(--tinta-3)}
.pt{width:9px;height:9px;border-radius:50%;background:var(--tinta-3)}
.pt.ok{background:var(--verde);box-shadow:0 0 6px rgba(180,212,150,.55)}
.pt.alerta{background:var(--ambar);box-shadow:0 0 6px rgba(230,165,87,.5)}
.pt.critico{background:var(--vermelho);box-shadow:0 0 6px rgba(236,140,113,.55)}

/* ---------- entrega do dia ---------- */
.entrega{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.entrega .campo{background:var(--recuo);border:1px solid var(--borda-fraca);border-radius:3px;padding:9px 11px}
.entrega .campo b{display:block;font-family:var(--mono);font-size:16px;color:var(--gravado);margin-top:3px;
  font-variant-numeric:tabular-nums;font-weight:700}
.call{margin-top:12px;background:#0f120e;border:1px solid #0b0d0a;border-radius:3px;padding:12px 14px;
  font-family:var(--mono);font-size:12.5px;color:#cfe0b8;white-space:pre-wrap;max-height:260px;overflow:auto;
  box-shadow:inset 0 6px 18px rgba(0,0,0,.8)}

/* ---------- robôs ---------- */
.bots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}
.bot{background:var(--recuo);border:1px solid var(--borda-fraca);border-radius:3px;padding:9px 6px;text-align:center}
.bot .pnl{font-family:var(--mono);font-size:19px;font-weight:700;color:var(--verde);font-variant-numeric:tabular-nums}
.bot .pnl.neg{color:var(--vermelho)}
.bot .pnl.off{color:var(--tinta-3)}
.bot .par{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--tinta-3)}
.bot .obs{font-family:var(--mono);font-size:10px;color:var(--ambar)}

/* ---------- projetos ---------- */
.cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.cartao{background:linear-gradient(180deg,#2b2e2a,#232621);border:1px solid #171a16;border-radius:var(--raio);
  padding:13px 15px;display:flex;flex-direction:column;gap:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.cartao .alto{display:flex;justify-content:space-between;gap:8px;align-items:center}
.cartao h3{margin:0;font-size:18px;font-weight:500}
.cartao .passo{color:var(--tinta-2);font-size:13.5px}
.cartao .pe{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--tinta-3);
  border-top:1px solid var(--borda-fraca);padding-top:9px;margin-top:auto;letter-spacing:.08em;text-transform:uppercase}

/* ---------- registro ---------- */
.registro{background:#0d100c;border:1px solid #0a0c09;border-radius:3px;padding:12px 14px;font-family:var(--mono);
  font-size:12.5px;color:#bcd9a2;max-height:280px;overflow:auto;box-shadow:inset 0 6px 20px rgba(0,0,0,.85)}
.registro div{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:2px 0}
.registro .h{color:#7e9a6b}

/* ---------- entrar ---------- */
.portao{min-height:78vh;display:grid;place-items:center}
.portao form{width:min(380px,100%);display:flex;flex-direction:column;gap:12px}
.portao input{background:var(--recuo);border:1px solid var(--borda);border-radius:3px;padding:11px 12px;
  color:var(--tinta);font-family:var(--mono);font-size:15px}
.botao{background:linear-gradient(180deg,#4a4f43,#383c33);border:1px solid #14160f;border-radius:3px;
  padding:10px 14px;font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gravado);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 2px 0 #14160f}
.botao:hover{filter:brightness(1.12)}
.botao.ambar{background:linear-gradient(180deg,#e9b063,#c8862f);color:#20180b;border-color:#6d4715}
.erro{color:var(--vermelho);font-family:var(--mono);font-size:12px}

@media (max-width:900px){
  .nucleo{grid-template-columns:1fr}
  .bots{grid-template-columns:repeat(3,1fr)}
  .entrega{grid-template-columns:1fr}
  .marca h1{font-size:23px}
}

/* ---------- comandos ---------- */
.comandos{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.comando{background:var(--recuo);border:1px solid var(--borda-fraca);border-radius:var(--raio);padding:13px 15px;
  display:flex;flex-direction:column;gap:9px}
.comando h3{margin:0;font-size:16px;font-weight:500}
.comando p{margin:0;color:var(--tinta-2);font-size:13px;flex:1}
.comando .acao{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.comando.armado{border-color:var(--vermelho);box-shadow:0 0 0 1px rgba(236,140,113,.35)}
.tampa{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(180deg,#c24632,#98301f);
  border:1px solid #5d1a10;border-radius:3px;padding:9px 13px;color:#ffe9e2;font-family:var(--mono);font-size:11.5px;
  letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 2px 0 #4c150d}
.tampa.aberta{background:linear-gradient(180deg,#4a4f43,#383c33);border-color:#14160f;color:var(--gravado)}
.aviso-perigo{font-family:var(--mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--vermelho)}
.saida{margin-top:14px;background:#0d100c;border:1px solid #0a0c09;border-radius:3px;padding:12px 14px;
  font-family:var(--mono);font-size:12px;color:#bcd9a2;white-space:pre-wrap;max-height:220px;overflow:auto}
.rodando{opacity:.6;pointer-events:none}

/* ---------- sessões ---------- */
.linha.clicavel{cursor:pointer}
.linha.clicavel:hover{background:rgba(255,255,255,.04)}
.conversa{display:flex;flex-direction:column;gap:10px;max-height:460px;overflow:auto;padding-right:4px}
.fala{border-left:2px solid var(--borda);padding:8px 12px;background:#1a1d19;border-radius:0 3px 3px 0}
.fala.assistant{border-left-color:var(--ambar)}
.fala .quem{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-3)}
.fala .texto{white-space:pre-wrap;font-size:13.5px;color:var(--tinta);margin-top:4px}

/* ---------- formulário de agente ---------- */
.formulario{display:flex;flex-direction:column;gap:7px}
.formulario select,.formulario textarea{background:var(--recuo);border:1px solid var(--borda);border-radius:3px;
  padding:9px 11px;color:var(--tinta);font-family:var(--mono);font-size:13px;width:100%}
.formulario textarea{resize:vertical;line-height:1.5}
.formulario .acao{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:4px}


/* ---------- funil de leads ---------- */
.barra-funil{display:flex;height:12px;border-radius:2px;overflow:hidden;background:#0f110e;margin-top:12px;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.8)}
.barra-funil i{display:block;height:100%}
.dias{display:flex;align-items:flex-end;gap:3px;height:56px;margin-top:8px}
.dias .dia{flex:1;background:var(--ambar);border-radius:1px 1px 0 0;min-height:2px;position:relative}
.dias .dia.vazio{background:#2a2e28}
.dias .dia span{position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);font-family:var(--mono);
  font-size:9px;color:var(--tinta-3)}

.formulario input[type=text]{background:var(--recuo);border:1px solid var(--borda);border-radius:3px;
  padding:9px 11px;color:var(--tinta);font-family:var(--mono);font-size:13px;width:100%}
.formulario label input[type=checkbox]{margin-right:6px}