.project-wizard{width:820px;max-width:calc(100vw - 32px);scroll-padding-top:170px}
.project-wizard form{padding:0}
.wizard-header{position:sticky;top:0;z-index:3;padding:25px 30px 0;background:#fff;border-bottom:1px solid #e4ebf4}
.wizard-header .dialog-intro{margin:11px 0 22px;max-width:610px}
.wizard-steps{display:grid;grid-template-columns:1fr 1.45fr .7fr;gap:16px}
.wizard-steps button{display:flex;align-items:center;gap:9px;padding:0 0 17px;border:0;border-bottom:2px solid transparent;background:none;text-align:left;font-size:12px;font-weight:600;color:#8d9db3;line-height:1.4}
.wizard-steps button>span{display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#f1f5fa;font-size:11px;flex-shrink:0}
.wizard-steps button.active{color:#244d86;border-bottom-color:#376bb0}
.wizard-steps button.active>span{background:#244d86;color:#fff}
.wizard-steps button.complete{color:#5178a9}
.wizard-steps button:disabled{cursor:default;color:#9eaabd}
.wizard-body{padding:27px 30px 7px}
.form-section-title{display:flex;align-items:center;gap:12px;margin:0 0 21px}
.form-section-title>span[data-icon]{display:flex;align-items:center;justify-content:center;background:#edf3fb;width:34px;height:34px;border-radius:9px;color:#6c90be;flex-shrink:0}
.form-section-title h3{margin:0;font-size:15px;font-weight:650;color:#3b597e;letter-spacing:-.2px}
.form-section-title p{margin:5px 0 0;font-size:11px;line-height:1.5;color:#8b9bb1}
.form-required-note{margin-left:auto;font-size:10px;color:#8d9eb4;white-space:nowrap}
.project-wizard .field{font-size:12px;color:#57708f;gap:9px}
.project-wizard .field input,.project-wizard .field select,.project-wizard .field textarea{font-size:13px;padding:12px;background:#fcfdff;color:#365575;border-color:#dbe4ef}
.project-wizard .field small{font-size:11px;line-height:1.6;font-weight:400;color:#889bb4}
.image-upload{display:flex;flex-direction:column;gap:9px;min-width:0}
.image-upload>label{font-size:12px;font-weight:600;color:#57708f}
.upload-select{position:relative;display:flex;align-items:center;gap:13px;padding:12px;border:1px dashed #cedbec;border-radius:8px;background:#f8fbff;cursor:pointer;min-height:87px}
.upload-select:hover{background:#f1f6fd;border-color:#7c9ecc}
.upload-select:focus-within{outline:2px solid #7198cb;outline-offset:3px}
.upload-select>span:last-of-type{min-width:0}
.upload-select strong{display:block;overflow-wrap:anywhere;font-size:12px;font-weight:500;color:#55799f}
.upload-select small{display:block;margin-top:7px;font-size:10px;font-weight:400;line-height:1.5;color:#96a6bb}
.upload-select input{position:absolute;opacity:0;width:1px;height:1px}
.upload-preview{width:64px;height:57px;background:#eaf1fa;border-radius:5px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#86a3c9;overflow:hidden}
.upload-preview img{width:100%;height:100%;object-fit:cover}
.upload-preview.logo img{object-fit:contain;background:#fff;padding:3px}
.image-upload .text-button{align-self:flex-end;font-size:10px;padding:0}
.units-heading,.climate-heading{margin-top:31px}
.unit-warning{display:flex;gap:11px;align-items:flex-start;padding:13px 15px;border:1px solid #dce6f3;border-radius:8px;background:#f2f6fc;margin-bottom:14px;color:#6b8fba}
.unit-warning>.icon{flex-shrink:0;margin-top:2px}
.unit-warning p{font-size:11px;color:#7087a5;line-height:1.7;margin:0}
.unit-warning strong{display:block;font-weight:600;color:#436489}
.unit-options{display:grid;grid-template-columns:1fr 1fr;gap:13px;border:0;margin:0;padding:0}
.unit-options label{display:flex;align-items:center;gap:12px;position:relative;padding:17px 16px;border:1px solid #dce5f0;border-radius:8px;background:#fbfcfe;cursor:pointer}
.unit-options input{accent-color:#376bb0;margin:0;width:17px;height:17px;flex-shrink:0}
.unit-options label:has(input:checked){background:#edf4fe;border-color:#7095c7;box-shadow:0 0 0 1px #7095c7}
.unit-options label:has(input:disabled){cursor:default}
.unit-options span{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px 10px}
.unit-options strong{font-size:22px;color:#3a5e8a;font-weight:650;grid-row:1 / 3}
.unit-options b{font-size:11px;font-weight:500;color:#6b82a1}
.unit-options small{font-size:10px;color:#8c9fb8}
.unit-options i{margin-left:auto;color:#426fa8;display:none}
.unit-options label:has(input:checked) i{display:flex}
.unit-options .icon{width:16px;height:16px}
.unit-confirmation{display:flex;align-items:flex-start;gap:10px;margin-top:16px;font-size:11px;line-height:1.7;color:#536f91;padding:13px 0}
.unit-confirmation input{accent-color:#376bb0;width:17px;height:17px;margin:1px 0 0;flex-shrink:0}
.unit-locked{display:flex;gap:10px;align-items:flex-start;margin-top:16px;color:#537daa;background:#f1f6fc;border-radius:7px;padding:13px 15px}
.unit-locked strong{font-size:12px;font-weight:600}
.unit-locked p{font-size:11px;line-height:1.6;color:#8095af;margin:5px 0 0}
.climate-unit-badge{margin-left:auto;background:#edf3fb;border:1px solid #e1eaf6;padding:6px 9px;border-radius:5px;white-space:nowrap;font-size:10px;color:#6788b1}
.altitude-field{max-width:calc(50% - 10px);margin-bottom:20px}
.climate-form-seasons{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.climate-form-season{display:grid;gap:19px;background:#f7f9fd;border:1px solid #e4ebf5;border-radius:9px;padding:20px 18px}
.climate-form-season.winter{background:#f2f6fc}
.climate-form-season .season-label{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.1px;font-weight:600;color:#7797c1}
.climate-form-season .icon{height:17px;width:17px}
.climate-form-season .field input{background:#fff}
.project-organisation{margin-top:29px;border-top:1px solid #e4ebf4;padding-top:20px}
.project-organisation summary{font-size:12px;color:#7590b0;cursor:pointer;font-weight:500}
.project-organisation .form-grid{margin-top:19px}
.narrative-field{margin-bottom:31px}
.narrative-field textarea{line-height:1.8;min-height:135px}
.envelope-estimate{border:1px solid #dfe8f4;border-radius:9px;padding:20px;display:flex;gap:20px;align-items:center;justify-content:space-between;background:#fafcff}
.envelope-estimate strong{font-size:12px;font-weight:600;color:#4d6c94}
.envelope-estimate p{font-size:11px;color:#8a9eb7;line-height:1.6;margin:7px 0 0}
.yes-no-options{display:flex;border:0;gap:5px;margin:0;padding:4px;background:#edf2f8;border-radius:7px;flex-shrink:0}
.yes-no-options label{position:relative;cursor:pointer}
.yes-no-options input{position:absolute;opacity:0;width:1px;height:1px}
.yes-no-options span{display:block;padding:10px 15px;font-size:11px;color:#7e93ae;border-radius:5px}
.yes-no-options label:has(input:checked) span{background:#fff;color:#355d91;box-shadow:0 2px 6px #29436d0a}
.yes-no-options label:has(input:focus-visible) span{outline:2px solid #7198cb}
.estimate-info{display:flex;align-items:flex-start;gap:13px;margin-top:13px;padding:17px 19px;background:#edf4fe;border:1px solid #dbe7f6;border-radius:8px;color:#7195c3}
.estimate-info strong{font-size:12px;font-weight:500;color:#5477a4}
.estimate-info p{font-size:11px;line-height:1.7;color:#7c95b3;margin:7px 0}
.estimate-info small{display:block;font-size:10px;line-height:1.7;color:#6e88aa}
.estimate-info>.icon{flex-shrink:0}
.form-writing-note{display:flex;align-items:flex-start;gap:11px;color:#90a9c9;margin:25px 0 5px}
.form-writing-note>.icon{flex-shrink:0;width:17px;height:17px;margin-top:2px}
.form-writing-note p{font-size:11px;line-height:1.7;margin:0;color:#8a9db6;max-width:610px}
.project-ready{display:flex;gap:15px;align-items:center;background:#f5f8fd;border:1px solid #e4ebf5;border-radius:9px;padding:23px;margin-top:30px}
.project-ready>.icon{color:#7297c4;background:#e8f0fa;padding:8px;width:35px;height:35px;border-radius:50%;flex-shrink:0}
.project-ready strong{font-size:13px;color:#5b7ba4;font-weight:600}
.project-ready p{font-size:11px;color:#8fa2b9;margin:7px 0 0;line-height:1.7}
.project-wizard .wizard-footer{position:sticky;bottom:0;z-index:3;margin:24px 0 0;padding:19px 30px;background:#fafcff;gap:9px;flex-wrap:wrap}
.wizard-footer-caption{margin-right:auto;display:flex;flex-direction:column;gap:6px}
.wizard-footer-caption strong{font-size:11px;font-weight:600;color:#6481a8}
.wizard-footer-caption span{font-size:10px;color:#9baabd}
.project-wizard .button:disabled{opacity:.5;cursor:wait}
.project-photo{object-fit:cover;display:block}
.project-narrative{margin:0 28px 23px;border-top:1px solid #e8eef5;padding-top:19px}
.project-narrative h3{font-size:12px;font-weight:600;color:#6481a8;margin:0 0 10px}
.project-narrative p{font-size:12px;line-height:1.8;color:#8fa2bb;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.envelope-request-note{margin:0 28px 23px;padding:12px 14px;background:#f3f7fd;border:1px solid #e1eaf6;border-radius:7px;font-size:11px;color:#7c95b5;line-height:1.7}
.project-customer-logo{width:48px;max-height:35px;object-fit:contain}
@media(max-width:720px){.project-wizard{max-width:calc(100vw - 22px);width:100%}.wizard-header{padding:22px 22px 0}.wizard-body{padding:25px 22px 6px}.wizard-steps{gap:10px;grid-template-columns:1fr 1.3fr .65fr}.wizard-steps button{font-size:10px;gap:6px}.wizard-steps button>span{width:22px;height:22px;font-size:10px}.project-wizard .wizard-footer{padding:16px 22px;margin:22px 0 0}.form-required-note{display:none}.unit-options label{padding:14px 11px;gap:9px}.unit-options strong{font-size:20px}.unit-options span{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.unit-options b{font-size:10px}.unit-options i{display:none!important}.climate-unit-badge{font-size:9px;padding:5px 7px}.climate-form-season{padding:17px 13px}.envelope-estimate{align-items:flex-start;flex-direction:column;gap:15px}.yes-no-options{align-self:stretch}.yes-no-options label{flex:1;text-align:center}.project-narrative{margin-left:20px;margin-right:20px}.envelope-request-note{margin-left:20px;margin-right:20px}.wizard-footer-caption{flex-basis:100%;flex-direction:row;align-items:center;justify-content:space-between;margin:0 0 6px}.wizard-footer .button{flex:1;justify-content:center}.project-wizard{scroll-padding-top:170px}}
@media(max-width:480px){.climate-form-seasons{grid-template-columns:1fr;gap:13px}.altitude-field{max-width:100%}.project-wizard .form-grid{grid-template-columns:1fr}.climate-heading{flex-wrap:wrap}.climate-unit-badge{margin-left:46px;margin-top:-5px}.wizard-steps{grid-template-columns:1fr 1.3fr .65fr}.wizard-steps button{font-size:9px}.wizard-header .dialog-intro{font-size:11px}.unit-options b{font-size:9px}.unit-options small{font-size:9px}}

.card-customer .project-customer-logo,.project-heading p .project-customer-logo{display:inline-block;vertical-align:middle;margin-right:10px;flex-shrink:0}.card-customer:has(.project-customer-logo){display:flex;align-items:center;gap:0;min-height:35px}

.project-image-unavailable{display:flex;align-items:center;justify-content:center;color:#7a8ca5;font-size:12px;background:#f1f5fa}