.energy-premises .ss-quote-entry {
  display: flex; align-items: center; justify-content: space-between; gap: 16px;
  padding: 16px; margin-block: 16px 12px; border-radius: 16px;
  border: 1px solid color-mix(in srgb, var(--cs-accent, #176ae6) 25%, var(--cs-line, #d7e2ef));
  background: linear-gradient(120deg, color-mix(in srgb, var(--cs-accent, #176ae6) 9%, var(--cs-surface, #fff)), var(--cs-surface, #fff));
  color: var(--cs-ink, #142844);
}
.ss-quote-entry .ss-entry-intro {display: flex; align-items: center; gap: 12px; min-width: 0}
.ss-quote-entry .ss-entry-icon {
  display: grid; place-items: center; flex: 0 0 42px; height: 42px;
  border-radius: 13px; background: #ffdf93; color: #6d3c00; font-size: 23px;
}
.ss-quote-entry .ss-entry-copy b {font-size: 14px; line-height: 1.35; color: var(--cs-ink, #142844)}
.ss-quote-entry .ss-entry-copy small {display: block; margin-top: 3px; font-size: 12px; line-height: 1.45; color: var(--cs-secondary, #526780)}
.ss-quote-entry [data-action="quote-sun-study"] {flex: 0 0 auto; min-height: 42px; border-radius: 11px}
.energy-premises .auto-solar-reference {
  padding: 12px 16px; margin-block: 0 14px; border-inline-start: 3px solid var(--cs-accent, #176ae6);
  border-radius: 0 10px 10px 0; background: var(--cs-control, #f4f7fb);
}
.energy-premises .auto-solar-reference p {margin: 4px 0 0; color: var(--cs-secondary, #526780)}
@media (max-width: 600px) {
  .energy-premises .ss-quote-entry {align-items: stretch; flex-direction: column}
  .ss-quote-entry [data-action="quote-sun-study"] {width: 100%; justify-content: center}
}



.commercial-month-metrics .metric-change {line-height: 1.4; white-space: normal}
.commercial-report {display:grid; gap:18px; min-width:0}
.commercial-report-period,.commercial-report-note {margin:0; color:var(--cs-secondary,var(--muted,#526780)); line-height:1.55}
.commercial-report-charts {display:grid; gap:16px; grid-template-columns:minmax(0,1.35fr) minmax(0,1fr)}
.commercial-report-charts > section,.commercial-report-table {min-width:0; border:1px solid var(--cs-line,var(--line,#d9e4f2)); border-radius:14px; padding:14px}
.commercial-report h3 {margin:0; font-size:15px}
.commercial-legend {display:flex; flex-wrap:wrap; gap:12px; margin:8px 0 10px; font-size:12px}
.commercial-legend span::before {content:""; display:inline-block; width:8px; height:8px; border-radius:2px; background:#d2991c; margin-right:5px}
.commercial-legend span+span::before {background:#e26e28}
.commercial-report .cs-month-details {display:none}
.commercial-volume {display:grid; gap:8px; margin-block:10px}
.commercial-volume-row {display:grid; align-items:center; gap:8px; grid-template-columns:48px minmax(0,1fr) minmax(0,1fr); font-size:11px}
.commercial-volume-track {display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:5px}
.commercial-volume-track i {display:block; width:var(--volume); height:9px; border-radius:3px; background:#d2991c}
.commercial-volume-track.is-sales i {background:#e26e28}
.commercial-report-table {overflow-x:auto}
.commercial-report table {border-collapse:collapse; width:100%; font-size:12px; white-space:nowrap}
.commercial-report caption {text-align:left; font-weight:700; padding:0 0 10px}
.commercial-report :is(td,th) {padding:9px; text-align:right; border-bottom:1px solid var(--cs-line,var(--line,#d9e4f2))}
.commercial-report :is(td,th):first-child {text-align:left}
.commercial-report tr[aria-current="date"] {background:var(--cs-control,#f3f7fc)}
.commercial-detail-tabs {display:flex; flex-wrap:wrap; gap:8px; margin-bottom:14px}
.commercial-detail-table {overflow-x:auto}
.commercial-detail-table table {width:100%; border-collapse:collapse; text-align:left}
.commercial-detail-table :is(th,td) {padding:9px; border-bottom:1px solid var(--cs-line,#d9e4f2)}
.commercial-detail-table :is(th,td):nth-child(n+4) {text-align:right; white-space:nowrap}
.commercial-preview-back {margin:0 0 12px}
@media (max-width: 760px) { .commercial-report-charts {grid-template-columns:1fr} }
@media print {
  body:has(.commercial-report) {background:#fff!important; color:#182840!important; overflow:visible!important}
  body:has(.commercial-report) > :not(#modal-root) {display:none!important}
  body:has(.commercial-report) #modal-root :is(.modal-backdrop,.modal,.modal-body) {position:static!important; display:block!important; max-width:none!important; max-height:none!important; width:auto!important; height:auto!important; overflow:visible!important; color:#182840!important; background:#fff!important; box-shadow:none!important; border:0!important; padding:0!important}
  body:has(.commercial-report) #modal-root {display:block!important; position:static!important; color:#182840!important;}
  html body:has(.commercial-report) #modal-root, html body:has(.commercial-report) #modal-root * {visibility:visible!important}
  .commercial-report-actions,.modal:has(.commercial-report) .modal-close {display:none!important}
  .commercial-report {display:block; color:#182840; print-color-adjust:exact; -webkit-print-color-adjust:exact}
  .commercial-report {--cs-control:#e9f1fc; --cs-line:#b9c9db; --cs-ink:#182840; --cs-secondary:#405975}
  .commercial-report > * {margin-block:0 14px}
  .commercial-report-charts {grid-template-columns:1fr 1fr; break-inside:avoid}
  .commercial-report-table {overflow:visible}
  .commercial-report table {white-space:normal; font-size:9px}
  .commercial-report :is(td,th) {padding:4px}
  .commercial-report tr[aria-current="date"] :is(td,th) {color:#182840!important; background:#e9f1fc!important}
  .commercial-report thead {display:table-header-group}
  .commercial-report tr {break-inside:avoid}
}