:root{--bg: #f6f7f9;--fg: #14181f;--card: #fff;--borda: #c5cbd3;--acento: #0b5cad;--acento-fg: #fff;--ok: #1b7f3b;--alerta: #8a5a00;--erro: #b3261e;--neutro: #55606e;--setup: #6b3fa0;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #0f1318;--fg: #e8ebf0;--card: #1a2029;--borda: #3a4452;--acento: #5aa7f5;--acento-fg: #0f1318;--ok: #4cc26f;--alerta: #f0b44c;--erro: #ff8a80;--neutro: #9aa6b5;--setup: #b99af0}}*{box-sizing:border-box}body{margin:0;font:16px/1.5 system-ui,sans-serif;background:var(--bg);color:var(--fg)}main{padding:1rem;max-width:1200px;margin:0 auto}.pular{position:absolute;left:-999px}.pular:focus{left:8px;top:8px;background:var(--card);padding:.5rem;z-index:10}:focus-visible{outline:3px solid var(--acento);outline-offset:2px}.topo{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:.5rem 1rem;background:var(--card);border-bottom:1px solid var(--borda)}.topo .tenant{flex:1;color:var(--neutro)}.menu{display:flex;flex-wrap:wrap;gap:.25rem;padding:.5rem 1rem}.menu a{padding:.5rem .75rem;border-radius:6px;color:var(--fg);text-decoration:none;border:1px solid transparent;min-height:44px;display:inline-flex;align-items:center}.menu a.active{border-color:var(--acento);font-weight:700}.btn{min-height:44px;padding:.4rem .9rem;border:1px solid var(--acento);background:var(--acento);color:var(--acento-fg);border-radius:6px;font:inherit;cursor:pointer;margin:.15rem}.btn-grande{min-height:64px;font-size:1.25rem}.btn:disabled{opacity:.6}.cartoes,.lista-tenants,.telao-grade{list-style:none;padding:0;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.cartao{background:var(--card);border:1px solid var(--borda);border-radius:10px;padding:1rem}.cartao h2{margin:0 0 .5rem;font-size:1.15rem}dl{display:grid;grid-template-columns:auto 1fr;gap:.15rem .75rem}dt{color:var(--neutro)}dd{margin:0}.estado{display:inline-block;padding:.2rem .6rem;border-radius:6px;font-weight:700;border:2px solid currentColor}.estado.grande{font-size:2rem;padding:.4rem 1rem}.estado-produzindo{color:var(--ok)}.estado-parada{color:var(--alerta)}.estado-falha{color:var(--erro)}.estado-setup{color:var(--setup)}.estado-sem_dados{color:var(--neutro)}.tabela-rolavel{overflow-x:auto}table{border-collapse:collapse;width:100%;background:var(--card)}th,td{border:1px solid var(--borda);padding:.5rem;text-align:left}caption{text-align:left;padding:.5rem 0;color:var(--neutro)}.aviso{border-left:6px solid var(--alerta);background:var(--card);padding:.6rem 1rem}.erro{color:var(--erro);font-weight:600}.nota{color:var(--neutro)}.alarme{font-weight:700;padding:.1rem .4rem;border:2px solid currentColor;border-radius:4px}.alarme-ativo{color:var(--erro)}.alarme-reconhecido{color:var(--alerta)}.alarme-normalizado{color:var(--ok)}.login{max-width:420px;margin:3rem auto}.login form{display:grid;gap:.5rem}input,select{min-height:44px;font:inherit;padding:.3rem}.pareto{list-style:none;padding:0}.pareto li{display:grid;grid-template-columns:1fr 2fr auto;gap:.5rem;align-items:center}meter{width:100%;height:1.2rem}.motivos{display:flex;flex-wrap:wrap}.telao{max-width:none;min-height:100vh;background:var(--bg)}.telao h1{font-size:2.5rem}.telao-grade{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.telao-cartao{background:var(--card);border:6px solid currentColor;border-radius:16px;padding:1.5rem}.telao-cartao h2{font-size:2rem;color:var(--fg)}.telao-aviso{font-size:1.6rem;color:var(--fg);font-weight:700}@media(max-width:600px){main{padding:.75rem}.pareto li{grid-template-columns:1fr}}