.viz{color-scheme:light;--plano: #f9f9f7;--superficie: #fcfcfb;--superficie-2: #f3f2ee;--tinta: #0b0b0b;--tinta-2: #52514e;--tinta-3: #898781;--grade: #e1e0d9;--eixo: #c3c2b7;--borda: rgba(11, 11, 11, .1);--s1: #2a78d6;--s2: #eb6834;--s3: #1baf7a;--bom: #0ca30c;--atencao: #fab219;--serio: #ec835a;--critico: #d03b3b;--sobe-bom: #006300;--sombra: 0 1px 2px rgba(0,0,0,.04), 0 4px 16px rgba(0,0,0,.04)}@media (prefers-color-scheme: dark){:root:where(:not([data-theme=light])) .viz{color-scheme:dark;--plano: #0d0d0d;--superficie: #1a1a19;--superficie-2: #222220;--tinta: #f0efec;--tinta-2: #c3c2b7;--tinta-3: #898781;--grade: #2c2c2a;--eixo: #383835;--borda: rgba(255, 255, 255, .1);--s1: #3987e5;--s2: #d95926;--s3: #199e70;--sobe-bom: #0ca30c;--sombra: none}}:root[data-theme=dark] .viz{color-scheme:dark;--plano: #0d0d0d;--superficie: #1a1a19;--superficie-2: #222220;--tinta: #f0efec;--tinta-2: #c3c2b7;--tinta-3: #898781;--grade: #2c2c2a;--eixo: #383835;--borda: rgba(255, 255, 255, .1);--s1: #3987e5;--s2: #d95926;--s3: #199e70;--sobe-bom: #0ca30c;--sombra: none}*{box-sizing:border-box}html,body{margin:0}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif}.viz{background:var(--plano);color:var(--tinta);min-height:100vh}.topo{position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--plano) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--borda)}.topo-in{max-width:1320px;margin:0 auto;padding:12px 20px;display:flex;gap:14px;align-items:center;flex-wrap:wrap}.marca{display:flex;gap:10px;align-items:center;margin-right:auto}.marca b{font-size:17px;letter-spacing:-.01em}.marca small{display:block;color:var(--tinta-3);font-size:12px}.filtros{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.chip{border:1px solid var(--borda);background:var(--superficie);color:var(--tinta-2);border-radius:999px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}.chip:hover{background:var(--superficie-2)}.chip[aria-pressed=true]{color:var(--tinta);font-weight:700;border-color:var(--tinta-3)}.chip input{border:0;background:transparent;color:inherit;font:inherit}.botao{border:1px solid var(--borda);background:var(--superficie);color:var(--tinta);border-radius:10px;padding:7px 12px;font:inherit;font-size:13px;cursor:pointer}.botao:hover{background:var(--superficie-2)}.botao.prim{background:var(--s1);color:#fff;border-color:transparent}.corpo{max-width:1320px;margin:0 auto;padding:18px 20px 48px;display:grid;gap:16px}.grade-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.grade-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px}.grade-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}@media (max-width: 520px){.grade-2,.grade-3{grid-template-columns:1fr}}.cartao{background:var(--superficie);border:1px solid var(--borda);border-radius:14px;padding:16px;box-shadow:var(--sombra);min-width:0}.cartao h2{font-size:14px;margin:0 0 2px;font-weight:700}.cartao .sub{color:var(--tinta-3);font-size:12px;margin:0 0 12px}.cab{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.kpi .rot{color:var(--tinta-2);font-size:13px}.kpi .val{font-size:30px;font-weight:700;letter-spacing:-.02em;margin:6px 0 4px}.kpi .val small{font-size:15px;font-weight:600;color:var(--tinta-2);margin-left:3px}.kpi .nota{font-size:12px;color:var(--tinta-3)}.delta{font-size:12px;font-weight:700}.delta.bom{color:var(--sobe-bom)}.delta.ruim{color:var(--critico)}.delta.neutro{color:var(--tinta-2)}.destaques{display:grid;gap:8px}.destaque{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--tinta);line-height:1.4}.ico{width:20px;height:20px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:800;color:#fff}.ico.neutro{background:var(--tinta-3)}.ico.bom{background:var(--bom)}.ico.atencao{background:var(--atencao);color:#0b0b0b}.ico.critico{background:var(--critico)}.legenda{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--tinta-2);margin-bottom:8px}.legenda span{display:inline-flex;gap:6px;align-items:center}.legenda i{width:10px;height:10px;border-radius:3px;display:inline-block}.dica{position:absolute;pointer-events:none;background:var(--superficie);color:var(--tinta);border:1px solid var(--borda);border-radius:10px;padding:8px 10px;font-size:12px;box-shadow:0 6px 24px #0000002e;white-space:nowrap;z-index:3}.dica b{display:block;margin-bottom:4px}.dica .l{display:flex;gap:8px;justify-content:space-between;color:var(--tinta-2)}.dica .l span:last-child{color:var(--tinta);font-variant-numeric:tabular-nums;font-weight:600}.hbar{display:grid;grid-template-columns:minmax(110px,38%) 1fr 64px;gap:10px;align-items:center;font-size:13px;padding:5px 0}.hbar .trilho{height:12px;background:var(--superficie-2);border-radius:4px;overflow:hidden}.hbar .enche{height:100%;border-radius:0 4px 4px 0}.hbar .num{text-align:right;font-variant-numeric:tabular-nums;color:var(--tinta);font-weight:600}.hbar .num small{display:block;color:var(--tinta-3);font-weight:400;font-size:11px}.hbar:hover .trilho{outline:2px solid var(--borda)}.medidor{margin:10px 0}.medidor .t{display:flex;justify-content:space-between;font-size:13px;margin-bottom:5px}.medidor .t b{font-variant-numeric:tabular-nums}.medidor .trilho{height:10px;background:var(--superficie-2);border-radius:4px;overflow:hidden}.medidor .enche{height:100%;background:var(--s1);border-radius:0 4px 4px 0}.status{display:inline-flex;gap:6px;align-items:center;font-size:13px;font-weight:600}.saude-linha{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--grade);font-size:13px}.saude-linha:last-child{border-bottom:0}.saude-linha .k{color:var(--tinta-2)}.pontos{display:flex;gap:3px;flex-wrap:wrap;margin-top:10px}.ponto{width:12px;height:12px;border-radius:3px}.tabela{width:100%;border-collapse:collapse;font-size:12px}.tabela th,.tabela td{padding:6px 8px;border-bottom:1px solid var(--grade);text-align:right;font-variant-numeric:tabular-nums}.tabela th:first-child,.tabela td:first-child{text-align:left}.tabela th{color:var(--tinta-2);font-weight:600;position:sticky;top:0;background:var(--superficie)}.rolavel{max-height:280px;overflow:auto}.link{background:none;border:0;color:var(--tinta-2);font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;padding:0}.vazio{color:var(--tinta-3);font-size:13px;padding:24px 0;text-align:center}.tela-centro{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.caixa{max-width:440px;width:100%;text-align:center}.caixa h1{font-size:22px;margin:14px 0 6px}.caixa p{color:var(--tinta-2);font-size:14px;line-height:1.5}.rodape{text-align:center;color:var(--tinta-3);font-size:12px;padding-top:8px}.tv .topo{position:static}.tv .corpo{max-width:none}.tv .kpi .val{font-size:40px}.carregando{opacity:.55;transition:opacity .2s}svg text{font-family:inherit}@media (forced-colors: active){.enche,.ponto,rect.barra{forced-color-adjust:none}}
