:root{--fundo: #EEF3F4;--superficie: #FFFFFF;--superficie-2: #F6F9FA;--tinta: #15303F;--tinta-2: #4E6674;--tinta-3: #7F939E;--linha: #D6E0E4;--agua: #0B6E8A;--agua-clara: #D9EEF3;--agua-viva: #4FC3DC;--ok: #2F8A5B;--ok-fundo: #E3F2E9;--atencao: #A86A12;--atencao-fundo: #FBF0DC;--critico: #C23B2E;--critico-fundo: #FBE6E3;--sem-dado: #8A99A5;--sem-dado-fundo: #EDF1F3;--mostrador-preto: #1B1F22;--mostrador-vermelho: #B3261E;--raio-g: 14px;--raio-p: 8px;--sombra: 0 1px 2px rgba(21,48,63,.06), 0 4px 14px rgba(21,48,63,.05);--fonte: "IBM Plex Sans", "Segoe UI", Roboto, Arial, sans-serif;--fonte-num: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--fundo: #0E1A21;--superficie: #15252E;--superficie-2: #1A2D37;--tinta: #E4EEF2;--tinta-2: #A9BCC6;--tinta-3: #7C919C;--linha: #28404C;--agua: #4FC3DC;--agua-clara: #173A46;--agua-viva: #7FD8EA;--ok: #5CC28A;--ok-fundo: #173A2A;--atencao: #E3A64A;--atencao-fundo: #3A2E17;--critico: #F07A6C;--critico-fundo: #3E1F1B;--sem-dado: #7C919C;--sem-dado-fundo: #1E2F38;--sombra: none;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--fundo);color:var(--tinta);font-family:var(--fonte);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}:root{padding-top:env(safe-area-inset-top,0px)}.num{font-variant-numeric:tabular-nums}h1{font-size:26px;line-height:1.2;margin:0 0 4px;font-weight:700;letter-spacing:-.01em}h2{font-size:17px;margin:0 0 12px;font-weight:600}h3{font-size:15px;margin:0 0 8px;font-weight:600}a{color:var(--agua)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--agua-viva);outline-offset:2px;border-radius:4px}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.app{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100%}.app>main{min-width:0}.lateral{background:var(--tinta);color:#dce8ed;padding:20px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .lateral{background:#0a141a}}.marca{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;font-weight:700;font-size:16px;color:#fff}.marca small{display:block;font-weight:400;font-size:12px;color:#9db4bf}.nav a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--raio-p);color:#c6d6dd;text-decoration:none;font-weight:500}.nav a:hover{background:#ffffff0f;color:#fff}.nav a.ativo{background:#4fc3dc29;color:#fff}.nav .cont{margin-left:auto;background:var(--critico);color:#fff;font-size:12px;border-radius:10px;padding:0 7px}.lateral .rodape{margin-top:auto;font-size:13px;color:#9db4bf;padding:8px}.lateral .rodape button{background:none;border:0;color:#c6d6dd;padding:0;cursor:pointer;text-decoration:underline}.lateral select{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:var(--raio-p);padding:7px 8px;margin:0 0 12px}.lateral select option{color:#15303f}.conteudo{padding:28px 32px 48px;max-width:1240px;width:100%}.topo{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:22px;flex-wrap:wrap}.topo p{margin:0;color:var(--tinta-2)}.abas-moveis{display:none}@media (max-width: 860px){.app{grid-template-columns:minmax(0,1fr)}.lateral{display:none}.conteudo{padding:18px 14px 96px}.abas-moveis{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;background:var(--superficie);border-top:1px solid var(--linha);padding:6px 4px calc(6px + env(safe-area-inset-bottom,0px));z-index:20}.abas-moveis a{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:12px;color:var(--tinta-2);text-decoration:none;padding:4px;min-height:44px;justify-content:center}.abas-moveis a.ativo{color:var(--agua);font-weight:600}}.grade{display:grid;gap:16px}.g2{grid-template-columns:repeat(2,minmax(0,1fr))}.g3{grid-template-columns:repeat(3,minmax(0,1fr))}.g-kpi{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}@media (max-width: 860px){.g2,.g3,.regra-linha{grid-template-columns:1fr!important}.g-kpi{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.grade .kpi .val{font-size:clamp(15px,4.4vw,22px);white-space:nowrap}.grade .kpi{padding:12px}h1{font-size:22px}.so-desktop{display:none!important}}@media (min-width: 861px){.so-movel{display:none!important}}.cartao-hid{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:12px 0;border-bottom:1px solid var(--linha);text-decoration:none;color:inherit}.cartao-hid:last-child{border-bottom:0}.cartao-hid .vaz{font-size:20px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.painel{background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio-g);padding:18px 20px;box-shadow:var(--sombra);min-width:0}.painel.plano{box-shadow:none}.painel .cab{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;flex-wrap:wrap}.painel .cab h2{margin:0}.nota{color:var(--tinta-3);font-size:13px}.kpi{padding:14px 16px 16px;border-radius:var(--raio-g);background:var(--superficie);border:1px solid var(--linha)}.kpi .rot{color:var(--tinta-2);font-size:13px}.kpi .val{font-size:27px;font-weight:600;margin:4px 0 2px;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.kpi .val small{font-size:15px;font-weight:500;color:var(--tinta-2);margin-left:3px}.kpi.alerta{border-color:var(--critico);background:var(--critico-fundo)}.delta{font-size:13px;font-variant-numeric:tabular-nums;display:inline-flex;gap:4px;align-items:center}.delta.ruim{color:var(--critico)}.delta.bom{color:var(--ok)}.delta.neutro{color:var(--tinta-3)}.mostrador{display:inline-flex;gap:2px;font-family:var(--fonte-num);font-weight:600;font-size:22px;padding:5px;background:#d8dee1;border-radius:7px;box-shadow:inset 0 1px 3px #00000040}.mostrador span{width:1.05em;text-align:center;border-radius:3px;padding:3px 0;color:#fff;background:linear-gradient(#2B3134,var(--mostrador-preto) 45%,#2B3134)}.mostrador span.l{background:linear-gradient(#C8392F,var(--mostrador-vermelho) 45%,#C8392F)}.mostrador.pq{font-size:15px;padding:3px}.mostrador-vazio{color:var(--tinta-3);font-size:13px}.status{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:500;border-radius:20px;padding:2px 10px 2px 8px}.status:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.status.ok{color:var(--ok);background:var(--ok-fundo)}.status.atencao{color:var(--atencao);background:var(--atencao-fundo)}.status.critico{color:var(--critico);background:var(--critico-fundo)}.status.tecnico,.status.sem{color:var(--sem-dado);background:var(--sem-dado-fundo)}.status.agua{color:var(--agua);background:var(--agua-clara)}h1 .status{vertical-align:middle;margin-left:6px}.tabela-rolo{overflow-x:auto}table.t{width:100%;border-collapse:collapse;font-size:14px}.t th{text-align:left;font-weight:600;color:var(--tinta-2);font-size:13px;padding:8px 10px;border-bottom:1px solid var(--linha);white-space:nowrap}.t td{padding:10px;border-bottom:1px solid var(--linha);vertical-align:middle}.t td.n,.t th.n{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.t tr.clica{cursor:pointer}.t tr.clica:hover td{background:var(--superficie-2)}.bolinha{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:8px;vertical-align:-1px}.campo{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}.campo label{font-size:13px;font-weight:500;color:var(--tinta-2)}.campo input,.campo select,.campo textarea{border:1px solid var(--linha);background:var(--superficie);border-radius:var(--raio-p);padding:9px 11px;min-height:42px}.campo .ajuda{font-size:12px;color:var(--tinta-3)}.linha-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:var(--raio-p);border:1px solid var(--linha);background:var(--superficie);padding:8px 14px;min-height:40px;font-weight:500;cursor:pointer;text-decoration:none;color:var(--tinta)}.btn:hover{border-color:var(--tinta-3)}.btn.prim{background:var(--agua);border-color:var(--agua);color:#fff}.btn.prim:hover{filter:brightness(1.08)}.btn.perigo{color:var(--critico)}.btn:disabled{opacity:.5;cursor:default}.acoes{display:flex;gap:8px;flex-wrap:wrap}.seg{display:inline-flex;border:1px solid var(--linha);border-radius:var(--raio-p);overflow:hidden}.seg button{border:0;background:var(--superficie);padding:6px 12px;cursor:pointer;font-size:13px}.seg button.on{background:var(--agua-clara);color:var(--agua);font-weight:600}.abas{display:flex;gap:4px;border-bottom:1px solid var(--linha);margin-bottom:18px;overflow-x:auto}.abas button{background:none;border:0;border-bottom:2px solid transparent;padding:10px 12px;cursor:pointer;color:var(--tinta-2);white-space:nowrap;font-weight:500}.abas button.on{color:var(--agua);border-color:var(--agua)}.msg-erro{background:var(--critico-fundo);color:var(--critico);padding:10px 12px;border-radius:var(--raio-p);margin-bottom:12px;font-size:14px}.msg-ok{background:var(--ok-fundo);color:var(--ok);padding:10px 12px;border-radius:var(--raio-p);margin-bottom:12px;font-size:14px}.cofre{background:var(--superficie-2);border:1px dashed var(--tinta-3);border-radius:var(--raio-p);padding:12px;font-family:var(--fonte-num);font-size:13px;word-break:break-all}.esqueleto{background:linear-gradient(90deg,var(--superficie-2),var(--linha),var(--superficie-2));background-size:200% 100%;animation:brilho 1.4s infinite;border-radius:var(--raio-p)}@keyframes brilho{0%{background-position:200% 0}to{background-position:-200% 0}}.vazio{text-align:center;padding:36px 16px;color:var(--tinta-2)}.vazio h3{color:var(--tinta)}.alerta-item{display:grid;grid-template-columns:4px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--linha)}.alerta-item:last-child{border-bottom:0}.alerta-item .faixa{border-radius:4px}.alerta-item .faixa.critico{background:var(--critico)}.alerta-item .faixa.atencao{background:var(--atencao)}.alerta-item .faixa.tecnico{background:var(--sem-dado)}.alerta-item h3{margin:0 0 3px}.alerta-item p{margin:0;color:var(--tinta-2);font-size:14px}.custo-escorrendo{font-variant-numeric:tabular-nums;font-weight:600;color:var(--critico);text-align:right;white-space:nowrap}@media (max-width: 860px){.alerta-item{grid-template-columns:4px 1fr}.alerta-item .lado-dir{grid-column:2}}.calor{display:grid;grid-template-columns:34px repeat(24,minmax(10px,1fr));gap:2px;font-size:11px;color:var(--tinta-3)}.calor .c{aspect-ratio:1;border-radius:2px}.login{min-height:100%;display:grid;place-items:center;padding:20px;background:radial-gradient(1200px 500px at 20% 0%,var(--agua-clara),transparent),var(--fundo)}.login .caixa{width:100%;max-width:380px}.login .marca{color:var(--tinta);padding:0 0 20px;font-size:20px}.login .marca small{color:var(--tinta-2);font-size:13px}.entrar-cliente{width:100%;text-align:left;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#fff;border-radius:var(--raio-p);padding:9px 10px;margin:0 0 12px;cursor:pointer;font-size:14px}.entrar-cliente:hover{background:#ffffff24}.nav .nav-botao{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--raio-p);color:#f6c9c4;background:none;border:0;font-weight:500;cursor:pointer;width:100%;margin-top:8px}.nav .nav-botao:hover{background:#ffffff0f}.faixa-suporte{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;background:var(--atencao-fundo);color:var(--tinta);border:1px solid var(--atencao);border-radius:var(--raio-p);padding:8px 12px;margin-bottom:18px;font-size:14px}.fundo-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a192173;display:grid;place-items:center;z-index:50;padding:16px}.modal{background:var(--superficie);border-radius:var(--raio-g);padding:22px;width:100%;max-width:480px;box-shadow:0 20px 60px #00000040}.modal h2{margin-bottom:6px}.passos{display:flex;gap:12px;flex-wrap:wrap}.passo{display:flex;align-items:center;gap:10px;flex:1 1 160px;color:var(--tinta-3);font-weight:500;background:none;border:0;padding:0;cursor:pointer;text-align:left}.passo .n{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;border:1.5px solid var(--linha);flex-shrink:0}.passo.on{color:var(--agua);font-weight:600}.passo.on .n{background:var(--agua);color:#fff;border-color:var(--agua)}.passo.feito .n{background:var(--agua-clara);color:var(--agua);border-color:var(--agua-clara)}.atencao-item{display:grid;grid-template-columns:4px minmax(0,1fr) auto;gap:14px;padding:12px 0;border-bottom:1px solid var(--linha);align-items:center}.atencao-item:last-child{border-bottom:0}.atencao-item .faixa{align-self:stretch;border-radius:4px}.atencao-item .faixa.critico{background:var(--critico)}.atencao-item .faixa.atencao{background:var(--atencao)}.atencao-item .faixa.tecnico{background:var(--sem-dado)}.linha-dado{display:grid;grid-template-columns:150px minmax(0,1fr);gap:10px;padding:7px 0;border-bottom:1px solid var(--linha);font-size:14px}.linha-dado>span:first-child{color:var(--tinta-2)}.plano-card{background:var(--superficie);border:1px solid var(--linha);border-radius:var(--raio-g);padding:18px 20px}.plano-card ul{list-style:none;margin:0 0 14px;padding:0;font-size:14px}.plano-card li{display:flex;justify-content:space-between;gap:8px;padding:6px 0;border-bottom:1px solid var(--linha)}@media (max-width: 860px){.atencao-item{grid-template-columns:4px minmax(0,1fr)}.atencao-item>:last-child{grid-column:2;justify-self:start}.linha-dado{grid-template-columns:1fr;gap:2px}}.status,.t .btn{white-space:nowrap}