:root{--chart-panel:#0b2118;--chart-raised:#123529;--chart-border:#365846;--chart-text:#eefbf3;--chart-muted:#bed7c8;--chart-grid:#2d4d3e;--chart-markup:#98e6b5;--chart-annual:#3b9970}
html body #quotes-view .electricity-chart-card{background:linear-gradient(135deg,var(--chart-raised),var(--chart-panel))!important;color:var(--chart-text)!important;border-color:var(--chart-border)!important;box-shadow:0 8px 22px #0002}
html body #quotes-view .energy-chart-card{background:transparent!important;color:var(--chart-text)!important;border:0!important;border-radius:20px;box-shadow:0 8px 22px #0001;overflow:hidden}
html body #quotes-view .energy-chart-pair>.energy-chart-card{background:none!important;border-radius:20px!important;overflow:hidden!important}
html body #quotes-view .energy-chart-card svg{border-radius:20px;overflow:hidden;clip-path:inset(0 round 20px)}
html body #quotes-view :is(.energy-chart-card,.electricity-chart-card) :is(figcaption,p){color:var(--chart-text)!important}
html body #quotes-view .electricity-chart-card svg text{fill:var(--chart-text)!important}
html body #quotes-view .electricity-gridline{stroke:var(--chart-grid)!important}
html body #quotes-view .electricity-legend{color:var(--chart-muted)!important}
html body #quotes-view .electricity-legend .markup{background:var(--chart-markup)}
html body #quotes-view .electricity-legend .annual{background:var(--chart-annual)}
html body #quotes-view .energy-chart-card svg>rect:first-of-type{fill-opacity:.56}
html body #quotes-view :is(.calculation-highlight.current,.electricity-cost-card.current){background:#42252d!important;border-color:#8e4959!important;color:#fff1f4!important}
html body #quotes-view :is(.calculation-highlight.current,.electricity-cost-card.current) :is(strong,span,h3,p){color:#f3b6c3!important}
html body #quotes-view :is(.calculation-highlight.after,.electricity-cost-card.proposed){background:#183f2c!important;border-color:#477f5b!important;color:#edfff2!important}
html body #quotes-view .electricity-legend .current-colour{background:#d46a79}
html body #quotes-view .electricity-legend .proposed-colour{background:#98e6b5}
html body #quotes-view .electricity-fees fieldset:first-child{background:#321e25!important;border-color:#8e4959!important}
html body #quotes-view .electricity-fees fieldset:last-child{background:#163b29!important;border-color:#477f5b!important}
html[data-theme=light] body #quotes-view .energy-chart-card svg>rect:first-of-type{fill:#dcecdf;fill-opacity:.48}
html[data-theme=light] body #quotes-view .energy-chart-card.baseline svg>rect:first-of-type{fill:#efd9de}
html[data-theme=light] body #quotes-view .energy-chart-card svg text{fill:#163b29}
html[data-theme=light] body #quotes-view .energy-chart-card svg line{stroke:#cbdacd}
html[data-theme=light] body #quotes-view .energy-chart-card svg>rect:first-of-type{stroke:#cbdccc}
html[data-theme=light] body #quotes-view .energy-chart-card.baseline svg>rect:first-of-type{stroke:#ddcbd1}
html[data-theme=light] body #quotes-view .energy-chart-card svg>path:first-of-type{fill-opacity:.32}
html[data-theme=light] body #quotes-view .energy-chart-card .energy-chart-badge{fill:#d4e8d9}
html[data-theme=light] body #quotes-view .energy-chart-card.baseline .energy-chart-badge{fill:#f0dfe3}
html[data-theme=light] body #quotes-view .energy-chart-card .energy-chart-badge-label{fill:#2c7950}
html[data-theme=light] body #quotes-view .energy-chart-card.baseline .energy-chart-badge-label{fill:#9f3d52}
.energy-year-costs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0}
.energy-year-costs article{padding:16px;border:1px solid #477f5b;border-radius:14px;background:#163b29;color:#fff;min-width:0}
.energy-year-costs article.baseline{background:#42252d;border-color:#8e4959}
.energy-year-costs h5{font-size:13px;margin:0 0 10px;line-height:1.5}
.energy-year-costs strong{font-size:22px;display:block;overflow-wrap:anywhere}
.energy-year-costs p{font-size:11px;margin:10px 0 0;overflow-wrap:anywhere}
.energy-bill-saving{padding:14px;border-radius:12px;border:1px solid #477f5b;line-height:1.6}
html[data-theme=light] .energy-year-costs article{background:#e7f0e4;color:#163b29;border-color:#ccdccc}
html[data-theme=light] .energy-year-costs article.baseline{background:#f5e9e7;border-color:#decaca}
@media(max-width:700px){.energy-year-costs{grid-template-columns:1fr}}
html body #energy-results .energy-table td.energy-saving.positive{color:#79dfa4!important;font-weight:700}
html body #energy-results .energy-table td.energy-saving.negative{color:#f3a0ae!important;font-weight:700}
/* Keep the amount's semantic color when workspace themes style strong text. */
html body #energy-results .energy-table td.energy-saving strong{color:inherit!important}
html body #energy-results .energy-saving small{display:block;font-size:10px;line-height:1.5;white-space:normal;font-weight:400}
html[data-theme=light] body #energy-results .energy-table td.energy-saving.positive{color:#17643b!important}
html[data-theme=light] body #energy-results .energy-table td.energy-saving.negative{color:#a12f45!important}