:root{color-scheme:light;--superficie: #fcfcfb;--plano: #f9f9f7;--tinta: #0b0b0b;--tinta-2: #52514e;--tinta-fraca: #898781;--grade: #e1e0d9;--eixo: #c3c2b7;--borda: rgba(11, 11, 11, .1);--sombra: 0 1px 2px rgba(11, 11, 11, .04), 0 1px 1px rgba(11, 11, 11, .03);--serie-1: #2a78d6;--serie-2: #eb6834;--serie-1-lavada: rgba(42, 120, 214, .1);--serie-2-lavada: rgba(235, 104, 52, .1);--magnitude: #2a78d6;--magnitude-trilha: #cde2fb;--bom: #0ca30c;--atencao: #fab219;--serio: #ec835a;--critico: #d03b3b;--neutro: #898781;--raio: 10px;--raio-pequeno: 6px}*{box-sizing:border-box}html,body,#raiz{height:100%}body{margin:0;background:var(--plano);color:var(--tinta);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:20px}h2{font-size:15px}h3{font-size:13px}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}table{border-collapse:collapse;width:100%}td,th{font-variant-numeric:tabular-nums}.casca{display:grid;grid-template-columns:216px 1fr;min-height:100%}.lateral{position:sticky;top:0;align-self:start;height:100vh;display:flex;flex-direction:column;gap:18px;padding:18px 14px;background:var(--superficie);border-right:1px solid var(--borda)}.marca{display:block;padding:0 6px}.marca strong{display:block;font-size:14px;letter-spacing:-.01em}.marca span{font-size:12px;color:var(--tinta-fraca)}.menu{display:flex;flex-direction:column;gap:2px}.menu a{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:var(--raio-pequeno);color:var(--tinta-2);font-size:13px}.menu a:hover{background:var(--plano);color:var(--tinta)}.menu a.ativo{background:var(--serie-1-lavada);color:var(--tinta);font-weight:600}.menu a svg{flex:none;color:var(--tinta-fraca)}.menu a.ativo svg{color:var(--serie-1)}.rodape-lateral{margin-top:auto;padding:0 7px;font-size:11px;line-height:1.5;color:var(--tinta-fraca)}.conteudo{min-width:0;padding:20px 24px 56px}.topo{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:4px}.topo p{margin:3px 0 0;max-width:62ch;color:var(--tinta-2)}.filtros{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0 18px}.secao{margin-top:22px}.secao>header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:9px}.secao>header p{margin:0;font-size:12px;color:var(--tinta-fraca)}.colunas{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.linha-kpi{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}@media (max-width: 860px){.casca{grid-template-columns:1fr}.lateral{position:static;height:auto;flex-direction:row;align-items:center;gap:14px;overflow-x:auto;border-right:none;border-bottom:1px solid var(--borda)}.menu{flex-direction:row}.marca span,.rodape-lateral{display:none}.conteudo{padding:16px 14px 48px}}.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra)}.cartao>header{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:12px 14px 0}.cartao>header p{margin:2px 0 0;font-size:12px;color:var(--tinta-fraca)}.cartao>.corpo{padding:12px 14px 14px}.kpi{display:flex;flex-direction:column;gap:2px;padding:12px 14px;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);box-shadow:var(--sombra)}.kpi .rotulo{font-size:12px;color:var(--tinta-2)}.kpi .valor{font-size:23px;font-weight:600;letter-spacing:-.02em}.kpi.heroi{grid-column:span 2}.kpi.heroi .valor{font-size:34px;white-space:nowrap}.kpi .nota{font-size:12px;color:var(--tinta-fraca)}.kpi.alerta{border-color:#d03b3b59}a.kpi:hover,.kpi.clicavel:hover{border-color:#2a78d673}.etiqueta{display:inline-flex;align-items:center;gap:5px;padding:1px 7px 1px 6px;border:1px solid var(--borda);border-radius:999px;background:var(--superficie);font-size:11.5px;color:var(--tinta-2);white-space:nowrap}.etiqueta i{width:7px;height:7px;border-radius:50%;background:var(--neutro)}.etiqueta.saudavel i{background:var(--bom)}.etiqueta.maturacao i{background:var(--serie-1)}.etiqueta.critico i{background:var(--serio)}.etiqueta.alarmante i{background:var(--critico)}.etiqueta.parado i{background:var(--neutro)}.selo{display:inline-block;padding:1px 6px;border-radius:var(--raio-pequeno);background:var(--plano);border:1px solid var(--borda);font-size:11px;color:var(--tinta-2);white-space:nowrap}.campo-busca{display:flex;align-items:center;gap:7px;padding:0 9px;height:32px;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-pequeno);color:var(--tinta-fraca)}.campo-busca input{width:230px;max-width:44vw;border:none;outline:none;background:transparent;color:var(--tinta)}.alternador{display:inline-flex;padding:2px;background:var(--plano);border:1px solid var(--borda);border-radius:var(--raio-pequeno)}.alternador button{padding:3px 10px;border:none;border-radius:4px;background:transparent;color:var(--tinta-2);font-size:12.5px;cursor:pointer}.alternador button[aria-pressed=true]{background:var(--superficie);color:var(--tinta);font-weight:600;box-shadow:var(--sombra)}.botao-texto{padding:4px 8px;border:none;border-radius:var(--raio-pequeno);background:transparent;color:var(--serie-1);font-size:12.5px;cursor:pointer}.botao-texto:hover{background:var(--serie-1-lavada)}select.seletor{height:32px;padding:0 8px;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-pequeno)}.tabela{font-size:13px}.tabela th{padding:7px 10px;text-align:right;font-size:11.5px;font-weight:600;color:var(--tinta-fraca);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--grade);white-space:nowrap}.tabela td{padding:7px 10px;text-align:right;border-bottom:1px solid var(--grade);white-space:nowrap}.tabela tr:last-child td{border-bottom:none}.tabela th:first-child,.tabela td:first-child{text-align:left}.tabela td.texto,.tabela th.texto{text-align:left;white-space:normal}.tabela tbody tr:hover td{background:var(--plano)}.tabela .nome{display:block;max-width:34ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabela .codigo{font-size:11.5px;color:var(--tinta-fraca)}.tabela a.nome:hover{color:var(--serie-1);text-decoration:underline}.tabela tfoot td{font-weight:600;border-top:1px solid var(--eixo)}.rolagem{overflow-x:auto}.barra{display:flex;align-items:center;gap:8px;justify-content:flex-end}.barra .trilha{width:76px;height:8px;border-radius:999px;background:var(--magnitude-trilha);overflow:hidden}.barra .preenche{display:block;height:100%;border-radius:999px;background:var(--magnitude)}.grafico{position:relative}.grafico svg{display:block;width:100%;height:auto;overflow:visible}.grafico text{fill:var(--tinta-fraca);font-size:11px}.grafico .rotulo-direto{fill:var(--tinta-2);font-size:11.5px;font-weight:600}.legenda{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:0 0 8px;font-size:12px;color:var(--tinta-2)}.legenda span{display:inline-flex;align-items:center;gap:6px}.legenda i{width:11px;height:11px;border-radius:3px}.legenda i.linha{width:14px;height:2px;border-radius:2px}.dica{position:absolute;z-index:2;min-width:150px;padding:8px 10px;transform:translate(-50%);background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio-pequeno);box-shadow:0 4px 14px #0b0b0b1f;pointer-events:none}.dica header{margin-bottom:5px;font-size:11.5px;color:var(--tinta-fraca)}.dica .linha-dica{display:flex;align-items:center;gap:7px;justify-content:space-between;font-size:12px;color:var(--tinta-2)}.dica .linha-dica b{font-variant-numeric:tabular-nums;color:var(--tinta)}.dica .chave{display:inline-flex;align-items:center;gap:6px}.dica .chave i{width:12px;height:2px;border-radius:2px}.vazio,.erro{padding:18px 14px;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);color:var(--tinta-2)}.erro{border-color:#d03b3b59}.recarregando{opacity:.55;transition:opacity .12s ease-out}.trilha-navegacao{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;color:var(--tinta-fraca)}.trilha-navegacao a:hover{color:var(--serie-1);text-decoration:underline}.par{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:6px 0;border-bottom:1px solid var(--grade);font-size:13px}.par:last-child{border-bottom:none}.par dt{color:var(--tinta-2)}.par dd{margin:0;font-variant-numeric:tabular-nums;font-weight:600}