/* Shared, mobile-friendly monitoring layout. Uses real data only. */
.msh-unified-stations{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:12px 0 19px}
.msh-unified-station{border:1px solid #d8e3f2!important;background:#fff!important;border-radius:12px;padding:14px;text-align:left;cursor:pointer;color:#213954;display:grid;gap:5px;min-width:0}
.msh-unified-station:hover,.msh-unified-station[aria-pressed="true"]{border-color:#2b6af4!important;background:#f1f6ff!important}
.msh-unified-station strong{font-size:14px}.msh-unified-station small{color:#718298;font-size:11px}
.msh-unified-station .msh-station-state{font-size:11px;font-weight:700}
.msh-unified-monitor-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.msh-unified-monitor-head h2,.msh-unified-monitor-head h3{margin:0 0 6px;font-size:21px;line-height:1.2}
.msh-unified-monitor-head p{margin:0;color:#63758e;font-size:12px}
.msh-unified-gauges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:13px}
.msh-unified-gauge{padding:14px 12px;background:#fff;border:1px solid #d8e3f0;border-radius:12px;min-width:0;color:#1c3049}
.msh-unified-gauge-head{display:flex;gap:8px;align-items:center;flex-wrap:wrap;min-height:29px;font-size:12px}
.msh-unified-gauge-head>b{font-size:11px;background:#edf3fb;border-radius:7px;padding:5px 8px;white-space:nowrap}
.msh-unified-gauge-head>strong{font-size:12px;overflow-wrap:anywhere}
.msh-unified-gauge-arc{text-align:center;max-width:180px;margin:8px auto 0}
.msh-unified-gauge-arc svg{width:100%;height:auto;overflow:visible}
.msh-unified-gauge-progress{stroke:#21976e}
.msh-unified-gauge.low .msh-unified-gauge-progress{stroke:#e79029}
.msh-unified-gauge.critical .msh-unified-gauge-progress{stroke:#e33443}
.msh-unified-gauge.unknown .msh-unified-gauge-progress{stroke:#d8dfe8}
.msh-unified-gauge-volume{text-align:center;font-size:12px;white-space:nowrap}
.msh-unified-gauge-volume b{font-size:16px}
.msh-unified-gauge-label{text-align:center;font-size:11px;font-weight:700;color:#167a5b;min-height:17px}
.msh-unified-gauge.low .msh-unified-gauge-label{color:#c57917}
.msh-unified-gauge.critical .msh-unified-gauge-label{color:#be2737}
.msh-unified-gauge.unknown .msh-unified-gauge-label{color:#78869b}
.msh-unified-gauge-thresholds{border-top:1px solid #e5ebf4;margin-top:12px;padding-top:10px;display:flex;justify-content:space-between;gap:10px;color:#6e8097;font-size:10px}
.msh-unified-gauge-thresholds b{color:#233d60;display:block;margin-top:2px;font-size:11px}
.msh-unified-gauge-footer{border-top:1px solid #edf0f5;padding-top:9px;margin-top:10px;color:#6b7e92;font-size:10px;display:grid;gap:3px}
.msh-unified-accordion{border:1px solid #d7e2ef;border-radius:12px;background:#fff;overflow:hidden;margin-top:10px}
.msh-unified-accordion>summary{padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;font-size:14px;font-weight:760;color:#243c59;list-style:none}
.msh-unified-accordion>summary::-webkit-details-marker{display:none}
.msh-unified-accordion>summary::after{content:"⌄";color:#4370b4;font-size:20px}
.msh-unified-accordion[open]>summary::after{content:"⌃"}
.msh-unified-accordion[open]>summary{border-bottom:1px solid #e1e9f4;background:#f7faff}
.msh-unified-accordion-content{padding:16px}
#msh-command .msh-unified-overview{background:#fff;border:1px solid #dbe4f1;border-radius:15px;padding:18px;margin-bottom:14px}
#msh-command .msh-unified-overview .msh-cmd-tanks-grid{display:none}
#msh-command .msh-unified-accordion-content .msh-cmd-card{border:0!important;box-shadow:none!important}
#msh-command .msh-unified-accordion-content .msh-cmd-columns{grid-template-columns:1fr}
#msh-command .msh-unified-accordion-content #msh-cmd-editor{max-width:100%}
#msh-command .msh-unified-readings{width:100%;border-collapse:collapse;font-size:12px}
#msh-command .msh-unified-readings th,#msh-command .msh-unified-readings td{text-align:left;padding:10px 9px;border-bottom:1px solid #e3eaf3}
#msh-command .msh-unified-readings-scroll{overflow-x:auto}
@media(max-width:1180px){.msh-unified-gauges{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.msh-unified-gauges{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.msh-unified-gauge{padding:9px 7px}.msh-unified-gauge-head{gap:5px}.msh-unified-gauge-head>strong{font-size:11px}.msh-unified-gauge-volume b{font-size:13px}.msh-unified-accordion>summary{padding:14px}.msh-unified-accordion-content{padding:10px}.msh-unified-stations{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Compact station-first monitoring like the Wooten Oil page. */
#msh-command .msh-cmd-hero{padding:19px 22px;background:#fff;box-shadow:none;border:1px solid #d9e5f2}
#msh-command .msh-cmd-hero h2{font-size:clamp(22px,2.3vw,30px);margin:8px 0}
#msh-command .msh-cmd-hero p{font-size:12px}
#msh-command .msh-cmd-stats[hidden]{display:none!important}
#msh-command .msh-unified-overview{min-height:0;box-shadow:none}
#msh-command .msh-cmd-status-bar{margin:13px 0;gap:14px}
.msh-unified-gauge.stale .msh-unified-gauge-progress{stroke:#8d9caf}
.msh-unified-gauge.stale .msh-unified-gauge-label{color:#65778f}
.msh-unified-accordion .msh-tank-card{margin:0!important;box-shadow:none!important;border:0!important;padding:8px 0!important}
.msh-admin-monitor-card{padding:18px;margin:18px 0;border:1px solid #dbe4f1;border-radius:15px;box-shadow:none}
.msh-admin-monitor-card .msh-unified-gauges{margin-top:16px}
.msh-admin-alarm-row{border-bottom:1px solid #e5ecf4;padding:13px 3px}
.msh-admin-alarm-row strong,.msh-admin-alarm-row small{display:block}
.msh-admin-alarm-row small{font-size:11px;color:#71839a;margin-top:5px}
.msh-admin-alarm-row p{font-size:12px;color:#455875}
#mshAdminReadings table{width:100%}
#mshAdminStationCards{margin-bottom:0}
#mshTankDetails>.msh-tank-summary{margin-top:15px}
@media(max-width:700px){#msh-command .msh-cmd-hero{padding:15px}.msh-admin-monitor-card{padding:14px}.msh-unified-accordion .msh-tank-card{padding:0!important}}
