#workEnergyView{margin:12px 0;padding:16px;border:1px solid #b8d7d8;border-radius:10px;background:#f7fbfa;color:#243a45}
#workEnergyView h3{margin:0 0 8px}#workEnergyView p{line-height:1.5;margin:8px 0}
.w01-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.w01-controls input{width:90px}
.w01-readings{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:5px 14px}
.w01-readings p{padding:7px 9px;background:white;border-radius:5px}.w01-readings strong{font-variant-numeric:tabular-nums}.w01-readings small{color:#687b84}
.w01-chart{margin:15px 0;padding:10px;border:1px solid #d0dedf;border-radius:8px;background:#fff}
.w01-chart h4{margin:0 0 8px}.w01-chart svg{width:100%;max-height:300px;display:block}.w01-chart svg text{font-size:12px;fill:#405561}
.w01-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:13px}.w01-caption{font-size:13px;color:#526b77}
#workEnergyView details{margin:10px 0}#workEnergyView details div{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0 14px}