/* Local visual proposal; never loaded by the live application. */
.design-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:12px 24px;background:#fff;border-bottom:1px solid #e4e7df;font:13px/1.4 'Segoe UI',sans-serif;color:#263f37;}
.design-preview-caption{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.design-preview-caption>span{color:#606d65;}
.design-preview-choices{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.design-style-switch{display:flex;background:#f1f3ee;padding:4px;border-radius:999px;}
.design-style-switch a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;text-decoration:none;color:#52635a;font-weight:600;}
.design-style-switch a[aria-current]{background:#fff;color:#1b4e3a;box-shadow:0 1px 4px #1c382513;}
.design-preview-choices select{--control-radius:999px;min-height:44px;border-radius:999px;padding:8px 32px 8px 12px;border-color:#dce2d9;font-size:14px;}
body.design-preview{--navy:#253a32;--muted:#617168;--border:#e2e7de;--action-accent:#236547;--action-hover:#194d35;--control-radius:999px;--button-radius:999px;background:#f6f7f2;color:#253a32;font-family:'Segoe UI Variable','Segoe UI',system-ui,sans-serif;line-height:1.55;}
body.design-preview main .page-content{max-width:1056px;padding:32px 32px 48px;}
.design-brand{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 24px 32px;}
.design-brand img{width:190px;height:auto;}
.design-brand-logo{position:relative;display:inline-flex;flex:none;}
.design-brand-logo::after{content:'';position:absolute;inset:0;background:#202624;mask:url('/public/nordpolen-wordmark.png') center/contain no-repeat;clip-path:inset(0 0 40% 25%);pointer-events:none;}
body.design-preview .heading{display:block;background:transparent;border:0;padding:0 24px;margin:0 0 28px;}
body.design-preview .heading::before{display:none;}
body.design-preview .heading .badge{display:none;}
body.design-preview .heading .eyebrow{color:#66766b;letter-spacing:1.8px;font-size:11px;font-weight:600;margin:0 0 12px;}
body.design-preview .heading h1{color:#263c32;font-size:clamp(32px,4vw,44px);font-weight:350;letter-spacing:-1.6px;line-height:1.15;margin:0 0 12px;}
body.design-preview .heading h1 span,body.design-preview .heading h1 strong{display:block;}
body.design-preview .heading h1 strong{font-weight:600;}
body.design-preview .heading .muted{color:#617168;font-size:14px;margin:0;line-height:1.55;}
body.design-preview .heading.design-heading-in-card{display:none;}
.design-preview .design-hero-intro{display:grid;gap:12px;margin-bottom:12px;}
.design-preview .design-hero-intro h1{color:#f7faf4;font-size:clamp(30px,3vw,38px);font-weight:350;letter-spacing:-1px;line-height:1.2;margin:0;text-align:left;overflow-wrap:break-word;}
.design-preview .design-hero-intro h1 span,.design-preview .design-hero-intro h1 strong{display:block;}
.design-preview .design-hero-intro h1 strong{font-weight:600;}
.design-preview .design-hero.is-confirmed .design-hero-intro h1{color:#14394b;}
.design-preview .design-hero.is-confirmed .design-hero-intro p.muted{color:#5e747e;}
.design-preview .customer-workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch;}
.design-preview .customer-workspace>.panel:not(.design-hero){grid-column:1/-1;}
.design-preview #customer-live-status{display:flex;margin:0;border-radius:24px;box-shadow:none;}
.design-preview #customer-live-status>.customer-overview{flex:1;min-width:0;margin:0;}
.design-preview .panel{background:#fff;border:1px solid #e2e7de;border-radius:24px;padding:24px;margin:0;box-shadow:0 4px 20px #253e2b03;}
.design-preview .panel h2{font-size:20px;letter-spacing:-.35px;font-weight:600;line-height:1.35;}
.design-preview .muted{color:#617168;}
.design-preview .customer-workspace>.design-hero{position:relative;background:radial-gradient(ellipse at 100% 0%,#38654c 0,transparent 62%),#1c3029;border:1px solid #243f32;border-radius:24px;padding:24px;color:#fff;box-shadow:0 12px 24px #203b2912;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;align-self:stretch;gap:12px;overflow:hidden;}
.design-preview .design-hero-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;}
.design-preview .design-status-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff12;border:1px solid #b9dac530;border-radius:100px;padding:5px 10px;color:#dfefdf;font-size:12px;line-height:1.4;font-weight:600;}
.design-preview .design-status-badge::before{content:'';width:6px;height:6px;border-radius:50%;background:#b9dca4;}
.design-preview .design-project-reference{font-size:11px;color:#d2dfd4;}
.design-preview .design-hero h2{font-size:25px;font-weight:500;line-height:1.3;letter-spacing:-.65px;color:#f7faf4;margin:0;}
.design-preview .design-hero.is-confirmed h2{font-size:20px;font-weight:500;letter-spacing:-.35px;}
.design-preview .design-hero p.muted{font-size:14px;line-height:1.6;color:#d5e0d6;margin:0;max-width:58ch;text-wrap:pretty;}
.design-preview .design-hero .customer-installation-date{gap:8px;order:0;margin:8px 0 0;}
.design-preview .design-hero .customer-installation-date time{font-size:clamp(28px,3vw,36px);font-weight:600;letter-spacing:-1px;color:#fff;line-height:1.2;}
.design-preview .design-hero .customer-installation-date span,.design-preview .design-hero .customer-installation-date small{color:#e5eee2;}
.design-preview .design-hero .design-progress{display:flex;gap:5px;width:100%;margin-top:auto;padding-top:28px;}
.design-preview .design-current-stage{display:flex;flex-direction:column;gap:12px;flex:1;margin:0 -24px -24px;padding:24px;background:#ffffff0d;border-top:1px solid #cfe4d54a;}
.design-preview .design-current-stage>.design-current-stage-label{align-self:flex-start;max-width:100%;margin:0 0 4px;padding:6px 12px;border-radius:999px;background:#d6ebc5;color:#203d2c;font-size:13px;font-weight:650;line-height:1.5;animation:design-current-step-pulse 2.2s ease-in-out 2;}
@keyframes design-current-step-pulse{0%,100%{box-shadow:0 0 0 0 #b9dca400;}40%{box-shadow:0 0 0 5px #b9dca44d;}75%{box-shadow:0 0 0 9px #b9dca400;}}
.design-preview .design-hero.is-confirmed .design-current-stage{background:#f3f7f6;border-top-color:#dce5e2;}
.design-preview .design-current-stage .design-installation-content{padding-block:0;}
.design-preview .design-progress span{height:4px;background:#ffffff26;flex:1;border-radius:4px;}
.design-preview .design-progress span.done{background:#a9cf95;}
.design-preview .design-progress span.current{background:#d3e8bd;}
.design-preview .design-progress-label{display:flex;justify-content:space-between;gap:12px;color:#cfdece;font-size:11px;line-height:1.4;}
.design-preview .design-hero button{align-self:flex-start;border-radius:999px;background:#ffffff12;border-color:#b9dac530;color:#dfefdf;margin:4px 0 0;font-weight:600;}
.design-preview .design-hero button:hover:enabled{background:#ffffff24;}
.design-preview .design-hero button:disabled{background:#dce3da;color:#4f6256;}
.design-preview .customer-workspace .customer-overview{background:#fff;border:1px solid #e2e7de;border-radius:24px;padding:24px;}
.design-preview .design-section-eyebrow{font-size:10px;letter-spacing:1.6px;font-weight:600;color:#6a786c;margin:0 0 8px;}
.design-preview .customer-overview h2{font-size:19px;line-height:1.35;margin:0 0 20px;font-weight:600;letter-spacing:-.4px;}
.design-preview .design-overview-header{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;margin-bottom:20px;}
.design-preview .design-overview-title{flex:1 1 220px;min-width:0;}
.design-preview .design-overview-header h2{margin:0;}
.design-preview .design-overview-header .design-brand{flex-direction:column;align-items:flex-end;flex:none;gap:4px;width:144px;max-width:100%;padding:0;margin-left:auto;}
.design-preview .design-overview-header .design-brand img{width:144px;max-width:100%;}
.design-preview .customer-overview .customer-phase-list.is-compact{display:flex;flex-direction:column;gap:0;margin:0;}
.design-preview .customer-workspace .customer-phase-list.is-compact>li{position:relative;display:flex;gap:14px;align-items:flex-start;padding:0 0 20px;min-height:0;background:transparent;border:0;border-radius:0;box-shadow:none;color:#516254;}
.design-preview .customer-workspace .customer-phase-list.is-compact>li:last-child{padding-bottom:0;}
.design-preview .customer-workspace .customer-phase-list.is-compact>li:not(:last-child)::after{content:'';position:absolute;top:28px;bottom:0;left:13px;width:1px;background:#e1e6dc;}
.design-preview .customer-workspace .customer-phase-list.is-compact .customer-phase-marker{width:28px;height:28px;background:#f3f5ef;border:1px solid #e2e7dc;color:#69776b;font-size:12px;flex:none;}
.design-preview .customer-workspace .customer-phase-list.is-compact .is-complete .customer-phase-marker{background:#edf4e8;border-color:#edf4e8;color:#326b40;}
.design-preview .customer-workspace .customer-phase-list.is-compact .is-current .customer-phase-marker{background:#246547;border-color:#246547;box-shadow:0 0 0 4px #edf3e7;color:#fff;}
.design-preview .customer-workspace .customer-phase-list.is-compact .customer-phase-text strong{font-size:14px;font-weight:500;color:#304534;line-height:1.4;}
.design-preview .customer-workspace .customer-phase-list.is-compact .is-current .customer-phase-text strong{font-weight:650;color:#204c33;}
.design-preview .customer-workspace .customer-phase-list.is-compact .customer-phase-text small{font-size:12px;color:#6a766d;line-height:1.4;margin-top:3px;}
.design-preview .customer-workspace .customer-phase-list.is-compact .is-current .customer-phase-text small{color:#236547;font-weight:650;}
.design-preview .design-step-link{display:flex;gap:14px;align-items:flex-start;width:100%;min-height:44px;color:inherit;text-decoration:none;border-radius:12px;}
.design-preview .design-step-link:hover .customer-phase-text strong{color:#236547;text-decoration:underline;text-underline-offset:3px;}
.design-preview .design-step-arrow{margin-left:auto;color:#74816f;font-size:22px;line-height:28px;font-weight:400;}
.design-preview .design-test-help{margin:20px 0 0;padding-top:16px;border-top:1px solid #e5e9df;color:#667463;font-size:12px;}
.design-preview .customer-submission-receipt{font-size:12px;background:#eff5eb;border:0;border-radius:10px;padding:8px 10px;margin:0 0 20px;color:#35633f;}
.design-preview .customer-overview .customer-submission-receipt{order:1;}
.design-preview .customer-form{gap:16px;}
.design-preview .customer-form>.sms-field-group{padding-left:24px;padding-bottom:24px;border-left-color:#e1e7db;}
.design-preview .customer-form>.sms-field-group>legend{background:#f5f7f1;border-color:#e1e7db;border-radius:12px;color:#2c5039;font-weight:600;padding:10px 14px;}
.design-preview input,.design-preview select,.design-preview textarea{border-color:#dce3d7;border-radius:999px;background:#fcfdf9;color:#263d30;line-height:1.5;}
.design-preview select:not([multiple]):not([size]){border-color:#dce3d7;background-color:#fcfdf9;color:#263d30;}
/* Match the action tokens; these overrides must win over the app's native-select defaults. */
body.design-preview select:not([multiple]):not([size]){min-height:var(--button-min-height)!important;padding:var(--button-padding-block) 36px var(--button-padding-block) 12px!important;line-height:20px;}
.design-preview .customer-form input,.design-preview .customer-form textarea,.design-preview .customer-form select{font-size:16px;}
.design-preview button,.design-preview .panel button{border-radius:999px;width:fit-content;min-width:0;max-width:100%;min-height:var(--button-min-height);padding:var(--button-padding-block) var(--button-padding-inline);font-size:14px;line-height:20px;}
.design-preview button:focus-visible,.design-preview a:focus-visible,.design-preview input:focus-visible,.design-preview select:focus-visible,.design-preview textarea:focus-visible{outline:2px solid #4f8b5b;outline-offset:3px;}
.design-preview .design-hero button:focus-visible{outline-color:#fff;}
.design-preview details.list-item{border-radius:16px;border-color:#e1e7db;padding:16px;}
.design-preview details.list-item summary{min-height:44px;display:flex;align-items:center;}
/* Component disclosures retain their own inset (calendar, reports and mail). */
.design-preview :where(details.list-item summary){padding:0;}
.design-preview .page-content>.footnote{font-size:11px;color:#6b776c;margin:24px 24px 0;max-width:70ch;}
.design-preview .customer-workspace :is(h2,h3,h4,p,legend,label,figcaption){text-align:left;}
.design-preview .customer-workspace :is(p,figcaption){max-width:62ch;text-wrap:pretty;overflow-wrap:break-word;}
@media(max-width:720px){
  .design-preview-toolbar{padding:12px 16px;gap:8px;}
  .design-preview-caption{width:100%;font-size:12px;}
  .design-preview-choices{width:100%;justify-content:space-between;gap:8px;}
  .design-style-switch a{min-height:44px;font-size:12px;padding:0 10px;}
  .design-preview-choices select{font-size:13px;max-width:145px;}
  body.design-preview main .page-content{padding:24px 20px 32px;max-width:540px;}
  .design-brand{padding:0 20px 28px;}
  .design-brand img{width:166px;}
  body.design-preview .heading{margin-bottom:24px;padding-inline:20px;}
  body.design-preview .heading h1{font-size:34px;letter-spacing:-1.2px;}
  body.design-preview .heading .muted{font-size:13px;}
  .design-preview .customer-workspace{grid-template-columns:minmax(0,1fr);gap:16px;}
  .design-preview .customer-workspace>.design-hero{padding:20px;border-radius:22px;gap:12px;}
  .design-preview .design-current-stage{margin-inline:-20px;margin-bottom:-20px;padding:20px;}
  .design-preview .design-hero-top{margin-bottom:12px;}
  .design-preview .design-hero h2{font-size:23px;}
  .design-preview .customer-workspace .customer-overview,.design-preview .panel{padding:20px;border-radius:22px;}
  .design-preview .customer-form>.sms-field-group{padding-left:20px;}
}
/* Complete work surfaces: the proposal covers controls and content, not only the masthead. */
.design-preview .customer-workspace>.preparation-panel{background:transparent;border:0;padding:0;box-shadow:none;}
.design-preview .preparation-panel>h2{font-size:24px;margin:8px 24px;}
.design-preview .preparation-panel>p.muted{margin:0 24px 24px;max-width:62ch;}
.design-preview .customer-submission-progress{display:grid;gap:12px;border:1px solid #dce5d7;border-radius:18px;padding:24px;background:#fff;color:#334b35;margin:0 0 24px;}
.design-preview .customer-submission-progress>strong{font-size:15px;font-weight:600;}
.design-preview .customer-submission-progress>p,.design-preview .customer-submission-progress>small{margin:0;color:#5c6c5b;font-size:13px;line-height:1.5;}
.design-preview .customer-submission-track{height:8px;border-radius:8px;background:#edf0e9;margin:4px 0;}
.design-preview .customer-submission-track>span{background:var(--progress-color);border-radius:8px;}
.design-preview .customer-submission-progress.is-submitted{background:#e6f1e2;border-color:#b8d2ac;}
.design-preview .design-progress-counts{display:flex;flex-wrap:wrap;gap:12px;}
.design-preview .design-count{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:#edf4f9;border:1px solid #d3e3ee;color:#234c66;font-size:13px;}
.design-preview .design-count.is-photos{background:#fff5e5;border-color:#eedab7;color:#79541f;}
.design-preview .design-count.is-complete{background:#edf5e9;border-color:#cfdfc5;color:#346345;}
.design-preview .design-intake-guide{padding:24px;margin:0 0 16px;border:1px solid #dce5de;border-radius:22px;background:#fff;}
.design-preview .design-intake-guide>h3{font-size:20px;font-weight:600;margin:0 0 8px;color:#263d34;}
.design-preview .design-intake-guide>p{font-size:14px;line-height:1.6;margin:0;color:#596c63;max-width:62ch;text-wrap:pretty;}
.design-preview .design-guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 16px;}
.design-preview .design-guide-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border-radius:16px;background:#edf4f9;color:#234c66;}
.design-preview .design-guide-card.is-photo{background:#fff5e5;color:#79541f;}
.design-preview .design-guide-card.is-resume{background:#eef5e9;color:#3b623a;}
.design-preview .design-guide-number{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:9px;background:#ffffffab;font-size:12px;font-weight:700;}
.design-preview .design-guide-card strong{font-size:14px;line-height:1.4;font-weight:600;}
.design-preview .design-guide-card p{font-size:13px;line-height:1.5;margin:4px 0 0;color:inherit;}
.design-preview .design-intake-guide .design-draft-status{font-size:13px;color:#356943;padding:8px 0;transition:background-color .3s;}
.design-preview .design-draft-status.just-saved{background:#eef5e9;border-radius:8px;}
.design-preview .design-intake-guide .design-guide-submit{border-top:1px solid #e3e9de;padding-top:12px;font-size:13px;}
.design-preview .customer-workspace>.design-delivery-panel{align-content:start;}
.design-preview .design-delivery-action{display:grid;justify-items:start;gap:8px;}
.design-preview .design-delivery-action .design-delivery-hint{display:flex;align-items:flex-start;gap:8px;margin:0;color:#31543a;font-size:14px;font-weight:600;line-height:1.5;}
.design-preview .design-delivery-hint>span:first-child{flex:none;}
.design-preview .design-delivery-confirm{justify-self:start;display:inline-flex;align-items:center;gap:8px;background:#236547;border-color:#236547;color:white;}
.design-preview .design-delivery-confirm::before{content:'';width:6px;height:6px;flex:none;border-radius:50%;background:#dfefdf;animation:delivery-dot 2.4s ease-in-out infinite;}
.design-preview .design-delivery-confirm:disabled::before{animation:none;opacity:.6;}
.design-preview .design-delivery-photo{border-top:1px solid #e2e7de;padding-top:20px;margin-top:8px;display:grid;gap:12px;}
.design-preview .design-delivery-photo h3{font-size:17px;margin:0;font-weight:600;}
.design-preview .design-delivery-photo p{font-size:14px;margin:0;color:#617168;}
.design-preview .design-delivery-photo small{color:#617168;font-size:12px;}
.design-preview .design-delivery-photo-actions{display:flex;flex-wrap:wrap;gap:8px;}
.design-preview .design-delivery-photo-actions>.customer-photo-button{display:inline-flex;position:relative;width:fit-content;min-height:var(--button-min-height);height:auto;align-items:center;justify-content:center;padding:var(--button-padding-block) var(--button-padding-inline);background:#edf3ee;border:1px solid #d3e0d6;border-radius:999px;color:#31543a;font-size:14px;font-weight:600;line-height:20px;}
.design-preview .design-delivery-preview{display:grid;justify-items:start;gap:12px;margin:0;min-width:0;}
.design-preview .design-delivery-preview img{width:auto;max-width:100%;max-height:240px;border-radius:14px;object-fit:contain;}
.design-preview .design-delivery-preview figcaption{font-size:13px;overflow-wrap:anywhere;max-width:100%;}
.design-preview .design-photo-feedback:empty{display:none;}
.design-preview .design-date-celebration{font-size:.85em;margin-right:12px;display:inline-block;}
.design-preview .customer-workspace>.design-hero.is-confirmed{background:#fff;border-color:#dce5e7;color:#14394b;box-shadow:0 6px 24px #14394b06;text-align:left;}
.design-preview .design-hero.is-confirmed .design-hero-top{justify-content:space-between;margin-bottom:0;}
.design-preview .design-hero.is-confirmed .design-status-badge{background:#edf5ee;border-color:#d9e8dd;color:#35634a;}
.design-preview .design-hero.is-confirmed .design-status-badge::before{background:#3b815b;}
.design-preview .design-hero.is-confirmed .design-project-reference{color:#647981;}
.design-preview .design-installation-content{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:12px;flex:1;min-width:0;padding-block:12px;}
.design-preview .design-confirmed-title{display:flex;align-items:center;gap:12px;flex-wrap:wrap;}
.design-preview .design-hero.is-confirmed h2{color:#14394b;font-size:24px;line-height:1.3;text-align:left;flex:1 1 220px;}
.design-preview .design-hero.is-confirmed p.muted{color:#5e747e;text-align:left;}
.design-preview .design-installation-content .design-date-celebration{display:inline-flex;align-items:center;gap:8px;flex:none;font-size:32px;line-height:1;margin:0;}
.design-preview .design-date-celebration>span{display:inline-block;transform-origin:50% 80%;animation:design-celebrate 1.8s ease-in-out 2;}
.design-preview .design-date-celebration>.design-celebration-thumb{animation-name:design-thumbs-up;animation-delay:.2s;}
@keyframes design-celebrate{0%,55%,100%{transform:rotate(0);}15%{transform:translateY(-3px) rotate(-12deg);}30%{transform:rotate(8deg);}45%{transform:rotate(-4deg);}}
@keyframes design-thumbs-up{0%,55%,100%{transform:rotate(0);}20%{transform:translateY(-4px) rotate(-10deg);}38%{transform:translateY(-1px) rotate(5deg);}}
.design-preview .design-hero.is-confirmed .customer-installation-date{width:100%;align-items:flex-start;text-align:left;margin:4px 0;}
.design-preview .design-hero.is-confirmed .customer-installation-date time{color:#14394b;font-size:clamp(26px,3vw,34px);text-align:left;line-height:1.25;}
.design-preview .design-hero.is-confirmed .customer-installation-date span,.design-preview .design-hero.is-confirmed .customer-installation-date small{color:#5e747e;}
.design-preview .design-visit-preparation{width:100%;max-width:58ch;box-sizing:border-box;padding:20px 0 0;border-top:1px solid #e1e8e7;color:#244b5b;margin-top:12px;}
.design-preview .design-visit-preparation strong{font-size:14px;font-weight:600;}
.design-preview .design-visit-preparation p{font-size:13px;line-height:1.6;margin:6px 0 0;color:#536f7b;}
.design-preview .design-hero.is-confirmed .design-progress{margin-top:0;padding-top:12px;}
.design-preview .design-hero.is-confirmed .design-progress span{background:#e5ece9;}
.design-preview .design-hero.is-confirmed .design-progress span.done{background:#81ae91;}
.design-preview .design-hero.is-confirmed .design-progress span.current{background:#236547;}
.design-preview .design-hero.is-confirmed .design-progress-label{color:#607870;justify-content:space-between;flex-wrap:wrap;}
@keyframes delivery-dot{0%,100%{opacity:1;}50%{opacity:.35;}}
@media(prefers-reduced-motion:reduce){.design-preview .design-delivery-confirm::before,.design-preview .design-date-celebration>span,.design-preview .design-current-stage>.design-current-stage-label{animation:none;}.design-preview .design-draft-status{transition:none;}}
.design-preview .customer-form:has(>.sms-field-group){display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin:0;}
.design-preview .customer-form>.sms-field-group,
.design-preview .customer-form>.sms-field-group:last-of-type{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 20px;border:1px solid #e1e7db;border-radius:22px;background:#fff;min-width:0;padding:24px;margin:0!important;}
.design-preview .customer-form>.sms-field-group>legend{float:left;display:flex;align-items:center;gap:12px;grid-column:1/-1;width:100%;box-sizing:border-box;position:static;background:transparent;border:0;border-radius:0;padding:0;margin:0 0 4px;font-size:18px!important;font-weight:600;line-height:1.4;color:#2d4635;}
.design-preview .customer-form>.sms-field-group>legend::before{display:none;}
.design-preview .design-field-number{display:grid;place-items:center;order:1;margin-left:auto;width:32px;height:32px;flex:none;border:1px solid #dce5d6;border-radius:11px;background:#f1f5eb;color:#4a6b47;font-size:12px;letter-spacing:.5px;}
.design-preview .customer-form>.sms-field-group>.muted,
.design-preview .customer-form>.sms-field-group>.customer-contact,
.design-preview .customer-form>.sms-field-group>.second-owner-fields,
.design-preview .customer-form>.sms-field-group>button{grid-column:1/-1;}
.design-preview .customer-form>.sms-field-group>.muted{font-size:13px;line-height:1.6;margin:0;max-width:70ch;color:#667461;}
.design-preview .customer-form>.sms-field-group>label{display:grid;gap:8px;font-size:14px;font-weight:500;color:#354b39;align-content:start;}
.design-preview .customer-form .customer-contact{padding:16px;background:#f5f7f1;border:0;border-radius:14px;display:flex;flex-wrap:wrap;gap:4px 16px;}
.design-preview .customer-contact>strong{color:#2d4635;font-size:14px;}
.design-preview .customer-contact>span{font-size:12px;color:#687562;}
body.design-preview .customer-form input:not([type=file]):not([type=hidden]):not([type=checkbox]):not([type=radio]),
.design-preview .customer-form textarea,
.design-preview .customer-form select{border:1px solid #dce4d6;background:#fafcf7;border-radius:999px;padding:var(--button-padding-block) 12px;min-height:var(--button-min-height);color:#283d2e;font-weight:400;line-height:20px;box-shadow:none;}
.design-preview .customer-form textarea{border-radius:18px;padding:10px 12px;}
.design-preview .customer-form input:focus,.design-preview .customer-form textarea:focus,.design-preview .customer-form select:focus{background:#fff;border-color:#698b59;}
.design-preview .customer-form select{width:auto;justify-self:start;}
.design-preview .customer-form .second-owner-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:16px;background:#f6f8f1;border:1px solid #e1e7db;border-radius:14px;}
.design-preview .second-owner-fields>strong{grid-column:1/-1;}
.design-preview .customer-form>.sms-info-group{display:grid;gap:12px;background:#fff;border:1px solid #e1e7db;border-radius:22px;padding:24px;margin:0;}
.design-preview .customer-form>.sms-info-group h3{font-size:20px;font-weight:600;line-height:1.4;letter-spacing:-.35px;color:#2d4635;margin:0;}
.design-preview .customer-form>.sms-info-group>p{font-size:13px;line-height:1.6;color:#667461;margin:0;max-width:70ch;}
.design-preview .customer-photo-upload{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:4px 0 0;}
.design-preview .customer-photo-tile.portal-card{border:1px solid #dfe6d8;border-radius:18px;padding:20px;background:#fafcf7;display:flex;flex-direction:column;gap:16px;box-shadow:none;min-width:0;grid-row:auto;}
.design-preview .customer-photo-tile .portal-card-body{display:flex;flex-direction:column;gap:8px;}
.design-preview .customer-photo-tile h4{font-size:16px;font-weight:600;line-height:1.4;letter-spacing:-.2px;margin:0;color:#304b36;}
.design-preview .customer-photo-tile small.photo-requirement{display:inline-flex;align-self:flex-start;border:1px solid #dce6d4;border-radius:8px;background:#f0f5e9;padding:3px 7px;font-size:11px;color:#546e45;}
.design-preview .customer-photo-tile p{font-size:13px;color:#667461;margin:0;line-height:1.5;}
.design-preview .customer-photo-tile .photo-upload-status:not(:empty){font-size:13px;color:#315c3b;}
.design-preview .customer-photo-actions.portal-card-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px;margin-top:auto;padding:0;border:0;height:auto;}
.design-preview .customer-photo-actions>.customer-photo-button{background:#edf3ee;border:1px solid #d3e0d6;border-radius:999px;padding:var(--button-padding-block) var(--button-padding-inline);color:#31543a;font-size:14px;line-height:20px;min-height:var(--button-min-height);min-width:0;width:fit-content;height:auto;display:inline-flex;align-items:center;justify-content:center;box-shadow:none;}
.design-preview .customer-photo-button:focus-within{outline:2px solid #4f8b5b;outline-offset:3px;}
.design-preview .customer-photo-button:hover{background:#edf3e8;border-color:#94af81;}
.design-preview .customer-photo-preview{border-radius:12px;border-color:#dce5d6;overflow:hidden;background:#fff;}
.design-preview .customer-photo-preview img{border-radius:10px;}
.design-preview .customer-photo-preview button{border-radius:999px;color:#6a4034;}
.design-preview .customer-photo-upload>.muted{grid-column:1/-1;font-size:12px;line-height:1.6;color:#6b7965;margin:0;}
.design-preview .customer-intake-note>label{font-size:14px;gap:8px;color:#354b39;}
.design-preview .customer-intake-note textarea{margin:0;min-height:96px;}
.design-preview .customer-form>.next-action{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:16px 20px;background:#edf2e8;border:1px solid #dce5d5;border-radius:16px;font-size:14px;color:#3a533a;}
.design-preview .customer-form>.next-action strong{font-weight:500;}
.design-preview .customer-form button,.design-preview .panel button{min-height:var(--button-min-height);margin:0;border-radius:999px;font-size:14px;font-weight:600;padding:var(--button-padding-block) var(--button-padding-inline);}
.design-preview .customer-form>button[type=submit]{justify-self:start;background:#236547;color:#fff;border-color:#236547;margin:0;min-width:0;}
.design-preview .customer-form>button[type=submit]:disabled{background:#e4e9de;color:#5a6b52;border-color:#dce3d6;opacity:1;}
.design-preview .customer-form>button[type=submit].is-submitted{background:#236547;color:white;}
.design-preview .secondary{background:#edf3ee;color:#34573c;border-color:#d3e0d6;}
.design-preview .secondary:hover:enabled{background:#edf3e7;border-color:#a5bc96;}
.design-preview .customer-document-list{list-style:none;padding:0;margin:16px 0;display:grid;gap:12px;}
.design-preview .customer-document-list li{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;padding:16px;text-align:left;background:#f6f8f1;border:1px solid #e1e7da;border-radius:14px;}
.design-preview .customer-document-list li>:is(button,a){max-width:100%;margin:0;text-align:left;overflow-wrap:anywhere;}
.design-preview .customer-document-list small{margin:0;font-size:12px;color:#667461;}
.design-preview .customer-workspace>.panel:not(.design-hero):not(.preparation-panel){display:grid;gap:12px;}
.design-preview .customer-workspace>.panel:not(.design-hero):not(.preparation-panel)>h2,
.design-preview .customer-workspace>.panel:not(.design-hero):not(.preparation-panel)>h3,
.design-preview .customer-workspace>.panel:not(.design-hero):not(.preparation-panel)>p{margin-block:0;}
.design-preview .customer-workspace>.panel:not(.design-hero)>button{justify-self:start;}
.design-preview .statusline{border-color:#e5eadd;color:#354b39;}
.design-preview .statusline span{color:#667461;}
.design-preview .completion{border:1px solid #c6d9b8;border-radius:14px;padding:12px 16px;background:#edf4e6;color:#38613e;}
.design-preview dialog{background:#fcfdf9;color:#2d4635;border:1px solid #d9e3d2;border-radius:22px;padding:24px;box-shadow:0 24px 60px #1b35253d;}
.design-preview dialog::backdrop{background:#19332466;backdrop-filter:blur(3px);}
.design-preview dialog h2{font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.4px;}
.design-preview dialog .panel,.design-preview dialog .list-item{border-color:#e0e7d8;border-radius:16px;}
@media(max-width:720px){
  .design-preview .design-intake-guide{padding:20px;}
  .design-preview .customer-submission-progress{padding:20px;}
  .design-preview .preparation-panel>h2,.design-preview .preparation-panel>p.muted{margin-inline:20px;}
  .design-preview .page-content>.footnote{margin-inline:20px;}
  .design-preview .design-installation-content .design-date-celebration{font-size:28px;}
  .design-preview .design-guide-cards{grid-template-columns:minmax(0,1fr);margin-top:16px;}
  .design-preview .design-guide-card{padding:16px;}
  .design-preview .design-count{flex:1 1 140px;}
  .design-preview .customer-form>.sms-field-group,.design-preview .customer-form>.sms-field-group:last-of-type{grid-template-columns:minmax(0,1fr);padding:20px;border-radius:20px;}
  .design-preview .customer-form>.sms-field-group>legend{font-size:17px!important;}
  .design-preview .customer-form>.sms-info-group{padding:20px;border-radius:20px;}
  .design-preview .customer-photo-upload{grid-template-columns:minmax(0,1fr);}
  .design-preview .customer-photo-tile.portal-card{padding:16px;}
  .design-preview .customer-form .second-owner-fields{grid-template-columns:minmax(0,1fr);}
  .design-preview .preparation-panel>h2{font-size:22px;margin-top:8px;}
  .design-preview .customer-form:has(>.sms-field-group){gap:16px;}
}
@media(max-width:360px){
  body.design-preview main .page-content{padding-inline:16px;}
  .design-preview .customer-workspace>.design-hero{padding:20px;}
  body.design-preview .heading h1{font-size:30px;}
  .design-preview-choices{align-items:stretch;}
  .design-preview-choices select{max-width:160px;padding-right:32px;}
  .design-style-switch a{padding-inline:8px;}
  .design-preview .design-project-reference{font-size:10px;}
}
@media(max-width:767px),(any-pointer:coarse){
  body.design-preview select:not([multiple]):not([size]){font-size:16px!important;}
  .design-preview .design-preview-choices select{max-width:none;}
}
/* Keep native values, keyboard support and form events while styling the open list. */
@supports(appearance:base-select){
  body.design-preview select:not([multiple]):not([size]),body.design-preview select:not([multiple]):not([size])::picker(select){appearance:base-select;}
  body.design-preview select:not([multiple]):not([size]){min-width:80px;align-items:center;}
  body.design-preview select:not([multiple]):not([size])::picker-icon{display:none;}
  body.design-preview select:not([multiple]):not([size])::picker(select){margin-block:6px;padding:6px;min-width:140px;max-width:calc(100vw - 32px);max-height:min(340px,65dvh);overflow:auto;border:1px solid #d6e1d1;border-radius:18px;background:#fcfdf9;color:#283d2e;box-shadow:0 10px 28px #203b291c;font:inherit;}
  body.design-preview select:not([multiple]):not([size]) option{display:flex;align-items:center;gap:8px;min-height:var(--button-min-height);padding:6px 12px;border:0;border-radius:8px;background:transparent;color:#253a32;line-height:20px;white-space:normal;}
  body.design-preview select:not([multiple]):not([size]) option:checked{background:#f0f2ef;color:#253a32;font-weight:600;}
  body.design-preview select:not([multiple]):not([size]) option:is(:hover,:focus){background:#f5f6f3;outline:2px solid #68776e;outline-offset:-2px;}
  body.design-preview select:not([multiple]):not([size]) option::checkmark{color:#253a32;}
}