.energy-report{min-width:0;border:1px solid var(--border,var(--line,#d9e1dc));border-radius:14px;padding:18px;margin:14px 0;background:var(--surface,var(--panel,#fff));color:var(--text,var(--ink,#22312a))}
.energy-main{min-width:0}.energy-main .section{grid-template-columns:minmax(0,1fr)}.energy-main .toolbar{max-width:100%}#energy-month{min-height:42px;border:1px solid var(--line,#d9e1dc);border-radius:8px;padding:8px;margin-left:12px;background:var(--panel,#fff);color:var(--ink,#22312a)}
.energy-report h3{margin:0 0 10px}.energy-report p,.energy-note{font-size:13px;line-height:1.5;color:var(--muted,#607069)}
.energy-metrics{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:12px;margin:16px 0}.energy-metrics>div{background:var(--bg,#f3f6f3);padding:14px;border-radius:10px}.energy-metrics small,.energy-metrics strong{display:block}.energy-metrics small{min-height:35px;font-size:12px}.energy-metrics strong{font-size:20px;margin-top:8px}
.energy-table{overflow:auto;max-height:450px}.energy-table table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:13px}.energy-table th,.energy-table td{padding:10px;text-align:left;border-bottom:1px solid var(--border,#d9e1dc)}.energy-table thead{position:sticky;top:0;background:var(--surface,#fff)}.energy-report details{margin-top:12px}.energy-report summary{cursor:pointer;padding:8px 0}.energy-finance{border-left:3px solid #288d47;padding:12px;background:var(--bg,#f3f6f3)}
.energy-dialog{width:min(1050px,94vw);max-height:90vh;overflow:auto;border:1px solid #cad8ce;border-radius:16px;padding:22px;background:var(--surface,#fff);color:var(--text,#22312a)}.energy-dialog::backdrop{background:#16302688}.energy-dialog header,.energy-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:16px}.energy-dialog label,.energy-settings label{display:flex;flex-direction:column;gap:6px;margin:12px 0}.energy-dialog input,.energy-dialog select,.energy-dialog button,.energy-settings input,.energy-settings select,.energy-settings button{min-height:42px}.energy-dialog [role=alert]{color:#bd3440}.energy-settings fieldset{border:1px solid #d9e1dc;border-radius:12px;padding:18px;margin:18px 0}.energy-settings input[type=checkbox]{min-height:20px;align-self:flex-start}.energy-settings .energy-table{max-height:520px}
@media(max-width:720px){.energy-metrics{grid-template-columns:repeat(2,minmax(110px,1fr))}.energy-dialog{padding:14px}.energy-table{max-height:350px}}