:root{--fundo: #f6f7f9;--superficie: #ffffff;--borda: #e2e5ea;--texto: #1c2430;--suave: #5f6b7a;--verde: #1f9d55;--amarelo: #d69e2e;--vermelho: #d64545;--azul: #2f6fdb;--roxo: #7a5af8;--verde-f: #e6f6ec;--amarelo-f: #fdf4e1;--vermelho-f: #fdeaea;--azul-f: #e8effc;--raio: 10px;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.45}@media (prefers-color-scheme: dark){:root{--fundo: #12161c;--superficie: #1a2028;--borda: #2a323d;--texto: #e6e9ee;--suave: #9aa5b3;--verde-f: #15301f;--amarelo-f: #33290f;--vermelho-f: #3a1a1a;--azul-f: #172540}}*{box-sizing:border-box}body{margin:0;background:var(--fundo);color:var(--texto)}a{color:var(--azul);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:1.5rem;margin:0 0 12px;display:flex;gap:8px;align-items:center}h2{font-size:1.05rem;margin:24px 0 10px;color:var(--suave);font-weight:600}code,pre{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.85em}button{font:inherit;cursor:pointer;border-radius:8px;border:1px solid var(--borda);background:var(--superficie);color:var(--texto);padding:8px 14px}button[type=submit],button.primario{background:var(--azul);border-color:var(--azul);color:#fff}button:disabled{opacity:.6;cursor:default}button.link{border:0;background:none;color:var(--azul);padding:0}input,select{font:inherit;padding:8px 10px;border-radius:8px;border:1px solid var(--borda);background:var(--superficie);color:var(--texto);width:100%}label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--suave)}.quieto{color:var(--suave)}.erro{color:var(--vermelho)}.aviso{color:var(--amarelo)}.nowrap{white-space:nowrap}.app{min-height:100vh;display:flex;flex-direction:column}.topo{display:flex;align-items:center;gap:24px;padding:12px 24px;background:var(--superficie);border-bottom:1px solid var(--borda);flex-wrap:wrap;position:sticky;top:0;z-index:5}.marca{font-weight:700;letter-spacing:.02em}.topo nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}.topo nav a{padding:6px 12px;border-radius:8px;color:var(--texto)}.topo nav a.active{background:var(--azul-f);color:var(--azul);font-weight:600}.topo nav a:hover{text-decoration:none;background:var(--fundo)}.usuario{display:flex;gap:12px;align-items:center;font-size:.9rem}main{flex:1;padding:24px;max-width:1280px;width:100%;margin:0 auto}.rodape{text-align:center;padding:16px;font-size:.8rem}.auth-fundo,.tela-central{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-caixa,.caixa{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:28px;width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px}.auth-caixa .marca{font-size:1.1rem}.ajuda{font-size:.85rem;color:var(--suave)}img.qr{display:block;margin:0 auto;width:200px;height:200px;background:#fff;padding:8px;border-radius:8px}.bolinha{display:inline-block;width:10px;height:10px;border-radius:50%;flex:none}.bolinha.verde{background:var(--verde)}.bolinha.amarelo{background:var(--amarelo)}.bolinha.vermelho{background:var(--vermelho);box-shadow:0 0 0 3px var(--vermelho-f)}.etiqueta{display:inline-block;font-size:.75rem;padding:1px 8px;border-radius:999px;background:var(--fundo);border:1px solid var(--borda);color:var(--suave);font-weight:600;white-space:nowrap}.etiqueta.critico,.etiqueta.risco-ALTO{background:var(--vermelho-f);color:var(--vermelho);border-color:transparent}.etiqueta.aviso,.etiqueta.risco-MEDIO{background:var(--amarelo-f);color:var(--amarelo);border-color:transparent}.etiqueta.ok,.etiqueta.risco-BAIXO{background:var(--verde-f);color:var(--verde);border-color:transparent}.etiqueta.risco-SEGURANCA{background:#efe9fe;color:var(--roxo);border-color:transparent}.faixa-alerta{background:var(--vermelho-f);color:var(--vermelho);padding:12px 16px;border-radius:var(--raio);margin-bottom:16px;font-weight:600}.resumo-topo{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:8px}.kpi{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:12px 14px;display:flex;flex-direction:column;gap:4px;color:var(--texto)}.kpi span{font-size:.8rem;color:var(--suave)}.kpi b{font-size:1.2rem;font-variant-numeric:tabular-nums}a.kpi:hover{text-decoration:none;border-color:var(--azul)}.cartoes{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.cartao{background:var(--superficie);border:1px solid var(--borda);border-left:4px solid var(--verde);border-radius:var(--raio);padding:14px;color:var(--texto);display:flex;flex-direction:column;gap:8px}.cartao:hover{text-decoration:none;box-shadow:0 2px 10px #0000000f}.cartao.amarelo{border-left-color:var(--amarelo)}.cartao.vermelho{border-left-color:var(--vermelho);background:var(--vermelho-f)}.cartao-topo{display:flex;align-items:center;gap:8px}.cartao p{margin:0;font-size:.88rem}.cartao-falha{color:var(--vermelho)}.cartao.amarelo .cartao-falha{color:var(--amarelo)}.cartao dl{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:0}.cartao dl div{display:flex;flex-direction:column}.cartao dt{font-size:.75rem;color:var(--suave)}.cartao dd{margin:0;font-variant-numeric:tabular-nums}.nota{font-size:.75rem!important;color:var(--suave)}table{width:100%;border-collapse:collapse;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);overflow:hidden;font-size:.9rem}th,td{text-align:left;padding:8px 12px;border-bottom:1px solid var(--borda);vertical-align:top}th{font-size:.78rem;color:var(--suave);font-weight:600;background:var(--fundo)}tr:last-child td{border-bottom:0}tr.critico td:first-child{box-shadow:inset 3px 0 var(--vermelho)}tr.aviso td:first-child{box-shadow:inset 3px 0 var(--amarelo)}tr.clicavel{cursor:pointer}tr.clicavel:hover{background:var(--fundo)}pre.detalhe{white-space:pre-wrap;word-break:break-word;background:var(--fundo);padding:8px;border-radius:6px;margin:8px 0 0}.eventos{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.filtros{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px;align-items:flex-end}.filtros label{min-width:150px}.filtros .cresce{flex:1;min-width:220px}.abas{display:flex;gap:6px;margin:12px 0 16px;flex-wrap:wrap}.abas button.ativa{background:var(--azul-f);color:var(--azul);border-color:var(--azul);font-weight:600}.solicitacoes{display:flex;flex-direction:column;gap:10px}.solicitacao{background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:14px}.solicitacao header{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.solicitacao p{margin:6px 0}.cartao-janela{background:var(--azul-f);border-radius:var(--raio);padding:12px 16px;margin-bottom:12px}.cartao-janela ul{margin:6px 0 0;padding-left:18px}.linha-tempo{margin:10px 0 14px}.linha-tempo-rot{display:flex;gap:10px;align-items:baseline;margin-bottom:4px}.faixa{width:100%;height:14px;border-radius:4px;display:block}.faixa-vazio{fill:var(--borda)}.faixa-ok{fill:var(--verde)}.faixa-fora{fill:var(--vermelho)}.grafico{margin:16px 0;background:var(--superficie);border:1px solid var(--borda);border-radius:var(--raio);padding:12px}.grafico svg{width:100%;height:auto}.grafico .grade{stroke:var(--borda)}.grafico .eixo{fill:var(--suave);font-size:10px}.serie{stroke-width:1.8}.serie.s1{stroke:var(--azul)}.serie.s2{stroke:var(--roxo)}.serie.s3{stroke:var(--amarelo)}figcaption{display:flex;gap:16px;font-size:.8rem;color:var(--suave);padding-top:6px}.legenda:before{content:"";display:inline-block;width:12px;height:3px;margin-right:6px;vertical-align:middle}.legenda.s1:before{background:var(--azul)}.legenda.s2:before{background:var(--roxo)}.legenda.s3:before{background:var(--amarelo)}@media (max-width: 700px){main{padding:16px}.topo{padding:10px 16px;gap:10px}table{display:block;overflow-x:auto}}