#configProformaModal .config-pf-input-grid{display:grid;grid-template-columns:1fr;gap:0}
#configProformaModal .config-pf-input-grid label,#configProformaModal .config-pf-warranty-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(110px,40%);align-items:center;gap:12px;padding:5px 0;border-bottom:1px solid var(--line)}
#configProformaModal input[data-pf-key],#configProformaModal input[data-pf-sale]{text-align:right;font-variant-numeric:tabular-nums;font-size:14px;min-width:0;width:100%;box-sizing:border-box}
#configProformaModal input:focus{outline:2px solid #6bc7e7;outline-offset:1px}
#configProformaModal input[aria-invalid=true]{outline:2px solid #ef6b72}
.pf-keyboard-help{margin:8px 15px;font-size:12px;color:var(--muted)}
.pf-entry-error{margin:0 15px;color:#ef6b72;font-size:13px;min-height:18px}

/* Full-width Costs, then Sales, then Outputs and Buy Box.
   The help/error rows are real flex children; the old three-row shell grid
   incorrectly assigned the help text to its flexible scrolling row. */
#configProformaModal .config-proforma-shell{width:min(1440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);display:flex;flex-direction:column}
#configProformaModal .config-proforma-head{padding:10px 14px;flex:none}
#configProformaModal .config-proforma-head .eyebrow{display:none}
#configProformaModal .config-proforma-body{flex:0 1 auto;display:grid;grid-template-columns:minmax(0,2.5fr) minmax(280px,1fr);grid-template-areas:'costs costs' 'sales sales' 'outputs buybox';gap:8px;padding:8px;align-items:start;overflow:auto}
#configProformaModal .config-proforma-sales-section{grid-area:sales}
#configProformaModal .config-pf-cost-section{grid-area:costs}
#configProformaModal .config-pf-buybox-section{grid-area:buybox}
#configProformaModal .config-pf-output-section{grid-area:outputs}
#configProformaModal .config-proforma-section{padding:9px}
#configProformaModal .config-pf-input-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:18px}
#configProformaModal .config-pf-buybox-inputs{grid-template-columns:1fr}
#configProformaModal .config-pf-input-grid label,#configProformaModal .config-pf-warranty-row{grid-template-columns:minmax(0,1fr) 104px;gap:8px;margin:0;padding:3px 0;font-size:11px;line-height:1.25;min-height:32px;box-sizing:border-box}
#configProformaModal input[data-pf-key],#configProformaModal input[data-pf-sale]{font-size:13px;height:27px;padding:4px 6px}
#configProformaModal .config-pf-unit-row{grid-template-columns:42px 60px minmax(0,1fr) 104px;gap:6px;padding:3px 5px;font-size:10px}
#configProformaModal .config-proforma-actions{flex:none;padding:8px 14px}
#configProformaModal .pf-keyboard-help{flex:none;margin:6px 14px;font-size:11px;line-height:1.4}
#configProformaModal .pf-entry-error{flex:none;min-height:0;margin:0 14px}
#configProformaModal .pf-entry-error:empty{display:none}
@media(max-width:1050px){
 #configProformaModal .config-proforma-body{grid-template-columns:minmax(0,2fr) minmax(260px,1fr)}
 #configProformaModal .config-pf-cost-section .config-pf-input-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
 #configProformaModal .config-proforma-body{display:flex;flex-direction:column}
 #configProformaModal .config-proforma-section{box-sizing:border-box;width:100%}
}

#configProformaModal .config-pf-unit-sales{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
@media(max-width:700px){#configProformaModal .config-pf-cost-section .config-pf-input-grid,#configProformaModal .config-pf-unit-sales{grid-template-columns:1fr}}

#configProformaModal .pf-unit-source{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:5px 0 9px}
#configProformaModal .pf-source-toggle{display:flex;border:1px solid #3b626e;border-radius:7px;overflow:hidden}
#configProformaModal .pf-source-toggle button{border:0;border-radius:0;background:#132630;color:#b4c9d3;padding:7px 12px;font:inherit;font-size:12px;cursor:pointer}
#configProformaModal .pf-source-toggle button[aria-pressed=true]{background:#235a54;color:#b8f3df}
#configProformaModal .pf-unit-source label{display:flex;align-items:center;gap:8px;margin:0;font-size:12px}
#configProformaModal .pf-unit-source label[hidden]{display:none}
#configProformaModal #configPfManualCount{width:65px;height:30px;text-align:right;padding:4px 6px}
#configProformaModal .pf-unit-source small{color:var(--muted);font-size:11px}
#configProformaModal .unit-gfa:has(input){display:flex;align-items:center;gap:4px}
#configProformaModal .config-pf-unit-row:has([data-pf-gfa]){grid-template-columns:42px 100px minmax(0,1fr) 104px}
#configProformaModal input[data-pf-gfa]{min-width:0;width:100%;height:27px;text-align:right;font-size:13px;padding:4px 6px;box-sizing:border-box}
@media(max-width:760px){
 #configProformaModal .config-pf-unit-row:has([data-pf-gfa]){grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:6px;gap:6px 12px}
 #configProformaModal .config-pf-unit-row:has([data-pf-gfa])>.unit-no{grid-column:1;grid-row:1}
 #configProformaModal .config-pf-unit-row:has([data-pf-gfa])>.unit-type{grid-column:2;grid-row:1;text-align:right}
 #configProformaModal .config-pf-unit-row:has([data-pf-gfa])>.unit-gfa{grid-column:1;grid-row:2}
 #configProformaModal .config-pf-unit-row:has([data-pf-gfa])>input{grid-column:2;grid-row:2}
 #configProformaModal input[data-pf-gfa]{height:44px;font-size:16px}
 #configProformaModal .pf-source-toggle button{min-height:44px}
 #configProformaModal #configPfManualCount{height:44px;font-size:16px}
}

/* Standalone PDF actions share the tool buttons' shape and a red accent. */
#configPdf.tool-pdf-button,#configProformaPdf.tool-pdf-button{background:#702a34;border:1px solid #da6776;color:#fff;font-weight:800;flex-shrink:0}
#configPdf.tool-pdf-button:hover,#configProformaPdf.tool-pdf-button:hover{background:#913444}
#configPdf.tool-pdf-button:focus-visible,#configProformaPdf.tool-pdf-button:focus-visible{outline:2px solid #ffadb7;outline-offset:3px}
#configPdf.tool-pdf-button:disabled,#configProformaPdf.tool-pdf-button:disabled{opacity:.6;cursor:wait}
@media(max-width:700px){.config-proforma-actions{flex-wrap:wrap}.config-proforma-action-buttons{margin-left:auto}.site-configurator-toolbar{flex-wrap:wrap}}

/* Dark app table rules must not wash out standalone white PDF pages. */
.tool-pdf-page td,.tool-pdf-page th,.report-config-page td,.report-config-page th{color:#17212b!important}
.tool-pdf-page .report-pf-support-box tr.recommended td,.report-config-page .report-pf-support-box tr.recommended td{color:#0e6655!important}
@media print{
  .tool-pdf-page.report-proforma-only-page{height:auto!important;max-height:none!important;overflow:visible!important;break-inside:auto!important;page-break-inside:auto!important}
  .tool-pdf-page.report-proforma-only-page .report-footer{position:static!important;margin-top:14px}
  .tool-pdf-page tr{break-inside:avoid;page-break-inside:avoid}
}

#configProformaModal .config-pf-warranty-row{font-weight:700}
#configProformaModal #configPfWarrantyBasis{min-width:0;width:100%;height:27px;padding:0 16px 0 0;border:0;background-color:transparent;color:var(--muted);font:inherit;cursor:pointer}
#configProformaModal #configPfWarrantyBasis:focus-visible{outline:2px solid #6bc7e7;outline-offset:1px}
@media(max-width:760px){#configProformaModal #configPfWarrantyBasis{height:44px}}