.energy-page { display: block; padding: 26px 32px 40px; color: #1e293b; }
.energy-page h2 { font-size: 23px; margin: 6px 0 8px; letter-spacing: -.025em; }
.energy-page h3 { font-size: 16px; margin: 0 0 7px; }
.energy-page p { line-height: 1.65; }
.energy-intro p { color: #64748b; margin: 0; font-size: 13px; }
.energy-eyebrow { font-size: 11px !important; font-weight: 700; color: #0f766e !important; }
.energy-tabs { display: flex; gap: 24px; border-bottom: 1px solid #dbe4ee; margin: 16px 0; }
.energy-tabs button { border: 0; border-radius: 0; padding: 10px 0; background: transparent; color: #64748b; font-weight: 600; }
.energy-tabs button[aria-selected="true"] { color: #0f766e; border-bottom: 2px solid #0f766e; }
.energy-task { display: flex; align-items: baseline; gap: 16px; flex-wrap: wrap; margin-bottom: 16px; }
.energy-task strong { font-size: 15px; }.energy-task span { font-size: 12px; color: #64748b; }
.energy-controls { display: grid; grid-template-columns: minmax(210px,1fr) minmax(210px,1fr) minmax(130px,.7fr) auto; gap: 18px; align-items: end; }
.energy-page label { display: grid; gap: 7px; color: #475569; font-size: 12px; }
.energy-page input:not([type="checkbox"]), .energy-page select { width: 100%; box-sizing: border-box; min-width: 0; background: #fff; border: 1px solid #cbd5e1; border-radius: 4px; padding: 9px 10px; color: #1e293b; font: inherit; min-height: 39px; }
.energy-page button { cursor: pointer; }.energy-primary { min-height: 39px; background: #0f766e !important; color: white; border: 1px solid #0f766e; padding: 9px 18px; border-radius: 4px; white-space: nowrap; }
.energy-primary:disabled { opacity: .55; cursor: wait; }
.energy-page :is(button,input,select,summary):focus-visible { outline: 2px solid #0f766e; outline-offset: 3px; }
.energy-input-details { margin: 16px 0 22px; padding-bottom: 16px; border-bottom: 1px solid #e2e8f0; }
.energy-page summary { cursor: pointer; color: #475569; font-size: 12px; padding: 8px 0; }
.energy-parameter-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; padding: 12px 0; }
.energy-input-details p, .energy-note, .energy-evidence p { color: #64748b; font-size: 12px; }
.energy-conclusion { display: flex; justify-content: space-between; gap: 24px; padding: 20px 0; border-bottom: 1px solid #e2e8f0; }
.energy-conclusion p { font-size: 13px; color: #64748b; margin: 0; }
.energy-saving { display: grid; text-align: right; gap: 4px; }.energy-saving strong { color: #0f766e; font-size: 27px; font-variant-numeric: tabular-nums; }.energy-saving span,.energy-saving small { font-size: 12px; color: #64748b; }
.energy-comparison { display: grid; grid-template-columns: minmax(0,2fr) minmax(255px,1fr); gap: 28px; margin-top: 18px; }
.energy-table-scroll { overflow-x: auto; }.energy-table { width: 100%; border-collapse: collapse; font-size: 12px; background: transparent; }
.energy-table th,.energy-table td { padding: 13px 10px; border-bottom: 1px solid #e2e8f0; vertical-align: middle; text-align: left; font-variant-numeric: tabular-nums; }
.energy-table thead th { color: #64748b; font-weight: 500; font-size: 11px; background: #f8fafc; }
.energy-table tbody th { font-weight: 500; }.energy-table small { display: block; margin-top: 5px; font-size: 10px; color: #64748b; }
.energy-row-button { border: 0; background: transparent; font: inherit; color: #334155; padding: 3px 0; text-decoration: underline; text-decoration-color: #cbd5e1; text-underline-offset: 4px; }
.energy-selected { background: #f0fdfa; }.energy-recommended { font-size: 10px; color: #0f766e; margin-left: 7px; font-weight: 600; }
.energy-status { display: inline-block; font-size: 11px; font-weight: 600; color: #475569; }
.energy-feasible,.energy-pass { color: #0f766e; }.energy-fail,.energy-infeasible { color: #b45309; }.energy-unknown,.energy-insufficient_evidence { color: #64748b; }
.energy-constraints { border-left: 1px solid #e2e8f0; padding-left: 24px; }.energy-constraints p { font-size: 12px; }.energy-constraints ul { padding: 0; margin: 12px 0; list-style: none; }
.energy-constraints li { padding: 8px 0; border-bottom: 1px solid #f1f5f9; font-size: 12px; }.energy-constraints li div { display: flex; justify-content: space-between; gap: 10px; }.energy-constraints small { color: #64748b; font-size: 10px; line-height: 1.65; }
.energy-evidence { border-top: 1px solid #e2e8f0; padding-top: 7px; margin-top: 18px; }.energy-evidence a { color: #0f766e; font-size: 12px; }.energy-evidence pre { font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; max-height: 340px; overflow-y: auto; background: #f8fafc; padding: 16px; }
.energy-empty { padding: 35px 0; color: #64748b; font-size: 13px; }.energy-error,.energy-stale { padding: 12px 16px; font-size: 12px; background: #fffbeb; color: #92400e; border-left: 3px solid #f59e0b; margin: 18px 0; }.energy-outdated { opacity: .6; }
.energy-retrofit-inputs { grid-template-columns: repeat(3,minmax(0,1fr)); }.energy-retrofit-action { display: flex; justify-content: space-between; align-items: center; margin-top: 12px; }.energy-page .energy-checkbox { display: flex; align-items: center; gap: 9px; }.energy-checkbox input { margin: 0; padding: 0; width: 16px; min-width: 16px; height: 16px; flex: 0 0 16px; }
.energy-page .energy-checkbox { flex: 1; width: auto; max-width: 750px; }
.energy-metrics { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; padding: 24px 0 12px; }.energy-metrics div { display: grid; gap: 9px; }.energy-metrics span { font-size: 12px; color: #64748b; }.energy-metrics strong { font-size: 24px; color: #0f766e; font-variant-numeric: tabular-nums; }
@media(max-width:1100px) { .energy-page { display: block; padding: 24px; }.energy-controls { grid-template-columns: repeat(2,minmax(0,1fr)); }.energy-comparison { grid-template-columns: minmax(0,1fr); }.energy-constraints { border-left: 0; padding-left: 0; }.energy-parameter-grid,.energy-metrics { grid-template-columns: repeat(2,minmax(0,1fr)); } }

.energy-knowledge-link { padding: 6px 0; border: 0; background: transparent; color: #0f766e; font-size: 12px; }