:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172018;background:#f4f7f3;--red:#b5222d;--darkred:#7f111a;--green:#0d7a45;--ink:#172018;--muted:#657066;--line:#dfe7df;--soft:#f7faf7;--cream:#fffdf8;--warning:#8a5a00}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#eef4ef 0,#f8faf8 240px,#f3f6f3 100%);color:var(--ink)}button,input,select,textarea{font:inherit}.as-topbar{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.as-brand{display:flex;gap:11px;align-items:center}.as-brand strong{display:block;letter-spacing:.08em}.as-brand span{display:block;font-size:12px;color:var(--muted)}.as-mark{width:38px;height:38px;border-radius:12px;background:var(--red);color:#fff;display:grid;place-items:center;font-weight:900;font-size:22px}.as-actions{display:flex;align-items:center;gap:8px}.identity{font-size:13px;color:var(--muted);margin-right:8px}.button{border:1px solid #cbd8cd;border-radius:10px;background:#fff;color:#1d2a20;padding:10px 15px;text-decoration:none;cursor:pointer;font-weight:700}.button:hover{border-color:#9fb2a3}.button.primary{background:var(--green);border-color:var(--green);color:#fff}.button.ghost{background:#fff}.text-button{border:0;background:transparent;color:#345d43;cursor:pointer;padding:8px 0;text-align:left}.gate{min-height:calc(100vh - 72px);display:grid;place-items:center;padding:30px}.gate-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 18px 50px rgba(28,53,34,.09)}.gate-card h1,.gate-card h2{margin:5px 0 10px}.gate-card p{color:var(--muted);line-height:1.55}.login-form{display:grid;gap:15px;margin-top:22px}.login-form label,.input-grid label{display:grid;gap:7px;font-weight:700}.login-form input,.input-grid input,.input-grid select,.review-field input,.review-field textarea{width:100%;border:1px solid #cbd8cd;border-radius:10px;background:#fff;padding:11px 12px;color:var(--ink)}.login-form input:focus,.input-grid input:focus,.review-field input:focus,.review-field textarea:focus{outline:3px solid rgba(13,122,69,.12);border-color:var(--green)}.as-shell{width:min(1380px,calc(100% - 34px));margin:30px auto 70px}.hero{display:grid;grid-template-columns:1.5fr .7fr;gap:22px;align-items:stretch;margin-bottom:20px}.hero>div:first-child{padding:20px 4px}.hero h1{font-size:clamp(28px,4vw,44px);line-height:1.08;margin:7px 0 12px;max-width:850px}.hero p{color:var(--muted);font-size:16px;line-height:1.6;max-width:830px}.privacy-note{background:#153d2a;color:#fff;border-radius:18px;padding:22px;display:flex;flex-direction:column;justify-content:center;gap:8px}.privacy-note span{opacity:.78;line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:var(--red)}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin:18px 0;box-shadow:0 8px 30px rgba(24,55,34,.04)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px}.section-head h2{margin:5px 0 6px}.section-head p{margin:0;color:var(--muted);line-height:1.45}.scope-chip{border-radius:999px;background:#edf5ef;color:#245c39;padding:8px 12px;font-size:12px;font-weight:800;white-space:nowrap}.input-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:18px}.input-grid small,.review-field small{font-weight:500;color:var(--muted);line-height:1.4}.message{padding:13px 15px;border-radius:11px;background:#eef6f0;border:1px solid #cfe2d4;margin:14px 0;white-space:pre-line}.message.error{background:#fff0f1;border-color:#efb9bf;color:#7b1820}.message.warning{background:#fff8e8;border-color:#eed29a;color:#73500a}.review-groups{display:grid;gap:14px;margin-bottom:18px}.review-group{border:1px solid var(--line);border-radius:14px;overflow:hidden}.review-group summary{cursor:pointer;padding:15px 17px;background:#f7faf7;font-weight:850}.review-grid{padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.review-field{display:grid;gap:6px;font-size:13px;font-weight:750}.review-field textarea{min-height:72px;resize:vertical}.review-field.missing input,.review-field.missing textarea{border-color:#d0444c;background:#fff7f7}.field-source{font-size:11px;color:#718177;font-weight:500}.report-card{padding:20px}.report-actions{display:flex;gap:9px}.report-preview{background:#e6ece7;padding:18px;border-radius:14px;overflow:auto}.customer-report{width:1120px;min-height:760px;margin:0 auto;background:#fff;color:#19221b;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:28px 30px 22px}.report-header{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:start;border-bottom:4px solid var(--red);padding-bottom:14px}.report-lockup{display:flex;gap:11px;align-items:center}.report-lockup .as-mark{border-radius:9px}.report-header h1{margin:0;font-size:25px}.report-header p{margin:4px 0 0;color:#6d756f;font-size:12px}.report-meta{font-size:11px;text-align:right;line-height:1.55}.report-headline{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:9px;margin:14px 0}.metric{border:1px solid #dfe7df;border-radius:11px;padding:12px;background:#fafcf9}.metric.primary{background:#e8f5ec;border-color:#b9d9c3}.metric span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#68726a;font-weight:800}.metric strong{display:block;font-size:21px;margin-top:4px;color:#173721}.metric.primary strong{font-size:27px;color:var(--green)}.energy-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:10px 0}.energy-item{border-radius:9px;background:#f6f8f6;padding:9px;text-align:center}.energy-item span{display:block;font-size:9px;color:#6c756e;min-height:24px}.energy-item b{display:block;margin-top:3px;font-size:13px}.report-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.report-step{border:1px solid #dfe5df;border-radius:10px;overflow:hidden}.report-step h3{margin:0;padding:10px 12px;background:#f4f7f4;font-size:13px}.report-step table{width:100%;border-collapse:collapse;font-size:9.5px}.report-step th,.report-step td{border-top:1px solid #e7ece7;padding:5px 6px;text-align:right;vertical-align:top}.report-step th:first-child,.report-step td:first-child{text-align:left}.report-step th{background:#fbfcfb;color:#536058}.report-step tr.total-row td{font-weight:900;background:#f7faf7}.report-step tr.final-row td{font-weight:950;background:#e9f5ec;color:#174a2c;font-size:10.5px}.report-notes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.report-note{border-radius:9px;background:#f7f7f4;padding:9px 11px;font-size:9.5px;line-height:1.45;color:#5c655e}.report-footer{margin-top:12px;padding-top:8px;border-top:1px solid #e1e6e2;font-size:9px;color:#7a827c;display:flex;justify-content:space-between}.rate{white-space:nowrap}.muted{color:var(--muted)}
@media(max-width:850px){.as-topbar{height:auto;min-height:70px;padding:12px 15px;align-items:flex-start}.as-actions{flex-wrap:wrap;justify-content:flex-end}.identity{width:100%;text-align:right}.as-shell{width:min(100% - 20px,1380px);margin-top:18px}.hero{grid-template-columns:1fr}.input-grid{grid-template-columns:1fr}.review-grid{grid-template-columns:1fr 1fr}.section-head{flex-direction:column}.scope-chip{white-space:normal}.report-preview{padding:8px}.customer-report{transform-origin:top left}}
@media(max-width:560px){.review-grid{grid-template-columns:1fr}.as-brand span{display:none}.button{padding:9px 11px;font-size:12px}}
@media print{@page{size:A4 landscape;margin:8mm}body{background:#fff}.as-topbar,.gate,.hero,.input-card,#reviewSection,.no-print,#afterServiceMessage{display:none!important}.as-shell{width:auto;margin:0}.card.report-card{border:0;box-shadow:none;padding:0;margin:0}.report-preview{background:#fff;padding:0;overflow:visible}.customer-report{width:100%;min-height:0;box-shadow:none;margin:0;padding:0}.report-header h1{font-size:19px}.metric{padding:8px}.metric strong{font-size:17px}.metric.primary strong{font-size:21px}.energy-item{padding:6px}.report-step table{font-size:8px}.report-step th,.report-step td{padding:3.5px 4px}.report-note{font-size:8px}}
.input-subgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;grid-column:1/-1}.input-subgrid[hidden]{display:none!important}
.report-system-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:12px 0}.report-system-strip>div{border:1px solid var(--line);border-radius:9px;padding:9px;background:#fbfcfb}.report-system-strip span,.comparison-grid span{display:block;font-size:9px;color:#6c756e}.report-system-strip b,.comparison-grid b{display:block;margin-top:3px;font-size:12px}.wide-step{margin-top:12px}.energy-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:10px;background:#fbfcfb;border-bottom:1px solid var(--line)}.energy-flow>div{border-radius:8px;background:#f3f7f3;padding:8px;text-align:center}.energy-flow span{display:block;font-size:9px;color:#657066;min-height:22px}.energy-flow b{display:block;font-size:12px;margin-top:3px}.summary-step{margin-top:12px;padding-bottom:10px}.comparison-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 10px 10px}.comparison-grid>div{border:1px solid var(--line);border-radius:9px;padding:9px;background:#fafcf9}.comparison-grid .saving-box{background:#e8f5ec;border-color:#b9d9c3}.comparison-grid .saving-box b{color:var(--green);font-size:16px}.why-lower{display:flex;gap:10px;align-items:flex-start;margin:0 10px;padding:9px 11px;border-radius:9px;background:#f7f7f4;font-size:9.5px;color:#5c655e}.why-lower b{white-space:nowrap;color:#27352b}.report-notes:has(.report-note:only-child){grid-template-columns:1fr}
@media(max-width:850px){.report-system-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.energy-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.report-system-strip>div,.energy-flow>div,.comparison-grid>div{padding:5px}.wide-step,.summary-step{margin-top:7px}.energy-flow{padding:6px}.comparison-grid{padding:0 6px 6px}.why-lower{margin:0 6px;padding:6px}}
.review-summary{display:flex;gap:10px;align-items:baseline;border-radius:11px;padding:12px 14px;margin:0 0 12px;border:1px solid var(--line);background:#f7faf7}.review-summary strong{font-size:14px}.review-summary span{font-size:12px;color:var(--muted)}.review-summary.green{background:#eef7f1;border-color:#cfe2d4}.review-summary.yellow{background:#fff8e8;border-color:#eed29a}.review-summary.red{background:#fff0f1;border-color:#efb9bf}.review-technical{margin:12px 0 16px}.review-technical>summary{cursor:pointer;font-weight:800;color:#315a3e;margin-bottom:12px}.review-field.please-verify input,.review-field.please-verify select,.review-field.please-verify textarea{border-color:#d9a432;background:#fffaf0}.review-field.manual .field-source{color:#315a3e;font-weight:700}.review-field select{width:100%;border:1px solid #cbd8cd;border-radius:10px;background:#fff;padding:11px 12px;color:var(--ink)}.calculation-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 18px}.calculation-metrics>div{border:1px solid var(--line);border-radius:12px;padding:13px;background:#fafcf9}.calculation-metrics span{display:block;font-size:11px;color:var(--muted);font-weight:700}.calculation-metrics b{display:block;margin-top:5px;font-size:20px;color:#183a25}.scope-chip.status-error{background:#fff0f1;color:#7b1820}.scope-chip.status-ok{background:#edf5ef;color:#245c39}.button:disabled{opacity:.48;cursor:not-allowed}
@media(max-width:850px){.calculation-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.review-summary{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.calculation-metrics{grid-template-columns:1fr}}
.input-actions{display:flex;gap:9px;flex-wrap:wrap}.support-prompt{margin-top:14px;border:1px solid #eed29a;background:#fff8e8;border-radius:11px;padding:12px 14px}.support-prompt strong{display:block;color:#684707}.support-prompt p{margin:5px 0 3px;color:#73500a;font-size:12px;line-height:1.45}.support-prompt .text-button{color:#684707;font-weight:800}.support-section{display:flex;justify-content:space-between;gap:24px;align-items:center}.support-section h2{margin:4px 0 6px}.support-section p{margin:0 0 6px;color:var(--muted);max-width:820px;line-height:1.5}.support-section small{color:var(--muted)}
@media(max-width:700px){.support-section{align-items:flex-start;flex-direction:column}}
@media print{#calculationSummary,#supportSection{display:none!important}}

/* ============================================================================
   After Service customer report redesign - actual two-page fixed renderer
   Approved handoff 2026-09-14. Presentation only; calculation logic unchanged.
   ============================================================================ */
.report-preview{background:#dfe9e4;padding:18px;border-radius:16px;overflow:auto}
.report-design-v2{
  width:1600px;
  margin:0 auto;
  display:grid;
  gap:24px;
  color:#0b2a24;
  font-family:Arial,"Microsoft YaHei","Noto Sans CJK SC",sans-serif;
  -webkit-print-color-adjust:exact;
  print-color-adjust:exact;
}
.report-design-v2 *{box-sizing:border-box}
.report-design-v2 .report-page{
  position:relative;
  width:1600px;
  height:900px;
  overflow:hidden;
  background:#f7fbff;
  border-radius:24px;
  box-shadow:0 12px 36px rgba(7,42,29,.18);
}
.report-design-v2 .report-page-one{padding:16px 20px 12px;background:linear-gradient(180deg,#eaf7ff 0%,#ffffff 22%,#f5fff7 100%)}
.report-design-v2 .page-one-sky{position:absolute;inset:0 0 auto 0;height:158px;pointer-events:none;background:
  radial-gradient(circle at 78% 10%,rgba(255,204,58,.34),transparent 14%),
  linear-gradient(180deg,rgba(211,238,255,.96),rgba(241,251,255,.6) 72%,transparent)}
.report-design-v2 .page-one-sky::after{content:"";position:absolute;right:-30px;top:18px;width:310px;height:104px;opacity:.18;transform:skewX(-15deg);border-radius:8px;background:
  repeating-linear-gradient(90deg,rgba(11,67,167,.95) 0 24px,rgba(255,255,255,.6) 24px 27px),
  repeating-linear-gradient(0deg,transparent 0 21px,rgba(255,255,255,.55) 21px 24px),#184ba8}
.report-design-v2 .visual-header{position:relative;z-index:1;height:72px;display:grid;grid-template-columns:390px 1fr 80px;align-items:center;gap:16px}
.report-design-v2 .homax-lockup{align-self:center}.report-design-v2 .homax-word{font-weight:1000;font-size:40px;line-height:.9;letter-spacing:-1.8px;color:#1455b5;white-space:nowrap}.report-design-v2 .homax-word span{color:#f6a51d}.report-design-v2 .homax-lockup small{display:block;margin-top:7px;color:#1a55b1;font-size:15px;font-weight:800;letter-spacing:.15px}.report-design-v2 .report-heading{text-align:left}.report-design-v2 .report-heading h1{margin:0;color:#173eaa;font-size:45px;line-height:1;font-weight:1000;letter-spacing:-1.7px}.report-design-v2 .report-heading p{margin:7px 0 0;color:#2660b6;font-size:16px;font-weight:700}.report-design-v2 .header-mark{display:grid;place-items:center;color:#f7ae19}.report-design-v2 .header-mark .report-icon{width:58px;height:58px}
.report-design-v2 .report-icon{display:block;width:26px;height:26px;color:currentColor;flex:0 0 auto}

.report-design-v2 .identity-strip{position:relative;z-index:1;display:grid;grid-template-columns:1.03fr 1.35fr 1fr 1fr 1fr 1fr;gap:0;margin:6px 0 8px;border:2px solid #72c1ef;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 5px 14px rgba(24,86,132,.09);overflow:hidden;height:82px}
.report-design-v2 .identity-item{display:flex;align-items:center;gap:10px;padding:8px 11px;border-right:1px solid #b9dcea;min-width:0}.report-design-v2 .identity-item:last-child{border-right:0}.report-design-v2 .identity-icon{display:grid;place-items:center;color:#0c66c4}.report-design-v2 .identity-icon .report-icon{width:36px;height:36px}.report-design-v2 .identity-item>div:last-child{min-width:0;display:flex;flex-direction:column}.report-design-v2 .identity-item span{font-size:10.8px;font-weight:1000;color:#2953a8;line-height:1.05}.report-design-v2 .identity-item b{font-size:15px;line-height:1.1;margin-top:3px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#12362e}.report-design-v2 .identity-item small{font-size:9.6px;color:#57746b;margin-top:2px;line-height:1.05;white-space:normal}

.report-design-v2 .kpi-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr .93fr;gap:10px;height:96px;margin-bottom:8px}.report-design-v2 .kpi-card{display:flex;align-items:center;gap:13px;padding:11px 15px;border-radius:16px;border:1px solid rgba(0,0,0,.04);box-shadow:0 6px 16px rgba(18,65,42,.1);overflow:hidden}.report-design-v2 .kpi-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.92);box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.report-design-v2 .kpi-icon .report-icon{width:38px;height:38px}.report-design-v2 .kpi-card span{display:block;font-size:15.5px;font-weight:1000;line-height:1.05}.report-design-v2 .kpi-card strong{display:block;margin-top:3px;font-size:43px;line-height:1;font-weight:1000;letter-spacing:-1.7px;white-space:nowrap}.report-design-v2 .kpi-saving{background:linear-gradient(135deg,#0eb064,#08733f);color:#fff}.report-design-v2 .kpi-saving .kpi-icon{color:#119955}.report-design-v2 .kpi-without{background:linear-gradient(135deg,#f0f8ff,#cfe8ff);color:#123d9d}.report-design-v2 .kpi-without .kpi-icon{color:#116fcd}.report-design-v2 .kpi-with{background:linear-gradient(135deg,#effcf3,#cef4df);color:#087842}.report-design-v2 .kpi-with .kpi-icon{color:#0b9a56}.report-design-v2 .kpi-reduction{background:linear-gradient(135deg,#f5fff8,#d9f5e7);color:#087942}.report-design-v2 .kpi-reduction .kpi-icon{color:#08a45a}.report-design-v2 .kpi-reduction strong{font-size:49px}

.report-design-v2 .story-grid{display:grid;grid-template-columns:1.04fr 1.04fr .92fr;gap:10px;height:545px}.report-design-v2 .story-card{background:rgba(255,255,255,.99);border:2px solid #d4e8f2;border-radius:18px;overflow:hidden;box-shadow:0 5px 14px rgba(14,63,78,.08);padding:0 10px 10px}.report-design-v2 .story-one{border-color:#8dc5f8;background:linear-gradient(180deg,#ffffff,#f8fcff)}.report-design-v2 .story-two{border-color:#93ddb6;background:linear-gradient(180deg,#ffffff,#f7fdf9)}.report-design-v2 .story-three{border-color:#8fdfe5;background:linear-gradient(180deg,#ffffff,#f5fdff)}.report-design-v2 .story-title{height:72px;display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid #dbe7ec}.report-design-v2 .story-title>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#3da0ff,#1357c7);color:#fff;font-size:30px;font-weight:1000;box-shadow:0 5px 10px rgba(20,86,190,.24)}.report-design-v2 .story-two .story-title>span{background:linear-gradient(180deg,#35cb7e,#07884c)}.report-design-v2 .story-three .story-title>span{background:linear-gradient(180deg,#31c8d9,#0d8692)}.report-design-v2 .story-title b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#3968b8;font-weight:1000}.report-design-v2 .story-title h2{margin:2px 0 0;font-size:20px;line-height:1.02;color:#1646aa;font-weight:1000}.report-design-v2 .story-two .story-title h2{color:#087747}.report-design-v2 .story-three .story-title h2{color:#0b7781}.report-design-v2 .story-subtitle{margin:8px 2px 7px;font-size:12.5px;color:#49655d;font-weight:800}.report-design-v2 .story-subtitle strong{color:#0c4435;font-size:13.5px}

.report-design-v2 .energy-flow-visual{height:168px;display:grid;grid-template-columns:1fr 28px 1fr 34px 1.13fr 26px 1fr;align-items:center;gap:3px;background:linear-gradient(180deg,#f8fdff,#fcfff9);border:1px solid #cfe4ee;border-radius:14px;padding:9px}.report-design-v2 .energy-node{text-align:center;min-width:0}.report-design-v2 .energy-node-icon{margin:0 auto 5px;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#edf4ff;color:#2770ca}.report-design-v2 .energy-node-icon .report-icon{width:31px;height:31px}.report-design-v2 .energy-node.sun .energy-node-icon{background:#fff7d9;color:#f3ad17}.report-design-v2 .energy-node.green .energy-node-icon{background:#e4f9ea;color:#0fa65a}.report-design-v2 .energy-node.purple .energy-node-icon{background:#eeeaff;color:#7150cb}.report-design-v2 .energy-node span{display:block;font-size:10.8px;color:#33574e;line-height:1.12;min-height:24px;font-weight:900}.report-design-v2 .energy-node b{display:block;font-size:14.8px;color:#083c2d;margin-top:3px;font-weight:1000}.report-design-v2 .flow-arrow,.report-design-v2 .flow-equals{font-size:28px;font-weight:1000;color:#2bb871;text-align:center}.report-design-v2 .flow-arrow.split{color:#2f79c9}.report-design-v2 .flow-stack{display:grid;gap:6px}.report-design-v2 .flow-stack .energy-node{display:grid;grid-template-columns:34px 1fr;column-gap:6px;align-items:center;text-align:left;border-radius:9px;background:#f1f8ff;padding:5px 6px;border:1px solid #d5e7f5}.report-design-v2 .flow-stack .energy-node-icon{grid-row:1/3;width:32px;height:32px;margin:0}.report-design-v2 .flow-stack .energy-node-icon .report-icon{width:21px;height:21px}.report-design-v2 .flow-stack .energy-node span{min-height:0;font-size:9.4px}.report-design-v2 .flow-stack .energy-node b{font-size:11.8px}
.report-design-v2 .battery-flow-adjustment{margin-top:6px;padding:6px 8px;border-radius:8px;background:#fff8df;border:1px solid #ead47f;color:#66520b;line-height:1.15}.report-design-v2 .battery-flow-values{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.report-design-v2 .battery-flow-values>span{margin:0;padding:4px 5px;border-radius:6px;background:rgba(255,255,255,.68);text-align:center}.report-design-v2 .battery-flow-values small{display:block;font-size:7.6px;font-weight:900;color:#6e5c18}.report-design-v2 .battery-flow-values b{display:block;margin-top:2px;font-size:9.4px;font-weight:1000;color:#3c493f}.report-design-v2 .battery-flow-equation{margin-top:4px;text-align:center;font-size:8.2px;font-weight:900;color:#56665f}
.report-design-v2 .story-summary{display:grid;gap:5px;margin-top:8px}.report-design-v2 .story-line{display:flex;justify-content:space-between;align-items:center;padding:7px 10px;background:#f7faf9;border:1px solid #dfece7;border-radius:8px;font-size:11.8px;color:#325247;font-weight:900}.report-design-v2 .story-line b{font-size:13.8px;color:#113b2f;font-weight:1000}.report-design-v2 .story-line.credit{background:linear-gradient(90deg,#eaf9ef,#f4fff7)}.report-design-v2 .story-line.credit b{color:#05834a}.report-design-v2 .story-total{margin-top:7px;min-height:48px;border-radius:10px;background:linear-gradient(90deg,#fff1a2,#fff7d5);display:flex;justify-content:space-between;align-items:center;padding:8px 11px;color:#745500;box-shadow:inset 0 0 0 1px rgba(230,198,72,.3)}.report-design-v2 .story-total.actual{background:linear-gradient(90deg,#d9f6e4,#edfcf2);color:#08683b}.report-design-v2 .story-total span{font-size:11.8px;font-weight:1000;letter-spacing:.03em;text-transform:uppercase}.report-design-v2 .story-total b{font-size:24px;font-weight:1000}

.report-design-v2 .charge-highlight-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px}.report-design-v2 .charge-highlight-grid>div{border-radius:10px;background:linear-gradient(180deg,#f9fffb,#eefbf5);border:1px solid #d0e9da;padding:8px 10px;display:flex;justify-content:space-between;gap:7px}.report-design-v2 .charge-highlight-grid span{font-size:10.8px;color:#3c6558;font-weight:900}.report-design-v2 .charge-highlight-grid b{font-size:13px;color:#0e4c38;font-weight:1000}.report-design-v2 .credit-banner{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;border-radius:11px;background:linear-gradient(90deg,#e8f5ff,#ddfaeb);border:1px solid #b9dfcd;padding:8px 10px;color:#15634a}.report-design-v2 .credit-banner>div{display:flex;gap:7px;align-items:center}.report-design-v2 .credit-banner .report-icon{width:24px;height:24px;color:#078b4e}.report-design-v2 .credit-banner span{font-size:10.8px;font-weight:1000}.report-design-v2 .credit-banner small{display:block;font-size:9.2px;color:#557067}.report-design-v2 .credit-banner strong{font-size:19px;color:#057844;font-weight:1000}

.report-design-v2 .energy-summary-list{display:grid;gap:5px;margin-top:8px}.report-design-v2 .energy-summary-list>div{height:38px;display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px;padding:5px 8px;border-radius:9px;background:linear-gradient(180deg,#f9fffc,#effbf6);border:1px solid #d3e8df}.report-design-v2 .energy-summary-list .report-icon{width:22px;height:22px;color:#0e8e56}.report-design-v2 .energy-summary-list span{font-size:10.6px;color:#355a4e;font-weight:900}.report-design-v2 .energy-summary-list b{font-size:12.6px;color:#0b3a2b;font-weight:1000}.report-design-v2 .energy-summary-list .psh-summary{background:linear-gradient(90deg,#fff4bf,#ecf9d9);border-color:#dfcf71}.report-design-v2 .energy-summary-list .psh-summary b{font-size:15px;color:#0a7043}.report-design-v2 .mini-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px}.report-design-v2 .mini-comparison>div{text-align:center;background:#eef8ff;border:1px solid #cfe2f3;border-radius:9px;padding:7px 5px}.report-design-v2 .mini-comparison>div:nth-child(3){background:#eaf9ef;border-color:#cce8d5}.report-design-v2 .mini-comparison span{display:block;min-height:24px;font-size:9px;color:#315ca6;line-height:1.08;font-weight:900}.report-design-v2 .mini-comparison b{font-size:13.4px;color:#113d31;font-weight:1000}.report-design-v2 .reduction-banner{margin-top:7px;height:66px;display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:12px;background:linear-gradient(90deg,#ffe98a,#dcf6c9);border:1px solid #e1cf61;color:#097b47}.report-design-v2 .reduction-banner>div{display:flex;align-items:center;gap:8px}.report-design-v2 .reduction-banner .report-icon{width:31px;height:31px}.report-design-v2 .reduction-banner span{font-size:12px;font-weight:1000;text-transform:uppercase}.report-design-v2 .reduction-banner strong{font-size:44px;line-height:1;font-weight:1000}.report-design-v2 .why-box{margin-top:7px;background:#edf7ff;border:1px solid #cbe0f1;border-radius:11px;padding:8px 10px;color:#28508e}.report-design-v2 .why-heading{display:flex;align-items:center;gap:6px}.report-design-v2 .why-heading .report-icon{width:21px;height:21px;color:#2677c3}.report-design-v2 .why-heading b{font-size:11.4px;font-weight:1000}.report-design-v2 .why-box ul{margin:5px 0 0 18px;padding:0;font-size:9.6px;line-height:1.32;color:#345f53}.report-design-v2 .why-box li+li{margin-top:2px}
.report-design-v2 .visual-footer{height:28px;display:flex;align-items:center;gap:22px;margin-top:7px;padding:0 10px;border-radius:10px;background:linear-gradient(90deg,#e8f8ec,#f4fbef);color:#0d7443;font-size:10.8px;font-weight:900}.report-design-v2 .visual-footer span{display:flex;align-items:center;gap:5px}.report-design-v2 .visual-footer .report-icon{width:18px;height:18px}.report-design-v2 .visual-footer b{margin-left:auto;color:#2554aa;font-style:italic}

/* Page 2 */
.report-design-v2 .report-page-two{padding:18px 22px 14px;background:linear-gradient(180deg,#edf7ff,#ffffff 18%,#f8fcfb 100%)}
.report-design-v2 .detail-header{height:88px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:4px solid #1e5fb9;padding-bottom:9px}.report-design-v2 .homax-word.small{font-size:28px}.report-design-v2 .detail-header h2{margin:3px 0 0;color:#1649ae;font-size:33px;font-weight:1000}.report-design-v2 .detail-header p{margin:4px 0 0;color:#536d7b;font-size:13.5px;font-weight:700}.report-design-v2 .detail-period{text-align:right;border-radius:13px;background:#fff;border:1px solid #d8e6ee;padding:10px 13px;min-width:360px}.report-design-v2 .detail-period span{display:block;font-size:10.6px;color:#5270a4;text-transform:uppercase;font-weight:1000}.report-design-v2 .detail-period b{display:block;font-size:16px;margin-top:3px;color:#15382e}.report-design-v2 .detail-period small{display:block;font-size:10.5px;color:#60736c;margin-top:3px}
.report-design-v2 .detail-columns{height:478px;display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:11px}.report-design-v2 .detail-panel{background:#fff;border:1px solid #d9e6e1;border-radius:15px;overflow:hidden;box-shadow:0 5px 14px rgba(20,60,42,.07);display:flex;flex-direction:column}.report-design-v2 .detail-panel-title{height:72px;display:flex;justify-content:space-between;align-items:center;padding:9px 13px}.report-design-v2 .detail-panel-title.blue{background:linear-gradient(90deg,#dff1ff,#f5fbff);color:#174aa7}.report-design-v2 .detail-panel-title.green{background:linear-gradient(90deg,#e2f9ea,#f5fcf8);color:#0b7b48}.report-design-v2 .detail-panel-title>div{display:flex;align-items:center;gap:9px}.report-design-v2 .detail-panel-title .report-icon{width:36px;height:36px}.report-design-v2 .detail-panel-title b{display:block;font-size:16px;font-weight:1000}.report-design-v2 .detail-panel-title small{display:block;margin-top:2px;font-size:9.6px;color:#5d726a;font-weight:700}.report-design-v2 .detail-panel-title strong{font-size:29px;letter-spacing:-.8px;font-weight:1000}
.report-design-v2 .detail-table{width:100%;border-collapse:collapse;font-size:9.9px}.report-design-v2 .detail-table thead th{background:#f2f8f7;color:#445f56;font-size:8.5px;text-transform:uppercase;letter-spacing:.04em;font-weight:1000}.report-design-v2 .detail-table th,.report-design-v2 .detail-table td{border-top:1px solid #e2ebe6;padding:5px 5px;text-align:right;vertical-align:middle}.report-design-v2 .detail-table th:first-child,.report-design-v2 .detail-table td:first-child{text-align:left;width:27%}.report-design-v2 .detail-table th:nth-child(2),.report-design-v2 .detail-table td:nth-child(2){text-align:left;width:27%}.report-design-v2 .detail-table td{font-weight:700;color:#244338}.report-design-v2 .detail-table td b{font-weight:1000}.report-design-v2 .detail-table td small{display:block;color:#708077;font-size:7.9px;margin-top:1px}.report-design-v2 .detail-table tbody tr:nth-child(even){background:#fbfdfc}.report-design-v2 .detail-table .detail-subtotal td{background:#eff6f2;font-weight:1000;color:#174a35}.report-design-v2 .detail-table .credit-row td{background:#edf9f2;color:#087946}.report-design-v2 .detail-table .detail-total td{background:linear-gradient(90deg,#dff6e6,#eefbf3);font-size:12.4px;font-weight:1000;color:#087341;padding:8px 6px}
.report-design-v2 .detail-panel-foot{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:9px 10px;background:#f5f9fc;border-top:1px solid #dde9ee}.report-design-v2 .detail-panel-foot.green-foot{background:#f2faf5}.report-design-v2 .detail-panel-foot span{display:block;border-radius:8px;background:#fff;border:1px solid #e0e8ea;padding:6px 7px;font-size:8px;color:#5a6f68;font-weight:800}.report-design-v2 .detail-panel-foot b{display:block;margin-top:2px;font-size:11.8px;color:#123d31;font-weight:1000}.report-design-v2 .detail-bottom-grid{height:268px;display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:10px}.report-design-v2 .system-detail-card,.report-design-v2 .notes-card{background:#fff;border:1px solid #dce8e3;border-radius:14px;padding:11px 12px;overflow:hidden}.report-design-v2 .bottom-title{display:flex;align-items:center;gap:7px;color:#1c58ad;margin-bottom:8px}.report-design-v2 .bottom-title .report-icon{width:24px;height:24px}.report-design-v2 .bottom-title b{font-size:14px;font-weight:1000}.report-design-v2 .system-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.report-design-v2 .system-facts>div{border-radius:10px;background:#f6faf8;border:1px solid #e1ebe6;padding:8px 9px;min-height:64px}.report-design-v2 .system-facts span{display:block;font-size:9.7px;color:#587067;font-weight:800}.report-design-v2 .system-facts b{display:block;margin-top:6px;font-size:15px;color:#133c30;line-height:1.12;font-weight:1000}.report-design-v2 .system-facts b small{display:block;font-size:8px;color:#667a72;margin-top:2px}.report-design-v2 .battery-telemetry-detail{font-size:8.6px!important;line-height:1.2}.report-design-v2 .system-facts .psh-fact{grid-column:1/-1;min-height:52px;display:grid;grid-template-columns:1.4fr .7fr 1.7fr;align-items:center;gap:12px;background:linear-gradient(90deg,#fff2ad,#e5f7d8);border-color:#ddcf74}.report-design-v2 .system-facts .psh-fact span{font-size:11px;font-weight:1000;color:#28545f}.report-design-v2 .system-facts .psh-fact b{margin:0;font-size:22px;color:#087746}.report-design-v2 .system-facts .psh-fact>small{font-size:8.8px;color:#64766f;font-weight:800}.report-design-v2 .notes-card p{margin:6px 0;font-size:10.4px;color:#536a61;line-height:1.42;font-weight:700}.report-design-v2 .detail-comparison{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:12px}.report-design-v2 .detail-comparison span{display:block;border-radius:10px;background:#eef7ff;padding:9px 10px;font-size:8.7px;color:#345da6;min-height:57px;font-weight:800}.report-design-v2 .detail-comparison span:nth-child(3),.report-design-v2 .detail-comparison span:nth-child(4){background:#eaf9ef;color:#197146}.report-design-v2 .detail-comparison b{display:block;font-size:16px;margin-top:4px;color:#123b30;font-weight:1000}.report-design-v2 .detail-footer{height:22px;margin-top:5px;border-top:1px solid #dce7e2;padding-top:5px;display:flex;justify-content:space-between;font-size:8.2px;color:#6a7b73;font-weight:700}

/* The report canvas stays fixed. App chrome may scroll/scale around it; the report itself does not reflow. */
@media(max-width:850px){.report-preview{padding:8px}.report-design-v2{width:1600px}.report-design-v2 .report-page{width:1600px;height:900px}}

/* Print rules only preserve the same approved page composition. Export fidelity remains gated on owner approval. */
@media print{
  @page{size:landscape;margin:0}
  .report-design-v2{gap:0;width:1600px;margin:0}
  .report-design-v2 .report-page{box-shadow:none;border-radius:0;break-after:page;page-break-after:always}
  .report-design-v2 .report-page:last-child{break-after:auto;page-break-after:auto}
}

.report-design-v2 .story-line span,.report-design-v2 .energy-summary-list span,.report-design-v2 .charge-highlight-grid span{letter-spacing:.01em}

/* Step 3 fit-and-readability adjustment */
.report-design-v2 .story-three .energy-summary-list>div{height:35px;padding:4px 8px}
.report-design-v2 .story-three .energy-summary-list span{font-size:10.2px}
.report-design-v2 .story-three .energy-summary-list b{font-size:12.2px}
.report-design-v2 .story-three .mini-comparison>div{padding:6px 5px}
.report-design-v2 .story-three .mini-comparison span{min-height:22px;font-size:8.8px}
.report-design-v2 .story-three .mini-comparison b{font-size:13px}
.report-design-v2 .story-three .reduction-banner{height:60px;padding:7px 11px}
.report-design-v2 .story-three .reduction-banner strong{font-size:40px}
.report-design-v2 .story-three .why-box{padding:7px 9px}
.report-design-v2 .story-three .why-box ul{font-size:8.9px;line-height:1.24;margin-left:16px}
.report-design-v2 .story-three .why-box li+li{margin-top:1px}


/* v13.43 approved 2-page export fidelity: 16:9 PDF preserves the SAME 1600x900
   DOM composition as website and PNG, rather than clipping/reflowing into A4. */
@media print {
  @page { size: 16.666667in 9.375in; margin: 0; }
  html, body { margin:0 !important; padding:0 !important; background:#fff !important; }
  .report-preview { margin:0 !important; padding:0 !important; overflow:visible !important; background:#fff !important; border-radius:0 !important; }
  .report-design-v2 { width:1600px !important; gap:0 !important; margin:0 !important; padding:0 !important; }
  .report-design-v2 .report-page {
    width:1600px !important; height:900px !important; margin:0 !important;
    border-radius:0 !important; box-shadow:none !important;
    break-inside:avoid !important; page-break-inside:avoid !important;
    break-after:page; page-break-after:always;
  }
  .report-design-v2 .report-page:last-child { break-after:auto; page-break-after:auto; }
}

/* Preserve the verified post-auth gate fix while replacing report CSS. */
.gate[hidden] { display: none !important; }

/* 2026-09-19: Page 2 fit correction. The headline and BOTH three-cell table
   summaries remain fully visible; reduce only empty space, never report data. */
.report-design-v2 .report-page-two .detail-header {
  height:102px;
  flex:0 0 102px;
  align-items:flex-start;
  padding-bottom:8px;
}
.report-design-v2 .report-page-two .detail-header p {
  margin-top:4px;
  line-height:1.28;
}
.report-design-v2 .report-page-two .detail-columns {
  height:503px;
  margin-top:8px;
  min-height:0;
}
.report-design-v2 .report-page-two .detail-panel-title {
  flex:0 0 66px;
  height:66px;
}
.report-design-v2 .report-page-two .detail-table {flex:0 0 auto;}
.report-design-v2 .report-page-two .detail-panel-foot {
  flex:0 0 auto;
  margin-top:auto;
  padding:6px 8px;
  gap:6px;
}
.report-design-v2 .report-page-two .detail-panel-foot span {
  padding:5px 7px;
  font-size:8px;
  line-height:1.15;
}
.report-design-v2 .report-page-two .detail-panel-foot b {
  margin-top:3px;
  font-size:11.8px;
}
.report-design-v2 .report-page-two .detail-bottom-grid {
  height:206px;
  margin-top:8px;
}
.report-design-v2 .report-page-two .system-detail-card,
.report-design-v2 .report-page-two .notes-card {padding:8px 11px;}
.report-design-v2 .report-page-two .bottom-title {margin-bottom:6px;}
.report-design-v2 .report-page-two .system-facts {gap:6px;}
.report-design-v2 .report-page-two .system-facts>div {
  padding:7px 9px;
  min-height:60px;
}
.report-design-v2 .report-page-two .system-facts b {margin-top:3px;}
.report-design-v2 .report-page-two .notes-card p {
  margin:4px 0;
  line-height:1.36;
}
.report-design-v2 .report-page-two .detail-comparison {
  margin-top:7px;
  gap:6px;
}
.report-design-v2 .report-page-two .detail-comparison span {
  padding:7px 9px;
  min-height:48px;
  line-height:1.18;
}
.report-design-v2 .report-page-two .detail-comparison b {
  margin-top:3px;
}
.report-design-v2 .report-page-two .detail-footer {
  margin-top:5px;
}

/* Customer-facing estimation status: never imply reconstructed savings are metered. */
.report-design-v2 .estimate-indicator{display:inline-block;background:#ffe59b;color:#713c00;border:2px solid #f5af18;border-radius:7px;padding:3px 7px;margin-right:7px;font-weight:1000;font-size:16px;letter-spacing:.02em;text-transform:uppercase;vertical-align:middle}
.report-design-v2 .report-page-two .estimate-indicator{font-size:13px}
#zeroExportConfirmation label{display:block;font-weight:800}#zeroExportConfirmation input{width:auto;vertical-align:middle}#zeroExportConfirmation small{display:block;margin-top:5px}
@media print{.report-design-v2 .estimate-indicator{-webkit-print-color-adjust:exact;print-color-adjust:exact}}

.review-attention{background:#fff9eb;border:1px solid #e8b66b;border-radius:12px;padding:14px;margin:10px 0}
.review-attention>strong{display:block;font-weight:900;margin-bottom:10px}
.review-attention .review-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}

/* v13.43 Page 2: approved full-width system details and two prominent green KPIs.
   Preserve BOTH three-cell table-foot summaries; make their typography fit even when
   a future TNB bill carries longer translated labels or larger monetary amounts. */
.report-design-v2 .report-page-two .detail-panel-foot {
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:5px;
  padding:5px 7px;
}
.report-design-v2 .report-page-two .detail-panel-foot span {
  min-width:0;
  padding:4px 5px;
  font-size:7.8px;
  line-height:1.16;
  overflow-wrap:anywhere;
}
.report-design-v2 .report-page-two .detail-panel-foot b {
  font-size:10.4px;
  line-height:1.15;
  overflow-wrap:anywhere;
}
.report-design-v2 .report-page-two .detail-bottom-grid {
  grid-template-columns:minmax(0,1fr) 448px;
  gap:9px;
  height:206px;
}
.report-design-v2 .report-page-two .system-detail-card {
  min-width:0;
  padding:8px 10px;
}
.report-design-v2 .report-page-two .system-facts {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:5px;
}
.report-design-v2 .report-page-two .system-facts>div {
  min-width:0;
  min-height:69px;
  padding:7px 8px;
  overflow-wrap:anywhere;
}
.report-design-v2 .report-page-two .system-facts span {
  font-size:9.2px;
  line-height:1.2;
}
.report-design-v2 .report-page-two .system-facts b {
  font-size:12.9px;
  line-height:1.17;
  margin-top:4px;
}
.report-design-v2 .report-page-two .system-facts>div:nth-child(7) b {
  font-size:10.9px;
  font-weight:850;
  line-height:1.16;
}
.report-design-v2 .report-page-two .detail-bottom-kpis {
  min-width:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.report-design-v2 .report-page-two .detail-bottom-kpis>div {
  min-width:0;
  border:1px solid #bcebd1;
  background:linear-gradient(155deg,#effcf4,#daf7e9);
  border-radius:12px;
  padding:14px 12px;
  color:#075c39;
  display:flex;
  flex-direction:column;
  justify-content:space-around;
  overflow-wrap:anywhere;
}
.report-design-v2 .report-page-two .detail-bottom-kpis>div>div {
  display:flex;
  gap:6px;
  align-items:center;
  font-size:13px;
  font-weight:1000;
  line-height:1.2;
}
.report-design-v2 .report-page-two .detail-bottom-kpis .report-icon {
  flex:0 0 26px;
  width:26px;
  height:26px;
}
.report-design-v2 .report-page-two .detail-bottom-kpis small {
  display:block;
  font-size:9px;
  line-height:1.25;
  margin-top:4px;
  color:#366b4a;
}
.report-design-v2 .report-page-two .detail-bottom-kpis strong {
  color:#006137;
  font-size:30px;
  font-weight:1000;
  letter-spacing:-.5px;
  white-space:nowrap;
}
/* Extra bill rows: compress table typography rather than cutting the bottom strips. */
.report-design-v2 .report-page-two:has(.detail-table tbody tr:nth-child(n+14)) .detail-table th,
.report-design-v2 .report-page-two:has(.detail-table tbody tr:nth-child(n+14)) .detail-table td {
  padding:3px 4px;
  font-size:9px;
}
.report-design-v2 .report-page-two:has(.detail-table tbody tr:nth-child(n+14)) .detail-table td small {font-size:7px;}
.report-design-v2 .report-page-two .detail-table td {overflow-wrap:anywhere;}

/* Itemized TNB AFA rate periods. This editor is staff-only, not report artwork. */
.afa-period-editor{margin:0 16px 16px;border:1px solid #cde1d4;background:#f2faf5;border-radius:12px;padding:14px}
.afa-editor-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}
.afa-editor-head strong{font-size:14px;color:#145839}
.afa-editor-head button,.afa-remove{border:1px solid #8dbba1;background:white;border-radius:9px;color:#19583c;padding:8px 12px;font-weight:800;cursor:pointer}
.afa-period-editor p{font-size:12px;line-height:1.5;color:#567061;margin:7px 0 12px}
.afa-period-row{display:grid;grid-template-columns:52px repeat(4,minmax(0,1fr)) auto;align-items:end;gap:9px;margin-top:10px}
.afa-period-number{align-self:center;font-size:12px;font-weight:900;color:#236448}
.afa-period-row label{font-size:12px;font-weight:800;display:grid;gap:5px}
.afa-period-row input{width:100%;min-width:0;background:#fff;border:1px solid #bcd1c4;border-radius:9px;padding:9px 8px}
.afa-remove{color:#9b1e28;border-color:#e6bdc1}
.afa-period-status{display:block;margin-top:12px;font-size:12px;font-weight:800;color:#245d44}
.afa-period-status.invalid{color:#b5222d}
.review-field input[readonly]{background:#e9f4ed;border-color:#a4cbb0;color:#215e3b}
@media(max-width:1050px){.afa-period-row{grid-template-columns:repeat(2,minmax(0,1fr))}.afa-period-number{grid-column:1/-1}}
@media(max-width:560px){.afa-period-row{grid-template-columns:1fr}}

/* v13.45: one billing period may be photographed in several sections. */
.bill-upload{display:grid;gap:7px;min-width:0}.bill-file-list{margin-top:6px;padding:10px 12px;border:1px solid #dce8e1;background:#f8fbf8;border-radius:12px;font-size:13px}.bill-file-list strong{color:#146139}.bill-file-list ol{padding-left:20px;margin:8px 0 0}.bill-file-list li{padding:7px 0;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #e8eee8}.bill-file-list li>span:first-child{overflow-wrap:anywhere;min-width:0}.bill-file-actions{display:flex;gap:4px;flex:none}.bill-file-actions button{border:1px solid #b7d4bd;background:#fff;border-radius:6px;color:#136338;padding:4px 7px;cursor:pointer;font-size:11px}.bill-file-actions button:disabled{opacity:.35;cursor:not-allowed}.bill-file-actions button:hover:not(:disabled){background:#e5f6e9}
.afa-prominent{margin:14px 0 8px;border:2px solid #8bd4a7;background:#f2fcf6;border-radius:14px;padding:14px}.afa-prominent .afa-period-editor{border:0;background:transparent;padding:0;margin:0}.afa-prominent .afa-editor-head strong{font-size:17px;color:#086638}.afa-prominent .afa-period-row{background:#fff;border:1px solid #d6e9d9;border-radius:10px;padding:10px}.afa-prominent .afa-editor-head button,.afa-prominent .afa-remove{border:1px solid #65be8b;background:#e4f6eb;color:#075d30;cursor:pointer}
.afa-prominent[hidden],.bill-file-list[hidden],#manualBillEntry[hidden]{display:none!important}
@media(max-width:640px){.bill-file-list li{align-items:flex-start;flex-direction:column}.bill-file-actions{align-self:flex-end}}

.ocr-confirm{justify-self:start;border:1px solid #bf992c;background:#fff7d8;color:#725000;font-size:11px;border-radius:7px;padding:6px 9px;cursor:pointer;font-weight:750}.ocr-confirm:hover{background:#ffeaa4}