:root{--navy:#0a1a2f;--navy-2:#0e2240;--navy-card:#112340;--orange:#f5821f;--orange-hover:#ff9a3d;--text:#f2f5f9;--muted:#a9bad0;--line:#2a3f5f;--error:#ffb4a8;--ok:#8fe0b0;--input-bg:#f2f5f9;--input-text:#0a1a2f}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--navy);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.carregando{color:var(--muted);padding:32px}.login{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr);min-height:100vh;display:grid;position:relative}.footbar{text-align:center;z-index:2;background:var(--navy);color:#fff;border-top:2px solid var(--orange);letter-spacing:.02em;grid-area:2/1/auto/-1;padding:6px 12px;font-size:11px;font-weight:500;line-height:1.4}.brand{display:none}.formside{flex-direction:column;align-items:center;min-width:0;padding:24px 16px 32px;display:flex}.topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:min(440px,100%);margin:16px 0 24px;display:flex}.mobile-brand{display:block}.card{background:var(--navy-card);border:1px solid var(--line);border-radius:12px;width:min(440px,100%);padding:32px}h1{margin:0 0 8px;font-size:24px;line-height:1.25}h1:focus,h1:focus-visible{outline:none}h2{color:var(--muted);font-size:16px}.sub{color:var(--muted);margin:0 0 20px;font-size:14px}.invite{color:var(--muted);text-align:center;max-width:440px;margin-top:20px;font-size:13px}.logo-full{width:min(460px,100%);height:auto}.logo-compact{width:auto;height:44px;display:block}.logo-header{width:auto;height:40px;display:block}.field{margin-bottom:16px}.field label{margin-bottom:6px;font-size:14px;font-weight:600;display:block}input,select{background:var(--input-bg);width:100%;height:44px;color:var(--input-text);border:1px solid #5b6b80;border-radius:6px;padding:0 12px;font-family:inherit;font-size:16px}input[aria-invalid=true]{border-color:var(--error);border-width:2px}.pw{position:relative}.pw input{padding-right:96px}.eye{color:#0a1a2f;cursor:pointer;background:0 0;border:0;height:36px;padding:0 10px;font-size:13px;font-weight:600;text-decoration:underline;position:absolute;top:4px;right:4px}.lang{min-width:0}.lang select{width:auto;min-width:0;max-width:100%;color:var(--text);border-color:var(--line);background:0 0;height:40px}.lang select option{color:#0a1a2f}.btn{background:var(--orange);width:100%;color:var(--navy);cursor:pointer;border:0;border-radius:6px;height:44px;margin-top:8px;padding:0 20px;font-size:16px;font-weight:700}.btn:hover:not(:disabled){background:var(--orange-hover)}.btn:disabled{opacity:.75;cursor:progress}.btn.secundario{width:auto;color:var(--text);border:1px solid var(--muted);background:0 0;margin:0}.link{color:var(--text);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;min-height:44px;margin:0 0 8px;padding:8px 0;font-size:15px;font-weight:500;text-decoration:underline}.link:hover{color:var(--text)}:focus-visible{outline:3px solid var(--orange);outline-offset:2px}input:focus-visible,select:focus-visible{outline-color:var(--text)}.erro{color:var(--error);border-left:3px solid var(--error);margin:0 0 16px;padding:4px 0 4px 10px;font-size:14px}.erro:before{content:"⚠ "}.ok{color:var(--ok);border-left:3px solid var(--ok);margin:0 0 16px;padding:4px 0 4px 10px;font-size:14px}.rules{color:var(--muted);margin:-4px 0 16px;padding:0;font-size:13px;list-style:none}.rules li.met{color:var(--ok)}.qr{background:#fff;border-radius:8px;margin:0 auto 12px;display:block}.key{word-break:break-all;color:var(--text);margin-top:6px;font-size:13px;display:block}@media (width>=900px){.login{grid-template-columns:1.1fr 1fr}.lang select{min-width:190px}.brand{isolation:isolate;background:var(--navy);border-right:1px solid var(--line);flex-direction:column;justify-content:flex-start;gap:56px;padding:48px;display:flex;position:relative}.brand-copy{max-width:none}.concept-sub{max-width:460px}.brand .concept{margin:12px 0;font-size:40px;font-weight:700;line-height:1.15}.concept-sub{color:#d5dfec;text-shadow:0 1px 8px #000000d9;margin:0;font-size:16px}.brand .concept{text-shadow:0 2px 12px #0009}.mobile-brand{visibility:hidden}.logo-compact{display:none}.formside{justify-content:center}}.backdrop{z-index:0;position:absolute;inset:0;overflow:hidden}.bg{opacity:0;background-position:85% bottom;background-repeat:no-repeat;background-size:cover;transition:opacity 1.6s ease-in-out;position:absolute;inset:0}.bg.on{opacity:1}.brand:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0a1a2f8c 0%,#0a1a2f00 45%),linear-gradient(#0a1a2f00 72%,#0a1a2fa6 100%);position:absolute;inset:0}.brand>:not(.backdrop){z-index:1;position:relative}:root{--s1:#3987e5;--s2:#d95926;--s3:#199e70}.vg-tabela tr.clicavel{cursor:pointer}.vg-tabela tr.clicavel:hover td{background:#16294a}.vg-tabela .nome a{color:var(--text);border-bottom:1px dashed var(--muted);text-decoration:none}.vg-tabela .nome a:hover,.vg-tabela .nome a:focus-visible{color:var(--orange);border-color:var(--orange)}.hs-voltar{color:var(--muted);margin-bottom:12px;font-size:14px;text-decoration:none;display:inline-block}.hs-voltar:hover,.hs-voltar:focus-visible{color:var(--orange)}.hs-cab{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px;margin-bottom:16px;display:flex}.hs-cab h2{color:var(--text);margin:0;font-size:24px}.hs-sub{color:var(--muted);margin:2px 0 0;font-size:14px}.hs-ctl{flex-wrap:wrap;align-items:center;gap:12px 16px;display:flex}.seg{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.seg button{color:var(--muted);border:0;border-right:1px solid var(--line);height:34px;font:inherit;cursor:pointer;background:0 0;padding:0 14px;font-size:13px}.seg button:last-child{border-right:0}.seg button[aria-pressed=true]{background:var(--orange);color:#0a1a2f;font-weight:700}.seg button:focus-visible{outline:2px solid var(--orange);outline-offset:-2px}.hs-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.gr{min-width:0;margin:0}.gr-cab{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 12px;margin-bottom:6px;display:flex}.gr-cab h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:13px}.gr-cab h3 small{text-transform:none;letter-spacing:0;font-weight:400}.gr-leg{color:var(--muted);gap:14px;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.gr-leg li{align-items:center;gap:6px;display:inline-flex}.gr-leg i{border-radius:3px;width:10px;height:10px}.gr-leg i.linha{border-radius:1px;width:14px;height:2px}.gr-leg i.faixa{opacity:.3;width:14px;height:10px}.gr-caixa{width:100%;position:relative}.gr-caixa svg{touch-action:pan-y;display:block}.gr-grade{stroke:#1d3150;stroke-width:1px}.gr-eixo{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.gr-rot{fill:var(--text);font-size:11px;font-weight:700}.gr-cross{stroke:var(--muted);stroke-width:1px;stroke-dasharray:3 3}.gr-ponto{stroke:var(--navy-card);stroke-width:2px}.gr-tip{pointer-events:none;border:1px solid var(--line);z-index:2;background:#0b1c33;border-radius:8px;flex-direction:column;gap:3px;min-width:150px;padding:8px 10px;font-size:12px;display:flex;position:absolute;top:8px;box-shadow:0 6px 20px #00000059}.gr-tip b{color:var(--muted);font-weight:600}.gr-tip span{color:var(--text);font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.gr-tip i{border-radius:50%;flex:none;width:8px;height:8px}.gr-tip em{color:var(--muted);width:12px;font-style:normal}.gr-tip small{color:var(--muted);margin-left:4px}.gr-tab{color:var(--muted);margin-top:6px;font-size:12px}.gr-tab summary{cursor:pointer;width:max-content}.gr-tab-wrap{max-height:220px;margin-top:6px;overflow:auto}.gr-tab table{border-collapse:collapse;width:100%}.gr-tab th,.gr-tab td{text-align:left;white-space:nowrap;border-bottom:1px solid #1d3150;padding:4px 8px}.gr-tab .num{text-align:right;font-variant-numeric:tabular-nums;color:var(--text)}@media (width<=1000px){.hs-grid{grid-template-columns:minmax(0,1fr)}}.vg-card-alerta{border-color:var(--c-critico)}.tv{flex-direction:column;gap:clamp(12px,1.4vw,28px);min-height:100vh;padding:clamp(16px,2vw,40px) clamp(16px,2.5vw,56px);font-size:clamp(16px,1.15vw,24px);display:flex}.tv.parado,.tv.parado *{cursor:none}.tv-cab{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 28px;padding-bottom:clamp(10px,1vw,20px);display:flex}.tv-logo{width:auto;height:clamp(36px,3vw,64px)}.tv-local{color:var(--text);flex:1;min-width:0;margin:0;font-size:clamp(22px,2.2vw,48px);font-weight:800}.tv-relogio{flex-direction:column;align-items:flex-end;line-height:1.1;display:flex}.tv-relogio b{font-variant-numeric:tabular-nums;font-size:clamp(28px,2.8vw,60px);font-weight:800}.tv-relogio span{color:var(--muted);font-size:clamp(13px,.9vw,18px)}.tv-ctl{gap:8px;transition:opacity .3s;display:flex}.tv-ctl a.btn{align-items:center;text-decoration:none;display:inline-flex}.tv.parado .tv-ctl{opacity:0;pointer-events:none}.tv .vg-sub{margin-bottom:0}.tv .vg-online{font-size:clamp(14px,1.1vw,22px)}.tv .vg-online i{width:clamp(10px,.8vw,16px);height:clamp(10px,.8vw,16px)}.tv .vg-upd{font-size:clamp(13px,.95vw,18px)}.tv .vg-stats{gap:clamp(10px,1vw,20px);margin-bottom:clamp(12px,1.2vw,24px)}.tv .vg-stats li{padding:clamp(14px,1.2vw,26px)}.tv .vg-stats b{font-size:clamp(36px,3.6vw,80px)}.tv .vg-stats span,.tv .vg-stats small{font-size:clamp(12px,.85vw,17px)}.tv .vg-grid{grid-template-columns:minmax(0,1fr) clamp(280px,21vw,460px);gap:clamp(12px,1.2vw,24px)}.tv .vg-card{padding:clamp(16px,1.2vw,28px)}.tv .vg-card h2{font-size:clamp(13px,.95vw,20px)}.tv .vg-tabela{font-size:clamp(15px,1.15vw,24px)}.tv .vg-tabela th{white-space:normal;vertical-align:bottom;padding:clamp(8px,.6vw,14px) clamp(8px,.7vw,16px);font-size:clamp(11px,.75vw,15px)}.tv .vg-tabela td{padding:clamp(10px,.8vw,18px) clamp(8px,.7vw,16px)}.tv .chip{font-size:clamp(12px,.85vw,18px)}.tv .vg-alertas div{font-size:clamp(13px,1vw,20px)}.tv .vg-alertas li i{width:clamp(9px,.7vw,14px);height:clamp(9px,.7vw,14px);margin-top:.45em}.tv .vg-alertas b{font-size:clamp(15px,1.2vw,24px)}.tv .vg-alertas small{font-size:clamp(12px,.85vw,17px)}.tv .vazio{font-size:clamp(15px,1.1vw,22px)}@media (prefers-reduced-motion:no-preference){.tv .vg-card-alerta{animation:2s ease-in-out infinite tv-alerta}@keyframes tv-alerta{0%,to{box-shadow:0 0 #ff6b5b00}50%{box-shadow:0 0 0 4px #ff6b5b73,0 0 28px #ff6b5b59}}}@media (width<=1000px){.tv .vg-grid{grid-template-columns:minmax(0,1fr)}.tv-relogio{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.bg{transition:none}}.tagline{white-space:pre-line;letter-spacing:.14em;text-transform:uppercase;color:var(--text);text-shadow:0 1px 3px #000000e6,0 2px 14px #000000e6;margin:auto 0 0;padding-top:14px;font-size:15px;font-weight:400;line-height:1.55;position:relative}.tagline:before{content:"";background:var(--orange);width:40px;height:2px;position:absolute;top:0;left:0}.sectors{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a1a2f80;border:1px solid #a9bad02e;border-radius:12px;gap:20px 28px;width:fit-content;max-width:100%;margin:40px 0 0;padding:14px 22px;list-style:none;display:none}.sectors li{color:var(--orange);flex-direction:column;align-items:center;gap:10px;display:flex}.sectors svg{filter:drop-shadow(0 0 5px #000000e6)drop-shadow(0 1px 2px #000c);width:44px;height:44px}.sectors span{color:var(--text);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 6px #000000f2,0 1px 3px #000000e6;font-size:11px;font-weight:600}@media (width>=1200px) and (height>=820px){.sectors{flex-wrap:wrap;display:flex}}.painel{max-width:1280px;margin:0 auto;padding:16px}.painel header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;display:flex}.acoes{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.quem{color:var(--muted);font-size:14px}.painel main{padding-top:20px}:root{--c-total:#8fb6e8;--c-normal:#3ddc84;--c-atencao:#ffc53d;--c-critico:#ff6b5b;--c-offline:#9aa8ba}.abas{gap:20px;margin-left:24px;margin-right:auto;display:flex}.aba{color:var(--muted);border-bottom:2px solid #0000;padding:6px 0;font-size:14px}.aba.on{color:var(--orange);border-color:var(--orange);font-weight:700}.local-bar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.local-sel{color:var(--muted);align-items:center;gap:10px;font-size:13px;display:flex}.local-sel select{background:var(--navy-card);width:auto;min-width:260px;max-width:100%;height:40px;color:var(--text);border-color:var(--line);font-size:15px;font-weight:600}.vazio{color:var(--muted)}.vg-sub{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.vg-online{letter-spacing:.06em;text-transform:uppercase;color:var(--c-offline);align-items:center;gap:8px;font-size:12px;font-weight:700;display:inline-flex}.vg-online i{background:currentColor;border-radius:50%;width:9px;height:9px;box-shadow:0 0 8px}.vg-online.on{color:var(--c-normal)}.vg-online.neutro{color:var(--muted)}.vg-online.neutro i{box-shadow:none;background:0 0;border:1.5px solid}.vg-upd{color:var(--muted);flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:inline-flex}.btn-sm{width:auto;height:32px;padding:0 12px;font-size:13px}.erro-inline{color:var(--error)}.vg-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.vg-stats li{background:var(--navy-card);border:1px solid var(--line);border-radius:10px;flex-direction:column;padding:14px 16px;display:flex}.vg-stats i{border-radius:50%;width:10px;height:10px;margin-bottom:8px;box-shadow:0 0 8px}.vg-stats b{font-size:30px;font-weight:800;line-height:1.1}.vg-stats span{letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--line);margin-top:6px;padding-bottom:6px;font-size:11px}.vg-stats small{color:var(--muted);margin-top:6px;font-size:12px}.vg-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:14px;display:grid}.vg-card{background:var(--navy-card);border:1px solid var(--line);border-radius:10px;min-width:0;padding:16px}.vg-card h2{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin:0 0 12px;font-size:13px;display:flex}.badge{background:var(--c-critico);color:#0a1a2f;letter-spacing:0;border-radius:999px;padding:1px 8px;font-size:11px}.tabela-wrap{overflow-x:auto}.vg-tabela{border-collapse:collapse;width:100%;font-size:14px}.vg-tabela th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 10px;font-size:11px;font-weight:600}.vg-tabela td{white-space:nowrap;border-bottom:1px solid #1d3150;padding:9px 10px}.vg-tabela tr:last-child td{border-bottom:0}.vg-tabela .num{text-align:right;font-variant-numeric:tabular-nums}.vg-tabela .nome{font-weight:700}.vg-tabela .muted{color:var(--muted)}.chip{border:1px solid;border-radius:999px;align-items:center;gap:6px;padding:2px 10px 2px 8px;font-size:12px;font-weight:700;display:inline-flex}.chip:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px}.st-normal{color:var(--c-normal)}.st-atencao{color:var(--c-atencao)}.st-critico{color:var(--c-critico)}.st-offline,.st-sem_dados,.st-inativo{color:var(--c-offline)}.vg-alertas{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.vg-alertas li{border:1px solid var(--line);background:#0b1c33;border-radius:8px;gap:10px;padding:10px 12px;display:flex}.vg-alertas li i{border-radius:50%;flex:none;width:9px;height:9px;margin-top:6px}.vg-alertas .sev-critico i{background:var(--c-critico);box-shadow:0 0 8px var(--c-critico)}.vg-alertas .sev-atencao i{background:var(--c-atencao);box-shadow:0 0 8px var(--c-atencao)}.vg-alertas div{flex-direction:column;font-size:13px;display:flex}.vg-alertas b{font-size:14px}.vg-alertas span{color:var(--text)}.vg-alertas small{color:var(--muted)}@media (width<=1000px){.vg-grid{grid-template-columns:minmax(0,1fr)}.vg-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=640px){.abas{display:none}.vg-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.local-sel{flex-direction:column;align-items:stretch;width:100%}.local-sel select{width:100%;min-width:0}}@media (prefers-reduced-motion:no-preference){.btn{transition:background .15s}}@media (width<=480px){.card{padding:24px 20px}.logo-compact{height:38px}.lang select{font-size:14px}}@media (width>=1600px){.tagline{white-space:normal;max-width:34em;font-size:17px}}