.pump-overview { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:32px; color:white; background:linear-gradient(115deg,#0f172a,#0865b5); min-height:230px; }
.pump-overview h2 { color:white; margin:0 0 22px; }
.pump-overview p { margin:8px 0; opacity:.85; font-size:14px; }
.pump-overview strong { display:block; font-size:46px; line-height:1.3; font-weight:600; }
.pump-overview small { font-size:16px; font-weight:400; }
.pump-volume { padding:20px 0 20px 28px; border-left:1px solid #ffffff38; }
.pump-volume>span { font-size:14px; opacity:.85; }
.pump-volume strong { font-size:30px; margin-top:12px; }
.pump-summary { display:flex; justify-content:space-between; gap:16px; padding:16px 0; border-bottom:1px solid var(--line); font-size:13px; }
#summary-age { display:block; color:var(--muted); margin-top:16px; }
@media(max-width:560px) { .pump-overview { padding:22px; gap:16px; } .pump-overview strong { font-size:34px; } .pump-volume { padding-left:16px; } .pump-volume strong { font-size:24px; } }
.pump-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.pump-charts .lab-chart{height:250px}@media(max-width:600px){.pump-charts{grid-template-columns:1fr}}
.pump-reading-summary h2 { border-left:4px solid var(--blue); padding-left:12px; color:var(--blue); }
.pump-charts h2 { text-align:center; color:var(--blue); }
.pump-charts>.lab-card:last-child h2 { color:var(--chart-amber-text, #956012); }
.pump-charts>.lab-card { border-top:3px solid var(--blue)!important; }
.pump-charts>.lab-card:last-child { border-top-color:#a76b19!important; }
#water-pump-app .lab-metrics>div:nth-child(1) strong { color:var(--chart-amber-text, #956012); }
#water-pump-app .lab-metrics>div:nth-child(2) strong { color:var(--blue); }
#water-pump-app .lab-metrics>div:nth-child(3) strong { color:var(--chart-teal-text, #0f766e); }
#water-pump-app .lab-metrics>div:nth-child(4) strong { color:var(--blue); }
html[data-theme="dark"] .pump-charts>.lab-card:last-child h2,html[data-theme="dark"] #water-pump-app .lab-metrics>div:nth-child(1) strong { color:#e8b764; }
html[data-theme="dark"] #water-pump-app .lab-metrics>div:nth-child(3) strong { color:#5dc8bf; }