:root{--primary:#004aad;--bg:#f5f7fa;--card:#fff;--muted:#666}*{box-sizing:border-box;margin:0;padding:0}body{background:#f5f7fa;background:var(--bg);color:#222;font-family:Poppins,Arial,sans-serif;min-height:100vh}.app-header{background:#004aad;background:var(--primary);box-shadow:0 2px 6px #00000014;color:#fff;padding:1.2rem 1rem}.header-inner{margin:0 auto;max-width:1100px;text-align:center}.header-inner h1{font-size:1.4rem}.header-inner p{font-size:.95rem;opacity:.95}.dashboard-main{margin:1.4rem auto;max-width:1200px;padding:0 1rem}.top-row{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.devices-card,.summary-card{background:#fff;background:var(--card);border-radius:10px;box-shadow:0 6px 16px #0000000a;padding:1rem}.summary-card{flex:1 1;min-width:260px}.devices-card{min-width:180px;width:260px}.summary-card .big{font-size:1.1rem;font-weight:600;margin:.4rem 0}.devices-card ul{list-style:none;padding-left:0}.devices-card li{padding:.2rem 0}.grid-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.sensor-card{background:#fff;background:var(--card);border-radius:12px;box-shadow:0 6px 16px #0000000a;padding:1rem}.sensor-card h4{color:#004aad;color:var(--primary);font-size:1rem;margin-bottom:.6rem}.sensor-main{align-items:center;display:flex;gap:1rem}.sensor-value{min-width:120px}.sensor-value .val{color:#222;font-size:1.4rem;font-weight:700}.sensor-value .unit{color:#666;color:var(--muted);display:block;font-size:.85rem}.sensor-visual{flex:1 1}.chart-wrap{height:120px}.raw-output{background:#f4f6f8;border-radius:6px;color:#333;font-size:.75rem;overflow:auto;padding:6px}.ok{color:green}.nok,.ok{font-weight:600}.nok{color:crimson}@media (max-width:640px){.top-row{flex-direction:column}.devices-card{width:100%}.sensor-main{align-items:flex-start;flex-direction:column}.sensor-value{min-width:100%}}
/*# sourceMappingURL=main.019a6a4c.css.map*/