@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(./inter-variable-latin-Dx4kXJAl.woff2)format("woff2")}:root{--brand-navy:#16386d;--brand-blue:#1c7cd6;--brand-cyan:#1ad0ff;--brand-coral:#ff6a5c;--brand-coral-soft:#ff8d73;--bg-main:#f5f8fd;--bg-soft:#fbfdff;--surface:#fffffff5;--surface-muted:#edf4fb;--text-strong:#15304b;--text-body:#3f5875;--text-soft:#6b8099;--text-on-dark:#f5f7fb;--text-on-dark-muted:#f5f7fbd1;--border-soft:#1c7cd61f;--border-strong:#1c7cd63d;--status-success-bg:#31a76c24;--status-success-fg:#136b4a;--status-error-bg:#ff6a5c24;--status-error-fg:#9f2c26;--aviso-fg:#8a5a00;--aviso-bg:#f0aa2829;--shadow-soft:0 20px 45px #0b144014;--shadow-strong:0 28px 60px #0b144029;--shadow-coral:0 12px 28px #ff6a5c3d;--gradient-hero:radial-gradient(circle at top, #ff6a5c40, transparent 25%), linear-gradient(135deg, var(--brand-navy) 0%, var(--brand-blue) 55%, var(--brand-cyan) 100%);--gradient-coral:linear-gradient(135deg, var(--brand-coral) 0%, var(--brand-coral-soft) 100%);--radius-xs:.5rem;--radius-sm:1rem;--radius-md:1.25rem;--radius-lg:1.4rem;--radius-xl:1.5rem;--radius-pill:999px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-8:3rem;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", "SFMono-Regular", Menlo, Consolas, monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--leading-tight:1.2;--leading-snug:1.45;--leading-body:1.7;--ease-out:cubic-bezier(.22, .61, .36, 1);--dur-fast:.18s;--dur-base:.25s;--dur-slow:.35s}*{box-sizing:border-box}html,body,#raiz{height:100%}body{background:var(--bg-main);color:var(--text-body);font-family:var(--font-sans);font-size:16px;line-height:var(--leading-body);-webkit-font-smoothing:antialiased;margin:0}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{font-weight:var(--fw-bold);margin:0 0 var(--space-3);color:var(--text-strong);line-height:var(--leading-tight)}h1{font-size:clamp(2rem,4vw,2.8rem)}h2{font-size:1.4rem}p{margin:0 0 var(--space-3)}a{color:var(--brand-blue);transition:color var(--dur-base) var(--ease-out);text-decoration:none}a:hover{color:var(--brand-coral)}button{font-family:inherit}.btn{border-radius:var(--radius-pill);font-weight:var(--fw-bold);cursor:pointer;transition:transform var(--dur-base) var(--ease-out), box-shadow var(--dur-base) var(--ease-out);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.9rem 1.6rem;font-size:1rem;display:inline-flex}.btn-primary{background:var(--gradient-coral);color:var(--text-on-dark);box-shadow:var(--shadow-coral)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 32px #ff6a5c52}.btn-secundario{color:var(--text-strong);border:1px solid var(--border-strong);background:0 0}.btn-secundario:hover{background:var(--surface-muted)}.pagina-topo{color:var(--text-on-dark);background:radial-gradient(circle, #ffffff0e 1px, transparent 1px) 0 0 / 30px 30px, var(--gradient-hero);position:relative;overflow:hidden}.pagina-topo:before,.pagina-topo:after{content:"";border-radius:var(--radius-pill);pointer-events:none;position:absolute}.pagina-topo:before{background:#ffffff12;width:22rem;height:22rem;animation:22s linear infinite derivar-orbe-1;top:-12rem;right:-6rem}.pagina-topo:after{background:#ff6a5c21;width:16rem;height:16rem;animation:28s linear infinite derivar-orbe-2;bottom:-9rem;left:-5rem}@keyframes derivar-orbe-1{0%{transform:rotate(0)translate(2rem)rotate(0)}to{transform:rotate(360deg)translate(2rem)rotate(-360deg)}}@keyframes derivar-orbe-2{0%{transform:rotate(0)translate(1.4rem)rotate(0)}to{transform:rotate(-360deg)translate(1.4rem)rotate(360deg)}}.pilula-status{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.8rem;font-weight:var(--fw-semibold);letter-spacing:.05em;text-transform:uppercase;color:#f5f7fbe6;background:#ffffff1a;border:1px solid #ffffff2e;align-items:center;gap:.5rem;padding:.4rem 1.1rem .4rem .85rem;display:inline-flex}.pilula-status:before{content:"";background:var(--brand-cyan);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2.5s ease-in-out infinite pulso-status;box-shadow:0 0 8px #1ad0ffcc}.pilula-status.desconectado:before{background:var(--text-soft);box-shadow:none;animation:none}@keyframes pulso-status{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){.pagina-topo:before,.pagina-topo:after,.pilula-status:before{animation:none}}.cartao{background:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border-soft);box-shadow:var(--shadow-soft);padding:var(--space-5)}.tech-badge,.badge-metrica{color:var(--brand-navy);border-radius:var(--radius-pill);font-size:.78rem;font-weight:var(--fw-semibold);border:1px solid var(--border-soft);background:#1c7cd614;align-items:center;gap:.4rem;padding:.3rem .7rem;display:inline-flex}.faixa-demo{z-index:30;text-align:center;color:var(--text-on-dark);background:var(--gradient-hero);padding:.6rem 1rem;font-size:.85rem;position:sticky;top:0}.faixa-demo strong{font-weight:var(--fw-bold)}.cabecalho{z-index:20;background:var(--surface);border-bottom:1px solid var(--border-soft);box-shadow:var(--shadow-soft);position:sticky;top:2.2rem}.cabecalho-conteudo{align-items:center;gap:var(--space-6);padding:.9rem 20px;display:flex}.marca{font-weight:var(--fw-bold);color:var(--text-strong);white-space:nowrap}.marca span{font-weight:var(--fw-regular);color:var(--text-soft)}.navegacao{gap:var(--space-5);flex:1;display:flex}.navegacao a{color:var(--text-body);font-weight:var(--fw-semibold);border-bottom:2px solid #0000;padding:.4rem 0;font-size:.92rem}.navegacao a.ativo{color:var(--brand-navy);border-bottom-color:var(--brand-coral)}.cabecalho-acoes{align-items:center;gap:var(--space-4);display:flex}.cabecalho .pilula-status{color:var(--text-strong);background:var(--surface-muted);border-color:var(--border-soft)}.cabecalho .pilula-status:before{box-shadow:0 0 6px #1ad0ff99}.btn-sair{border:1px solid var(--border-strong);color:var(--text-strong);border-radius:var(--radius-pill);cursor:pointer;font-weight:var(--fw-semibold);transition:background-color var(--dur-base) var(--ease-out);background:0 0;padding:.5rem 1rem}.btn-sair:hover{background:var(--surface-muted)}.tela-login{min-height:calc(100vh - 2.2rem);padding:var(--space-6) 20px;background:var(--bg-main);justify-content:center;align-items:center;display:flex}.cartao-login{text-align:center;width:100%;max-width:420px}.cartao-login .pilula-status-clara{border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--brand-navy);font-size:.78rem;font-weight:var(--fw-semibold);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-3);align-items:center;gap:.4rem;padding:.3rem .9rem;display:inline-flex}.cartao-login .subtitulo{color:var(--text-soft);margin-bottom:var(--space-5)}.credenciais{background:var(--surface-muted);border-radius:var(--radius-md);padding:var(--space-4);margin-bottom:var(--space-5);text-align:left}.credenciais p{color:var(--text-soft);margin-bottom:var(--space-2);font-size:.85rem}.credenciais dl{grid-template-columns:auto 1fr;gap:.3rem .8rem;margin:0;display:grid}.credenciais dt{font-weight:var(--fw-semibold);color:var(--text-strong)}.credenciais dd{font-family:var(--font-mono);color:var(--brand-navy);margin:0}.mensagem-erro{background:var(--status-error-bg);color:var(--status-error-fg);border-radius:var(--radius-sm);margin-bottom:var(--space-4);padding:.7rem 1rem;font-size:.88rem}.campo{text-align:left;margin-bottom:var(--space-4)}.campo label{font-size:.85rem;font-weight:var(--fw-semibold);color:var(--text-strong);margin-bottom:.35rem;display:block}.campo input,.configuracao-limites input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);width:100%;font-size:1rem;font-family:var(--font-mono);color:var(--text-strong);background:var(--bg-soft);padding:.75rem 1rem}.campo input:focus,.configuracao-limites input:focus{outline:2px solid var(--brand-blue);outline-offset:1px}.botao-login{width:100%;margin-top:var(--space-2)}.tela-painel,.tela-historico,.tela-sinoptico{padding:var(--space-8) 20px var(--space-8)}.tela-painel-subtitulo,.tela-sinoptico-subtitulo{color:var(--text-soft);margin-bottom:var(--space-6)}.carregando{color:var(--text-soft);text-align:center;padding:var(--space-8) 0}.rodape{text-align:center;padding:var(--space-6) 20px;color:var(--text-soft);font-size:.85rem}.grade-cartoes{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.cartao-equipamento{transition:box-shadow var(--dur-base) var(--ease-out);border-width:2px}.cartao-equipamento.cartao-critico{border-color:var(--brand-coral);box-shadow:var(--shadow-coral)}.cartao-equipamento.cartao-atencao{border-color:var(--aviso-fg)}.cartao-equipamento-cabecalho{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.cartao-equipamento-tag{font-family:var(--font-mono);color:var(--text-soft);letter-spacing:.04em;font-size:.78rem}.cartao-equipamento-cabecalho h3{margin:.2rem 0;font-size:1.1rem}.cartao-equipamento-setor{color:var(--text-soft);margin:0;font-size:.85rem}.pilula{border-radius:var(--radius-pill);font-size:.78rem;font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;align-items:center;gap:.4rem;padding:.3rem .8rem;display:inline-flex}.pilula:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.pilula-normal{background:var(--status-success-bg);color:var(--status-success-fg)}.pilula-atencao{background:var(--aviso-bg);color:var(--aviso-fg)}.pilula-critico{background:var(--status-error-bg);color:var(--status-error-fg)}.pilula-pequena{padding:.2rem .6rem;font-size:.7rem}.cartao-equipamento-leituras{gap:var(--space-3);margin:0 0 var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.leitura-metrica{background:var(--surface-muted);border-radius:var(--radius-sm);text-align:center;padding:.7rem}.leitura-metrica.leitura-excedida{background:var(--status-error-bg)}.leitura-metrica dt{text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);margin-bottom:.2rem;font-size:.72rem}.leitura-metrica dd{font-size:1.2rem;font-weight:var(--fw-bold);color:var(--text-strong);font-family:var(--font-mono);margin:0}.leitura-metrica .unidade{font-size:.7rem;font-weight:var(--fw-regular);color:var(--text-soft);margin-left:.2rem}.leitura-limite{color:var(--text-soft);margin-top:.2rem;font-size:.68rem;display:block}.cartao-equipamento-abas{margin-bottom:var(--space-3);gap:.4rem;display:flex}.cartao-equipamento-abas button{border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--bg-soft);color:var(--text-soft);font-size:.78rem;font-weight:var(--fw-semibold);cursor:pointer;flex:1;padding:.4rem}.cartao-equipamento-abas button.ativo{background:var(--brand-navy);border-color:var(--brand-navy);color:var(--text-on-dark)}table{border-collapse:collapse;width:100%;font-size:.88rem}thead th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-soft);border-bottom:1px solid var(--border-soft);padding:.5rem .6rem;font-size:.72rem}tbody td{border-bottom:1px solid var(--border-soft);color:var(--text-body);padding:.6rem}.lista-alertas{margin-bottom:var(--space-5);overflow-x:auto}.lista-alertas-vazia{color:var(--text-soft);margin:0}.marcador{border-radius:var(--radius-pill);font-size:.7rem;font-weight:var(--fw-bold);text-transform:uppercase;padding:.2rem .6rem}.marcador-ativo{background:var(--status-error-bg);color:var(--status-error-fg)}.marcador-encerrado{background:var(--surface-muted);color:var(--text-soft)}.configuracao-limites{margin-bottom:var(--space-6)}.configuracao-limites-alternador{text-align:left;width:100%;font-size:1.05rem;font-weight:var(--fw-bold);color:var(--text-strong);cursor:pointer;background:0 0;border:none;padding:0}.configuracao-limites-corpo{margin-top:var(--space-4);overflow-x:auto}.configuracao-limites input{width:6.5rem;padding:.45rem .6rem}.configuracao-limites-acoes{align-items:center;gap:var(--space-3);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.configuracao-limites-mensagem{color:var(--text-soft);font-size:.85rem}.historico-seletores{gap:var(--space-3);margin-bottom:var(--space-6);flex-direction:column;display:flex}.seletor-pilulas{flex-wrap:wrap;gap:.5rem;display:flex}.seletor-pilulas button{border-radius:var(--radius-pill);border:1px solid var(--border-strong);background:var(--surface);color:var(--text-strong);font-weight:var(--fw-semibold);cursor:pointer;padding:.5rem 1rem;font-size:.85rem}.seletor-pilulas button.ativo{background:var(--gradient-coral);color:var(--text-on-dark);border-color:#0000}.grade-graficos-historico{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.tabela-historico{overflow-x:auto}@media (width<=720px){.cartao-equipamento-leituras{grid-template-columns:1fr}.cabecalho-conteudo{flex-wrap:wrap}.navegacao{order:3;justify-content:space-between;width:100%}}.grafico{position:relative}.grafico-svg{width:100%;height:140px;display:block}.grafico-vazio{padding:var(--space-5) 0;text-align:center;color:var(--text-soft);margin:0;font-size:.85rem}.grafico-grade{stroke:var(--border-soft);stroke-width:1px}.grafico-faixa-excedida{fill:#ff6a5c14}.grafico-limiar{stroke:var(--brand-coral);stroke-width:1.5px;stroke-dasharray:6 5}.grafico-serie{fill:none;stroke:var(--brand-blue);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.grafico-escala,.grafico-eixo-tempo{color:var(--text-soft);font-size:.7rem;font-family:var(--font-mono);justify-content:space-between;display:flex}.grafico-escala{margin-top:.2rem}.grafico-eixo-tempo{margin-top:.1rem}.sinoptico-cartao{text-align:center}.sinoptico-svg{width:100%;max-width:900px;height:auto}.sinoptico-area-servico{fill:var(--surface-muted);stroke:var(--border-soft);stroke-width:1.5px}.sinoptico-corredor{stroke:var(--border-strong);stroke-width:2px;stroke-dasharray:8 6}.sinoptico-rotulo-area{font-family:var(--font-sans);fill:var(--text-soft);font-size:13px}.sinoptico-maquina{cursor:pointer;transition:transform var(--dur-base) var(--ease-out);outline:none}.sinoptico-maquina:hover,.sinoptico-maquina:focus-visible{transform:translateY(-3px)}.sinoptico-maquina-corpo{fill:var(--surface);stroke-width:2.5px}.sinoptico-normal .sinoptico-maquina-corpo{stroke:var(--status-success-fg)}.sinoptico-atencao .sinoptico-maquina-corpo{stroke:var(--aviso-fg)}.sinoptico-critico .sinoptico-maquina-corpo{stroke:var(--brand-coral)}.sinoptico-maquina-tag{font-family:var(--font-mono);font-size:13px;font-weight:var(--fw-bold);fill:var(--text-strong)}.sinoptico-maquina-nome{font-family:var(--font-sans);fill:var(--text-soft);font-size:11px}.sinoptico-maquina-valor{font-family:var(--font-mono);font-size:15px;font-weight:var(--fw-bold);fill:var(--text-strong)}.sinoptico-atencao .sinoptico-led,.sinoptico-critico .sinoptico-led{animation:1.6s ease-in-out infinite pulso-led}@keyframes pulso-led{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.sinoptico-led{animation:none}.sinoptico-maquina:hover,.sinoptico-maquina:focus-visible{transform:none}}.sinoptico-legenda{justify-content:center;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap;display:flex}