body[data-view="energy"] #metrics,body[data-view="energy"] #trust-strip{display:none}
.energy-lab{font-size:16px;line-height:1.55}.energy-top{display:flex;align-items:center;gap:12px;color:#687a72;font-size:14px;margin:0 0 22px}.energy-tag{padding:5px 10px;border-radius:5px;background:#edf4f0;color:#244f3f;font-weight:600}
.energy-controls{display:grid;grid-template-columns:1fr 1fr 1.3fr auto;align-items:end;gap:18px}.energy-controls label,.energy-settings label{display:flex;flex-direction:column;gap:8px;font-size:14px;color:#52685e}.energy-lab input:not([type="range"]),.energy-lab select{width:100%;min-width:0;min-height:44px;border:1px solid #d6e1da;border-radius:8px;background:#fff;padding:10px 12px;font:inherit;color:#243b30}.energy-controls button{min-height:44px}.energy-context{margin:18px 0 2px;font-size:14px;color:#465d51}.energy-small,.energy-status{font-size:14px;color:#708276;margin:5px 0}.energy-status{min-height:22px;margin-bottom:20px}
.energy-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid #dce5df;border-radius:12px;overflow:hidden;margin-bottom:26px}.energy-kpis>div{padding:24px;border-left:1px solid #dce5df;display:flex;flex-direction:column;gap:8px}.energy-kpis>div:first-child{border:0}.energy-kpis span{color:#697a71;font-size:14px}.energy-kpis strong{font-size:clamp(23px,2.5vw,34px);color:#1d4937;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.energy-kpis small{font-size:13px;color:#7a8981}.energy-kpis .energy-negative{color:#a75931}
.energy-chart-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.energy-chart-head label{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:14px}.energy-chart-head select{width:auto}.energy-legend{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;color:#63766a}.energy-legend span{display:flex;align-items:center;gap:8px}.energy-legend i{width:20px;height:3px}.energy-chart{margin:14px 0;background:#fafcfb;border-radius:10px}.energy-chart svg{display:block;width:100%;min-height:220px}.energy-chart text{fill:#798980;font-size:13px}.energy-playback{display:flex;align-items:center;gap:18px;font-size:14px}.energy-playback input{flex:1;min-width:70px;accent-color:#1e624b}.energy-playback time{font-variant-numeric:tabular-nums;white-space:nowrap}.energy-playback>span{white-space:nowrap;color:#65766b}.energy-health{display:flex;flex-wrap:wrap;gap:24px;margin:18px 0 24px;font-size:14px;color:#76857b}.energy-health b{color:#365445;margin-left:8px}
.energy-detail{border-top:1px solid #e4eae6;padding:17px 0}.energy-detail summary{cursor:pointer;font-weight:600;font-size:15px;color:#345243}.energy-detail p{color:#63766b;font-size:14px;line-height:1.8;max-width:1050px;margin:14px 0}.energy-detail a{color:#2d6850}.energy-settings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:20px 0}.energy-empty{padding:30px;background:#f7faf8;border-radius:12px;margin-bottom:24px;color:#5e7465}.energy-table-note{display:block;font-size:13px;color:#7c8b81;margin-top:6px}.energy-lab .table-wrap{margin-top:14px}.energy-hour-table{max-height:370px;overflow:auto}
@media(max-width:850px){.energy-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-settings{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-kpis>div{padding:18px 14px}.energy-chart-head{align-items:flex-start;flex-direction:column;gap:12px}.energy-chart svg{min-height:180px}}
@media(max-width:550px){.energy-kpis{grid-template-columns:1fr}.energy-kpis>div{border-left:0;border-top:1px solid #dce5df}.energy-kpis strong{font-size:30px}.energy-playback{flex-wrap:wrap;gap:12px}.energy-playback input{order:4;flex-basis:100%}.energy-health{gap:12px}.energy-controls{gap:12px}.energy-controls label,.energy-settings label{font-size:14px}.energy-top{flex-wrap:wrap}.energy-chart svg{min-height:145px}}