/* Scoped to the monitoring cards; shell and other screens remain unchanged. */
.monitor-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.monitor-sensor-card{display:flex;flex-direction:column;min-width:0;padding:24px;border:1px solid #e0e6e1;border-radius:18px;background:#fff;color:#233f31;box-shadow:0 2px 6px #153e3203}
.monitor-icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:#2e7352;background:#edf5ef;margin-bottom:16px}.monitor-icon svg{width:26px;height:26px}
#app .monitor-sensor-card h3{font-family:var(--body, sans-serif)!important;font-size:17px!important;line-height:1.35;letter-spacing:0;margin:0 0 6px!important}
.monitor-value{display:flex;align-items:baseline;gap:7px;min-height:64px;margin:12px 0;font-size:44px;font-weight:600;line-height:1.2;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}.monitor-value small{font-size:18px!important;font-weight:400;color:#6b7b70;letter-spacing:0}.monitor-value.qualitative{font-size:27px;letter-spacing:-.5px;align-items:center;overflow-wrap:anywhere}
.monitor-state{display:inline-flex;align-self:flex-start;align-items:center;gap:7px;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;background:#f0f2f0;color:#647168}.monitor-state i,.monitor-connection i{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}.monitor-state.good{background:#eaf5ed;color:#286b46}.monitor-state.warning{background:#fff4db;color:#866013}.monitor-state.critical{background:#fcecea;color:#aa3832}.monitor-state.info{background:#eaf3fa;color:#347396}
#app .monitor-sensor-card .monitor-advice{margin:14px 0 18px;line-height:1.6;font-size:14px!important}.monitor-relative{color:#748177;font-size:12px!important;margin:-8px 0 14px}
.monitor-sensor-card footer{margin-top:auto;padding-top:16px;border-top:1px solid #edf0ed;display:grid;gap:9px;font-size:12px;color:#728078}.monitor-sensor-card footer>div:not(.monitor-connection){display:flex;justify-content:space-between;gap:12px;align-items:baseline}.monitor-sensor-card footer b,.monitor-sensor-card time{font-weight:400;color:#45584b;text-align:right;overflow-wrap:anywhere}.monitor-sensor-card footer span{flex-shrink:0}.monitor-connection{display:flex;align-items:center;gap:7px;margin-top:5px;color:#397452}.monitor-connection.offline{color:#7a827c}
.water-level{height:9px;background:#e9f0f4;border-radius:10px;overflow:hidden;margin:-5px 0 18px}.water-level span{display:block;height:100%;background:#579bbc;border-radius:10px}
#app .monitor-sensor-card .monitor-subtitle{font-size:13px!important;margin:0;color:#728078!important}.crop-lamps{display:flex;justify-content:center;gap:16px;padding:16px;margin:16px 0 18px;border-radius:14px;background:#f5f7f4;border:1px solid #e9ede7}.crop-lamps span{height:38px;width:38px;border-radius:50%;background:#dbe3dc;border:3px solid #fff;box-shadow:0 0 0 1px #d7ded7}.crop-lamps .green.active{background:#3b9b62;box-shadow:0 0 0 5px #3b9b6218}.crop-lamps .yellow.active{background:#e6b344;box-shadow:0 0 0 5px #e6b34418}.crop-lamps .red.active{background:#d85b50;box-shadow:0 0 0 5px #d85b5018}
.crop-lamps .green{background:#d7e9db}.crop-lamps .yellow{background:#eee6cd}.crop-lamps .red{background:#ecd9d6}.crop-lamps .green.active{background:#3b9b62}.crop-lamps .yellow.active{background:#e6b344}.crop-lamps .red.active{background:#d85b50}
@media(max-width:1100px){.monitor-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.monitor-card-grid{grid-template-columns:1fr;gap:16px}.monitor-sensor-card{padding:22px}}