.construction-page{display:grid;gap:22px}.construction-hero{border-left-color:#d7193f;background:linear-gradient(135deg,#fff,#f1f3ff)}.construction-picker,.construction-box{border-top:5px solid #18229a}.construction-heading{display:flex;justify-content:space-between;gap:22px;align-items:end;margin:8px 0 18px}.construction-heading h2{margin:.2rem 0}.construction-heading>p{max-width:650px;color:#5d6680}.construction-banner{display:flex;justify-content:space-between;align-items:center;padding:24px;border-radius:22px;color:#fff;background:linear-gradient(120deg,#0d145f,#18229a 60%,#d7193f);box-shadow:0 18px 40px #11184b25}.construction-banner h2{font-size:clamp(1.6rem,3vw,2.4rem);margin:.2rem 0}.construction-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:14px 0}.construction-form label,.split-cell label{display:grid;gap:5px;font-weight:750}.construction-grid{overflow:auto;border:1px solid #d7dced;border-radius:16px}.construction-grid table{width:100%;min-width:850px;border-collapse:collapse}.construction-grid th{background:#111873;color:#fff;text-align:left}.construction-grid th,.construction-grid td{padding:8px;border:1px solid #dfe3f0;vertical-align:top}.construction-grid input,.construction-grid select{width:100%;min-width:100px;padding:8px;border:1px solid #c7cee5;border-radius:8px}.split-cell{background:#f6f7ff}.split-cell label{font-size:.72rem}.split,.text-danger{padding:5px;background:transparent;color:#a61922;border:0;text-decoration:underline}.construction-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:16px 0}.construction-totals article{padding:15px;border-radius:15px;background:#eef0ff;border-left:5px solid #18229a}.construction-totals span{display:block;color:#626b83;font-size:.82rem}.construction-totals strong{font-size:1.3rem;color:#101773}.construction-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;margin:18px 0}.construction-card{padding:18px;border:1px solid #d7dced;border-top:5px solid #18229a;border-radius:17px;background:#fff;box-shadow:0 9px 24px #11184b12}.construction-card h3{margin:.2rem 0}.construction-editor{padding:18px;border:2px solid #c1c8ec;border-radius:18px;background:#f8f9ff}.takeoff-row{display:grid;grid-template-columns:140px 1fr auto;gap:8px;margin:7px 0}.icon-danger{width:38px!important;background:#fff0f1!important;color:#a61922!important;border:1px solid #e5aeb3!important}.button-link{display:inline-flex;align-items:center;padding:9px 13px;border-radius:10px;background:#18229a;color:#fff;text-decoration:none}.construction-box>summary{font-size:1.18rem;font-weight:900;color:#101773;cursor:pointer}.construction-box[open]>summary{margin-bottom:15px}
.project-address-editor{margin:16px 0;padding:16px;border:1px solid #cbd2ed;border-left:5px solid #d7193f;border-radius:16px;background:#f8f9ff}.project-address-editor h3{margin:.15rem 0}.project-address-editor>p:not(.eyebrow){color:#626b83}.project-address-row{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:end;margin:10px 0}.project-address-row label{display:grid;gap:5px;font-weight:750}.feasibility-grid table{min-width:0}.feasibility-grid tbody th{width:58%;background:#f0f2ff;color:#111873;vertical-align:middle}.feasibility-grid .feasibility-value{width:42%;vertical-align:middle}.feasibility-row-heading{display:grid;grid-template-columns:minmax(155px,1fr) auto;align-items:center;gap:14px}.feasibility-row-heading>strong{font-size:.82rem}.feasibility-detail{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:0}.feasibility-detail span{color:#101773;font-size:.7rem;font-weight:850;white-space:nowrap}.feasibility-grid .feasibility-detail input{flex:0 0 154px;width:154px;min-width:0;background:#fff;border-color:#aeb8e5}.feasibility-grid [data-feasibility-detail="appraisalPerSqFt"],.feasibility-grid [data-feasibility-detail="mortgageRate"],.feasibility-grid [data-feasibility-detail="mortgageAmortYears"],.feasibility-grid [data-feasibility-detail="maintenancePercent"]{flex:0 0 77px!important;width:77px!important;min-width:77px!important;max-width:77px!important}.feasibility-results strong{transition:color .15s ease}.feasibility-grid:focus-within+.feasibility-results strong{color:#d7193f}
.feasibility-grid [data-feasibility-row="mortgage"] .feasibility-row-heading{display:flex;align-items:center;gap:10px;white-space:nowrap}.feasibility-grid [data-feasibility-row="mortgage"] .feasibility-row-heading>strong{flex:1 1 auto}.feasibility-grid [data-feasibility-row="mortgage"] .feasibility-detail{display:flex;align-items:center;gap:5px;flex:0 0 145px}.feasibility-grid [data-feasibility-row="mortgage"] .feasibility-detail span{white-space:nowrap}
.construction-budget-note{display:grid;gap:6px;margin:0 0 12px;font-weight:800}.construction-budget-note input{width:100%;min-height:42px}.construction-budget-print-actions{display:grid;grid-template-columns:repeat(2,minmax(220px,1fr));gap:12px;margin:0 0 14px}.construction-budget-print-actions button:first-child{background:#101773}.construction-budget-print-actions button:last-child{background:#d7193f}.construction-project-select{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(300px,1.8fr);gap:18px;align-items:center;padding:18px;border:1px solid #cbd2ed;border-left:6px solid #d7193f;border-radius:18px;background:linear-gradient(120deg,#f7f8ff,#fff);box-shadow:0 10px 25px #11184b12}.construction-project-select label{display:grid;gap:3px;color:#101773}.construction-project-select label strong{font-size:1.08rem}.construction-project-select-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.construction-project-select select{width:100%;min-height:50px;padding:10px 42px 10px 14px;border:2px solid #18229a;border-radius:13px;background:#fff;color:#070c3e;font-size:1rem;font-weight:800;box-shadow:inset 0 0 0 1px #fff}.construction-project-select select:focus{outline:3px solid #d7193f33;outline-offset:2px}.construction-project-select button{min-height:50px;border-radius:13px;white-space:nowrap}.project-identity-editor{margin:4px 0 16px;padding:16px;border:1px solid #cbd2ed;border-left:5px solid #18229a;border-radius:16px;background:#f8f9ff}.project-identity-editor h3{margin:.15rem 0}.project-identity-editor>p:not(.eyebrow){margin:.35rem 0 0;color:#626b83}.construction-project-subtitle{margin:.25rem 0;font-size:1.1rem;font-weight:800;color:#fff}
.construction-budget-box thead th:nth-child(5){background:#d7193f}.construction-budget-box tbody td:nth-child(4){background:#eef3ff}.construction-budget-box tbody td:nth-child(5){background:#fff0f2}.construction-budget-box tbody td:nth-child(4) input{background:#f8faff;border-color:#b9c5ec}.construction-budget-box tbody td:nth-child(5) input{background:#fff8f9;border-color:#e8b8c1}.construction-budget-box tfoot th:nth-child(4){background:#2536a8}.construction-budget-box tfoot th:nth-child(5){background:#7d2136}
.construction-date-reports{margin:0 0 16px;border:2px solid #bac3e6;border-left:6px solid #d7193f;border-radius:16px;background:#f7f8ff;box-shadow:0 7px 20px rgba(16,23,115,.08);overflow:hidden}.construction-date-reports>summary{display:flex;align-items:center;gap:10px;padding:16px 18px;color:#101773;background:linear-gradient(135deg,#fff,#eef1ff);font-size:1rem;font-weight:900;cursor:pointer;list-style:none}.construction-date-reports>summary::-webkit-details-marker{display:none}.construction-date-reports>summary::before{content:"▶";display:inline-block;color:#d7193f;font-size:.82rem;transition:transform .15s ease}.construction-date-reports[open]>summary::before{transform:rotate(90deg)}.construction-date-reports[open]>summary{border-bottom:1px solid #cbd2ed;background:#eef1ff}.construction-date-reports>summary::after{content:"Open saved reports";margin-left:auto;color:#59627a;font-size:.68rem;font-weight:800;letter-spacing:.03em}.construction-date-reports[open]>summary::after{content:"Close saved reports"}.construction-date-reports>summary span{display:grid;place-items:center;min-width:25px;height:25px;padding:0 7px;border-radius:999px;background:#18229a;color:#fff;font-size:.72rem}.construction-date-reports>:not(summary){margin-left:14px;margin-right:14px}.construction-date-report-controls{display:grid;grid-template-columns:auto minmax(260px,1fr);gap:12px;align-items:end;margin-top:14px!important;margin-bottom:14px!important}.construction-date-report-controls label{display:grid;gap:5px;color:#101773;font-weight:800}.construction-date-report-controls select{min-height:45px;border:1px solid #abb5df;border-radius:10px;background:#fff}.construction-date-report{background:#fff}.construction-date-report small{color:#dce2ff}
.feasibility-print-action{display:grid!important;grid-template-columns:42px minmax(0,1fr) 26px;align-items:center;gap:12px;width:min(100%,480px);margin:0 0 18px;padding:12px 14px!important;border:1px solid #303bc4!important;border-radius:15px!important;background:linear-gradient(135deg,#0d145f,#18229a 72%,#2936d3)!important;color:#fff!important;text-align:left!important;box-shadow:0 11px 26px #11187335}.feasibility-print-action:hover{transform:translateY(-1px);box-shadow:0 15px 30px #11187342}.feasibility-print-action>span:nth-child(2){display:grid;gap:2px}.feasibility-print-action strong{color:#fff;font-size:.88rem}.feasibility-print-action small{color:#dce2ff;font-size:.68rem;font-weight:700;white-space:normal}.construction-print-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#fff;color:#18229a;font-size:1.15rem}.construction-print-arrow{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#d7193f;color:#fff;font-weight:900}
.construction-feasibility-workspace{border-top-color:#d7193f;background:linear-gradient(180deg,#fff,#f7f8ff)}.feasibility-add-snapshot{margin:0 0 16px;background:linear-gradient(135deg,#d7193f,#aa112f);box-shadow:0 9px 20px #d7193f2e}.feasibility-snapshot-list{display:grid;gap:16px}.feasibility-snapshot{margin:0;padding:16px;border:1px solid #cbd2ed;border-left:6px solid #18229a;border-radius:18px;background:#fff;box-shadow:0 10px 25px #11184b12}.feasibility-snapshot>summary{font-size:1.02rem}.feasibility-snapshot-context{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,.7fr);gap:14px;margin:0 0 16px;padding:16px;border:1px solid #cad2ef;border-left:5px solid #d7193f;border-radius:15px;background:#f3f5ff}.feasibility-snapshot-context label{display:grid;gap:6px;color:#101773;font-weight:850}.feasibility-snapshot-context input{width:100%;min-height:42px;border:1px solid #adb8e2;border-radius:10px;background:#fff}
/* Match the shared .detail-panel summary typography used across SIP OS. */
.construction-box>summary{font-size:1.05rem}
@media(max-width:700px){.construction-heading{display:block}.construction-form{grid-template-columns:1fr}.construction-cards{grid-template-columns:1fr}.takeoff-row{grid-template-columns:90px 1fr auto}.construction-banner{align-items:flex-start}.construction-picker select{width:100%}.project-address-row{grid-template-columns:1fr auto}.feasibility-grid table{min-width:760px}.feasibility-row-heading{grid-template-columns:minmax(165px,1fr) auto}.feasibility-detail{display:flex;gap:6px}.construction-project-select{grid-template-columns:1fr;padding:15px}.construction-project-select-controls,.construction-budget-print-actions,.feasibility-snapshot-context,.construction-date-report-controls{grid-template-columns:1fr}.construction-project-select button{width:100%}.feasibility-snapshot{padding:12px}}