:root{--fundo: #0d0a0c;--lateral: #110d10;--cartao: #17121a;--cartao2: #1f171c;--destaque-fundo: #1a1216;--borda: #261c22;--borda2: #33262e;--texto: #f3eef0;--texto2: #c7bac1;--suave: #a99aa2;--apagado: #8f8088;--ouro: #e7c27d;--ouro-claro: #f4dcae;--bordo: #a8364f;--bordo-escuro: #7a2438;--verde: #3ecf7e;--verde-claro: #9fe0b8;--rosa: #f2a7b6;--azul: #7fb3e6;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--fundo);color:var(--texto);font:400 14px/1.45 Inter,system-ui,sans-serif}a{color:var(--ouro)}a:hover{color:var(--ouro-claro)}button,select,input{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--ouro);outline-offset:2px}h1,h2,h3{font-family:Sora,Inter,sans-serif;font-weight:600;margin:0}.app{display:flex;min-height:100vh}.lateral{width:236px;flex:0 0 236px;padding:24px 14px;border-right:1px solid var(--borda);background:var(--lateral);display:flex;flex-direction:column;gap:2px;position:sticky;top:0;height:100vh;overflow-y:auto}.marca{display:flex;align-items:center;gap:10px;padding:0 8px 16px}.marca-logo{width:34px;height:34px;border-radius:10px;background:var(--bordo-escuro);display:grid;place-items:center;font:700 16px Sora,sans-serif;color:var(--ouro-claro)}.marca b{font:600 15px Sora,sans-serif;display:block}.marca span{font-size:12px;color:var(--suave)}.grupo-nav{padding:14px 12px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--apagado)}.item-nav{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:10px;color:var(--texto2);text-decoration:none;font-weight:500}.item-nav:hover{background:#1a1418;color:var(--texto)}.item-nav.ativo{background:#241a20;color:var(--ouro-claro);box-shadow:inset 2px 0 0 var(--ouro)}.status-vivo{margin-top:auto;padding:12px;border-radius:12px;background:var(--cartao);border:1px solid var(--borda);display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--suave)}.ponto{width:8px;height:8px;border-radius:4px;background:var(--verde);display:inline-block;margin-right:6px}.ponto.carregando{background:var(--ouro);animation:pulso 1s infinite}.ponto.erro{background:var(--rosa)}@keyframes pulso{50%{opacity:.35}}.principal{flex:1;min-width:0;padding:24px 32px 56px;display:flex;flex-direction:column;gap:18px}.topo{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:14px}.sobretitulo{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ouro)}.topo h1{font-size:28px}.sub{font-size:14px;color:var(--suave)}.controles{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.pilulas{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border-radius:12px;background:var(--cartao);border:1px solid var(--borda)}.pilula{border:0;background:transparent;padding:8px 12px;border-radius:9px;cursor:pointer;color:var(--texto2);font-weight:500;min-height:36px}.pilula:hover{color:var(--texto);background:#1f171c}.pilula[aria-pressed=true]{background:#2a1e25;color:var(--ouro-claro)}.botao{border:1px solid var(--borda2);background:var(--cartao);border-radius:10px;padding:9px 14px;cursor:pointer;font-weight:500;min-height:40px}.botao:hover{border-color:#4a3640}.botao[aria-pressed=true]{border-color:var(--ouro);color:var(--ouro-claro);background:#241a1c}.botao.primario{background:var(--bordo-escuro);border-color:var(--bordo);color:var(--ouro-claro)}.datas{display:flex;gap:6px;align-items:center}.datas input{background:var(--cartao);border:1px solid var(--borda2);border-radius:10px;padding:7px 10px;min-height:40px}.filtros{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;padding:14px 16px;border-radius:14px;background:#120e11;border:1px solid #221a1f}.filtro{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--suave)}.filtro select{min-height:38px;min-width:150px;max-width:260px;padding:0 10px;border-radius:10px;border:1px solid var(--borda2);background:var(--cartao);font-weight:500;font-size:14px}.filtro-limpar{margin-left:auto}.grade-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.grade-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(440px,1fr));gap:14px}.grade-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.grade-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.cartao{padding:20px 22px;border-radius:18px;background:var(--cartao);border:1px solid var(--borda);display:flex;flex-direction:column;gap:10px;min-width:0}.cartao.destaque{background:var(--destaque-fundo);border-color:#3a2129}.cartao-topo{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px 14px}.cartao h2{font-size:17px}.cartao h2 small{font:500 13px Inter,sans-serif;color:var(--suave)}.como-ler{font-size:13px;color:var(--suave)}.leitura{min-height:42px;padding:10px 14px;border-radius:12px;background:var(--cartao2);display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;font-size:13px;color:var(--texto2)}.leitura b{color:var(--texto);font-weight:600}.legenda{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--texto2)}.legenda span{display:inline-flex;align-items:center;gap:6px}.legenda i{width:14px;height:3px;border-radius:2px;display:inline-block}.kpi{padding:16px 18px;border-radius:16px;background:var(--cartao);border:1px solid var(--borda);display:flex;flex-direction:column;gap:6px;min-width:0}.kpi-topo{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;font-size:13px;color:#b3a5ad}.kpi-valor{font:600 26px Sora,sans-serif;letter-spacing:-.01em}.kpi-obs{font-size:12px;color:var(--apagado)}.delta{font-size:12px;font-weight:600;padding:2px 8px;border-radius:20px;white-space:nowrap}.delta.bom{color:var(--verde-claro);background:#12261b}.delta.ruim{color:var(--rosa);background:#2a141a}.delta.neutro{color:var(--suave);background:#1f191d}.vazio{border:1px dashed var(--borda2);border-radius:12px;padding:18px;text-align:center;color:var(--apagado);font-size:13px;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center}.vazio b{color:var(--texto2);font-weight:600}.gargalo{text-decoration:none;padding:16px;border-radius:14px;background:#221820;border:1px solid #33232c;display:flex;flex-direction:column;gap:8px;color:var(--texto)}.gargalo:hover{border-color:#523240;color:var(--texto)}.gargalo-topo{display:flex;justify-content:space-between;gap:8px;font-size:12px}.gargalo-topo b{color:var(--ouro)}.gargalo-topo span{color:var(--rosa)}.gargalo h3{font-size:15px;line-height:1.35}.gargalo p{margin:0;font-size:13px;color:var(--texto2)}.gargalo em{font-style:normal;font-size:12px;color:var(--verde-claro)}.mini-cartao{padding:16px 18px;border-radius:14px;background:var(--cartao);border:1px solid var(--borda);display:flex;flex-direction:column;gap:4px}.mini-cartao .rotulo{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--apagado)}.mini-cartao .valor{font:600 18px Sora,sans-serif}.mini-cartao .obs{font-size:13px;color:var(--suave)}.tabela-rolagem{overflow-x:auto;margin:0 -4px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;font-weight:500;color:var(--suave);padding:8px 10px;border-bottom:1px solid var(--borda);white-space:nowrap;font-size:12px}td{padding:9px 10px;border-bottom:1px solid #1e171b;white-space:nowrap;font-variant-numeric:tabular-nums}td.num,th.num{text-align:right}tr.clicavel{cursor:pointer}tr.clicavel:hover td,tr.marcada td{background:#1f171c}th abbr{text-decoration:underline dotted;cursor:help}.barra-h{display:grid;grid-template-columns:minmax(90px,160px) 1fr auto;gap:10px;align-items:center;font-size:13px;padding:3px 0;cursor:default}.barra-h .trilho{height:10px;background:#221a1f;border-radius:6px;overflow:hidden}.barra-h .enche{height:100%;border-radius:6px;background:var(--ouro)}.barra-h .nome{color:var(--texto2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.barra-h.ativa .nome{color:var(--texto)}.barra-h .valor{font-weight:600;font-variant-numeric:tabular-nums}.lista-fila{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow-y:auto}.linha-fila{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:10px;background:var(--cartao2);text-decoration:none;color:var(--texto);font-size:13px}.linha-fila:hover{background:#2a1f25;color:var(--texto)}.linha-fila .espera{font-weight:600;white-space:nowrap}.espera.alta{color:var(--rosa)}.espera.media{color:var(--ouro)}.aviso{padding:12px 16px;border-radius:12px;background:#2a1a12;border:1px solid #4a3020;color:#f0cfa8;font-size:13px}.selo{font-size:11px;padding:2px 8px;border-radius:20px;background:#241c20;color:var(--suave);white-space:nowrap}.selo.ok{background:#12261b;color:var(--verde-claro)}.selo.erro{background:#2a141a;color:var(--rosa)}.selo.ouro{background:#2a2216;color:var(--ouro)}.form-custos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.campo{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--suave)}.campo input{background:var(--cartao2);border:1px solid var(--borda2);border-radius:10px;padding:9px 12px;font-size:14px;color:var(--texto)}.campo input:disabled{opacity:.6}.carregando-tela{min-height:100vh;display:grid;place-items:center;color:var(--suave);text-align:center;padding:24px}.carregando-tela h1{color:var(--texto);font-size:22px;margin-bottom:8px}svg text{font-family:Inter,system-ui,sans-serif}.alvo{cursor:pointer}@media (max-width: 900px){.app{flex-direction:column}.lateral{width:auto;height:auto;position:static;flex-direction:row;flex-wrap:wrap;flex:none;border-right:0;border-bottom:1px solid var(--borda);padding:12px}.grupo-nav,.status-vivo{display:none}.principal{padding:16px}.grade-2{grid-template-columns:1fr}}
