/* INDAX Liquidez — sistema visual v1.3 (design-system/KIT.md), copiado do protótipo aprovado lote 1.1 (referência visual) */

/* INDAX Liquidez · protótipo lote 1 — sistema visual v1.3 (design-system/KIT.md) · SPEC rev. 44 */
:root{
  --marinho:#0B2239; --marinho-2:#12304F; --eletrico:#1F6FEB; --eletrico-claro:#5B93FF;
  --ambar:#F5A623; --aco:#5A6B7A; --nevoa:#E8EDF2; --nevoa-2:#F4F7FA; --branco:#FFFFFF;
  --verde:#17A26B; --violeta:#6D28D9; --violeta-2:#5B21B8; --tinta:#0B2239;
  --largura:1080px; --gutter:clamp(16px,3vw,40px);
}
*{box-sizing:border-box}
body{margin:0;font-family:"Manrope",system-ui,sans-serif;font-weight:500;font-size:16px;
  line-height:1.55;color:var(--tinta);background:var(--nevoa-2);-webkit-font-smoothing:antialiased}
h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.01em;line-height:1.18}
h1{font-size:27px} h2{font-size:20px} h3{font-size:16px}
p{margin:0 0 .9em} strong{font-weight:700} small{color:var(--aco)}
:focus-visible{outline:3px solid var(--eletrico-claro);outline-offset:3px;border-radius:4px}
.wrap{width:min(100% - 2*var(--gutter),var(--largura));margin-inline:auto}

.faixa{background:var(--marinho);color:#C9D6E6;font-size:12px;font-weight:700;text-align:center;
  padding:5px 10px;letter-spacing:.04em}
.nav{background:var(--marinho);color:var(--branco);border-bottom:3px solid var(--eletrico)}
.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:72px;gap:18px}
.marca{display:flex;align-items:center;gap:11px;font-weight:700;font-size:19px;letter-spacing:.04em}
.marca svg{height:34px;width:34px;display:block}
.marca em{font-style:normal;font-weight:500;color:#9FB6D0;font-size:15px;letter-spacing:0}
.usuario{text-align:right;line-height:1.3}
.usuario b{display:block;font-size:14px}
.usuario small{color:#9FB6D0;font-size:12px}

/* barra de cenários — instrumento do protótipo, não do produto */
.cenarios{background:#0d1b2a;color:#C9D6E6;padding:12px 0;border-bottom:1px solid #1d3350}
.cenarios .wrap{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.cenarios .rot{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7E96B4}
.cenarios button{font:inherit;font-size:12.5px;font-weight:700;color:#C9D6E6;background:#14273c;
  border:1px solid #27405d;border-radius:99px;padding:6px 13px;cursor:pointer}
.cenarios button:hover{border-color:var(--eletrico-claro);color:#fff}
.cenarios button[aria-pressed=true]{background:var(--eletrico);border-color:var(--eletrico);color:#fff}

.passos{display:flex;align-items:center;margin:20px 0 18px;flex-wrap:wrap;row-gap:9px}
.passos button{position:relative;display:flex;align-items:center;gap:7px;font:inherit;font-size:12.5px;
  font-weight:700;padding:5px 13px 5px 6px;border:0;border-radius:99px;background:var(--nevoa);
  color:var(--aco);margin-right:20px;cursor:pointer}
.passos button::before{content:attr(data-n);width:19px;height:19px;border-radius:50%;display:grid;
  place-items:center;font-size:11px;background:#CBD5DF;color:var(--branco)}
.passos button:not(:last-of-type)::after{content:"";position:absolute;right:-17px;top:50%;width:13px;
  height:2px;background:#C4CFDA;transform:translateY(-50%)}
.passos button[aria-current=true]{background:var(--eletrico);color:var(--branco)}
.passos button[aria-current=true]::before{background:rgba(255,255,255,.32)}

.tela{display:none;padding-bottom:20px} .tela.ativa{display:block}
.tela h1{position:relative;padding-top:15px;margin-bottom:4px}
.tela h1::before{content:"";position:absolute;top:0;left:0;width:48px;height:3px;background:var(--eletrico)}
.sub{color:var(--aco);font-size:15px;margin:0 0 18px}
.cartao{background:var(--branco);border:1px solid var(--nevoa);border-radius:12px;padding:22px;
  margin-bottom:14px;box-shadow:0 1px 3px rgba(11,34,57,.06)}
.cartao h2{margin-bottom:9px}
.grade{display:grid;grid-template-columns:repeat(auto-fit,minmax(215px,1fr));gap:13px}
.dado{border-left:3px solid var(--eletrico);padding-left:13px}
.dado b{display:block;font-size:21px;font-weight:700} .dado span{font-size:13px;color:var(--aco)}
.selo{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:99px;white-space:nowrap}
.selo.ok{background:#E2F5EC;color:var(--verde)} .selo.info{background:#E4EDFB;color:var(--eletrico)}
.selo.atencao{background:#FCF0DA;color:#8A5E0A} .selo.cinza{background:var(--nevoa);color:var(--aco)}
.selo.roxo{background:#EFE7FD;color:var(--violeta)}
.provisorio{background:#FCF0DA;color:#8A5E0A;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:700}

.botao{display:inline-block;font:inherit;font-weight:700;font-size:15px;padding:12px 20px;border-radius:8px;
  border:1px solid transparent;cursor:pointer;text-align:center}
.botao.violeta{background:var(--violeta);color:var(--branco)}
.botao.violeta:hover{background:var(--violeta-2)}
.botao.violeta[disabled]{opacity:.42;cursor:not-allowed}
.botao.eletrico{background:var(--eletrico);color:var(--branco)}
.botao.eletrico:hover{background:#1A5FCC}
.botao.contorno{border-color:#B9C6D4;background:var(--branco);color:var(--tinta)}
.acoes{display:flex;gap:11px;flex-wrap:wrap;align-items:center;margin-top:16px}

.itens{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.itens li{border:1px solid var(--nevoa);border-radius:10px;padding:15px 16px;background:var(--branco)}
.itens .topo{display:flex;justify-content:space-between;gap:12px;align-items:start;flex-wrap:wrap}
.itens .orgao{font-weight:700;font-size:15.5px}
.itens .objeto{color:var(--aco);font-size:14px;margin:3px 0 9px}
.itens .linha{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}
.itens .linha b{font-weight:700}
.previsao{margin-top:11px;padding:9px 12px;background:#F1F6FF;border-left:3px solid var(--eletrico);
  border-radius:0 7px 7px 0;font-size:14px}
.vazio{text-align:center;padding:38px 20px;color:var(--aco)}
.vazio b{display:block;font-size:17px;color:var(--tinta);margin-bottom:6px;font-weight:700}

.campo{display:grid;gap:5px;margin-bottom:13px}
.campo label{font-size:13.5px;font-weight:700}
.campo input,.campo select{font:inherit;font-size:15px;padding:11px 12px;border-radius:6px;
  border:1px solid #C4CFDA;background:var(--branco)}
.erro{color:#B3261E;font-size:13.5px;font-weight:700;margin-top:5px}
.opcoes{display:grid;gap:10px}
.opcoes label{display:flex;gap:11px;align-items:start;border:1px solid var(--nevoa);border-radius:9px;
  padding:12px 14px;cursor:pointer;background:var(--branco)}
.opcoes label:has(input:checked){border-color:var(--eletrico);background:#F1F6FF}
.opcoes input{margin-top:4px}
.opcoes b{display:block;font-size:14.5px}
.opcoes span{font-size:13.5px;color:var(--aco)}

.moldura{font-size:13px;color:var(--aco);border-top:1px solid var(--nevoa);margin-top:14px;padding-top:11px}
.citacao{background:var(--nevoa-2);border-left:3px solid var(--eletrico);padding:11px 14px;font-size:14.5px;
  border-radius:0 8px 8px 0;margin:11px 0}
.espera{text-align:center;padding:34px 20px}
.espera .relogio{width:58px;height:58px;border-radius:50%;border:3px solid var(--nevoa);
  border-top-color:var(--eletrico);margin:0 auto 16px;animation:gira 1.1s linear infinite}
@keyframes gira{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.espera .relogio{animation:none}}

table.comp{width:100%;border-collapse:collapse;font-size:14.5px}
table.comp th{text-align:left;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--aco);
  padding:0 10px 9px;font-weight:700}
table.comp td{padding:13px 10px;border-top:1px solid var(--nevoa);vertical-align:middle}
table.comp tr:has(input:checked) td{background:#F5F0FE}
.letra{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:var(--marinho);
  color:#fff;font-weight:700;font-size:16px}
.custo{font-weight:700;font-size:16px}
.rodape-tela{background:#0d1b2a;color:#9FB6D0;font-size:12.5px;padding:14px 0;margin-top:26px;
  border-top:2px solid var(--eletrico)}
.rodape-tela b{color:#C9D6E6}
.rodape-tela code{background:#14273c;border-radius:4px;padding:1px 5px;font-size:12px}
.aviso-fora{background:#FFF8E8;border:1px solid #F0DCAF;border-radius:9px;padding:12px 14px;font-size:13.5px;
  color:#6B4E0A;margin-bottom:14px}