:root{--bg: #0e1712;--sidebar-bg: #0a100c;--panel: #142019;--panel-2: #18261e;--seam: #2a3d31;--seam-soft: #1f2e25;--ink: #eaf1ec;--ink-dim: #9bb0a4;--ink-faint: #5f7a6a;--green: #35c281;--green-dim: #1f7a53;--green-soft: rgba(53, 194, 129, .16);--amber: #f0a83c;--amber-dim: #b9781f;--amber-soft: rgba(240, 168, 60, .16);--red: #f0605a;--red-soft: rgba(240, 96, 90, .16);--blue: #4fb8d6;--blue-soft: rgba(79, 184, 214, .16);--font-label: "Bahnschrift", "Segoe UI Semibold", "Arial Narrow", sans-serif;--font-body: -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "Cascadia Code", "SF Mono", Consolas, "Roboto Mono", monospace}:root[data-theme=light]{--bg: #e2dac6;--sidebar-bg: #cabf9c;--panel: #d8cdae;--panel-2: #cabf9c;--seam: #b3a37d;--seam-soft: #c2b48d;--ink: #241f18;--ink-dim: #5c5240;--ink-faint: #8c8069;--green: #23745a;--green-dim: #1a5943;--green-soft: rgba(35, 116, 90, .1);--amber: #96631e;--amber-dim: #7a4f18;--amber-soft: rgba(150, 99, 30, .1);--red: #a83a30;--red-soft: rgba(168, 58, 48, .1);--blue: #2b7d94;--blue-soft: rgba(43, 125, 148, .1)}@media (prefers-color-scheme: light){:root:not([data-theme=dark]){--bg: #e2dac6;--sidebar-bg: #cabf9c;--panel: #d8cdae;--panel-2: #cabf9c;--seam: #b3a37d;--seam-soft: #c2b48d;--ink: #241f18;--ink-dim: #5c5240;--ink-faint: #8c8069;--green: #23745a;--green-dim: #1a5943;--green-soft: rgba(35, 116, 90, .1);--amber: #96631e;--amber-dim: #7a4f18;--amber-soft: rgba(150, 99, 30, .1);--red: #a83a30;--red-soft: rgba(168, 58, 48, .1);--blue: #2b7d94;--blue-soft: rgba(43, 125, 148, .1)}}*{box-sizing:border-box}body{margin:0;background:radial-gradient(1100px 500px at 12% -10%,rgba(53,194,129,.05),transparent 60%),var(--bg);color:var(--ink);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}.rotulo-tecnico{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.11em;font-size:10.5px;color:var(--ink-faint)}table{width:100%;border-collapse:collapse;font-size:12.5px}th{text-align:left;font-family:var(--font-label);font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-faint);font-weight:500;padding:10px 14px;border-bottom:1px solid var(--seam)}td{padding:11px 14px;border-bottom:1px solid var(--seam-soft);color:var(--ink-dim)}tr:last-child td{border-bottom:none}select,input,button{background:var(--panel-2);color:var(--ink);border:1px solid var(--seam);padding:8px 10px;font-size:13px;font-family:var(--font-body)}button{cursor:pointer;font-family:var(--font-label);text-transform:uppercase;letter-spacing:.04em;font-size:11.5px}button:hover{border-color:var(--green-dim)}.erro{color:var(--red);font-family:var(--font-mono);font-size:12.5px}.splash-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:#000}.splash-logo-img{width:160px;height:160px;margin-bottom:6px;box-shadow:0 0 24px #35c28159}.splash-sub{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--ink-faint)}.splash-frase{font-style:italic;font-size:15px;color:var(--green);margin:0}.splash-barra{width:160px;height:4px;border-radius:2px;background:var(--seam);overflow:hidden;margin-top:6px}.splash-barra-preenchimento{height:100%;width:0%;background:var(--green);border-radius:2px;animation:splash-progresso 3s linear forwards}@keyframes splash-progresso{0%{width:0%}to{width:100%}}.tela-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(900px 600px at 15% 0%,var(--green-soft),transparent 60%),radial-gradient(700px 500px at 100% 100%,var(--green-soft),transparent 55%)}.shell{display:grid;grid-template-columns:216px 1fr;min-height:100vh}.sidebar{background:radial-gradient(480px 320px at 0% 0%,var(--green-soft),transparent 70%),linear-gradient(160deg,var(--panel) 0%,var(--sidebar-bg) 70%);border-right:1px solid var(--seam);padding:20px 0;display:flex;flex-direction:column}.marca{padding:0 18px 22px;border-bottom:1px solid var(--seam-soft);margin-bottom:6px}.sidebar .marca{background:var(--panel-2);border:1px solid var(--seam);border-radius:0;margin:14px 14px 16px;padding:14px 16px}.placa{display:inline-flex;align-items:center;gap:9px}.furo{width:7px;height:7px;border-radius:50%;background:var(--seam);box-shadow:inset 0 1px 1px #0006}.marca strong{font-family:var(--font-label);letter-spacing:.06em;font-size:15px;text-transform:uppercase}.marca .sub{display:block;margin-top:5px;font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);letter-spacing:.03em}nav.principal{display:flex;flex-direction:column;padding:4px 10px}.nav-grupo-titulo{font-family:var(--font-label);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);padding:14px 8px 6px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 8px;color:var(--ink-dim);text-decoration:none;font-size:13px;border-left:2px solid transparent;cursor:pointer}.nav-item:hover{color:var(--ink)}.nav-item.ativo{color:var(--ink);border-left:2px solid var(--green);background:linear-gradient(90deg,var(--green-soft),transparent 70%)}.nav-item.nav-desabilitado{opacity:.45;cursor:default}.nav-item svg{width:15px;height:15px;flex:none;opacity:.8}a.nav-item{cursor:pointer}.sidebar-rodape{margin-top:auto;padding:12px 18px;border-top:1px solid var(--seam-soft);font-family:var(--font-mono);font-size:10.5px;color:var(--ink-faint)}.sidebar-rodape .led{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:6px;box-shadow:0 0 6px var(--green)}main{min-width:0}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 26px;border-bottom:1px solid var(--seam);background:var(--panel)}.seletor-cliente{display:flex;align-items:center;gap:10px}.seletor-cliente .tag{font-family:var(--font-mono);font-size:10px;color:var(--ink-faint);border:1px solid var(--seam);padding:2px 6px;letter-spacing:.04em}.seletor-cliente .nome{font-family:var(--font-label);font-size:13.5px;letter-spacing:.02em;text-transform:uppercase}.seletor-cliente-select{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.02em;font-size:13px}.topbar-direita{display:flex;align-items:center;gap:16px}.periodo{display:flex;flex-direction:column;gap:8px;align-items:flex-end}.intervalo{display:flex;border:1px solid var(--seam)}.intervalo button{border:none;border-right:1px solid var(--seam);background:var(--panel-2);color:var(--ink-faint);padding:7px 11px}.intervalo button:last-child{border-right:none}.intervalo button.ativo{background:var(--green-dim);color:#eafff3}.intervalo button:hover{border-color:var(--seam)}.periodo-custom{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;color:var(--ink-faint)}.periodo-custom input[type=date]{padding:5px 8px;font-size:11.5px}.periodo-resumo{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-faint);letter-spacing:.02em}.periodo-resumo-pagina{margin:-6px 0 0}.avatar-usuario{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--seam);font-family:var(--font-mono);font-size:11px;color:var(--ink-dim);background:var(--panel-2);padding:0;border-radius:50%}.botao-tema{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:1px solid var(--seam);background:var(--panel-2);padding:0;color:var(--ink-dim)}.botao-tema svg{width:15px;height:15px}.botao-tema:hover{color:var(--amber);border-color:var(--amber-dim)}.botao-hamburguer{display:none;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid var(--seam);background:var(--panel-2);padding:0;color:var(--ink-dim);margin-right:6px}.botao-hamburguer svg{width:17px;height:17px}.sidebar-overlay{display:none}.conteudo{padding:22px 26px 50px;display:flex;flex-direction:column;gap:18px}.painel-equipamento{background:var(--panel);border:1px solid var(--seam);padding:18px 22px 16px;display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center}.painel-equipamento h1{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.04em;font-size:18px;margin:0 0 4px}.painel-equipamento .local{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-faint)}.estado-geral{display:flex;align-items:center;gap:8px}.estado-geral .led-grande{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}.estado-geral.offline .led-grande{background:var(--ink-faint);box-shadow:none}.estado-geral span{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.06em;font-size:12px;color:var(--green)}.estado-geral.offline span{color:var(--ink-faint)}.chips-estado{grid-column:1 / -1;display:flex;gap:10px;flex-wrap:wrap}.botao-exportar{grid-column:2;justify-self:end;background:transparent;border:1px solid var(--green-dim);color:var(--green)}.botao-exportar:hover{background:var(--green-soft)}.botao-exportar:disabled{opacity:.5;cursor:not-allowed}.chip-estado{display:flex;align-items:center;gap:10px;border:1px solid var(--seam);background:var(--panel-2);padding:9px 14px;flex:1;min-width:200px}.chip-estado strong{display:block;font-family:var(--font-label);font-size:12px;letter-spacing:.02em;color:var(--ink)}.chip-estado small{display:block;font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.chip-led{width:9px;height:9px;border-radius:50%;flex:none}.chip-estado.cor-green{border-color:var(--green-dim);background:var(--green-soft)}.chip-estado.cor-green .chip-led{background:var(--green);box-shadow:0 0 8px var(--green)}.chip-estado.cor-green small{color:var(--green)}.chip-estado.cor-amber{border-color:var(--amber-dim);background:var(--amber-soft)}.chip-estado.cor-amber .chip-led{background:var(--amber);box-shadow:0 0 8px var(--amber)}.chip-estado.cor-amber small{color:var(--amber)}.chip-estado.cor-cinza .chip-led{background:var(--ink-faint)}.chip-estado.cor-cinza small{color:var(--ink-faint)}.medidores{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--seam);border:1px solid var(--seam)}.medidor{background:var(--panel);padding:16px 18px;position:relative}.medidor .valor{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:30px;font-weight:600;color:var(--ink)}.medidor .valor .unidade{font-size:15px;color:var(--ink-faint);margin-left:3px}.medidor .valor.cor-green{color:var(--green)}.medidor .valor.cor-amber{color:var(--amber)}.medidor .valor.cor-red{color:var(--red)}.medidor .valor.cor-blue{color:var(--blue)}.medidor.faixa-green{box-shadow:inset 3px 0 0 var(--green)}.medidor.faixa-amber{box-shadow:inset 3px 0 0 var(--amber)}.medidor.faixa-red{box-shadow:inset 3px 0 0 var(--red)}.medidor.faixa-blue{box-shadow:inset 3px 0 0 var(--blue)}.medidor .nota{font-family:var(--font-mono);font-size:11px;color:var(--ink-faint);margin-top:6px}.medidor .nota.pos:before{content:"▲ ";color:var(--green)}.medidor .nota.neg:before{content:"● ";color:var(--red)}.painel{background:var(--panel);border:1px solid var(--seam)}.painel-cabecalho{display:flex;align-items:center;justify-content:space-between;padding:13px 18px;border-bottom:1px solid var(--seam)}.painel-cabecalho .titulo{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;font-size:12.5px}.painel-cabecalho .sub{display:block;margin-top:3px;font-size:11px;color:var(--ink-faint);text-transform:none;letter-spacing:0;font-family:var(--font-body)}.legenda{display:flex;gap:14px;font-family:var(--font-mono);font-size:10.5px;color:var(--ink-dim)}.legenda span{display:inline-flex;align-items:center;gap:6px}.legenda i{width:8px;height:8px;display:inline-block}.duas-colunas{display:grid;grid-template-columns:1.5fr 1fr;gap:14px;align-items:stretch}.grafico-corpo{padding:18px;position:relative}.leitura-fixa{position:absolute;top:18px;background:var(--panel-2);border:1px solid var(--seam);padding:7px 10px;font-family:var(--font-mono);font-size:11px;min-width:100px;pointer-events:none}.leitura-fixa .lf-dia{color:var(--ink-faint);font-size:10px;margin-bottom:4px;text-transform:uppercase;letter-spacing:.04em}.leitura-fixa .lf-linha{display:flex;justify-content:space-between;gap:10px}table.tabela-eventos td.forte{color:var(--ink);font-family:var(--font-label);letter-spacing:.02em;font-size:12px}table.tabela-eventos td.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;color:var(--ink)}.severidade{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.03em}.severidade i{width:7px;height:7px}.sev-critica i{background:var(--red)}.sev-critica{color:var(--red)}.sev-atencao i{background:var(--amber)}.sev-atencao{color:var(--amber)}.banner-erro{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--red-soft);border:1px solid var(--red);color:var(--red);padding:10px 14px;font-size:12.5px;font-family:var(--font-mono)}.banner-erro-acoes{display:flex;align-items:center;gap:10px;flex:none}.banner-erro button{background:transparent;border:none;color:var(--red);font-size:13px;padding:0 2px}.banner-erro button:hover{border-color:transparent;opacity:.7}.banner-erro-retry{border:1px solid var(--red)!important;padding:4px 10px!important;font-size:11px!important;text-transform:uppercase;letter-spacing:.04em}.banner-erro-retry:hover{background:var(--red-soft);opacity:1!important}.skeleton-grupo{display:flex;flex-direction:column;gap:10px}.skeleton{background:linear-gradient(90deg,var(--panel-2) 25%,var(--seam-soft) 50%,var(--panel-2) 75%);background-size:200% 100%;animation:skeleton-pulso 1.4s ease-in-out infinite;border:1px solid var(--seam)}@keyframes skeleton-pulso{0%{background-position:200% 0}to{background-position:-200% 0}}.atalhos{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.atalho-card{display:flex;flex-direction:column;gap:6px;background:var(--panel);border:1px solid var(--seam);padding:16px 18px;text-decoration:none;color:var(--ink)}.atalho-card:hover{border-color:var(--green-dim)}.atalho-card strong{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.04em;font-size:13px;color:var(--green)}.atalho-card span{font-size:12px;color:var(--ink-faint)}.filtros-falha{display:flex;gap:8px}.filtros-falha select{font-size:11.5px;padding:6px 8px}.paginacao{display:flex;align-items:center;justify-content:center;gap:16px;padding:14px 18px;border-top:1px solid var(--seam)}.paginacao button:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 980px){.medidores{grid-template-columns:repeat(2,1fr)}.duas-colunas,.atalhos{grid-template-columns:1fr}}@media (max-width: 860px){.shell{grid-template-columns:1fr}.botao-hamburguer{display:flex}.sidebar{position:fixed;top:0;left:0;height:100dvh;width:240px;z-index:50;transform:translate(-100%);transition:transform .22s ease}.shell.menu-aberto .sidebar{transform:translate(0)}.sidebar-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.topbar{flex-wrap:wrap;gap:10px;padding:12px 16px}.topbar-direita{flex-wrap:wrap;gap:10px;row-gap:10px}.intervalo{overflow-x:auto}.conteudo{padding:16px 16px 40px}.painel-equipamento{grid-template-columns:1fr}.botao-exportar{grid-column:1;justify-self:start}.medidores{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.medidores{grid-template-columns:1fr}.chips-estado{flex-direction:column}.chip-estado{min-width:0}}