/* Plant readings stay visible in both customer and operations views. */
#process-instruments{margin:14px 0 18px;min-width:0}
#process-instruments[hidden]{display:none}
.process-instruments-heading{display:flex;align-items:baseline;justify-content:space-between;gap:8px 18px;margin:0 2px 8px;flex-wrap:wrap}
#portal .process-instruments-heading h2{margin:0;font-size:14px;line-height:1.5;color:#283c4b}
.process-instruments-heading p{margin:0;font-size:11px;line-height:1.5;color:#647681}
.process-instruments-grid{display:grid;grid-template-columns:minmax(280px,1.8fr) repeat(3,minmax(145px,1fr));gap:10px;align-items:stretch}
.process-card,.process-charge-chart{min-width:0}
.process-card{--process-accent:#31897a;position:relative;display:flex;flex-direction:column;padding:13px 14px 0;border:1px solid #dbe5e9;border-radius:14px;background:#fff;box-shadow:0 3px 15px #16253004;overflow:hidden}
.process-card:before{content:"";position:absolute;inset-inline:0;top:0;height:2px;background:var(--process-accent)}
.process-temperature{--process-accent:#b96923}
.process-pressure{--process-accent:#427aa6}
.process-card header{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px;min-height:34px}
#portal .process-card h3{margin:0;font-size:13px;line-height:1.5;letter-spacing:-.15px;color:#233946}
.process-quality{font-size:9px;line-height:1.7;white-space:nowrap;color:#5b707c}
.process-unavailable .process-quality{color:#7b673e}
.process-dial{position:relative;width:100%;max-width:180px;margin:4px auto 0;aspect-ratio:200/184;direction:ltr}
.process-dial svg{display:block;width:100%;height:100%;overflow:visible}
.process-dial svg path{fill:none;stroke-linecap:round}
.process-dial-track{stroke:#e9eef1;stroke-width:12}
.process-dial-value{stroke:var(--process-accent);stroke-width:12}
.process-dial-ticks{stroke:#c6d2d9;stroke-width:1.1}
.process-dial-inner{stroke:#edf1f3;stroke-width:1}
.process-dial text{fill:#6a7d89;font-size:11px;font-family:inherit}
.process-dial-reading{position:absolute;inset:37% 0 auto;display:flex;flex-direction:column;align-items:center;color:#233946;font-variant-numeric:tabular-nums;line-height:1.15}
.process-dial-reading strong{font-size:30px;font-weight:700;letter-spacing:-1px}
.process-dial-reading small{font-size:11px;color:#607681;margin-top:3px}
.process-reference{margin:0;min-height:18px;font-size:10px;line-height:1.6;text-align:center;color:#556d7b;overflow-wrap:anywhere}
.process-reading-meta{margin:auto 0 0;padding:9px 0 6px;text-align:center;font-size:10px;line-height:1.5;color:#627581}
.process-reading-meta p{margin:1px 0}
.process-module-readings{margin-top:3px;border-top:1px solid #e5ebef;font-size:10px;color:#536b7a}
.process-module-readings summary{min-height:34px;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;list-style:none}
.process-module-readings summary:after{content:"+";font-size:16px;font-weight:500}
.process-module-readings[open] summary:after{content:"−"}
.process-module-readings summary::-webkit-details-marker{display:none}
.process-module-readings summary:focus-visible{outline:2px solid #b65c27;outline-offset:-2px;border-radius:4px}
.process-module-readings dl{display:grid;gap:6px;margin:0 0 12px}
.process-module-readings dl>div{display:flex;justify-content:space-between;gap:8px}
.process-module-readings dd{margin:0;font-variant-numeric:tabular-nums;color:#284351;font-weight:600}
.process-battery-stage{width:100%;max-width:178px;margin:8px auto 0;padding:20px 6px 16px;min-height:157px;display:flex;flex-direction:column;justify-content:center;direction:ltr}
.process-battery{position:relative;width:100%;padding-right:9px}
.process-battery-cap{position:absolute;inset:30% 0 30% auto;width:7px;border-radius:0 4px 4px 0;background:#8da59f}
.process-battery-shell{position:relative;height:82px;border:2px solid #85a59a;border-radius:10px;padding:5px;overflow:hidden;background:#edf5f1;box-shadow:inset 0 0 0 4px #fff}
.process-battery-fill{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);border-radius:5px;opacity:.9}
.process-battery-fill path{fill:none;stroke:#9dc8ba;stroke-width:72;stroke-linecap:butt}
.process-battery-segments{position:absolute;inset:5px;background:repeating-linear-gradient(90deg,transparent 0 calc(20% - 2px),#ffffffaa calc(20% - 2px) 20%);border-radius:5px}
.process-battery-value{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:4px;color:#163e34;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px #ffffffe6}
.process-battery-value strong{font-size:30px;font-weight:750;letter-spacing:-1px}
.process-battery-value small{font-size:14px}
.process-battery-scale{display:flex;justify-content:space-between;margin:8px 9px 0 0;font-size:10px;color:#6a7d89}
.process-unavailable .process-battery-shell{border-color:#bcc9cf;background:repeating-linear-gradient(135deg,#f2f5f6 0 7px,#e8edef 7px 8px)}
.process-unavailable .process-battery-cap{background:#bcc9cf}
.process-unavailable .process-battery-segments{display:none}
.process-unavailable .process-battery-value{color:#657984}
.process-accessible{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#process-instruments .insight-card{height:100%;padding:12px;border-radius:14px;box-shadow:0 3px 15px #16253004;display:flex;flex-direction:column}
#process-instruments .insight-card-head{margin-bottom:7px;gap:8px;align-items:center}
#process-instruments .insight-card-head h3{font-size:13px;margin:0;letter-spacing:-.15px}
#process-instruments .insight-kicker,#process-instruments .insight-subtitle,#process-instruments .insight-stats,#process-instruments .insight-actions,#process-instruments .insight-data{display:none}
#process-instruments .insight-expand{font-size:10px;padding:5px 9px;min-height:34px;border-radius:7px}
#process-instruments .insight-legend{font-size:10px;gap:4px 12px;margin-bottom:6px;min-height:16px}
#process-instruments .insight-legend li{gap:5px}
#process-instruments .insight-plot-wrap{margin-block:auto;border-radius:9px}
#process-instruments .insight-svg{min-height:160px}
#process-instruments .insight-readout{font-size:10px;line-height:1.5;min-height:48px;padding:8px 0 0;margin:0;border:0;background:none}
#process-instruments .insight-point-time{font-size:10px}
#process-instruments .insight-point-values{font-size:10px}
.process-chart-unavailable{height:100%;padding:30px 18px;background:#fff;border:1px solid #dbe5e9;border-radius:14px;color:#627581;font-size:12px;line-height:1.6}
@media(max-width:1000px){.process-instruments-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-charge-chart{grid-column:1/-1}#process-instruments .insight-svg{min-height:170px;max-height:240px}.process-battery-stage{min-height:170px}}
@media(max-width:600px){.process-instruments-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.process-battery-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(140px,1fr);gap:0 12px}.process-battery-card header{grid-column:1;display:block}.process-battery-card .process-quality{display:block}.process-battery-stage{grid-column:2;grid-row:1/4;min-height:125px;padding:0 5px;margin:0 auto}.process-battery-card .process-reference,.process-battery-card .process-reading-meta{text-align:start;grid-column:1}.process-battery-card .process-module-readings{grid-column:1/-1}.process-card{padding:12px 10px 0}.process-card header{display:block;min-height:45px}.process-quality{font-size:10px}.process-dial-reading strong{font-size:27px}.process-module-readings summary{min-height:44px;font-size:11px}#process-instruments .insight-expand{min-height:44px}.process-instruments-heading p{font-size:10px}}
@media(prefers-reduced-motion:reduce){#process-instruments *{animation:none!important;transition:none!important}}