/* Whole-site visual trial. Scoped to its own local server and new-design switch. */
body.design-site{--green:#236547;--lime:#d6ebc5;--nav-accent:#236547;--nav-soft:#edf3ee;--nav-text:#52665a;--line:#e1e7de;--surface:#fff;--radius:22px;--shadow:none;--card-inset:24px;--control-radius:999px;--button-radius:999px;--site-canvas:#f9fcf9;--site-surface-soft:#f7faf6;--site-surface-header:#f4f8f2;background:var(--site-canvas);color:#253a32;}
/* Match the login's subtle 48 px grid; preserve the existing canvas gradient. */
body.design-site{background-image:linear-gradient(rgb(35 101 71 / 3%) 1px,transparent 1px),linear-gradient(90deg,rgb(35 101 71 / 3%) 1px,transparent 1px),linear-gradient(145deg,#f4faf6 0%,#fbfdfb 58%,#f8fbf7 100%);background-size:48px 48px,48px 48px,auto;background-repeat:repeat,repeat,no-repeat;}
/* A common text origin for page chrome and top-level cards, including their border. */
html[data-design-scope]{scrollbar-gutter:stable;}
body.design-site .page-content{--page-text-inset:calc(var(--card-inset) + 1px);}
body.design-site .page-content > .footnote{margin-inline:var(--page-text-inset);}
body.design-site .page-content > .shared-test-role-menu{padding-inline:var(--card-inset);}
body.design-site .page-content > #demo-role-menu{padding-inline:var(--page-text-inset);}
body.design-site #content > .statistics-tabs,
body.design-site #content > .monthly-page > .goal-selectors{padding-inline:var(--page-text-inset);}
body.design-site #content > .monthly-page :is(.sales-goal-header,.sales-goal-body){padding-inline:var(--card-inset);}
body.design-site #content > .installer-registry > :is(.registry-header,.registry-result){padding-inline:var(--page-text-inset);}
body.design-site #content > .installer-registry > .registry-filters{padding-inline:var(--card-inset);}
body.design-site #content > .installer-registry > button{margin-inline-start:var(--page-text-inset);}
body.design-site:not(.customer-portal) main .page-content{max-width:1440px;padding:32px 28px 48px;}
body.design-site>.design-preview-toolbar{margin-left:256px;}
body.design-site.installer-portal>.design-preview-toolbar{margin-left:240px;}
body.design-site.customer-portal>.design-preview-toolbar{margin-left:0;}
body.design-site :is(.sidebar,.installer-sidebar){background:#fff;color:#2d4737;border-right:1px solid #e1e7de;box-shadow:none;}
body.design-site .site-design-logo{position:relative;display:inline-flex;width:190px;max-width:100%;flex:none;}
body.design-site .site-design-logo img{display:block;width:100%;height:auto;}
body.design-site .site-design-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-site :is(.sidebar .identity,.installer-identity){background:var(--site-surface-soft);border:1px solid #e1e7de;border-radius:18px;padding:16px;color:#314c3b;}
body.design-site :is(.identity p,.identity label,.installer-identity small,.installer-identity span,.sidebar .local,.sidebar .more-options>label){color:#617168;}
body.design-site .sidebar .local{line-height:1.6;}
body.design-site :is(.sidebar .nav,.sidebar .nav-group>summary,.installer-sidebar nav .nav){width:100%;min-height:44px;padding:10px 12px;border-radius:4px;color:#46604e;font-weight:500;box-shadow:none;}
body.design-site :is(.sidebar .nav-count,.sidebar .nav.active .nav-count){background:transparent;color:#52665a;border-radius:0;}
body.design-site :is(.sidebar .nav-group[open],.sidebar .more-options){background:#fff;border-color:#e1e7de;color:#35523f;box-shadow:none;}
body.design-site .sidebar .subnav{border-color:#dce5d6;}
body.design-site :is(.sidebar,.installer-sidebar) :focus-visible{outline-color:#236547;}
body.design-site .mobile-header{background:#fff;color:#31543a;border-bottom:1px solid #e1e7de;}
body.design-site .mobile-header button{color:#31543a;}
body.design-site .workspace-header{background:#fff;border-bottom:1px solid #e1e7de;height:auto;min-height:64px;gap:12px;padding:12px 28px;color:#35523f;}
body.design-site :is(.workspace-header b,.workspace-header .header-company){color:#617168;}
body.design-site .workspace-header .view-tabs button{border-radius:4px;padding:8px 12px;min-height:44px;color:#52665a;}
body.design-site:not(.customer-portal) .heading{padding:0 var(--page-text-inset);margin:0 0 24px;background:transparent;}
body.design-site:not(.customer-portal) .heading h1{font-size:34px;font-weight:550;line-height:1.2;letter-spacing:-1px;color:#253a32;}
body.design-site:not(.customer-portal) .heading .muted{max-width:68ch;}
body.design-site #demo-role-menu{margin:0 0 24px;padding:0;border:0;background:transparent;}
body.design-site #demo-role-menu>#demo-assign-projects{flex:0 1 auto;min-height:var(--button-min-height);padding:var(--button-padding-block) var(--button-padding-inline);border:1px solid #dce4d6;background:#edf3ee;border-radius:999px;}
body.design-site #project-pipeline{margin-bottom:24px;padding:0 var(--page-text-inset);background:transparent;border:0;box-shadow:none;border-radius:0;}
body.design-site :is(#project-pipeline .pipeline-tabs,.phase-menu[aria-label="Filtrera projekt efter steg"],.installer-map-filters){gap:8px;margin-top:12px;border:0;background:transparent;}
body.design-site #demo-role-menu>[data-demo-role],body.design-site #demo-role-menu>span{display:none;}
body.design-site .mobile-test-note{border-color:#e1e7de;background:var(--site-surface-soft);border-radius:16px;padding:12px var(--page-text-inset);color:#53684e;}
body.design-site:not(.customer-portal) #content>.panel{margin-bottom:24px;}
body.design-site:not(.customer-portal) :is(.panel,.weekly-dashboard,.monthly-hero,.goal-card,.sales-goal-metric){border-radius:22px;border-color:#e1e7de;box-shadow:0 4px 20px #253e2b03;}
body.design-site:not(.customer-portal) :is(.list-item,.installer-disclosure,.overview-tools,.project-map,.installer-map,.project-customer-progress,.customer-project-status){border-radius:16px;border-color:#dfe6d9;}
body.design-site :is(.panel h2,.panel h3,.panel h4){text-align:left;}
/* Image buttons are previews, so their frames must not inherit the pill shape. */
body.design-site .answer-photo-grid figure{min-width:0;}
body.design-site .answer-photo-grid button.secondary{display:block;width:100%;padding:8px;border:1px solid #dfe6d9;border-radius:12px;background:#fff;box-shadow:none;overflow:hidden;}
body.design-site .answer-photo-grid button.secondary:hover:enabled{background:#fff;border-color:#b6cbb9;}
body.design-site .answer-photo-grid img{display:block;width:100%;height:180px;object-fit:contain;border-radius:0;background:#fafbf8;}
body.design-site .customer-photo-preview img{height:auto;object-fit:contain;}
body.design-site .offer-price-grid .offer-price-total{margin-inline:-16px;padding:12px 16px;border:0;border-radius:12px;background:#edf3ee;box-shadow:inset 0 0 0 1px #dce6de;}
body.design-site:not(.customer-portal) .panel h2{font-size:21px;letter-spacing:-.35px;}
body.design-site:not(.customer-portal) .panel>p{max-width:72ch;text-wrap:pretty;}
body.design-site :is(.project-table th,.installer-table th){background:var(--site-surface-header);color:#546a51;font-weight:500;border-color:#e1e7de;}
body.design-site :is(.project-table td,.installer-table td){border-color:#e1e7de;}
body.design-site :is(.project-table,.installer-table,.material-product-table){border-collapse:separate;border-spacing:0;}
body.design-site :is(.project-table,.installer-table,.material-product-table)>thead>tr>th{border-bottom:0;}
body.design-site :is(.project-table,.installer-table,.material-product-table)>thead>tr>th:first-child{border-radius:14px 0 0 14px;}
body.design-site :is(.project-table,.installer-table,.material-product-table)>thead>tr>th:last-child{border-radius:0 14px 14px 0;}
body.design-site :is(.project-table,.installer-table,.material-product-table)>thead::after{content:'';display:table-row;height:12px;}
body.design-site .project-table>tbody>tr.project-open>td:first-child{border-radius:14px 0 0 14px;}
body.design-site .project-table>tbody>tr.project-open>td:last-child{border-radius:0 14px 14px 0;}
@container(max-width:840px){body.design-site .project-overview-panel .project-table>tbody>tr.project-open>td:first-child,body.design-site .project-overview-panel .project-table>tbody>tr.project-open>td:last-child{border-radius:0;}}
body.design-site :is(.inline-workspace,.map-open-card){background:var(--site-surface-soft);border-color:#dce6d5;border-radius:20px;}
body.design-site .inline-workspace>.panel{margin-block:0 24px;}
/* Shared rhythm: 24 between sections, 16 before actions, 8 within a text group. */
body.design-site :is(.panel,.list-item,.installer-disclosure-content)>:is(h2,h3,h4){text-align:left;margin:0 0 12px;}
body.design-site :is(.panel,.list-item,.installer-disclosure-content)>:is(h2,h3,h4)+p{margin-top:0;}
body.design-site :is(.panel,.list-item,.installer-disclosure-content)>p{line-height:1.6;}
body.design-site :is(.panel,.list-item)>p+:is(form,table,.material-line-editor,.installer-table-wrap){margin-top:16px;}
body.design-site :is(.customer-workspace,.installer-workspace,.installer-settings)>.panel{margin-block:0;}
body.design-site .panel.compact-material>.material-line-editor+.footnote{margin:12px 0 24px;}
body.design-site .material-line-editor{gap:16px;}
body.design-site .material-product-table{border-spacing:0;}
body.design-site .material-product-table caption{margin-bottom:12px;text-align:left;}
body.design-site .material-product-table :is(th,td){text-align:left;vertical-align:middle;padding:10px 8px;border-bottom:1px solid #e1e7de;}
body.design-site .material-product-table :is(th,td):first-child{padding-left:12px;}
body.design-site .material-product-table :is(th,td):last-child{padding-right:12px;}
body.design-site .material-product-table th{font-weight:600;}
body.design-site .material-product-table input{margin:0;}
body.design-site .installer-table :is(th,td){text-align:left;}
body.design-site .admin-delivery-summary>.delivery-breakdown{width:fit-content;max-width:100%;border:0;border-radius:0;background:transparent;padding:0;}
body.design-site .admin-delivery-summary>.delivery-breakdown[open]{width:100%;}
body.design-site .admin-delivery-summary>.delivery-breakdown>summary{box-sizing:border-box;width:fit-content;max-width:100%;min-height:var(--button-min-height);padding:var(--button-padding-block) 12px;border:1px solid #dce6de;border-radius:999px;background:#edf3ee;color:#253a32;line-height:20px;}
body.design-site .admin-delivery-summary>.delivery-breakdown>summary:focus-visible{outline:2px solid #236547;outline-offset:3px;}
body.design-site .admin-delivery-summary>.delivery-breakdown[open]>.delivery-breakdown-body{margin-top:12px;padding:16px;border:1px solid #e1e7de;border-radius:16px;background:#fff;}
body.design-site .project-work-menu{scroll-margin-top:96px;}
.project-menu-return{display:none;}
body.design-site>.project-menu-return:not([hidden]){position:fixed;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;gap:8px;width:fit-content;max-width:calc(100vw - 40px);min-height:44px;padding:8px 16px;border:1px solid #236547;border-radius:999px;background:#fff;color:#205b3b;font-size:14px;line-height:20px;font-weight:600;box-shadow:0 4px 18px #203b2926;}
body.design-site>.project-menu-return:focus-visible{outline:2px solid #236547;outline-offset:3px;}
body.design-site:has(>.project-menu-return:not([hidden])) main{padding-bottom:80px;}
body.design-site .installer-notifications{margin-top:24px;}
body.design-site .installer-notification-card{display:grid;gap:8px;padding:16px 0;border-top:1px solid #e1e7de;}
body.design-site .installer-notification-card>:is(p,button){margin:0;}
body.design-site .customer-form:has(>.sms-field-group){gap:24px;}
@container(max-width:650px){
 body.design-site .material-product-table tr{padding-block:20px;gap:12px;}
 body.design-site .material-product-table td{gap:8px;}
}
body.design-site .project-work-menu{background:#fff;border-color:#dde6d8;border-radius:20px;padding:16px;}
body.design-site .project-shared-overview{padding:var(--card-inset);}
body.design-site .project-shared-overview>.project-work-menu{padding:0;border:0;}
/* Open work views and the customer's actual phase are two different signals. */
body.design-site .project-shared-overview .project-work-menu .customer-phase-list.admin-work-phases{grid-template-columns:repeat(5,minmax(0,1fr));gap:0;}
body.design-site .project-shared-overview .project-work-menu .admin-work-phases>li{position:relative;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;min-height:0;grid-column:auto;background:transparent;border:0;border-radius:0;box-shadow:none;}
body.design-site .project-shared-overview .project-work-menu .admin-work-phases>li:not(:last-child)::after{content:'';position:absolute;z-index:0;top:25px;left:52px;right:-16px;height:2px;background:#d4dfd7;pointer-events:none;}
body.design-site .project-shared-overview .project-work-menu .admin-work-phases .phase-work-choice{position:relative;z-index:1;order:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;width:100%;height:auto;min-height:80px;padding:8px 16px;border:0;border-radius:4px;background:transparent;color:#52665a;box-shadow:none;animation:none;}
body.design-site .project-work-menu .phase-work-choice svg{display:none;}
body.design-site .project-work-menu .phase-work-choice .phase-work-number{box-sizing:border-box;display:grid;place-items:center;flex:none;width:36px;height:36px;border:1px solid #91a89a;border-radius:50%;background:#fff;color:#486452;font-size:14px;font-weight:600;transition:border-color 160ms ease,box-shadow 160ms ease;}
body.design-site .project-shared-overview .project-work-menu .phase-work-choice strong{font-size:14px;line-height:20px;font-weight:600;text-align:left;}
body.design-site .project-shared-overview .project-work-menu .admin-work-phases .phase-work-choice:is(:hover,[aria-current=page]){background:transparent;border-color:transparent;color:#1e5c3e;box-shadow:none;}
body.design-site .project-work-menu .phase-work-choice:is(:hover,[aria-current=page]) .phase-work-number{border-color:#236547;}
body.design-site .project-work-menu .phase-work-choice[aria-current=page] strong{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px;}
body.design-site .project-work-menu .phase-work-choice:focus-visible{outline:2px solid #236547;outline-offset:-2px;}
body.design-site .project-work-menu .has-customer-phase .phase-work-choice .phase-work-number{background:#236547;border-color:#236547;color:#fff;box-shadow:0 0 0 4px #e8f1e5;animation:site-phase-arrive 1.4s ease-out 2;}
body.design-site .project-work-menu .has-customer-phase .phase-work-choice strong{color:#1e5c3e;}
body.design-site .project-work-menu .customer-phase-list.admin-work-phases .customer-phase-marker{display:inline-flex;position:static;order:1;align-self:flex-start;align-items:center;gap:6px;width:auto;max-width:calc(100% - 32px);height:auto;min-height:20px;margin:4px 16px 0;padding:0;border:0;border-radius:0;background:transparent;color:#236547;font-size:11px;line-height:16px;font-weight:600;white-space:normal;box-shadow:none;}
body.design-site .project-work-menu .customer-phase-list.admin-work-phases .customer-phase-marker::before{content:'';width:5px;height:5px;flex:none;border-radius:50%;background:#236547;animation:none;}
body.design-site .project-shared-overview .project-work-heading{margin-bottom:16px;}
body.design-site .project-shared-overview .project-work-tools{margin-top:20px;}
@keyframes site-phase-arrive{0%,100%{box-shadow:0 0 0 4px #e8f1e5;}50%{box-shadow:0 0 0 7px #e8f1e580;}}
@container(max-width:640px){
 body.design-site .project-shared-overview .project-work-menu .customer-phase-list.admin-work-phases{grid-template-columns:minmax(0,1fr);gap:4px;}
 body.design-site .project-shared-overview .project-work-menu .admin-work-phases>li{padding:0;}
 body.design-site .project-shared-overview .project-work-menu .admin-work-phases>li:not(:last-child)::after{top:46px;bottom:-14px;left:33px;right:auto;width:2px;height:auto;}
 body.design-site .project-shared-overview .project-work-menu .admin-work-phases .phase-work-choice{flex-direction:row;justify-content:flex-start;align-items:center;min-height:56px;padding:8px 16px;gap:12px;}
 body.design-site .project-work-menu .customer-phase-list.admin-work-phases .customer-phase-marker{max-width:calc(100% - 80px);margin:-2px 16px 6px 64px;}
}
@media(prefers-reduced-motion:reduce){body.design-site .project-work-menu .phase-work-choice .phase-work-number,body.design-site .project-work-menu .has-customer-phase .phase-work-choice .phase-work-number{animation:none;transition:none;}}
body.design-site .project-overview-panel .project-table .overview-next-action{min-height:var(--button-min-height);padding:var(--button-padding-block) var(--button-padding-inline);width:fit-content;align-items:center;}
body.design-site :is(input:not([type=hidden]):not([type=file]):not([type=checkbox]):not([type=radio]):not([type=range]),select){min-height:var(--button-min-height);padding:var(--button-padding-block) 12px;border:1px solid #dce4d6;border-radius:999px;background-color:#fafcf7;color:#283d2e;box-shadow:none;line-height:20px;}
body.design-site :is(.panel,.inline-workspace) input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]){min-height:var(--button-min-height);}
body.design-site :is(.goal-dropdown,.registry-multiselect)>summary{min-height:var(--button-min-height)!important;padding:var(--button-padding-block) 36px var(--button-padding-block) 12px!important;border-radius:999px!important;border-color:#dce4d6;background-color:#fafcf7;color:#283d2e;}
body.design-site textarea{border:1px solid #dce4d6;border-radius:18px;background:#fafcf7;color:#283d2e;padding:10px 12px;line-height:1.5;}
body.design-site :is(.goal-options,.registry-region-options){border-radius:18px;border-color:#dce4d6;box-shadow:0 12px 32px #203b2914;}
body.design-site .goal-options{min-width:min(184px,calc(100vw - 48px));max-width:calc(100vw - 48px);overflow-x:hidden;}
/* Open menus are aligned rows, not individual pill-shaped action buttons. */
body.design-site .goal-options>button{display:block;width:100%;min-height:var(--button-min-height);padding:6px 12px 6px 32px;border:0;border-radius:8px;background:#fff;color:#253a32;font-weight:400;box-shadow:none;text-align:left;}
body.design-site .registry-region-options label.checkbox{width:100%;border-radius:8px;background:#fff;color:#253a32;}
body.design-site .goal-options>button:is(.selected,[aria-selected=true]),body.design-site .registry-region-options label:has(input:checked){background:#f0f2ef;color:#253a32;font-weight:600;}
body.design-site .goal-options>button:hover,body.design-site .registry-region-options label.checkbox:hover{background:#f5f6f3;color:#253a32;}
body.design-site .goal-options>button:focus-visible,body.design-site .registry-region-options label:has(input:focus-visible){outline:2px solid #68776e;outline-offset:-2px;}
body.design-site :is(.primary,.secondary,.evidence-upload-control){border-radius:999px;min-height:var(--button-min-height);padding:var(--button-padding-block) var(--button-padding-inline);}
/* Period filters form one aligned row, including their refresh action. */
body.design-site .goal-selectors{align-items:flex-end;}
body.design-site .goal-selectors .goal-dropdown>summary,body.design-site .goal-selectors>button.secondary{box-sizing:border-box;height:auto;min-height:44px;margin:0;line-height:22px;}
body.design-site .goal-selectors .goal-dropdown>summary{min-height:44px!important;}
body.design-site .evidence-upload-control{display:inline-flex;align-items:center;width:fit-content;}
body.design-site :is(.map-zoom-controls button,.registry-map .map-zoom-controls button){border-radius:999px;display:grid;place-items:center;padding:0;width:44px;min-width:44px;height:44px;line-height:1;}
body.design-site :is(.installer-job-row,.installer-schedule-job,.installer-job-option,.installer-calendar-job,.registry-company-select,.map-project-option){--control-radius:16px;--button-radius:16px;width:100%;border-radius:16px;background:#fafcf7;border-color:#dfe6d9;}
body.design-site .installer-jobs-title{display:none;}
body.design-site .installer-customer-card{border-radius:22px;border-color:#c9dcc8;}
body.design-site :is(#installer-unplanned,#installer-planned,#installer-archived){background:#fff;border-color:#e1e7de;}
body.design-site :is(#installer-unplanned,#installer-planned)>h2{display:flex;align-items:center;gap:10px;color:#253a32;}
body.design-site :is(#installer-unplanned,#installer-planned)>h2::after{content:'';width:8px;height:8px;flex:none;border-radius:50%;background:#bc8236;}
body.design-site #installer-planned>h2::after{background:#629775;}
body.design-site .installer-job-list .installer-job-row,body.design-site .installer-schedule-day .installer-schedule-job{width:100%;padding:16px;border:1px solid #e1e7de;border-radius:16px;background:#fafbf8;color:#253a32;box-shadow:none;}
body.design-site .installer-job-list .installer-job-row{margin:16px 0 0;}
body.design-site .installer-schedule-day .installer-schedule-job{margin:0;}
body.design-site .installer-job-list :is(.installer-job-row,.installer-schedule-job):hover{background:#f3f5ef;border-color:#b9c9bc;}
body.design-site .installer-job-list :is(.installer-job-row,.installer-schedule-job)[aria-expanded=true]{border-color:#236547;outline:1px solid #236547;outline-offset:0;}
body.design-site .installer-job-list :is(.installer-job-info,.installer-job-schedule,.installer-schedule-info)>strong{font-weight:600;font-size:15px;line-height:1.5;}
body.design-site .installer-job-list :is(.installer-week-heading h3,.installer-schedule-day>h4){color:#253a32;font-weight:500;}
body.design-site .installer-job-list .schedule-warning{border:1px solid #eadfc8;border-radius:12px;background:#fff9ee;color:#765a2c;padding:12px 16px;font-size:14px;line-height:1.6;}
body.design-site .installer-date-queue{background:#fff9ed;border-color:#e8d1a1;border-radius:20px;}
body.design-site .installer-calendar-day{--control-radius:14px;--button-radius:14px;width:100%;min-height:108px;border-radius:14px;}
body.design-site .installer-calendar-day[aria-pressed=true]{background:#e8f1e5;border-color:#74a173;color:#244f35;}
body.design-site .installer-calendar-agenda{border-color:#dce5d6;border-radius:20px;background:#fafcf7;}
body.design-site .installer-calendar-controls>button{width:fit-content;}
body.design-site .statusline{border-color:#e1e7de;}
body.design-site .badge,body.design-site .booking-status{border-radius:999px;}
body.design-site .customer-delivery-receipt{border-radius:18px;}
body.design-site :is(.dashboard-stages,.monthly-hero){background:var(--site-surface-soft);border-color:#dce5d6;}
body.design-site .dashboard-stage-item{border-radius:18px;}
body.design-site .dashboard-stage-item>.dashboard-stage-card{border-radius:16px;}
body.design-site :is(.goal-card,.monthly-page .goal-cards>*){background:#fff;}
body.design-site :is(.sales-map-canvas,.registry-map,.installer-map){background:#eef3ed;border-color:#dce5d6;}
body.design-site :is(.installer-settings,.installer-workspace,.customer-workspace){gap:24px;}
body.design-site dialog{max-width:calc(100vw - 32px);}
/* Each framed card owns its inset; callouts stay within the parent's content edge. */
body.design-site .preparation-panel>:is(h2,p.muted){margin-inline:0;}
body.design-site .customer-workspace>.preparation-panel>:is(h2,p.muted){padding-inline:calc(var(--card-inset) + 1px);}
body.design-site :is(.design-intake-guide,.customer-submission-progress,.customer-form>.sms-field-group,.customer-form>.sms-info-group){padding:var(--card-inset);}
body.design-site .project-table .inline-workspace{padding:0;border:0;background:transparent;box-shadow:none;}
body.design-site .panel.customer-good-to-know,body.design-site .inline-workspace .panel.customer-good-to-know.is-filled{padding:var(--card-inset);}
body.design-site .customer-good-to-know>h2>svg{order:1;margin-left:auto;}
body.design-site .panel>.project-next-action{width:fit-content;max-width:100%;box-sizing:border-box;gap:var(--space-3);margin-inline:0;padding:var(--space-2) var(--space-4);border:1px solid #d3e1e7;background:#f4f8fb;border-radius:12px;}
body.design-site .panel>.project-next-action :is(strong,p){margin-inline:0;}
body.design-site .panel>.project-next-action>.stage-next-button{--button-radius:12px;}
/* The map itself owns the whole frame; controls float over the same surface. */
body.design-site .sales-map-canvas{position:relative;top:auto;background:#edf4f7;}
body.design-site .sales-project-map .sales-map-canvas>svg{display:block;width:100%;height:clamp(400px,48vw,640px);max-height:none;}
body.design-site .sales-map-canvas>.map-zoom-controls{position:absolute;z-index:1;top:12px;left:12px;right:12px;padding:0;background:transparent;pointer-events:none;}
body.design-site .sales-map-canvas>.map-zoom-controls button{pointer-events:auto;box-shadow:0 2px 8px #253a3210;}
body.design-site .sales-map-canvas>.map-zoom-controls>span{margin-left:auto;padding:4px 8px;border-radius:8px;background:#ffffffde;}
body.design-site .sales-map-canvas>svg:focus-visible{outline:2px solid #236547;outline-offset:-3px;}
/* The registry map uses a taller country overview, with controls on the map instead of a strip. */
body.design-site .registry-map{background:transparent;}
body.design-site .registry-map .zoomable-map{position:relative;}
body.design-site .registry-map .registry-map-svg{height:clamp(560px,68vh,760px);max-height:none;}
body.design-site .registry-map .map-zoom-controls{position:absolute;z-index:1;inset:12px 12px auto;padding:0;margin:0;background:transparent;pointer-events:none;}
body.design-site .registry-map .map-zoom-controls button{pointer-events:auto;box-shadow:0 2px 8px #253a3210;}
body.design-site .registry-map .map-zoom-controls>span{padding:4px 8px;border-radius:8px;background:#ffffffde;}
body.design-site .registry-map .registry-map-svg:focus-visible{outline:2px solid #236547;outline-offset:-3px;}
@media(max-width:700px){body.design-site .registry-map .registry-map-svg{height:clamp(420px,68svh,620px);}}
@media(max-width:767px){
  body.design-site{--card-inset:20px;}
  body.design-site>.design-preview-toolbar,body.design-site.installer-portal>.design-preview-toolbar{margin-left:0;}
  body.design-site:not(.customer-portal) main .page-content{padding:24px 16px 32px;max-width:100%;}
  body.design-site:not(.customer-portal) .heading h1{font-size:28px;}
  body.design-site .mobile-header .site-design-logo{width:170px;max-width:52vw;}
  body.design-site .sidebar{border-bottom:1px solid #dce5d6;}
  body.design-site .workspace-header{padding:12px 16px;}
  body.design-site .workspace-header .view-tabs button{min-height:44px;}
  body.design-site .goal-selectors .goal-field:last-of-type .goal-options{left:auto;right:0;}
  body.design-site :is(input:not([type=checkbox]):not([type=radio]),textarea){font-size:16px;}
}
@media(max-width:700px){
  body.design-site.installer-portal .installer-sidebar{background:#fff;border-bottom:1px solid #e1e7de;padding:16px;gap:12px;}
  body.design-site .installer-sidebar .site-design-logo{width:166px;}
  body.design-site .installer-sidebar nav .nav{padding:8px 10px;min-height:44px;}
}
/* One navigation language across the portal: transparent surface, a line for
   selection, and a separate keyboard focus. Receipts/actions keep their colors. */
body.design-site :is(
 .sidebar .nav,.sidebar .nav-group>summary,.installer-sidebar nav .nav,
 .workspace-header .view-tabs button,.project-work-menu .project-work-tools>.project-tool-tab,
 .pipeline-tabs button,.statistics-tabs button,.installer-map-filters .installer-map-filter,
 .phase-menu button,.steps button,.customer-section-nav button,
 .shared-test-role-menu button,.demo-role-menu button,.mail-folders button,
 .project-map .map-legend button.phase-label
){min-height:44px;max-width:100%;margin:0;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#52665a;box-shadow:none;font-weight:400;animation:none;transition:color 160ms ease,border-color 160ms ease;}
body.design-site :is(
 .sidebar .nav,.sidebar .nav-group>summary,.installer-sidebar nav .nav,
 .workspace-header .view-tabs button,.project-work-menu .project-work-tools>.project-tool-tab,
 .pipeline-tabs button,.statistics-tabs button,.installer-map-filters .installer-map-filter,
 .phase-menu button,.steps button,.customer-section-nav button,
 .shared-test-role-menu button,.demo-role-menu button,.mail-folders button,
 .project-map .map-legend button.phase-label
):hover{background:transparent;color:#1e5c3e;border-bottom-color:#91a89a;box-shadow:none;}
body.design-site :is(
 .sidebar .nav,.sidebar .nav-group>summary,.installer-sidebar nav .nav,
 .workspace-header .view-tabs button,.project-work-menu .project-work-tools>.project-tool-tab,
 .pipeline-tabs button,.statistics-tabs button,.installer-map-filters .installer-map-filter,
 .phase-menu button,.steps button,.customer-section-nav button,
 .shared-test-role-menu button,.demo-role-menu button,.mail-folders button,
 .project-map .map-legend button.phase-label
):is(.active,.selected,[aria-current=page],[aria-pressed=true]){background:transparent;color:#1e5c3e;border-bottom-color:#236547;box-shadow:none;font-weight:600;}
body.design-site :is(
 .sidebar .nav,.sidebar .nav-group>summary,.installer-sidebar nav .nav,
 .workspace-header .view-tabs button,.project-work-menu .project-work-tools>.project-tool-tab,
 .pipeline-tabs button,.statistics-tabs button,.installer-map-filters .installer-map-filter,
 .phase-menu button,.steps button,.customer-section-nav button,
 .shared-test-role-menu button,.demo-role-menu button,.mail-folders button,
 .project-map .map-legend button.phase-label
):focus-visible{outline:2px solid #236547;outline-offset:-2px;box-shadow:none;}
body.design-site .project-work-menu .project-work-tools>.project-tool-tab{white-space:normal;text-align:left;}
body.design-site :is(.sidebar,.installer-sidebar) .nav-count{background:transparent;}
@media(prefers-reduced-motion:reduce){
 body.design-site :is(.sidebar .nav,.sidebar .nav-group>summary,.installer-sidebar nav .nav,.view-tabs button,.project-tool-tab,.pipeline-tabs button,.statistics-tabs button,.installer-map-filter,.phase-menu button,.steps button,.customer-section-nav button,.shared-test-role-menu button,.demo-role-menu button,.mail-folders button,.map-legend button.phase-label){transition:none;}
}