/* Nordpolen workspace: one shared visual system for all demo views. */
:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--card-inset:var(--space-6);--section-gap:var(--space-6);--disclosure-inset:var(--space-4);--field-gap:var(--space-2);--action-gap:var(--space-3);--touch-target:44px;font-family:'Segoe UI Variable','Segoe UI',system-ui,sans-serif;--border:#dce5e9;--muted:#536977;--surface:#fff;--radius:14px;--shadow:0 3px 18px #14394b06;color:#14394b;background:#f1f5f7}
body{line-height:1.5}button,input,select,textarea{font:inherit}button{transition:background .15s,border-color .15s,box-shadow .15s}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #16714b;outline-offset:3px}button:disabled{opacity:1;background:#edf1f3!important;border-color:#dce5e9!important;color:#788994!important}
.sidebar{background:linear-gradient(165deg,#14394b,#102f40);padding:24px 18px;box-shadow:inset -1px 0 #ffffff0d}.brand{padding:4px}.identity{margin-top:24px;background:#ffffff06;border-color:#ffffff12;padding:14px}.identity p{font-size:11px;letter-spacing:.03em}.identity strong{font-size:15px}.sidebar nav{gap:6px;margin-top:24px}.nav,.nav-group summary{min-height:46px;padding:11px 12px;border-radius:10px;font-size:13px;gap:10px;font-weight:600}.nav.active{background:#daef73;color:#14394b;box-shadow:0 3px 12px #00000012}.nav.active .step-number{border-color:#14394b26}.nav.active .nav-count{background:#14394b12}.step-number{width:23px;height:23px;background:#ffffff05}.nav-count{min-width:24px;text-align:center;font-variant-numeric:tabular-nums}.sidebar nav:after{font-size:11px;color:#ffffff8f}.sidebar-bottom{padding-top:14px}.local small{font-size:10px}.more-options{box-shadow:0 10px 30px #00000025}
.workspace-header{height:72px;padding:0 32px;border-bottom:1px solid #ffffff0d}.view-tabs{padding:4px;background:#ffffff07;border:1px solid #ffffff10;border-radius:12px}.view-tabs button{font-size:13px;border-radius:8px;padding:10px 16px}.view-tabs button.active{box-shadow:0 2px 6px #00000016}.page-content{max-width:1480px;padding:32px}.heading{margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:.12em;margin-bottom:10px}h1{font-size:30px;font-weight:650;letter-spacing:-1px;line-height:1.2}h2{font-size:17px;font-weight:650;letter-spacing:-.25px}h3{font-size:15px;font-weight:650;letter-spacing:-.1px}.muted{font-size:13px;line-height:1.65}.badge{border-radius:6px;font-size:11px;padding:5px 9px}.demo-badge{border:1px solid #efd9a7}
.panel{border:1px solid var(--border);border-radius:var(--radius);padding:var(--card-inset);margin-bottom:var(--section-gap);box-shadow:var(--shadow)}.panel>.muted{margin:8px 0 20px}.panel .panel{box-shadow:none;background:#fbfcfd;border-color:#e3eaee}.panel button{margin:8px 8px 0 0}.primary,.secondary{min-height:var(--touch-target);border-radius:9px;padding:10px 16px;font-size:13px;font-weight:600;line-height:1.5}.primary{background:#14394b;border-color:#14394b;box-shadow:0 2px 5px #14394b12}.primary:hover:enabled{background:#20556b;border-color:#20556b}.secondary{background:#fff;border-color:#d4dfe5;box-shadow:0 1px 2px #14394b05}.secondary:where(:hover):enabled{border-color:#99aeb9;background:#f6f9fb}.statusline{padding:12px 0;font-size:13px;border-color:#e9eef1;align-items:baseline}.statusline strong{font-weight:600;max-width:65%}.next{border-left:3px solid #daef73}.next>p.muted{font-size:18px}.steps{gap:6px;margin:20px 0 14px;padding:6px;background:#eaf0f3;border-radius:12px}.steps button{margin:0;border:0;box-shadow:none;background:transparent;color:#526a78;padding:9px 12px;font-size:12px}.steps .selected{background:#fff;color:#14394b;box-shadow:0 2px 6px #14394b12}.order{padding:16px 0}.order:last-child{border:0}
input,select,textarea{border:1px solid #cedce3;border-radius:9px;min-height:44px;padding:10px 12px;background:#fff;font-size:13px;box-shadow:0 1px 2px #14394b04}input::placeholder,textarea::placeholder{color:#6b8190}textarea{line-height:1.6}.ue-form,.customer-form{gap:20px;margin-top:20px}.ue-form label,.customer-form label,.sms-form label{gap:8px;font-size:12px;font-weight:600}.ue-form fieldset{gap:16px;border-color:#dce5e9;border-radius:12px;padding:20px}.branch-price{padding:16px;background:#f0f5f7}.sms-form{gap:20px}.sms-preview{font-size:13px;line-height:1.8;background:#edf3f5;padding:20px}.completion,.collection-help{font-size:13px;padding:16px;border:1px solid #c8e4d4;border-radius:10px}.collection-help{border-color:#efdaad}.product-parts{margin:16px 0;gap:6px}
.compact-panel{padding:20px}.overview-tools{gap:10px;padding:12px;background:#f5f8fa;border:1px solid #e5ecef;border-radius:12px;margin:0 0 20px}.overview-tools strong{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}.overview-tools input{background:#fff}.project-table{font-size:12px;min-width:860px}.project-table caption{font-size:11px;margin-bottom:12px}.project-table th{padding:12px;background:#eff4f6;font-size:11px;letter-spacing:.015em;border-bottom:1px solid #dce5e9}.project-table td{padding:12px;border-bottom:1px solid #e6edf1;line-height:1.5}.project-table small{font-size:11px;margin-top:4px;max-width:220px}.project-table button{font-weight:650;color:#14394b;font-size:13px}.mini-steps{gap:4px}.mini-steps span{font-size:10px;padding:5px 6px;border:1px solid transparent}.mini-steps .done{background:#edf6f0;color:#206546}.mini-steps .current{background:#fff5df;border-color:#efd8a9;color:#7b551e}.mini-steps .pending{background:#f0f4f6;color:#586f7d}.project-table tr:hover{background:#f7fafb}.inline-workspace{padding:24px;background:#edf3f6;border-left:3px solid #daef73}.inline-workspace>h3{font-size:17px}.project-table .inline-workspace button{font-size:12px;border-radius:9px}.project-table .inline-workspace .primary{background:#14394b;border-color:#14394b}.project-table .inline-workspace .steps button{border:0;margin:0;background:transparent}.project-table .inline-workspace .steps .selected{background:white;color:#14394b}.inline-workspace .panel{background:white;margin-top:16px}.inline-workspace details{padding:12px 0}
.list-item{border-radius:12px;padding:var(--disclosure-inset);margin:var(--space-3) 0;box-shadow:0 1px 3px #14394b03}.list-item>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;min-height:36px;line-height:1.5;font-size:13px}.list-item>summary::-webkit-details-marker{display:none}.list-item>summary:after{content:'+';font-size:18px;font-weight:400;color:#6c8490}.list-item[open]>summary:after{content:'−'}.list-item[open]{border-color:#a9bec8}.list-item>p{font-size:13px;line-height:1.6}.project-map{background:linear-gradient(130deg,#f3f8f8,#eaf2f5);padding:24px;border-radius:14px}.map-layout{gap:24px}.map-legend{gap:10px 16px;margin:16px 0 24px}.phase-label{font-size:11px;background:#ffffffa8;border:1px solid #dce6eb;padding:5px 8px;border-radius:6px}.map-project{padding:6px 10px;background:#f6f9fb;border-radius:0 6px 6px 0;font-size:12px}.footnote{font-size:11px;line-height:1.7;color:#607885}.panel>.footnote{margin-top:20px}#notice{border:1px solid #ffffff20;box-shadow:0 12px 36px #14394b25;font-size:13px}
@media(max-width:1100px){.page-content{padding:24px}.workspace-header{padding:0 24px}.statusline strong{max-width:60%}}
@media(max-width:767px){:root{--card-inset:var(--space-5);}.sidebar{padding:20px 16px}.workspace-header{height:auto;padding:10px 16px}.view-tabs{width:100%;margin:0}.page-content{padding:24px 16px}.heading{margin-bottom:24px}h1{font-size:26px}.panel{padding:var(--card-inset)}.compact-panel{padding:14px}.overview-tools{padding:10px;gap:8px}.overview-tools select{flex:1}.overview-tools input{flex-basis:100%}.map-layout{grid-template-columns:1fr}.project-map{padding:16px}.statusline strong{max-width:100%}.inline-workspace{padding:18px}.primary,.secondary{min-height:44px}.heading .muted{font-size:12px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.project-table{font-size:13px}.project-table small{font-size:12px}.mini-steps span{font-size:11px}.list-item>summary{min-height:44px}.customer-form>button{grid-column:1/-1}.panel fieldset{border:1px solid #dce5e9;border-radius:12px;padding:16px;margin:20px 0}.panel legend{font-size:12px;font-weight:600;padding:0 8px}.panel fieldset>.checkbox{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:13px}.panel fieldset>.checkbox input{min-height:20px;width:20px;accent-color:#16714b}.panel .ue-form fieldset{margin:0}.panel .ue-form fieldset>.checkbox{margin:0}.date-label{font-size:13px}:where(details:not(.nav-group):not(.list-item))>summary{min-height:44px;padding:10px 0;cursor:pointer;font-size:13px;font-weight:600}
@media(min-width:768px){.inline-workspace{max-width:calc(100vw - 368px)}}@media(min-width:768px) and (max-width:1100px){.inline-workspace .statusline{flex-direction:column;gap:4px}.inline-workspace .statusline strong{max-width:100%;text-align:left}}@media(max-width:767px){.inline-workspace{max-width:calc(100vw - 62px)}}
.phase-menu{display:flex;align-items:center;gap:6px;overflow-x:auto;padding:4px 0 16px;margin-bottom:20px;border-bottom:1px solid #e0e8ed;scrollbar-width:thin}.panel .phase-menu button{flex-shrink:0;display:flex;align-items:center;gap:8px;margin:0;padding:10px 12px;background:#f4f7f9;border-color:transparent;border-radius:9px;box-shadow:none;font-size:12px;min-height:44px}.panel .phase-menu button:hover{background:#eaf0f3}.panel .phase-menu button.selected{background:#daef73;color:#14394b;border-color:#cadf60}.phase-count{font-size:11px;font-variant-numeric:tabular-nums;border-radius:5px;min-width:22px;padding:1px 5px;background:#14394b0d;text-align:center}.phase-menu button.selected .phase-count{background:#14394b14}.phase-menu+ h2{margin-top:4px}
.notification-toggle{border:1px solid #ffffff26;background:#ffffff0a;color:white;min-height:44px;border-radius:9px;padding:8px 12px;font-size:12px;margin-right:16px}.notification-toggle:hover{background:#ffffff18}.notification-toggle:focus-visible{outline-color:#daef73}@media(max-width:767px){.notification-toggle{margin-right:0;margin-left:8px;font-size:11px;padding:8px}.view-tabs{width:auto}}
.mail-layout{display:grid;grid-template-columns:130px minmax(200px,1fr) minmax(240px,1.3fr);gap:16px;min-height:460px}.mail-folders{display:flex;flex-direction:column;gap:6px}.panel .mail-folders button{margin:0;text-align:left;border:0;box-shadow:none}.mail-folders .selected{background:#daef73}.mail-messages{border-right:1px solid #dce5e9;padding-right:16px}.panel .mail-row{width:100%;margin:0;padding:16px 12px;display:grid;gap:5px;text-align:left;border:0;border-bottom:1px solid #e3eaee;border-radius:0;background:transparent;box-shadow:none}.mail-row.selected{background:#eef4f7}.mail-row span{font-weight:400}.mail-row small{font-weight:400;color:#607885;font-size:11px}.mail-reader{min-width:0;padding:8px}.mail-reader h2{margin:16px 0}.inbox-nav{border-top:1px solid #ffffff15!important;margin-top:8px}@media(max-width:1200px){.mail-layout{grid-template-columns:110px 1fr}.mail-reader{grid-column:1/-1;border-top:1px solid #dce5e9;padding-top:20px}}@media(max-width:767px){.mail-layout{grid-template-columns:1fr}.mail-folders{flex-direction:row;overflow:auto}.mail-messages{border-right:0;padding:0}.mail-reader{grid-column:auto}}
.underlag-progress{padding:20px;background:#f3f7f9;border:1px solid #dce5e9;border-radius:12px;margin:20px 0}.underlag-progress h3{margin:0 0 16px}.underlag-stages{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.underlag-stage{padding:14px;border:1px solid #dce5e9;border-radius:10px;background:white;display:grid;gap:8px;font-size:12px;font-weight:600}.underlag-stage small{font-weight:400;color:#536977}.underlag-stage.complete{background:#edf6f0;border-color:#bddfc9;color:#206546}.folder-create{padding:10px 4px}.folder-create summary{font-size:12px;cursor:pointer}.folder-create input{width:100%}.folder-create .sms-form{gap:8px}.mail-reader>label{font-size:12px;display:flex;align-items:center;gap:12px;margin:16px 0}
.project-map .map-legend button.phase-label{margin:0;min-height:40px;cursor:pointer}.project-map .map-legend button[aria-pressed=true]{background:#daef73;border-color:#cadf60}.todo-overview{padding:20px;background:#f4f8fa;border:1px solid #dce5e9;border-radius:12px;margin:0 0 24px}.todo-row{display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #e2eaee;padding:10px 0;font-size:13px}.todo-row button{margin:0!important}.recommendation{padding:14px;background:#edf6f0;border-radius:9px;font-size:13px}.panel>label{display:grid;gap:8px;font-size:12px;margin-top:16px}
/* Shared layout rhythm: bounded reading widths and consistent interior spacing. */
.page-content{max-width:1440px}.page-content>#content>.panel:not(.compact-panel){max-width:1120px;margin-left:auto;margin-right:auto}.inline-workspace>.panel{max-width:1080px}.panel .panel{padding:20px}.underlag-progress{display:grid;gap:16px;padding:20px;margin:20px 0}.underlag-progress h3{margin:0}.underlag-progress>.footnote{margin:0;max-width:85ch}.underlag-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.underlag-stage{min-width:0;padding:16px;min-height:86px;align-content:start;gap:10px}.underlag-stage span,.underlag-stage small{overflow-wrap:anywhere;line-height:1.5}.statusline{display:grid;grid-template-columns:minmax(150px,240px) minmax(0,1fr);gap:16px;align-items:start}.statusline strong{text-align:left;max-width:none!important;overflow-wrap:anywhere}.statusline span{overflow-wrap:anywhere}.inline-workspace details.list-item,.panel details.list-item{padding:14px 18px;margin:12px 0}.inline-workspace .list-item>summary,.panel .list-item>summary{padding:0;min-height:44px;line-height:1.5;gap:16px}.list-item[open]>summary{margin-bottom:16px}.list-item>form,.list-item>.panel{margin-top:16px}.inline-workspace>h3{margin-bottom:8px}.inline-workspace>.muted{margin:8px 0 20px}.inline-workspace .steps{margin:16px 0 20px}.inline-workspace .panel>.completion{margin:16px 0}.panel>.statusline+button{margin-top:16px}.panel .sms-form{max-width:880px}.sms-form>.muted,.sms-form>.footnote{margin:0}.ue-form{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.ue-form>button{justify-self:start}.ue-form fieldset{width:100%;min-width:0}.branch-price{min-width:220px;flex-basis:calc(33.333% - 16px)}.customer-form{grid-template-columns:repeat(2,minmax(0,1fr))}.customer-form>button{justify-self:start;min-width:220px}.map-layout{grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);align-items:start}.map-layout>div{min-width:0}.map-layout .list-item:first-child{margin-top:0}.project-table{table-layout:fixed;width:100%;min-width:960px}.project-table th:nth-child(1){width:17%}.project-table th:nth-child(2){width:31%}.project-table th:nth-child(3){width:25%}.project-table th:nth-child(4){width:18%}.project-table th:nth-child(5){width:9%}.project-table td{overflow-wrap:anywhere}.project-table td small{max-width:none}.project-table .mini-steps{flex-wrap:wrap;white-space:normal;gap:4px}.project-table .mini-steps span{white-space:nowrap}.mail-layout{grid-template-columns:140px minmax(260px,.9fr) minmax(360px,1.4fr);gap:24px}.mail-layout>nav,.mail-layout>div,.mail-layout>section{min-width:0}.mail-reader{padding:8px 0 8px 8px}.mail-reader .sms-form{max-width:760px}.todo-row{gap:24px;padding:14px 0}.todo-row>div{max-width:70ch}.todo-row button{flex-shrink:0}
@media(max-width:1200px){.mail-layout{grid-template-columns:120px minmax(0,1fr)}.mail-reader{grid-column:1/-1;padding:20px 0 0}.map-layout{grid-template-columns:minmax(220px,.8fr) minmax(240px,1.2fr)}}
@media(max-width:1000px){.underlag-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.statusline{grid-template-columns:1fr;gap:6px}.customer-form{grid-template-columns:1fr}.inline-workspace .statusline{display:grid;gap:6px}.map-layout{grid-template-columns:1fr}.map-layout svg{max-height:380px}}
@media(max-width:767px){.page-content{padding:20px 16px}.panel,.panel .panel{padding:16px}.inline-workspace{padding:16px}.underlag-progress{padding:16px;gap:16px}.underlag-stages{grid-template-columns:1fr;gap:12px}.underlag-stage{min-height:0}.ue-form,.customer-form{grid-template-columns:1fr}.branch-price{min-width:0;flex-basis:100%}.mail-layout{grid-template-columns:1fr;gap:16px}.mail-reader{grid-column:auto}.mail-folders{gap:8px}.todo-row{flex-direction:column;align-items:flex-start;gap:8px}.inline-workspace details.list-item,.panel details.list-item{padding:12px 16px}.map-layout{grid-template-columns:1fr}.statusline{grid-template-columns:1fr}.customer-form>button{min-width:0}}
.page-content>#content>.panel:not(.compact-panel){margin-left:0}.workspace-header .view-tabs button.active,.sidebar .nav.active{color:#14394b}.workspace-header .view-tabs button,.sidebar .nav{opacity:1}
.gantt-scroll{overflow:auto;border:1px solid #dce5e9;border-radius:10px;margin:20px 0}.gantt-table{border-collapse:collapse;width:100%;min-width:1450px;table-layout:fixed;font-size:11px}.gantt-table th,.gantt-table td{border-right:1px solid #e5ecef;border-bottom:1px solid #e5ecef;padding:8px 4px;text-align:left;height:46px}.gantt-table th{background:#f0f5f7}.gantt-table th:first-child,.gantt-table td:first-child{width:200px;text-align:left;padding:8px 12px;position:sticky;left:0;background:white;z-index:1}.gantt-table th:nth-child(2){width:100px}.gantt-table td:first-child small{display:block;color:#607885}.gantt-table td:first-child button{padding:0;border:0;background:transparent;min-height:28px;margin:0;font-size:12px}.gantt-marker{display:block;border-radius:6px;color:white;padding:4px 0}.gantt-table caption{text-align:left;padding:12px;color:#607885}
.schedule-summary{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:8px}.schedule-summary h3{margin:0 auto 0 0}.schedule-summary>span{font-size:12px;color:#536977}.schedule-table{width:100%;min-width:800px;border-collapse:collapse;table-layout:fixed;font-size:12px}.schedule-table caption{text-align:left;padding:12px 16px;color:#607885;font-size:11px}.schedule-table thead th{background:#eff4f6;padding:14px 10px;text-align:left;font-weight:600;border-bottom:1px solid #dce5e9}.schedule-table th:first-child{width:240px;position:sticky;left:0;z-index:1;background:#fff;text-align:left}.schedule-table thead th:first-child{background:#eff4f6}.schedule-table th small{display:block;margin-top:4px;color:#607885;font-size:11px;font-weight:400}.schedule-table tbody th,.schedule-table tbody td{padding:12px;border-bottom:1px solid #e5ecef;height:78px;vertical-align:middle}.schedule-table tbody tr:nth-child(even) td{background:#f9fbfc}.schedule-table tbody td{border-left:1px solid #edf1f4}.panel .schedule-table button{border:0;background:transparent;margin:0;padding:0;min-height:28px;box-shadow:none;font-size:13px}.schedule-phase{display:block;border-left:3px solid;padding-left:7px;margin-top:8px;font-weight:400;font-size:11px;color:#536977}.schedule-start{display:block;padding:8px;border-radius:6px;border-left:3px solid;background:#edf3f6;white-space:nowrap;font-size:12px;font-weight:600}.gantt-panel .gantt-scroll{margin-top:16px}.schedule-table tbody tr:hover td{background:#eef4f7}

.booking-proposal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.booking-proposal>label:first-child,.booking-proposal>button{grid-column:1/-1}@media(max-width:700px){.booking-proposal{grid-template-columns:1fr}}

.goal-selectors{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:24px}.goal-selectors label{display:grid;gap:8px;min-width:200px}.monthly-hero{padding:24px;border:1px solid #dce6a5;border-top:4px solid #d8ef69;border-radius:16px;background:linear-gradient(110deg,#f4f9dd,#f1f7f8);margin-bottom:20px}.goal-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.goal-cards progress{width:100%;height:16px;accent-color:#16836d}.goal-cards .panel{margin-top:0}@media(max-width:700px){.goal-cards{grid-template-columns:1fr}.goal-selectors label{width:100%}}

/* Sidebar icons and More follow the Sales OS reference. */
.sidebar .nav>svg,.sidebar .nav-group summary>svg{width:19px;height:19px;flex:0 0 19px}.sidebar .step-number{width:19px;height:19px;flex:0 0 19px;font-size:11px}.sidebar-bottom .nav-group>summary{border:1px solid #ffffff30;background:#ffffff08;border-radius:9px;min-height:44px;color:#fff}.sidebar-bottom .nav-group>summary:hover{background:#ffffff12}.sidebar-bottom .nav-group>summary .chevron{width:16px;height:16px;flex-basis:16px;margin-left:auto;transform:rotate(180deg)}.sidebar-bottom .nav-group[open]>summary .chevron{transform:none}.more-options{background:#103140;border-color:#ffffff30;border-radius:12px;padding:8px}.sidebar-bottom .nav-group>summary svg:first-child{stroke-width:2}

.goal-selectors{align-items:start;gap:16px}.goal-field{width:250px;min-width:0}.goal-field:first-child{width:134px}.goal-label{display:block;margin-bottom:8px;font-size:14px;line-height:20px;font-weight:600;color:#14394b}.goal-dropdown{position:relative}.goal-dropdown>summary{display:flex;align-items:center;justify-content:space-between;list-style:none!important;height:44px;min-height:44px!important;padding:10px 14px!important;border:1px solid #cbd5e1;border-radius:12px;background:#fff;font-size:16px!important;font-weight:600!important;line-height:22px;color:#14394b;cursor:pointer}.goal-field:first-child .goal-dropdown>summary{font-size:14px!important}.goal-dropdown>summary::-webkit-details-marker{display:none}.goal-dropdown>summary:after{content:"";border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid #64748b;margin-left:12px}.goal-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:40;max-height:352px;overflow:auto;background:white;padding:6px;border:1px solid #dce5e9;border-radius:12px;box-shadow:0 12px 32px #14394b1f}.goal-options>button{display:block;text-align:left;width:100%;margin:0!important;border:0;box-shadow:none;border-radius:8px;min-height:44px;padding:10px 12px 10px 32px;font-size:14px;font-weight:600;position:relative;background:white;color:#14394b}.goal-options>button:hover{background:#f3f7f8}.goal-options>button.selected{background:#ecfbf3;color:#166c50;outline:2px solid #182822;outline-offset:-2px}.goal-options>button.selected:before{content:"✓";position:absolute;left:10px}.goal-options>button:focus-visible{outline:2px solid #14394b;outline-offset:-2px}@media(max-width:700px){.goal-field,.goal-field:first-child{width:100%}}

.goal-options{min-width:184px}.goal-field:not(:first-child) .goal-options>button{font-size:16px}

.project-table tr.project-open>td{background:#edf6f5;border-top:2px solid #16836d}.project-table tr.project-open>td:first-child{border-left:4px solid #16836d}.project-table tr.project-open>td:last-child{border-right:2px solid #16836d}.expanded-row>td{border:2px solid #16836d!important;border-top:0!important}body:not(.design-site) .inline-workspace{border-left:0!important;background:#f4f9f8!important}.open-project-label{display:block;font-size:11px;font-weight:700;letter-spacing:1px;color:#16714b;margin-bottom:8px}.open-project-badge{display:inline-block;background:#16714b;color:white;border-radius:5px;font-size:10px;padding:3px 6px;margin-top:6px}.project-package{font-weight:600;color:#14394b}.sms-workspace{margin-top:16px}

.preparation-panel .list-item{padding:0;margin:6px 0;border-radius:8px;box-shadow:none}.preparation-panel .list-item>summary{min-height:40px;padding:8px 12px;line-height:24px;font-size:13px}.preparation-panel .list-item>summary:after{content:"›";font-size:22px;line-height:20px}.preparation-panel .list-item[open]>summary{background:#e9f4ef;color:#126645;border-bottom:1px solid #bfd9cd;font-weight:700;border-radius:8px 8px 0 0}.preparation-panel .list-item[open]>summary:after{content:"⌄"}.preparation-panel .list-item[open]{border-color:#16836d}.preparation-panel .list-item>p,.preparation-panel .list-item>details,.preparation-panel .list-item>.panel{margin:8px 12px}.preparation-panel .collected-field>p{padding:4px 0}.preparation-panel .underlag-progress{padding:12px;margin:12px 0;gap:10px}.preparation-panel .underlag-stage{padding:10px;min-height:64px;gap:4px}

.preparation-panel>.pre-notice-form{border:1px solid #a9cfc0;border-left:4px solid #16836d;background:#f7fbf9;margin:14px 0;padding:16px}.pre-notice-form .customer-form{margin:12px 0;gap:12px 16px}.pre-notice-form .customer-form label{font-size:13px;font-weight:600}.pre-notice-form .footnote{margin:10px 0 0}

.sms-customer-log>.panel{margin:12px 0;padding:16px}.sms-customer-log .statusline{padding:8px 0;grid-template-columns:minmax(160px,240px) minmax(0,1fr)}.sms-customer-log>.primary{margin:0 0 8px}.sms-customer-log .statusline strong{font-weight:500}@media(max-width:700px){.sms-customer-log .statusline{grid-template-columns:1fr}}

.notice-checklist{display:grid;gap:0}.notice-checklist>label{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);align-items:center;gap:16px;padding:8px 0;border-bottom:1px solid #e2e8ee;font-size:13px}.notice-checklist input{min-height:36px;padding:6px 10px}.notice-checklist .statusline,.notice-photo{padding:10px 0;font-size:13px;border-bottom:1px solid #e2e8ee}.notice-photo{display:grid;grid-template-columns:minmax(180px,260px) minmax(0,1fr);gap:16px}.notice-photo details{grid-column:2}.preparation-panel>label{display:flex;align-items:center;gap:16px;margin:16px 0}.notice-checklist>.secondary{justify-self:start}@media(max-width:650px){.notice-checklist>label,.notice-photo{grid-template-columns:1fr;gap:6px}.notice-photo details{grid-column:1}}

.monthly-page .goal-selectors{margin:0 0 24px;align-items:end}.monthly-page .goal-selectors>button{margin:0;height:48px;font-size:16px;font-weight:400;padding:10px 16px}.sales-goal-shell{border:1px solid #ffd09a;border-radius:16px;background:#fff;overflow:hidden}.sales-goal-shell:before{content:"";display:block;height:6px;background:linear-gradient(90deg,#ff8a00,#ffcf34,#ffa0b4)}.sales-goal-header{background:linear-gradient(110deg,#fff7ed,#fff1f3);padding:24px}.sales-goal-header .eyebrow{color:#b74308;font-size:12px;letter-spacing:1px;margin:0 0 10px}.sales-goal-header h2{font-size:24px;font-weight:700;margin:0 0 12px}.sales-goal-header>p:not(.eyebrow){font-size:14px;margin:6px 0;color:#526a7b}.sales-goal-body{padding:24px;display:grid;gap:16px}.sales-goal-metric{padding:20px;border:1px solid #dce5f0;border-radius:14px;background:#fff}.sales-goal-metric.primary-metric{padding:24px;background:#fafbfd}.sales-goal-metric h3{font-size:16px;margin:0 0 14px}.sales-goal-metric.primary-metric h3{font-size:14px;color:#516274}.sales-goal-result{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.sales-goal-result>strong{font-size:24px;line-height:1.3;font-weight:700}.primary-metric .sales-goal-result>strong{font-size:30px}.sales-goal-result .goal-percent{color:#c91c1c}.sales-goal-track{height:8px;background:#eff3f8;border-radius:999px;overflow:hidden}.primary-metric .sales-goal-track{height:24px;background:#e2e8f1}.sales-goal-track>span{display:block;height:100%;background:#c71920;border-radius:999px}.sales-goal-message{color:#c71920;font-size:14px;font-weight:600;margin:12px 0 8px}.primary-metric .sales-goal-message{font-size:16px;margin-top:16px}.sales-goal-metric small{font-size:12px;color:#677f99}.monthly-rules{margin:20px 0}.monthly-rules summary{font-size:14px!important;font-weight:600!important;color:#516274}.monthly-rules p{font-size:13px;line-height:1.6}@media(max-width:650px){.sales-goal-header,.sales-goal-body,.sales-goal-metric.primary-metric{padding:16px}.sales-goal-result>strong,.primary-metric .sales-goal-result>strong{font-size:22px}.monthly-page .goal-selectors>button{width:100%}}

.preparation-panel>.notice-sold-products{padding:14px 16px;margin:12px 0;background:#f7fafc}.notice-sold-products .statusline{padding:7px 0}.notice-sold-products h2{font-size:15px}

.sidebar .nav.active,.sidebar .nav[aria-current="page"]{background:#daef73;color:#14394b;box-shadow:inset 4px 0 #16836d,0 2px 8px #00000012}.sidebar .nav.active:hover{background:#125f3f}.sidebar .nav:not(.active){color:#ffffffc9}.sidebar .nav.active .nav-count{background:#14394b15;color:#14394b}

.customer-contact{display:flex;gap:16px;align-items:center;flex-wrap:wrap;background:#eef5f6;border:1px solid #dce6ea;border-radius:8px;padding:10px 14px;margin:12px 0;font-size:14px}.customer-contact a{color:#126c58;font-weight:600;text-decoration:none}.customer-contact span{font-size:12px;color:#607885}.sms-actions{display:flex;gap:8px;flex-wrap:wrap}

.project-table .customer-phone{display:block;color:#127352;font-size:14px;font-weight:600;text-decoration:none;line-height:1.5;margin:2px 0}.project-table .customer-phone.missing{font-size:11px;color:#657a87;font-weight:400}.inline-workspace>.customer-contact{margin:0 0 12px;background:white;padding:10px 12px}.inline-workspace>.customer-contact strong{font-size:16px}

.sidebar .nav.active,.sidebar .nav[aria-current="page"]{box-shadow:none;background:#daef73}.sidebar .nav:focus-visible{outline:2px solid #daef73;outline-offset:3px}.sidebar .nav.active:focus-visible{outline:none;box-shadow:inset 0 0 0 2px #14394b}

.answer-pictures{margin-top:16px}.answer-pictures h3{font-size:14px;margin:0 0 8px}.answer-photo-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,220px));gap:12px;margin-top:12px}.answer-photo-grid figure{margin:0}.answer-photo-grid button{padding:0;width:100%;margin:0!important;overflow:hidden}.answer-photo-grid img{display:block;width:100%;height:140px;object-fit:cover}.answer-photo-grid figcaption{font-size:12px;color:#526a7b;margin-top:6px;overflow-wrap:anywhere}.customer-image-dialog{border:1px solid #cbd8df;border-radius:12px;padding:16px;max-width:90vw;max-height:90vh}.customer-image-dialog::backdrop{background:#102f40b3}.customer-image-dialog img{display:block;max-width:80vw;max-height:70vh;object-fit:contain;margin-top:12px}.customer-image-dialog p{font-size:13px}

.answer-check-row{display:grid;grid-template-columns:20px minmax(150px,220px) minmax(0,1fr);align-items:start;gap:12px;padding:9px 0;border-bottom:1px solid #e2e8ee;font-size:13px;line-height:1.5}.answer-check-row input{width:17px;height:17px;min-height:17px;margin:2px 0 0;accent-color:#16836d;cursor:default}.answer-check-row>span{color:#607885}.answer-check-row strong{font-weight:500;overflow-wrap:anywhere}@media(max-width:650px){.answer-check-row{grid-template-columns:20px minmax(0,1fr)}.answer-check-row strong{grid-column:2}}

.offer-preview{width:min(680px,90vw);max-height:85vh;overflow:auto;border:1px solid #d3dfe5;border-radius:14px;padding:24px;color:#14394b}.offer-preview::backdrop{background:#102f40b3}.offer-preview h2{margin-bottom:14px}.preparation-panel>.panel{margin:12px 0}.preparation-panel>.panel h2{font-size:16px}

.ue-selection-panel>.panel{padding:16px;margin:12px 0}.ue-selection-panel .ue-project-info{background:#f5f9fa}.ue-selection-panel .ue-choice{border-left:3px solid #a9cfc0}.ue-selection-panel .ue-choice h2{font-size:16px}.ue-selection-panel .list-item{padding:0;margin:6px 0}.ue-selection-panel .list-item>summary{padding:8px 12px;min-height:40px}.ue-selection-panel .list-item .statusline{margin:0 12px}.ue-selection-panel .ue-choice>label{display:grid;gap:6px;font-size:13px;font-weight:600;margin-top:12px}.ue-selection-panel .recommendation{font-size:12px;margin:8px 0}.ue-selection-panel .list-item>.answer-pictures{padding:12px}

.simple-stage{padding:16px!important}.simple-stage>h2{font-size:20px;margin-bottom:14px}.stage-action{display:flex;gap:12px;align-items:start;flex-wrap:wrap;margin-bottom:12px}.stage-action>.list-item{margin:0;flex:1;min-width:220px}.stage-details>.panel{border:0;box-shadow:none;margin:0;padding:12px}.simple-stage .stage-details>summary{font-weight:600}.simple-stage .stage-details .panel{margin-bottom:12px}.simple-stage .stage-details button.primary{box-shadow:none}

.current-phase{display:inline-block;padding:6px 10px;background:#f1f6f8;border-radius:6px;font-size:13px;font-weight:600;white-space:nowrap}.simple-stage .list-item>summary{min-height:40px;padding:10px 12px}.stage-action .sms-form{padding:12px}

.dashboard-stages{margin:0 0 24px}.dashboard-stages-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}.dashboard-stages-heading h2{font-size:20px}.dashboard-stages-heading p{font-size:13px;margin:0 0 12px}.dashboard-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.dashboard-stage-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:0!important;padding:18px!important;border:1px solid #dde6ed!important;border-top:3px solid var(--phase-color)!important;border-radius:14px;background:#fff;color:#14394b;text-align:left;box-shadow:0 2px 3px #14394b0c}.dashboard-stage-card:hover{background:#f6fafb;border-color:#a8becb!important}.dashboard-stage-card[aria-pressed="true"]{background:#f6fadf;border-color:#bfd64a!important}.dashboard-stage-label{font-size:14px;font-weight:600}.dashboard-stage-number{font-size:30px;line-height:1.1}.dashboard-stage-link{font-size:12px;color:#617785}.dashboard-stage-card:focus-visible{outline:2px solid #14394b;outline-offset:3px}@media(max-width:1000px){.dashboard-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.dashboard-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

.dashboard-stages-heading{margin-bottom:16px}.dashboard-stages-heading>p{margin-right:auto}.dashboard-stage-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.dashboard-stage-card{position:relative;min-height:150px;padding:16px!important;gap:10px;box-shadow:none}.dashboard-stage-label{min-height:40px;font-size:13px;line-height:1.45}.dashboard-step-marker{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf2f5;font-size:12px;font-weight:700}.dashboard-stage-card[aria-pressed="true"] .dashboard-step-marker{background:#daef73}.dashboard-stage-card[aria-pressed="true"]:after{content:"Valt steg";position:absolute;right:10px;top:16px;font-size:10px;font-weight:600}.dashboard-stage-card[aria-pressed="true"]{background:#f7fadf}.dashboard-all{min-height:0;flex-direction:row;align-items:center;padding:10px 14px!important;gap:10px;border-top:1px solid #dde6ed!important}.dashboard-all .dashboard-stage-label{min-height:0}.dashboard-all .dashboard-stage-number{font-size:18px}.dashboard-all .dashboard-stage-link{display:none}.dashboard-all[aria-pressed="true"]:after{display:none}.project-step-progress{width:150px;margin-top:8px}.project-step-segments{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.project-step-segments span{height:5px;background:#dee6ec;border-radius:3px}.project-step-segments .complete{background:#17836e}.project-step-segments .current{background:#aac934}.project-step-progress small{display:block;margin-top:5px;font-size:11px;color:#617785}@media(max-width:1250px){.dashboard-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.dashboard-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-stage-card{min-height:140px}.dashboard-stage-card[aria-pressed="true"]:after{top:20px}}

/* D059: agreed with UX-designer thread; restrained brand gradient and consistent spacing. */
.dashboard-stages{padding:24px;background:linear-gradient(125deg,#edf5f6 0%,#f2f8f4 65%,#f7faf8 100%);border:1px solid #dce8e6;border-radius:18px;margin-bottom:28px}.dashboard-stages-heading{gap:16px;margin-bottom:20px}.dashboard-stage-grid{gap:12px}.dashboard-stage-card{padding:18px!important;box-shadow:0 2px 8px #14394b08}.dashboard-step-marker{background:#edf3f4;color:#14394b}.dashboard-stage-card[aria-pressed="true"]{background:#f6fadf}.dashboard-all{background:#fff}.dashboard-stage-link{color:#4d6574}.dashboard-stage-label{padding-right:0}.dashboard-stage-card[aria-pressed="true"]:after{top:21px}.compact-panel>.todo-overview{margin-bottom:28px}.inline-workspace .list-item{padding:0;margin:12px 0}.inline-workspace .list-item>summary{padding:12px 16px;min-height:48px;line-height:1.5;gap:16px}.inline-workspace .list-item>summary:after{flex-shrink:0}.inline-workspace .list-item>p,.inline-workspace .list-item>form,.inline-workspace .list-item>.statusline,.inline-workspace .list-item>.answer-pictures{margin:12px 16px}.inline-workspace .list-item>.panel{margin:12px 16px}.inline-workspace .list-item>details{margin:12px 16px}.inline-workspace .underlag-stages{gap:12px}.inline-workspace .underlag-stage{padding:16px}.stage-action>.list-item{margin:0}.inline-workspace .stage-details>.panel{padding:16px;margin:0}.inline-workspace .panel>.panel{margin-top:16px;margin-bottom:16px}.project-table td{padding-top:14px;padding-bottom:14px}.project-table .expanded-row>td{padding:0}.sidebar nav:after{display:none}@media(max-width:650px){.dashboard-stages{padding:16px}.dashboard-stages-heading{align-items:flex-start}.dashboard-stages-heading>p{width:100%;order:3}.dashboard-stage-card{padding:16px!important}.dashboard-stage-card[aria-pressed="true"]:after{top:19px}.dashboard-all{min-height:44px}.inline-workspace .list-item>summary{padding:12px 16px}}

/* D060: a connected flow surface, replacing separate dashboard boxes. */
.dashboard-stages{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 90% 0%,#39766955,transparent 60%),linear-gradient(120deg,#102f40,#174b52);color:#fff;border:0;border-radius:22px;padding:28px;margin-bottom:28px;box-shadow:0 12px 30px #14394b12}.dashboard-stages-heading{align-items:center;margin-bottom:24px}.dashboard-stages-heading h2{color:#fff;font-size:24px;font-weight:650;letter-spacing:-.6px;margin:0}.dashboard-stages-heading>p{color:#c0d3d6;font-size:12px;margin:0}.dashboard-stage-grid{gap:0;grid-template-columns:repeat(6,minmax(0,1fr));border-top:1px solid #ffffff25;padding-top:20px}.dashboard-stage-card{min-height:178px;padding:18px!important;background:transparent;border:0!important;border-right:1px solid #ffffff20!important;border-radius:0;box-shadow:none;color:#fff;gap:12px;transition:background .18s,transform .18s}.dashboard-stage-grid>.dashboard-stage-card:last-child{border-right:0!important}.dashboard-stage-card:hover{background:#ffffff0b;transform:translateY(-3px)}.dashboard-stage-card[aria-pressed="true"]{background:#daef73!important;color:#102f40;border-radius:14px;box-shadow:0 6px 18px #00000015;transform:none}.dashboard-step-marker{background:transparent;color:#b8d0d4;border-radius:0;display:block;width:auto;height:auto;font-size:11px;letter-spacing:.08em}.dashboard-step-marker:before{content:'STEG '}.dashboard-stage-card[aria-pressed="true"] .dashboard-step-marker{background:transparent;color:#385443}.dashboard-stage-label{font-size:14px;font-weight:600;min-height:40px;line-height:1.4}.dashboard-stage-number{font-size:44px;font-weight:650;letter-spacing:-1.5px;line-height:1;font-variant-numeric:tabular-nums}.dashboard-stage-link{color:#b8d0d4;font-size:11px;margin-top:auto}.dashboard-stage-card[aria-pressed="true"] .dashboard-stage-link{color:#385443}.dashboard-stage-card[aria-pressed="true"]:after{content:'●';font-size:9px;color:#14394b;right:16px;top:19px}.dashboard-all{border:1px solid #ffffff35!important;background:#ffffff08;border-radius:999px;color:#fff;padding:10px 16px!important;min-height:44px;box-shadow:none;transform:none!important}.dashboard-all .dashboard-stage-label{min-height:0}.dashboard-all .dashboard-stage-number{font-size:18px;letter-spacing:0}.dashboard-all[aria-pressed="true"]{border-radius:999px}.dashboard-stage-card:focus-visible{outline:2px solid #daef73;outline-offset:3px}.dashboard-stage-card[aria-pressed="true"]:focus-visible{outline-color:#fff}@media(max-width:1250px){.dashboard-stage-grid{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:16px}.dashboard-stage-grid>.dashboard-stage-card:nth-child(3){border-right:0!important}}@media(max-width:650px){.dashboard-stages{padding:20px;border-radius:18px}.dashboard-stages-heading h2{font-size:22px}.dashboard-stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:12px;padding-top:16px}.dashboard-stage-grid>.dashboard-stage-card:nth-child(3){border-right:1px solid #ffffff20!important}.dashboard-stage-grid>.dashboard-stage-card:nth-child(even){border-right:0!important}.dashboard-stage-card{min-height:160px;padding:14px!important}.dashboard-stage-number{font-size:38px}.dashboard-stages-heading>p{order:3;width:100%}}

/* D061: open milestone flow with a circular lime selection. */
.dashboard-stages{background:radial-gradient(ellipse at 78% 12%,#3c82745c,transparent 62%),linear-gradient(115deg,#102f40,#174b52);border-radius:28px;padding:30px}.dashboard-stages-heading{margin-bottom:28px}.dashboard-stage-grid{border-top:0;padding-top:0;row-gap:24px}.dashboard-stage-grid>.dashboard-stage-card{align-items:flex-start;text-align:left;min-height:210px;padding:10px 8px!important;border:0!important;background:transparent!important;box-shadow:none;border-radius:18px;gap:12px;transform:none}.dashboard-stage-grid>.dashboard-stage-card:before{content:'';position:absolute;top:33px;left:0;right:0;height:1px;background:#98c4bd50;z-index:-1}.dashboard-stage-grid>.dashboard-stage-card:first-child:before{left:50%}.dashboard-stage-grid>.dashboard-stage-card:last-child:before{right:50%}.dashboard-stage-grid .dashboard-step-marker{display:grid;place-items:center;width:46px;height:46px;border:1px solid #83ada580;border-radius:50%;background:#17434b;color:#cce0df;font-size:13px;font-weight:600;letter-spacing:0;box-shadow:0 0 0 7px #173e46}.dashboard-stage-grid .dashboard-step-marker:before{content:none}.dashboard-stage-grid .dashboard-stage-label{min-height:40px;max-width:150px;display:flex;align-items:center;justify-content:flex-start;color:#e7f0ee;font-weight:500}.dashboard-stage-grid .dashboard-stage-number{color:#fff;font-size:42px;font-weight:600}.dashboard-stage-grid .dashboard-stage-link{margin-top:0;color:#b6ced0}.dashboard-stage-grid>.dashboard-stage-card:hover .dashboard-step-marker{border-color:#daef73;color:#daef73;box-shadow:0 0 0 7px #173e46,0 0 26px #daef7320}.dashboard-stage-grid>.dashboard-stage-card[aria-pressed="true"]{color:#fff}.dashboard-stage-grid>.dashboard-stage-card[aria-pressed="true"] .dashboard-step-marker{background:#daef73;color:#14394b;border-color:#daef73;box-shadow:0 0 0 7px #daef7312,0 0 34px #daef7330}.dashboard-stage-grid>.dashboard-stage-card[aria-pressed="true"] .dashboard-stage-label,.dashboard-stage-grid>.dashboard-stage-card[aria-pressed="true"] .dashboard-stage-number{color:#daef73}.dashboard-stage-grid>.dashboard-stage-card[aria-pressed="true"]:after{content:'Valt steg';position:static;color:#daef73;font-size:10px;line-height:1;margin-top:0}.dashboard-stage-grid>.dashboard-stage-card:not([aria-pressed="true"]):after{content:'';display:block;height:10px}.dashboard-stage-grid>.dashboard-stage-card[aria-pressed="true"] .dashboard-stage-link{color:#c7dad8}@media(max-width:1250px){.dashboard-stage-grid>.dashboard-stage-card:nth-child(3n+1):before{left:50%}.dashboard-stage-grid>.dashboard-stage-card:nth-child(3n):before{right:50%}}@media(max-width:650px){.dashboard-stages{padding:22px 16px}.dashboard-stage-grid>.dashboard-stage-card{min-height:195px}.dashboard-stage-grid>.dashboard-stage-card:nth-child(n):before{left:0;right:0}.dashboard-stage-grid>.dashboard-stage-card:nth-child(odd):before{left:50%}.dashboard-stage-grid>.dashboard-stage-card:nth-child(even):before{right:50%}.dashboard-stage-grid .dashboard-stage-number{font-size:36px}}

/* D062: flat, static phase navigation with explicit project counts. */
.dashboard-stages{background:#143e49;box-shadow:none;border-radius:20px}.dashboard-stages *{animation:none!important;transition:none!important;text-shadow:none!important}.dashboard-stage-grid>.dashboard-stage-card,.dashboard-stage-grid>.dashboard-stage-card:hover,.dashboard-stage-grid>.dashboard-stage-card[aria-pressed="true"],.dashboard-all{box-shadow:none!important;transform:none!important}.dashboard-stage-grid .dashboard-step-marker,.dashboard-stage-grid>.dashboard-stage-card:hover .dashboard-step-marker,.dashboard-stage-grid>.dashboard-stage-card[aria-pressed="true"] .dashboard-step-marker{box-shadow:none!important;background:#143e49}.dashboard-stage-grid>.dashboard-stage-card[aria-pressed="true"] .dashboard-step-marker{background:#daef73}.dashboard-stage-grid>.dashboard-stage-card:before{z-index:-1}.dashboard-stage-grid .dashboard-stage-number{font-size:36px;letter-spacing:-.8px;white-space:nowrap;line-height:1.2}.dashboard-count-unit{font-size:15px;font-weight:500;letter-spacing:0;color:#dce9e9}.dashboard-stage-grid>.dashboard-stage-card[aria-pressed="true"] .dashboard-count-unit{color:#daef73}.dashboard-stage-grid .dashboard-stage-link{font-size:12px;color:#d2e1e3;text-decoration:underline;text-underline-offset:4px}.dashboard-stage-grid>.dashboard-stage-card:hover .dashboard-stage-label{text-decoration:underline;text-underline-offset:4px}.dashboard-stage-grid>.dashboard-stage-card:focus-visible{outline:2px solid #daef73;outline-offset:0}.dashboard-stage-grid>.dashboard-stage-card{min-height:190px}.dashboard-stage-grid .dashboard-step-marker{width:36px;height:36px}.dashboard-stage-grid>.dashboard-stage-card:before{top:28px}@media(max-width:650px){.dashboard-stage-grid .dashboard-stage-number{font-size:32px}.dashboard-count-unit{font-size:14px}}

/* D063: readable phase navigation and internal material orders. */
.dashboard-stages-heading h2{font-size:27px}.dashboard-stages-heading>p{font-size:14px}.dashboard-stage-grid .dashboard-stage-label{font-size:16px;max-width:none;min-height:44px}.dashboard-stage-grid .dashboard-stage-link{font-size:14px}.dashboard-count-unit{font-size:17px}.dashboard-stage-grid .dashboard-step-marker{font-size:14px}.material-order-list h2{font-size:21px}.material-order{padding:18px 0;border-top:1px solid #dce5e9}.material-order h3{font-size:18px;margin:0 0 10px}.material-order-items{font-size:16px;white-space:pre-wrap;line-height:1.6}.material-order .statusline{font-size:14px}.material-order-list{background:#fff}@media(max-width:650px){.dashboard-stages-heading h2{font-size:23px}.dashboard-stage-grid .dashboard-stage-label{font-size:15px}}

/* D064: phase selection and customer navigation are separate controls. */
.dashboard-stage-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.dashboard-stage-item:before{content:'';position:absolute;top:28px;left:0;right:0;height:1px;background:#98c4bd50;z-index:-1}.dashboard-stage-item:first-child:before{left:50%}.dashboard-stage-item:last-child:before{right:50%}.dashboard-stage-item>.dashboard-stage-card{width:100%;min-height:160px;padding:10px 8px!important;border:0!important;background:transparent!important;box-shadow:none!important;align-items:flex-start;text-align:left;gap:12px;border-radius:12px;color:#fff;transform:none!important}.dashboard-stage-item>.dashboard-stage-card:after,.dashboard-stage-grid .dashboard-stage-card:after{display:none!important;content:none!important}.dashboard-stage-item .dashboard-stage-label{color:#e7f0ee}.dashboard-stage-item .dashboard-stage-card[aria-pressed="true"] .dashboard-step-marker{background:#daef73!important;color:#14394b;border-color:#daef73}.dashboard-stage-item .dashboard-stage-card[aria-pressed="true"] .dashboard-stage-label,.dashboard-stage-item .dashboard-stage-card[aria-pressed="true"] .dashboard-stage-number{color:#daef73}.dashboard-stage-item>.dashboard-customers{margin:0!important;padding:8px 12px;min-height:40px;background:transparent;border:0;box-shadow:none;color:#d2e1e3;font-size:14px;text-decoration:underline;text-underline-offset:4px}.dashboard-customers:hover{color:#daef73}.dashboard-customers:focus-visible{outline:2px solid #daef73;outline-offset:2px}.overview-tools{scroll-margin-top:24px}@media(max-width:1250px){.dashboard-stage-item:nth-child(3n+1):before{left:50%}.dashboard-stage-item:nth-child(3n):before{right:50%}}@media(max-width:650px){.dashboard-stage-item:nth-child(n):before{left:0;right:0}.dashboard-stage-item:nth-child(odd):before{left:50%}.dashboard-stage-item:nth-child(even):before{right:50%}}

/* D065: larger, consistent line icons for each phase. */
.dashboard-stage-item .dashboard-step-marker{width:54px;height:54px;display:grid;place-items:center;flex-shrink:0;border:1px solid #71969e;background:#143e49;color:#e1eeee;border-radius:50%}.dashboard-stage-item .dashboard-step-marker svg{display:block;width:26px;height:26px}.dashboard-stage-item:before{top:37px}.dashboard-stage-item .dashboard-stage-label{font-size:16px;font-weight:650;min-height:46px}.dashboard-stage-item>.dashboard-stage-card{gap:14px;min-height:188px}.dashboard-stage-item>.dashboard-customers{font-weight:600;color:#e2eeee;padding:10px 16px;min-height:44px}.dashboard-stage-item .dashboard-stage-card:hover .dashboard-step-marker{border-color:#daef73}.dashboard-stage-item .dashboard-stage-card:focus-visible{outline:2px solid #daef73;outline-offset:2px}@media(max-width:650px){.dashboard-stage-item .dashboard-step-marker{width:48px;height:48px}.dashboard-stage-item:before{top:34px}.dashboard-stage-item .dashboard-stage-label{font-size:15px}}

/* D066: requested restrained gradient, without glow or shadows. */
.dashboard-stages{background:linear-gradient(115deg,#113444 0%,#17444d 52%,#20584f 100%)}.dashboard-stage-item .dashboard-step-marker{background:#17444d}

/* D067: team-reviewed icon states, no icon rings. */
.dashboard-stage-item .dashboard-step-marker,.dashboard-stage-item .dashboard-stage-card:hover .dashboard-step-marker,.dashboard-stage-item .dashboard-stage-card[aria-pressed="true"] .dashboard-step-marker{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;outline:none;color:#e4f0ef}.dashboard-stage-item .dashboard-step-marker svg{width:30px;height:30px;stroke-width:1.8}.dashboard-stage-item .dashboard-stage-card[aria-pressed="true"] .dashboard-step-marker{color:#daef73}.dashboard-stage-item>.dashboard-stage-card:hover{background:#ffffff06!important}.dashboard-stage-item .dashboard-stage-card[aria-pressed="true"] .dashboard-stage-label{text-decoration:none}.dashboard-stage-item:nth-child(n):before{left:calc(50% + 34px);right:calc(-50% + 34px);top:37px}.dashboard-stage-item:last-child:before{display:none}@media(max-width:1250px){.dashboard-stage-item:nth-child(3n):before{display:none}}@media(max-width:650px){.dashboard-stage-item:nth-child(n):before{display:block;top:34px}.dashboard-stage-item:nth-child(even):before,.dashboard-stage-item:last-child:before{display:none}}

/* D069: consistent customer information groups. */
.sms-info-groups{display:grid;gap:20px}.sms-info-group{border-top:1px solid #dce5e9;padding-top:16px}.sms-info-group h3{font-size:17px;margin:0 0 12px}.sms-info-group .statusline{font-size:14px}.sms-field-group{grid-column:1/-1;display:grid;gap:12px;margin:0!important}.sms-field-group legend{font-size:16px!important}.sms-field-group label{display:grid;gap:6px}.sms-info-group .answer-pictures{margin-top:0}

/* D071: compact expanded customer card with soft edges. */
.project-table .project-open td{border-top:1px solid #b9d2cd!important;border-bottom:0!important;background:#edf5f3}.project-table .project-open td:first-child{border-left:0!important;border-top-left-radius:14px}.project-table .project-open td:last-child{border-right:0!important;border-top-right-radius:14px}.project-table .expanded-row>td{border:0!important;background:transparent;padding:0 0 18px!important}body:not(.design-site) .inline-workspace{border:1px solid #c9dcd7!important;border-top:0!important;border-radius:0 0 16px 16px;background:#f5f9f8;padding:18px}.customer-card-toolbar{display:flex;justify-content:flex-start;margin-bottom:12px}.customer-card-toolbar button{margin:0!important;min-height:38px;padding:8px 14px}.inline-workspace>.panel{border-radius:14px;border-color:#dce6e8;margin:0 0 16px;box-shadow:none}.inline-workspace .sms-info-group{padding:18px 0 0}.inline-workspace .sms-info-group h3{margin-bottom:12px}.inline-workspace .sms-actions{display:flex;gap:10px;flex-wrap:wrap}.inline-workspace .sms-actions button{margin:0!important}

/* D074: compact note action and communication status beside reminder controls. */
.internal-notes .sms-form>button{justify-self:start;align-self:start;width:auto!important;min-width:0;min-height:38px;padding:9px 16px;margin:0!important}.internal-notes .sms-form{gap:12px}.sms-communication{margin-bottom:24px}.sms-communication h3{font-size:17px;margin:0 0 12px}.sms-communication .muted{font-size:13px;margin:12px 0 4px}.sms-communication .footnote{margin:4px 0}

/* Föranmälan ligger intill offertprodukterna. */
.pre-notice-portal { margin: 14px 0; }
.pre-notice-portal a { display: inline-flex; padding: 10px 16px; border-radius: 8px; background: #163d49; color: #fff; font-weight: 600; text-decoration: none; }
.pre-notice-portal a:focus-visible { outline: 3px solid #d9f268; outline-offset: 3px; }

.manual-customer-dialog { width: min(900px, calc(100vw - 40px)); max-height: 90vh; overflow: auto; border: 1px solid #d5e3e7; border-radius: 16px; padding: 20px; color: #163d49; }
.manual-customer-dialog::backdrop { background: rgb(16 44 55 / 40%); }
.manual-customer-dialog > button { display: block; margin-left: auto; margin-bottom: 12px; }

/* D082: reference styling expressed in Nordpolen petrol, green and lime. */
.dashboard-stages {
 background: linear-gradient(120deg, #ffffff 0%, #f5faf8 55%, #f0f8f2 100%);
 border: 1px solid #d5e8df; border-radius: 16px; color: #14394b;
 box-shadow: none; padding: 26px 28px;
}
.dashboard-stages-heading h2 { color: #14394b; }
.dashboard-stages-heading > p { color: #526c7b; }
.dashboard-stage-item > .dashboard-stage-card { color: #14394b; min-height: 160px; gap: 10px; }
.dashboard-stage-item .dashboard-stage-label,
.dashboard-stage-grid .dashboard-stage-number { color: #14394b; }
.dashboard-stage-item .dashboard-step-marker,
.dashboard-stage-item .dashboard-stage-card:hover .dashboard-step-marker { color: #526c7b; }
.dashboard-stage-item .dashboard-stage-card[aria-pressed="true"] .dashboard-step-marker,
.dashboard-stage-item .dashboard-stage-card[aria-pressed="true"] .dashboard-stage-label,
.dashboard-stage-item .dashboard-stage-card[aria-pressed="true"] .dashboard-stage-number { color: #116348; }
.dashboard-stage-item > .dashboard-stage-card[aria-pressed="true"] { background: #fff!important; border-radius: 8px; }
.dashboard-stage-item > .dashboard-stage-card:hover { background: #edf6f1!important; }
.dashboard-stage-item > .dashboard-customers { color: #31566a; }
.dashboard-stage-item > .dashboard-customers:hover { color: #116348; }
.dashboard-stage-item:nth-child(n):before { background: #b9d2c8; }
.dashboard-stages .dashboard-all { background: #fff; border: 1px solid #cbded4!important; color: #14394b; border-radius: 999px; }
.dashboard-stages .dashboard-all[aria-pressed="true"] { background: linear-gradient(115deg, #e1f2ea 0%, #edf5dc 55%, #eff6c9 100%)!important; color: #116348; }
.dashboard-stages button:focus-visible,
.dashboard-stage-item .dashboard-stage-card:focus-visible,
.dashboard-stage-item .dashboard-customers:focus-visible { outline: 2px solid #116348; outline-offset: 3px; }

.dashboard-stage-grid { gap: 12px; }
.dashboard-stage-item:nth-child(n):before { display: none; }
.dashboard-stage-item .dashboard-step-marker { width: auto; height: auto; min-height: 20px; font-size: 11px; font-weight: 650; letter-spacing: .09em; }
.dashboard-stage-item > .dashboard-stage-card { padding: 16px 10px!important; min-height: 142px; gap: 8px; }
.dashboard-stage-item .dashboard-stage-label { min-height: 40px; font-size: 16px; font-weight: 600; }
.dashboard-stage-item .dashboard-stage-number { font-size: 28px; letter-spacing: -.5px; }
.dashboard-stage-item .dashboard-count-unit { font-size: 14px; font-weight: 700; letter-spacing: 0; }
.dashboard-stage-item .dashboard-stage-card[aria-pressed="true"] .dashboard-stage-label { font-weight: 750; }

.dashboard-stage-item .dashboard-count-unit { color: #000; }
.dashboard-stage-item .dashboard-stage-card[aria-pressed="true"] .dashboard-count-unit { color: #000; }

.dashboard-stages-heading h2 { font-size: 26px; font-weight: 750; letter-spacing: -.6px; }
.dashboard-stage-item > .dashboard-stage-card { border-radius: 10px; }
.dashboard-stage-item > .dashboard-stage-card[aria-pressed="true"] { border-radius: 10px; }
.dashboard-stage-item > .dashboard-stage-card[aria-pressed="true"]:hover { background: #fff!important; }
.dashboard-stages .dashboard-all[aria-pressed="true"] { background: #daef73!important; }
.dashboard-stage-item > .dashboard-customers { font-weight: 600; text-decoration-thickness: 1px; }

/* D085: lime border without changing the size of the selected phase. */
.dashboard-stage-item > .dashboard-stage-card[aria-pressed="true"] { box-shadow: inset 0 0 0 3px #daef73!important; }

.notice-confirm-actions { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 16px; margin-top: 18px; }
.notice-confirm-user { display: grid; gap: 7px; font-size: 13px; min-width: 150px; }
.notice-confirm-actions button { margin: 0!important; min-height: 44px; padding: 10px 18px; border-radius: 8px; }
.notice-confirm-user select { min-height: 44px; margin: 0; }

.notice-done { display: flex; align-items: center; gap: 10px; min-height: 44px; margin: 0; font-weight: 600; }
.notice-done input { width: 20px; height: 20px; accent-color: #16714b; }

/* D088: prominent pre-notification action between material and pictures. */
.pre-notice-portal:not(:empty) { margin: 24px 0; padding: 22px; background: #f5f8e9; border: 1px solid #d9e3bb; border-left: 5px solid #b6ce43; border-radius: 12px; }
.pre-notice-portal h3 { margin: 0 0 6px; font-size: 22px; color: #14394b; }
.pre-notice-portal .notice-products { margin: 0 0 16px; color: #526c7b; }
.pre-notice-portal .notice-status { font-size: 15px; font-weight: 700; color: #14394b; margin: 16px 0 8px; }
.pre-notice-portal .footnote { font-size: 13px; line-height: 1.6; }

.notice-confirm-form { display: grid; gap: 14px; margin-top: 18px; max-width: 440px; }
.notice-confirm-form > label:not(.checkbox) { display: grid; gap: 7px; font-size: 14px; font-weight: 600; }
.notice-confirm-form input:not([type=checkbox]) { min-height: 44px; width: 100%; }
.notice-confirm-form > button { justify-self: start; margin: 0; }
.notice-confirm-form .footnote { margin: 0; }

.customer-card-toolbar { gap: 12px; justify-content:flex-start; }

/* D091: pending red, manually checked green; saved state persists. */
.pre-notice-portal:not(:empty) { background: #fff0ef; border-color: #efc8c4; border-left-color: #c95149; }
.pre-notice-portal.notice-is-done { background: #f5f8e9; border-color: #d9e3bb; border-left-color: #b6ce43; }

.installation-map { width: 100%; max-height: 360px; border: 1px solid #d9e5e8; border-radius: 12px; }
.nearby-contractors { margin-top: 16px; }

.map-zoom-controls { display:flex; align-items:center; gap:8px; margin-bottom:10px; }
.map-zoom-controls button { margin:0!important; min-width:44px; min-height:44px; }
.map-zoom-controls span { margin-left:auto; font-variant-numeric:tabular-nums; }
.zoomable-map .installation-map { cursor:grab; touch-action:none; user-select:none; }
.zoomable-map .installation-map.dragging { cursor:grabbing; }
.zoomable-map .installation-map:focus-visible { outline:2px solid #16714b; outline-offset:3px; }

.ue-moment.moment-complete { background:#edf7ef; border-color:#b8d8bf; }
.ue-moment.moment-complete > summary { color:#16633b; font-weight:650; }
.map-selected-ue:not(:empty) { margin-top:16px; padding:16px; border:2px solid #daef73; border-radius:12px; }
.map-selected-ue select { margin-right:12px; min-height:44px; }

/* Sales OS reference: green navigation and restrained white metric cards. */
.sidebar .nav.active,.sidebar .nav[aria-current="page"] { background:#16714b; color:#fff; box-shadow:none; }
.sidebar .nav.active .nav-count { color:#fff; background:#ffffff20; }
.sidebar .nav.active:focus-visible { outline:2px solid #fff; outline-offset:2px; }
.dashboard-stages { background:transparent; border:0; padding:12px 0 0; }
.dashboard-stage-grid { gap:16px; }
.dashboard-stage-item { background:#fff; border:1px solid #e2e8f0; border-radius:16px; padding:8px; box-shadow:0 1px 2px #14394b26; overflow:visible; }
.dashboard-stage-item:has(> .dashboard-stage-card[aria-pressed="true"]) { background:#f2f9f5; border-color:#16714b; box-shadow:0 0 0 1px #16714b; }
.dashboard-stage-item > .dashboard-stage-card,
.dashboard-stage-item > .dashboard-stage-card[aria-pressed="true"],
.dashboard-stage-item > .dashboard-stage-card[aria-pressed="true"]:hover { background:transparent!important; box-shadow:none!important; border:0!important; border-radius:10px; align-items:flex-start; text-align:left; padding:14px 12px!important; }
.dashboard-stage-item > .dashboard-stage-card:hover { background:#f5f8f7!important; }
.dashboard-stage-item > .dashboard-customers { display:block; text-align:left; margin:0!important; padding:10px 12px; color:#31566a; }
.dashboard-stages .dashboard-all[aria-pressed="true"] { background:#16714b!important; color:#fff; border-color:#16714b!important; }
.map-selected-ue:not(:empty) { border-color:#b8d8c7; }

.dashboard-stage-item .dashboard-stage-label { min-height:48px; }

/* D098: green button states and a stronger, consistent card edge. */
.sidebar .nav:hover,.sidebar .nav[aria-current="page"]:hover { background:#125f3f; color:#fff; }
.sidebar .nav:focus-visible,.mobile-header button:focus-visible { outline-color:#fff; }
.workspace-header .view-tabs button.active,
.panel .phase-menu button.selected,
.project-map .map-legend button[aria-pressed="true"] { background:#16714b; border-color:#16714b; color:#fff; }
.notification-toggle:focus-visible { outline-color:#fff; }
.dashboard-stage-item .dashboard-stage-card:focus-visible,
.dashboard-stage-item .dashboard-customers:focus-visible { outline-color:#16714b; }
.dashboard-stage-item { border:2px solid #cbd8df; box-shadow:0 1px 2px #14394b0d; }
.dashboard-stage-item:has(> .dashboard-stage-card[aria-pressed="true"]) { border:2px solid #16714b; box-shadow:none; }

.customer-card-toolbar { justify-content:flex-start; gap:12px; flex-wrap:wrap; }
.customer-card-toolbar > .close-customer-card { margin-left:0!important; background:#16714b; border:2px solid #16714b; color:#fff; font-weight:700; }
.customer-card-toolbar > .close-customer-card:hover { background:#125f3f; border-color:#125f3f; }

.todo-overview { position:relative; background:#fff; border:2px solid #b8cfc4; border-left:5px solid #16714b; border-radius:16px; padding:24px; margin:0 0 28px; }
.todo-overview h2 { font-size:22px; }
.todo-overview .reply-count { display:inline-block; padding:6px 12px; border-radius:8px; background:#eaf4ee; color:#125f3f; font-weight:700; font-size:13px; margin-bottom:12px; }
.todo-overview .todo-row { gap:20px; align-items:center; }
.todo-overview .todo-row h3 { font-size:16px; margin:0; }
.todo-overview .todo-row p { margin:6px 0; }
.todo-overview .todo-row button { background:#16714b; border-color:#16714b; color:#fff; flex-shrink:0; }
.todo-overview .todo-row button:hover { background:#125f3f; }
@media(max-width:650px){.todo-overview .todo-row{align-items:flex-start;flex-direction:column;}}

.question-navigation { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:16px 0; }
.question-navigation .reply-count { margin:0 auto 0 0; }
.question-navigation button { margin:0; }
.question-reply-layout { display:grid; grid-template-columns:1fr 1.2fr; gap:24px; }
.customer-question { padding:20px; background:#f4f7f8; border:1px solid #d8e2e7; border-radius:12px; }
.customer-question h3,.customer-reply h3 { margin:0 0 14px; font-size:17px; }
.customer-question h4 { margin-bottom:8px; }
.question-text { white-space:pre-wrap; }
.customer-reply label { display:grid; gap:8px; font-weight:600; font-size:13px; }
.customer-reply textarea { width:100%; resize:vertical; font-size:15px; }
.customer-reply .footnote { margin:10px 0; }
.customer-reply .primary { background:#16714b; border-color:#16714b; color:white; }
@media(max-width:850px){.question-reply-layout{grid-template-columns:1fr;}}

/* D108: open editorial layout for customer questions. */
.todo-overview { border:0; border-bottom:1px solid #dce5e9; border-radius:0; box-shadow:none; padding:8px 0 28px; margin:0 0 32px; background:transparent; }
.customer-questions-header { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:24px; flex-wrap:wrap; }
.customer-questions-header h2 { margin:0; }
.customer-questions-header .question-navigation { margin:0; gap:8px; }
.customer-questions-header .reply-count { background:transparent; color:#526c7b; padding:0 12px 0 0; font-weight:500; }
.question-navigation button { min-height:36px; padding:7px 12px; box-shadow:none; }
.question-reply-layout { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:32px; }
.customer-question { border:0; border-radius:0; background:transparent; padding:4px 28px 4px 0; border-right:1px solid #e2e8ec; }
.customer-question h3 { color:#607885; font-size:12px; font-weight:600; letter-spacing:.04em; }
.customer-question > strong { font-size:17px; }
.customer-question h4 { font-size:16px; margin-top:24px; }
.question-text { font-size:15px; line-height:1.7; }
.customer-reply textarea { background:#f8fafb; border:1px solid #cbd8df; border-radius:12px; padding:16px; box-shadow:none; }
.customer-reply .primary { box-shadow:none; margin-top:12px; }
@media(max-width:850px){.question-reply-layout{grid-template-columns:1fr;gap:24px;}.customer-question{border-right:0;border-bottom:1px solid #e2e8ec;padding:0 0 20px;}}

.customer-questions-header .question-navigation .reply-count { order:2; padding:0 8px; }
.customer-questions-header .question-navigation button:nth-child(2) { order:1; }
.customer-questions-header .question-navigation button:nth-child(3) { order:3; }

/* D109: compact pipeline navigation with live counts. */
.pipeline-overview { margin:0 0 24px; }
.pipeline-overview h2 { font-size:24px; margin-bottom:18px; }
.pipeline-tabs { display:flex; gap:24px; overflow-x:auto; border-bottom:1px solid #d7e1e6; padding:0 2px; }
.panel .pipeline-tabs button { flex:0 0 auto; margin:0; padding:12px 2px 14px; min-height:48px; border:0; border-bottom:3px solid transparent; border-radius:0; background:transparent; box-shadow:none; color:#536d7b; font-size:15px; font-weight:500; white-space:nowrap; }
.panel .pipeline-tabs button:hover { background:transparent; color:#16714b; border-bottom-color:#b7d0c4; }
.panel .pipeline-tabs button[aria-pressed="true"] { color:#14394b; font-weight:700; border-bottom-color:#16714b; }
.panel .pipeline-tabs button:focus-visible { outline:2px solid #16714b; outline-offset:-2px; border-radius:var(--control-radius,6px); }
@media(max-width:650px){.pipeline-tabs{gap:20px;}.panel .pipeline-tabs button{font-size:14px;}}

.weekly-dashboard{margin:0 0 32px;}.weekly-dashboard .sales-goal-body{display:grid;grid-template-columns:1fr 1fr;gap:16px;}.weekly-dashboard .sales-goal-metric{margin:0;}.weekly-value{display:block;font-size:28px;margin:12px 0 18px;}.weekly-dashboard details summary{cursor:pointer;margin-top:16px;}@media(max-width:700px){.weekly-dashboard .sales-goal-body{grid-template-columns:1fr;}}

.sidebar .nav.statistics-subnav { width:calc(100% - 20px); margin-left:20px; font-size:12px; }
.statistics-tabs { margin-bottom:24px; }
.statistics-tabs button { margin:0; border:0; border-bottom:3px solid transparent; border-radius:0; background:transparent; box-shadow:none; padding:12px 8px; }
.statistics-tabs button[aria-pressed="true"] { border-bottom-color:#16714b; color:#14394b; font-weight:700; }

/* Dashboard: soft green gradient, scoped away from extended statistics. */
.weekly-dashboard .sales-goal-shell { background:linear-gradient(120deg,#fbfefd 0%,#eff9f4 50%,#dcefe5 100%); border-color:#bde5d0; }
.weekly-dashboard .sales-goal-header { background:transparent; border-top:0; }
.weekly-dashboard .sales-goal-header::before,.weekly-dashboard .sales-goal-shell::before { background:none; display:none; }
.weekly-dashboard .sales-goal-header .eyebrow { color:#16714b; }
.weekly-dashboard .sales-goal-body { background:transparent; }
.weekly-dashboard .sales-goal-metric { background:#ffffffd9; border-color:#d5e6dd; }

/* Extended statistics share the Sales OS petrol heading style. */
.monthly-page .sales-goal-shell { border-color:#d5e1e6; }
.monthly-page .sales-goal-shell:before { display:none; }
.monthly-page .sales-goal-header,.statistics-banner { background:#14394b; color:#fff; border-bottom:2px solid #16714b; padding:24px; }
.monthly-page .sales-goal-header h2,.monthly-page .sales-goal-header .eyebrow,.monthly-page .sales-goal-header>p:not(.eyebrow) { color:#fff; }
.statistics-banner { display:flex; align-items:center; justify-content:space-between; gap:20px; border-radius:16px 16px 0 0; }
.statistics-banner h2 { color:#fff; font-size:24px; }
.statistics-banner p { margin:4px 0 0; color:#e0eaef; }
.statistics-banner label { display:flex; align-items:center; gap:12px; font-weight:600; }
.annual-statistics { padding-top:0; }
.annual-statistics .statistics-banner { margin:0 -24px 24px; }
@media(max-width:650px){.statistics-banner{flex-wrap:wrap;}.annual-statistics .statistics-banner{margin-left:-24px;margin-right:-24px;}}

/* Dashboard period and summary: petrol with restrained lime accent. */
.dashboard-period-controls { display:flex; flex-wrap:wrap; gap:16px; margin:0 0 20px; }
.dashboard-period-controls label { display:grid; gap:8px; color:#14394b; font-size:14px; font-weight:600; }
.dashboard-period-controls select { width:250px; min-height:48px; padding:10px 16px; border:1px solid #c3d2dc; border-radius:12px; font-size:16px; font-weight:600; }
.dashboard-period-controls label:last-child select { width:150px; }
.weekly-dashboard .sales-goal-shell { background:#14394b; border:1px solid #14394b; }
.weekly-dashboard .sales-goal-header { padding:24px 24px 20px; border-bottom:2px solid #daef73; }
.weekly-dashboard .sales-goal-header h2 { color:#fff; }
.weekly-dashboard .sales-goal-header .eyebrow { color:#daef73; }
.weekly-dashboard .sales-goal-header>p:not(.eyebrow) { color:#dce8ec; }
.weekly-dashboard .sales-goal-body { padding:20px 24px 24px; gap:16px; }
.weekly-dashboard .sales-goal-metric { background:#fff; border:0; border-radius:12px; padding:22px; }
.weekly-dashboard .weekly-value { font-size:32px; color:#14394b; line-height:1.2; margin:12px 0 18px; }
.weekly-dashboard details summary { padding:8px 0; font-size:14px; color:#14394b; }
@media(max-width:650px){.dashboard-period-controls{display:grid;grid-template-columns:1fr 110px;gap:12px;}.dashboard-period-controls select,.dashboard-period-controls label:last-child select{width:100%;}.weekly-dashboard .sales-goal-header{padding:20px;}.weekly-dashboard .sales-goal-body{padding:16px;}}

.weekly-dashboard .goal-selectors { margin:0 0 24px; align-items:end; }
.weekly-dashboard .goal-selectors>button { margin:0; min-height:48px; font-size:16px; font-weight:400; padding:10px 16px; }

/* Shared filter rhythm across dashboard and statistics. */
.goal-selectors { gap:16px; align-items:end; }
.goal-selectors .goal-field,.goal-selectors .goal-field:first-child { width:170px; }
.goal-selectors .goal-field:nth-child(2) { width:160px; }
.goal-selectors .goal-field:nth-child(3) { width:120px; }
.goal-selectors .goal-dropdown>summary { height:48px; min-height:48px!important; }
.goal-selectors>.secondary { margin:0; min-height:48px; }
.weekly-dashboard .sales-goal-header,.monthly-page .sales-goal-header { padding:24px; }
.weekly-dashboard .sales-goal-body,.monthly-page .sales-goal-body { padding:24px; gap:16px; }
.weekly-dashboard .sales-goal-metric,.monthly-page .sales-goal-metric { padding:24px; }
.sidebar .dashboard-icon { color:inherit; flex-shrink:0; }
@media(max-width:650px){.goal-selectors{gap:12px;}.goal-selectors .goal-field,.goal-selectors .goal-field:first-child,.goal-selectors .goal-field:nth-child(2),.goal-selectors .goal-field:nth-child(3){width:calc(50% - 6px);}.goal-selectors>.secondary{width:100%;}.weekly-dashboard .sales-goal-body,.monthly-page .sales-goal-body{padding:16px;}}

.inline-workspace>.internal-notes{border:1px solid #d4e2dd;border-radius:12px;background:#fff;padding:20px;margin:0 0 20px;}.internal-notes .sms-preview{white-space:pre-wrap;}


.phase-transfer-menu { position:static; margin:0 0 20px; padding:16px 0 20px; border-bottom:1px solid #d5e1e5; }
.phase-transfer-current { margin:0 0 14px; font-size:17px; font-weight:700; color:#14394b; }
.phase-transfer-label { display:block; font-size:13px; font-weight:600; margin-bottom:8px; }
.phase-transfer-options { position:static; display:flex; flex-wrap:wrap; gap:8px; width:auto; max-width:none; border:0; padding:0; background:transparent; box-shadow:none; }
.phase-transfer-options button { margin:0!important; width:auto; }
.phase-transfer-options .transfer-current:disabled { color:#14394b!important; background:#e4ecef!important; border:2px solid #14394b!important; opacity:1; }
.phase-transfer-options .transfer-available { background:#16714b; border-color:#16714b; color:#fff; }
.phase-transfer-options>.footnote { flex-basis:100%; font-size:13px; margin:4px 0 0; }

.inline-workspace .sms-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:16px 0 20px; }
.inline-workspace .sms-actions button { min-height:44px; padding:10px 16px; margin:0!important; }
.inline-workspace .sms-actions .primary { background:#16714b; border-color:#16714b; color:#fff; }
.inline-workspace>.panel { padding:20px; }
.inline-workspace>.panel>label { display:flex; flex-wrap:wrap; align-items:center; gap:12px; margin:16px 0; }

/* Sales OS top navigation: open tabs with a lime active state. */
.workspace-header>span:first-child { font-size:14px; font-weight:700; white-space:nowrap; }
.workspace-header .view-tabs { margin-left:24px; margin-right:auto; padding:0; gap:4px; border:0; border-radius:0; background:transparent; }
.workspace-header .view-tabs button { min-height:44px; padding:10px 14px; font-size:14px; font-weight:700; border-radius:8px; box-shadow:none; }
.workspace-header .view-tabs button.active { background:#daef73; border-color:#daef73; color:#14394b; box-shadow:none; }
.workspace-header .view-tabs button:hover:not(.active) { background:#ffffff1a; color:#fff; }
@media(max-width:767px){.workspace-header .view-tabs{margin:0;min-width:0;}.workspace-header .view-tabs button{padding:10px 8px;font-size:13px;}}

.latest-project-note{display:grid;grid-template-columns:1fr auto;gap:4px 16px;padding:12px 16px;background:#fff;border:1px solid #d5e1e5;border-radius:10px;margin:0 0 16px;font-size:13px;}.latest-project-note p{grid-column:1;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.latest-project-note small{grid-column:1;color:#526c7b;}.latest-project-note button{grid-column:2;grid-row:1 / 4;align-self:center;margin:0!important;}.customer-tool-dialog{width:min(680px,calc(100vw - 32px));max-height:85vh;overflow:auto;border:1px solid #d5e1e5;border-radius:16px;padding:24px;color:#14394b;}.customer-tool-dialog::backdrop{background:#14394b66;}.customer-tool-dialog>button:first-child{display:block;margin:0 0 16px auto;}.customer-tool-dialog .panel{padding:16px;margin:12px 0;}.customer-tool-dialog .sms-preview{padding:12px;margin:8px 0;}.customer-tool-dialog textarea{width:100%;}.phase-transfer-menu>.footnote{margin:10px 0;}.phase-transfer-options button:not(:disabled){border-color:#a6bbc5;color:#14394b;background:#fff;}.phase-transfer-options button:not(:disabled):hover{background:#edf5f1;border-color:#16714b;}

.customer-tool-dialog>section>button{margin:8px 8px 12px 0;min-height:44px;}.customer-tool-dialog .internal-notes{padding:0;}.customer-tool-dialog .list-item>summary{padding:4px 0;}

/* Customer card phase navigation follows the pipeline tabs. */
.phase-transfer-options{flex-wrap:nowrap;align-items:stretch;gap:8px;overflow-x:auto;border-bottom:1px solid #cbd8df;padding-bottom:0;}
.project-table .phase-transfer-options button,.phase-transfer-options button:not(:disabled),.phase-transfer-options .transfer-current:disabled{flex:0 0 auto;white-space:nowrap;background:transparent!important;border:0!important;border-bottom:3px solid transparent!important;border-radius:var(--control-radius,6px)!important;padding:12px 8px!important;color:#526c7b!important;font-size:14px;font-weight:500;box-shadow:none;}
.phase-transfer-options .transfer-current:disabled{border-bottom-color:#16714b!important;color:#14394b!important;font-weight:700;opacity:1;}
.phase-transfer-options button:not(:disabled):hover{color:#14394b!important;background:#eaf2f2!important;}
.phase-transfer-arrow{align-self:center;flex-shrink:0;color:#708790;font-size:18px;}

.material-table-scroll{overflow-x:auto;margin:16px 0;}.project-table .material-product-table,.material-product-table{width:100%;min-width:560px;border-collapse:collapse;table-layout:auto;font-size:13px;}.material-product-table caption{text-align:left;font-size:14px;font-weight:700;margin:0 0 8px;color:#14394b;}.project-table .material-product-table th,.project-table .material-product-table td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #dce5e9;background:transparent;}.project-table .material-product-table th{background:#edf3f6;font-weight:600;}.material-product-table small{display:block;margin-top:4px;font-size:12px;max-width:none!important;}.material-owner-actions{white-space:nowrap;}.material-owner-actions button{margin:0;padding:6px 12px;min-height:var(--touch-target);}.compact-material>.list-item{display:inline-block;vertical-align:top;margin:0 0 var(--space-4);padding:0 var(--disclosure-inset);}.compact-material>.list-item>summary{padding:8px 0!important;min-height:44px;}.compact-material>.list-item[open]{display:block;padding-bottom:var(--space-4);}.compact-material>.footnote{margin:8px 0;font-size:12px;}

.installer-table-wrap{overflow-x:auto;margin:16px 0 20px;}.project-table .installer-table{width:100%;min-width:520px;border-collapse:collapse;}.project-table .installer-table th,.project-table .installer-table td{padding:12px!important;text-align:left;border-bottom:1px solid #dce5e9;background:transparent;vertical-align:middle;}.project-table .installer-table thead th{background:#edf3f6;font-weight:600;}.installer-table th[scope=row]{width:22%;font-size:14px;}.installer-table td:nth-child(2){width:50%;}.installer-table select{width:100%;max-width:360px;min-height:44px;margin:0;font-size:14px;background:#fff;border:1px solid #bfd0d8;border-radius:8px;padding:10px 12px;}.installer-table td:last-child{font-size:12px;color:#526c7b;}

.installer-table input[type=date]{width:155px;min-height:44px;padding:10px;border:1px solid #bfd0d8;border-radius:8px;background:#fff;color:#14394b;}.installer-table td:nth-child(2){width:36%;}.installer-table td:nth-child(3){width:175px;}

.completion-notice{display:grid;gap:12px;padding:16px 0;margin:0;}
.completion-notice>h3,.completion-notice>.footnote{margin:0;}
.completion-notice-choices{display:flex;align-items:center;flex-wrap:wrap;gap:8px;}
.panel .completion-notice-choices>button{width:fit-content;min-height:44px;max-width:100%;margin:0;padding:8px 16px;font-weight:700;background:#fff;border:1px solid #bdcec7;border-radius:8px;}
.panel .completion-notice-choices>button[aria-pressed=true]{background:#16714b;border-color:#16714b;color:#fff;opacity:1;}
.gantt-panel>.gantt-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:20px 0 16px;padding:12px;}
.gantt-controls>.gantt-month-field{display:flex;align-items:center;gap:8px;min-width:0;margin:0;}
.gantt-month-field>input{box-sizing:border-box;width:160px;min-width:0;max-width:100%;min-height:44px;margin:0;}
.gantt-controls>button{min-height:44px;width:fit-content;margin:0;}
.gantt-panel>.schedule-summary{align-items:center;gap:8px 16px;}
.gantt-panel>.schedule-summary h3{margin:0;}
@media(max-width:600px){.gantt-controls>.gantt-month-field{order:-1;flex-basis:100%;}.gantt-month-field>input{flex:1;max-width:220px;}}
.inline-workspace textarea[rows="12"]{width:100%;min-height:260px;line-height:1.6;}

.evidence-product{border-top:1px solid #dce5e9;padding:16px 0;}.evidence-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;}.evidence-photo{padding:12px;border:1px solid #dce5e9;border-radius:10px;display:flex;flex-direction:column;gap:8px;min-width:0;}.evidence-photo img{height:100px;width:100%;object-fit:cover;border-radius:6px;}.evidence-photo input{width:100%;font-size:12px;}.evidence-check{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid #edf3f6;}.evidence-check span{flex:1;}.evidence-check button{margin:0!important;min-height:44px;}.evidence-check button[aria-pressed=true]{background:#14394b;color:white;}.evidence-photo small{color:#526c7b;}

.inline-workspace>.pre-notice-portal{margin:0 0 16px!important;padding:16px 20px!important;border:1px solid #d5e1e5!important;border-radius:12px;background:#fff!important;}.inline-workspace>.pre-notice-portal h3{font-size:16px;margin:0 0 8px;}.inline-workspace>.pre-notice-portal p{margin:6px 0;font-size:12px;}.inline-workspace>.pre-notice-portal .notice-products{display:none;}.inline-workspace>.pre-notice-portal .notice-confirm-form{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin:12px 0;}.inline-workspace>.pre-notice-portal .notice-confirm-form[hidden]{display:none;}.inline-workspace>.pre-notice-portal .notice-confirm-form label{margin:0;}.inline-workspace>.pre-notice-portal .notice-confirm-form input:not([type=checkbox]){width:240px;max-width:100%;min-height:40px;}.inline-workspace>.pre-notice-portal button{margin:0;min-height:40px;}.inline-workspace>.pre-notice-portal .notice-confirm-form>.footnote{display:none;}.inline-workspace>.pre-notice-portal .statusline{padding:6px 0;}

/* Keep the phase navigation visible while working in an open customer card. */
.table-scroll:has(.inline-workspace){overflow:visible;}
.project-table:has(.inline-workspace){min-width:0;width:100%;}
.inline-workspace>.phase-transfer-menu{position:sticky;top:0;z-index:20;background:#f5f9f8;padding:12px 0;box-shadow:0 5px 8px -8px #14394b80;}
@media(max-width:767px){.inline-workspace>.phase-transfer-menu{top:64px;}.project-table:has(.inline-workspace)>thead th,.project-table:has(.inline-workspace)>tbody>tr:not(.expanded-row):not(.project-summary-row)>td{overflow-wrap:anywhere;padding:6px;}}

.inline-workspace>.pre-notice-portal{background:#fff3f2!important;border-color:#edb7b2!important;border-left:4px solid #c94338!important;}.inline-workspace>.pre-notice-portal.notice-is-done{background:#edf8f0!important;border-color:#afd3ba!important;border-left-color:#16714b!important;}.pre-notice-portal .notice-exempt input{accent-color:#16714b;}.pre-notice-portal input[readonly]{background:#e5f1e9;color:#16714b;font-weight:600;}

.inline-workspace>.pre-notice-portal .notice-choice-row{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0;align-items:center;}.pre-notice-portal .notice-choice{display:flex;align-items:center;gap:10px;min-height:44px;margin:0!important;padding:8px 12px;border:1px solid #ccd9d2;border-radius:8px;background:#ffffffaa;cursor:pointer;font-size:13px;}.pre-notice-portal .notice-choice input{width:18px!important;height:18px!important;margin:0!important;flex:none;accent-color:#16714b;}.pre-notice-portal .notice-reference-row{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin:12px 0;}.pre-notice-portal .notice-reference-row label{margin:0;display:flex;flex-direction:column;gap:6px;}.pre-notice-portal .notice-reference-row input{width:260px;max-width:100%;height:44px;}.pre-notice-portal .notice-reference-row button{height:44px;margin:0!important;}.pre-notice-portal .notice-history{padding:8px 0;font-size:12px;}

.pre-notice-portal .notice-choice input{min-height:18px!important;padding:0!important;}.pre-notice-portal .notice-choice{height:44px;box-sizing:border-box;}

.inline-workspace>.pre-notice-portal .notice-choice{height:34px;min-height:34px;padding:5px 10px;gap:8px;border-radius:6px;font-size:12px;}.inline-workspace>.pre-notice-portal .notice-choice input{width:16px!important;height:16px!important;min-height:16px!important;}.inline-workspace>.pre-notice-portal .notice-choice-row{gap:8px;margin:8px 0;}.inline-workspace>.pre-notice-portal .notice-reference-row{gap:10px;margin:10px 0;}.inline-workspace>.pre-notice-portal .notice-reference-row button,.inline-workspace>.pre-notice-portal .notice-reference-row input{height:36px;min-height:36px;padding:6px 12px;font-size:12px;border-radius:6px;}.inline-workspace>.pre-notice-portal .notice-reference-row input{width:240px;}

.phase-confirm-dialog{width:min(420px,calc(100vw - 32px));border:1px solid #d5e1e5;border-radius:14px;padding:24px;color:#14394b;box-shadow:0 16px 48px #14394b33;}.phase-confirm-dialog::backdrop{background:#14394b66;}.phase-confirm-dialog h2{margin:0 0 12px;font-size:20px;}.phase-confirm-actions{display:flex;justify-content:flex-start;gap:10px;margin-top:24px;}.phase-confirm-actions button{min-width:80px;min-height:40px;margin:0;}

/* Map and customer workspace share the same project card. */
.sales-project-map .map-workspace-layout{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(360px,1.1fr);gap:20px;align-items:start}
.sales-map-canvas{position:sticky;top:16px;overflow:hidden;border:1px solid #d5e3e7;border-radius:16px;background:#ecf3f4}
.sales-map-canvas>svg{display:block;width:100%;height:auto;max-height:680px;touch-action:none}
.sales-map-canvas .map-zoom-controls{justify-content:flex-end;padding:12px}
.sales-map-canvas .map-zoom-controls button{margin:0;min-height:36px}
.sales-map-canvas>.footnote{padding:12px 16px;margin:0;background:#f8fbfc}
.project-map-marker{cursor:pointer;outline:none}
.project-map-marker:focus circle{stroke:#daef73;stroke-width:5}
.map-customer-workspace{min-width:0}
.map-project-picker,.map-open-card{padding:16px;border:1px solid #d5e3e7;border-radius:16px;background:white}
.map-project-option{display:flex;flex-direction:column;gap:6px;width:100%;padding:12px;text-align:left;background:white;border:1px solid #d5e3e7;border-radius:8px;color:var(--navy)}
.map-project-option span{font-size:12px;color:var(--muted)}
.map-project-option:hover,.map-project-option[aria-pressed=true]{background:#edf8f0;border-color:#16714b}
.map-open-card>.inline-workspace{padding:0;background:transparent;border:0}
.map-open-card .phase-transfer-menu{position:static}
.map-open-card .customer-card-toolbar{flex-wrap:wrap}
.map-open-card .panel{padding:14px}
.map-open-card .statusline{grid-template-columns:minmax(100px,.7fr) minmax(0,1fr);gap:10px}
.map-open-card table{table-layout:auto;min-width:0;width:100%}
.map-open-card input,.map-open-card select{max-width:100%}
.map-open-card .notice-reference-row{flex-wrap:wrap}
@media(min-width:1300px){.sales-project-map .map-workspace-layout:has(.map-open-card){grid-template-columns:minmax(280px,.6fr) minmax(0,1.4fr)}}
@media(max-width:999px){.sales-project-map .map-workspace-layout{grid-template-columns:minmax(0,1fr)}.sales-map-canvas{position:relative;top:auto}.sales-map-canvas>svg{max-height:470px}.map-open-card{padding:12px}}

.map-open-card:focus{outline:none}.map-open-card .phase-transfer-options{flex-wrap:nowrap;overflow-x:auto;gap:4px}.map-open-card .phase-transfer-options button{font-size:12px!important;padding:9px 5px!important}.sales-map-canvas .map-zoom-controls button{border:1px solid #bccdd5;border-radius:6px;background:white;color:#14394b;padding:6px 12px}.sales-map-canvas .map-zoom-controls{display:flex;gap:4px}.sales-project-map{background:transparent;padding:0;border:0}.map-open-card .inline-workspace>.phase-transfer-menu{position:sticky;}

/* Clear hierarchy and a single, continuous phase row in customer cards. */
.map-open-card{padding:20px}
.map-open-card>h2{font-size:22px;line-height:1.25;margin:0 0 6px}
.map-open-card>p.muted{margin:0 0 16px;font-size:13px}
.map-open-card .inline-workspace{background:white}
.map-open-card .customer-card-toolbar{gap:8px;padding:0 0 14px;margin:0;border-bottom:1px solid #e2eaed}
.map-open-card .customer-card-toolbar button{min-height:36px;padding:7px 11px;margin:0;font-size:12px;box-shadow:none}
.map-open-card .inline-workspace>.phase-transfer-menu{padding:14px 0 0;margin:0 0 16px;background:white;box-shadow:none}
.map-open-card .phase-transfer-current{font-size:15px;margin:0 0 6px;font-weight:700}
.map-open-card .phase-transfer-label{font-size:12px;color:#526c7b}
.map-open-card .phase-transfer-options{margin-top:5px;align-items:center;scrollbar-width:thin}
.map-open-card .phase-transfer-options button{min-height:40px;margin:0!important;white-space:nowrap;font-weight:600;font-size:12px!important;padding:8px 4px!important}
.map-open-card .phase-transfer-arrow{font-size:14px}
.map-open-card .latest-project-note{margin:0 0 16px;padding:12px;background:#f7fafb;gap:4px 12px}
.map-open-card .latest-project-note button{min-height:34px;padding:6px 10px;font-size:12px}
.map-open-card .latest-project-note strong{font-size:12px}
.map-open-card .latest-project-note p{font-size:13px}
.map-open-card .inline-workspace>.panel,.map-open-card .inline-workspace>.pre-notice-portal{margin:0 0 16px;border-radius:10px;padding:16px;box-shadow:none}
.map-open-card h3{font-size:15px}
@media(min-width:1300px){.sales-project-map .map-workspace-layout:has(.map-open-card){grid-template-columns:minmax(240px,.5fr) minmax(0,1.5fr)}}
@media(max-width:767px){.map-open-card{padding:14px}.map-open-card .phase-transfer-options{overflow-x:auto;flex-wrap:nowrap}.map-open-card .customer-card-toolbar{gap:6px}}

.map-open-card .phase-transfer-options button,.map-open-card .phase-transfer-options .transfer-current:disabled{height:44px;min-height:44px;box-sizing:border-box}.sales-map-canvas .map-zoom-controls button{white-space:nowrap;min-width:34px;padding:6px 9px}.sales-map-canvas .map-zoom-controls span{white-space:nowrap;font-size:11px;align-self:center}

/* UX audit: consistent card insets, readable text, and compact separated controls. */
.map-customer-workspace>.map-open-card{padding:24px}
.map-open-card>.inline-workspace{padding:0;max-width:100%;border:0!important;background:transparent!important}
.inline-workspace>.phase-transfer-menu,
.map-open-card .inline-workspace>.phase-transfer-menu{padding:16px 16px 0;margin:0 0 16px;background:#fff;border:1px solid #d5e1e5;border-radius:10px;box-shadow:none;min-width:0}
.phase-transfer-menu:focus{outline:none}
.phase-transfer-menu:focus-visible{outline:2px solid #16714b;outline-offset:2px}
.phase-transfer-current{margin:0 0 8px;line-height:1.4}
.phase-transfer-options{margin-top:8px;max-width:100%;scroll-padding-inline:8px}
.map-open-card .customer-card-toolbar{padding:0 0 16px;border:0;gap:8px}
.latest-project-note,.map-open-card .latest-project-note{grid-template-columns:minmax(0,1fr) auto;padding:16px;gap:6px 16px;line-height:1.5}
.latest-project-note p,.latest-project-note small{min-width:0;overflow-wrap:anywhere}
.inline-workspace>.panel,.map-open-card .inline-workspace>.panel{padding:16px;margin:0 0 16px}
.inline-workspace h2,.inline-workspace h3{line-height:1.4}
.inline-workspace .panel>h2:first-child,.inline-workspace .panel>h3:first-child{margin-top:0}
.inline-workspace p{line-height:1.55}
.sms-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:12px 0}
.sms-actions>button{margin:0!important}
.map-open-card .sms-actions>button{min-height:36px;padding:7px 12px;font-size:12px}
.customer-tool-dialog .customer-form,.manual-customer-dialog .customer-form{gap:16px}
.customer-form label{min-width:0}
.customer-form input,.customer-form select,.customer-form textarea{max-width:100%;width:100%;box-sizing:border-box}
.customer-tool-dialog,.manual-customer-dialog{box-sizing:border-box}
.map-project-picker{padding:20px}
.map-project-picker>h3{margin:0 0 12px}
.map-project-option{margin:0 0 8px!important}
.map-open-card .compact-material{overflow-x:auto}
@media(max-width:767px){
 .map-customer-workspace>.map-open-card{padding:16px}
 .inline-workspace>.phase-transfer-menu,.map-open-card .inline-workspace>.phase-transfer-menu{padding:12px 12px 0}
 .latest-project-note,.map-open-card .latest-project-note{grid-template-columns:minmax(0,1fr);padding:14px}
 .latest-project-note button,.map-open-card .latest-project-note button{grid-column:1;grid-row:auto;justify-self:start;margin-top:4px}
 .customer-tool-dialog,.manual-customer-dialog{padding:16px}
 .map-open-card .customer-card-toolbar button,.map-open-card .sms-actions>button{min-height:40px}
}

/* A larger map alongside the customer card, focused on the selected area. */
@media(min-width:1000px){.sales-project-map .map-workspace-layout:has(.map-open-card){grid-template-columns:minmax(300px,.65fr) minmax(0,1.35fr)}.sales-project-map .sales-map-canvas>svg{height:460px;max-height:none}}

.material-line-editor .material-product-table{min-width:650px;table-layout:auto}.material-line-editor .material-product-table input{width:100%;min-width:125px;min-height:36px;padding:7px 9px;border-radius:6px;font-size:12px;box-sizing:border-box}.material-line-editor .material-product-table th,.material-line-editor .material-product-table td{width:auto!important}.material-line-editor>button{margin:0;min-height:var(--touch-target);font-size:14px}.material-line-editor .material-table-scroll{overflow-x:auto;max-width:100%}

.ue-recommendations{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;margin-top:16px}.ue-recommendation{border:1px solid #d5e1e5;border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:6px;background:#f7faf8}.ue-recommendation h3,.ue-recommendation p{margin:0}.ue-recommendation p,.ue-recommendation small{font-size:12px}.ue-recommendation>button{margin-top:auto}.ue-selection-panel>.panel .installation-map{width:100%;max-height:340px}

/* Compact selected installer card. */
.map-selected-ue:has(.ue-assignment-card){padding:0;border:0;background:transparent;margin-top:16px}.map-selected-ue .ue-assignment-card{padding:16px!important;margin:0!important;border:1px solid #c9dcd7;border-radius:10px}.ue-assignment-card>h2{margin:0 0 4px;font-size:17px}.ue-assignment-card>p.muted{margin:0 0 12px;font-size:12px}.ue-assignment-card .ue-assignment-form{display:grid;grid-template-columns:minmax(140px,1fr) minmax(170px,1fr) auto;gap:12px;align-items:end;margin:12px 0}.ue-assignment-card .ue-assignment-form label{display:flex;flex-direction:column;gap:6px;margin:0;font-size:12px;min-width:0}.ue-assignment-card .ue-assignment-form input,.ue-assignment-card .ue-assignment-form select,.ue-assignment-card .ue-assignment-form button,.ue-fixed-product{height:40px;min-height:40px;box-sizing:border-box;margin:0!important;border-radius:7px;font-size:13px}.ue-fixed-product{display:flex;align-items:center;padding:8px 12px;background:#edf3f5;font-weight:600}.ue-assignment-card .ue-calendar{padding:12px 0 0;margin:12px 0 0;border:0;border-top:1px solid #dce5e9;background:transparent;border-radius:0}.ue-assignment-card .ue-calendar summary{font-size:13px;font-weight:600;cursor:pointer;min-height:32px}.ue-assignment-card .ue-calendar .footnote{margin:10px 0;font-size:11px}@media(max-width:800px){.ue-assignment-card .ue-assignment-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ue-assignment-card .ue-assignment-form button{grid-column:1/-1;justify-self:start}}

.nearby-planning-tips{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:8px 0 12px;padding:9px 12px;background:#f4f8f9;border:1px solid #dce6e8;border-radius:8px;font-size:12px}.nearby-planning-tips strong,.nearby-planning-tips span{font-size:12px}.nearby-planning-tips button{min-height:32px!important;margin:0!important;padding:5px 9px!important;font-size:12px!important}

/* Consistent customer-card width and compact spacing across workflow stages. */
.inline-workspace{box-sizing:border-box}
.inline-workspace>.panel,.map-open-card .inline-workspace>.panel{width:100%;max-width:none;box-sizing:border-box;padding:16px;margin-bottom:12px}
.inline-workspace>.latest-project-note{margin-bottom:12px;padding:12px 16px}
.inline-workspace>.phase-transfer-menu{margin-bottom:12px}
.inline-workspace .panel>h2{margin-bottom:8px;font-size:17px}
.inline-workspace .panel>p.muted{margin:0 0 12px}
.inline-workspace .panel>.panel{max-width:none;margin:12px 0;padding:12px 0;border:0;border-top:1px solid #dce5e9;border-radius:0;box-shadow:none}
.inline-workspace .list-item{margin:var(--space-3) 0;padding:0 var(--disclosure-inset)}
.inline-workspace .list-item>summary{padding:var(--space-3) 0;min-height:56px;line-height:24px;font-size:13px}
.inline-workspace .list-item[open]{padding-bottom:var(--space-4)}
.inline-workspace .list-item[open]>summary{margin-bottom:8px}
.inline-workspace .sms-info-groups{gap:14px}
.inline-workspace .sms-info-group{padding-top:12px}
.inline-workspace .sms-info-group h3{margin-bottom:8px}
.inline-workspace .footnote{margin:8px 0;line-height:1.5}
.inline-workspace .material-table-scroll{margin:12px 0}
.ue-selection-panel .installer-table-wrap{margin:12px 0}
.ue-selection-panel .installer-table{table-layout:fixed;width:100%;min-width:620px}
.ue-selection-panel .installer-table th,.ue-selection-panel .installer-table td{padding:10px!important;vertical-align:top!important}
.ue-selection-panel .installer-table th:first-child{width:15%!important}
.ue-selection-panel .installer-table th:nth-child(2),.ue-selection-panel .installer-table td:nth-child(2){width:auto!important}
.ue-selection-panel .installer-table th:nth-child(3),.ue-selection-panel .installer-table td:nth-child(3){width:170px!important}
.ue-selection-panel .installer-table th:nth-child(4),.ue-selection-panel .installer-table td:nth-child(4){width:160px!important}
.ue-selection-panel .installer-table select{max-width:none;width:100%;height:40px;min-height:40px;padding:8px 10px;font-size:13px}
.ue-selection-panel .installer-table input[type=date]{width:100%;height:40px;min-height:40px;padding:8px;box-sizing:border-box;font-size:13px}
.ue-selection-panel .installer-table th[scope=row],.ue-selection-panel .installer-table td:last-child{padding-top:20px!important}
.ue-selection-panel .installer-table small{margin-top:5px;font-size:11px}
.ue-selection-panel .ue-recommendations{margin-top:10px;gap:8px}
.ue-selection-panel .ue-recommendation{padding:10px 12px;gap:4px}
.ue-selection-panel>button{min-height:36px;margin:8px 0;padding:8px 12px;font-size:12px}
.ue-selection-panel .zoomable-map>.footnote{margin:6px 0}
@media(max-width:767px){
 .inline-workspace>.panel,.map-open-card .inline-workspace>.panel{padding:12px}
 .ue-selection-panel .installer-table{min-width:570px}
 .ue-selection-panel .installer-table th:nth-child(4),.ue-selection-panel .installer-table td:nth-child(4){width:125px!important}
}

.inline-workspace .panel>.list-item:not(:where(.report-disclosure)){padding:0 var(--disclosure-inset);margin:var(--space-3) 0}.inline-workspace .panel>.list-item[open]:not(:where(.report-disclosure)){padding-bottom:var(--space-4)}.ue-selection-panel .installer-table th:first-child{width:130px!important}.ue-selection-panel .installer-table th:nth-child(2),.ue-selection-panel .installer-table td:nth-child(2){width:42%!important}

/* Keep the phase navigation visibly framed, also when it is not focused. */
.inline-workspace>.phase-transfer-menu,.map-open-card .inline-workspace>.phase-transfer-menu{border:1px solid #c9dcd7;outline:2px solid #16714b;outline-offset:2px}
.inline-workspace>.phase-transfer-menu:focus-visible{outline:3px solid #16714b;outline-offset:2px}

/* Align the table with its section while keeping planning controls compact. */
.ue-selection-panel .installer-table{width:100%!important;max-width:100%;min-width:620px;table-layout:fixed}
.ue-selection-panel .installer-table th:first-child{width:145px!important}
.ue-selection-panel .installer-table th:nth-child(2),.ue-selection-panel .installer-table td:nth-child(2){width:300px!important}
.ue-selection-panel .installer-table th:nth-child(3),.ue-selection-panel .installer-table td:nth-child(3){width:165px!important}
.ue-selection-panel .installer-table th:nth-child(4),.ue-selection-panel .installer-table td:nth-child(4){width:auto!important}
.ue-selection-panel .installer-table select{max-width:280px}
.inline-workspace select{max-width:320px}
.planning-mode{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:12px 0;font-size:13px}
.planning-mode>span{margin-right:8px}
.planning-mode button{margin:0!important;min-height:34px;padding:6px 12px;font-size:12px}
.planning-mode button[aria-pressed=true]{background:#16714b;border-color:#16714b;color:white}
@media(max-width:767px){.ue-selection-panel .installer-table{min-width:620px}}

/* Execution: overview, one product block, then completion. */
.execution-overview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 16px}
.execution-overview>div{padding:10px 12px;background:#f2f7f6;border-radius:8px;display:grid;gap:4px}
.execution-overview span{font-size:12px;color:#526c7b}.execution-overview strong{font-size:17px}
.execution-overview .has-issues{background:#fff1ee;color:#a93226}
.execution-panel .evidence-product{border:1px solid #d8e4e7;border-radius:10px;padding:14px;margin:0 0 12px}
.evidence-product-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}
.evidence-product-header h3{margin:0 0 4px;font-size:16px}.evidence-product-header small{font-size:12px;color:#526c7b}
.evidence-status{padding:4px 9px;border-radius:6px;background:#edf3f5;font-size:12px;white-space:nowrap}
.evidence-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px}
.evidence-layout h4{margin:0 0 10px;font-size:14px}
.evidence-layout .evidence-photos{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}
.evidence-layout .evidence-photo{padding:10px;gap:6px;background:#fafcfc;border-radius:8px}
.evidence-photo strong{font-size:13px}.evidence-photo.has-photo{border-color:#8bc3a5;background:#f0f8f3}
.evidence-photo input[type=file]{padding:6px;min-height:34px;font-size:11px;max-width:100%}
.evidence-check-block .evidence-check{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px;padding:8px 0}
.evidence-check-block .evidence-check>span{font-size:13px;line-height:1.4}
.evidence-check-block .evidence-check button{min-height:34px;padding:6px 9px;font-size:12px}
.evidence-check button[data-result=ok][aria-pressed=true]{background:#16714b;border-color:#16714b;color:white}
.evidence-check button[data-result=problem][aria-pressed=true]{background:#b33a2d;border-color:#b33a2d;color:white}
.execution-finish{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #dce5e9;padding-top:14px;margin-top:4px}
.execution-finish h3{font-size:15px;margin:0 0 4px}.execution-finish p{font-size:12px;margin:0 0 5px}.execution-finish small{font-size:11px;color:#526c7b}
.execution-finish button{flex:none;margin:0!important;min-height:38px;font-size:12px}
@media(max-width:650px){.execution-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.execution-finish{align-items:flex-start;flex-direction:column}.evidence-check-block .evidence-check{grid-template-columns:minmax(0,1fr) auto auto}}

.execution-overview>.is-approved,.evidence-status.is-approved{background:#e8f5ed;color:#136b45;border:1px solid #a5d5b8}

/* Calm monthly overview and compact, explicit current-phase indicator. */
.weekly-dashboard .sales-goal-shell{background:linear-gradient(120deg,#f7fbf9 0%,#eaf4ef 55%,#e4eff3 100%);border:1px solid #cbded5;}
.weekly-dashboard .sales-goal-header{border-bottom:1px solid #cfdfd8;padding:20px 24px;}
.weekly-dashboard .sales-goal-header h2{color:#163b49;}
.weekly-dashboard .sales-goal-header .eyebrow{color:#287456;}
.weekly-dashboard .sales-goal-header>p:not(.eyebrow){color:#526f7b;}
.weekly-dashboard .sales-goal-metric{background:#ffffffd9;border:1px solid #d9e5e0;padding:20px;}
.weekly-dashboard .sales-goal-body{padding:20px 24px;gap:16px;}
.weekly-dashboard .weekly-value{margin:10px 0 8px;font-size:30px;}
.weekly-dashboard .metric-period{margin:0;color:#496777;font-size:13px;}
.project-step-progress{width:160px;max-width:100%;margin:0;padding:10px 12px;background:#f5faf7;border:1px solid #cbded4;border-radius:9px;}
.project-step-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;white-space:nowrap;}
.project-step-heading strong{font-size:13px;color:#175d46;}
.project-step-count{font-size:11px;color:#527166;font-variant-numeric:tabular-nums;}
.project-step-progress .project-step-segments{margin-top:9px;gap:4px;}
.project-step-progress .project-step-segments span{height:5px;background:#dbe5e1;}
.project-step-progress .project-step-segments .current,.project-step-progress .project-step-segments .complete{background:#237856;}
.project-step-progress.is-paused{background:#fcf8ef;border-color:#e8d9b6;}
.project-step-progress.is-paused .current{background:#967321;}
@media(max-width:650px){.weekly-dashboard .sales-goal-header,.weekly-dashboard .sales-goal-body{padding:16px;}}

/* The customer demo presents one project with read-only phase navigation. */
body.customer-portal .sidebar,body.customer-portal .mobile-header,body.customer-portal .workspace-header,body.customer-portal #reset{display:none!important;}
body.customer-portal{display:block;}
body.customer-portal main{margin:0!important;width:100%;max-width:none;}
body.customer-portal .page-content{max-width:960px;margin:0 auto;padding:28px 20px;}
body.customer-portal .heading{margin-bottom:20px;}
body.customer-portal .heading::before{content:'';display:block;width:180px;height:52px;background:url('/public/nordpolen-wordmark.png') center/contain no-repeat;margin-bottom:16px;}
.customer-phase-list{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:16px 0;}
.customer-phase-list li{border:1px solid #dae5e0;background:#f5f8f6;padding:12px;border-radius:8px;font-size:13px;}
.customer-phase-list li[aria-current]{border-color:#18734e;background:#eaf5ee;font-weight:700;color:#14593f;}
.customer-phase-list small{display:block;font-size:11px;font-weight:400;margin-top:4px;}
.customer-document-list{list-style:none;padding:0;margin:12px 0;}
.customer-document-list li{padding:12px 0;border-top:1px solid #e0e8e4;}
.customer-document-list small{display:block;margin-top:4px;color:#56717b;}
@media(max-width:600px){body.customer-portal .page-content{padding:16px 12px;}.customer-phase-list{grid-template-columns:repeat(2,minmax(0,1fr));}}

.customer-portal .heading[hidden]{display:none!important;}

body.customer-portal .heading{background:#14394b;padding:22px 24px;border-radius:14px;display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:24px;align-items:center;}
body.customer-portal .heading h1{color:#fff;font-size:24px;}
body.customer-portal .heading .muted{color:#e0ecee;}
body.customer-portal .heading .eyebrow{color:#c9e5d6;}
body.customer-portal .heading::before{margin:0;}
.customer-instructions{padding:14px 16px;background:#eef6f1;border-left:3px solid #18734e;border-radius:6px;}
.customer-portal .sms-field-group{margin:16px 0;padding:16px;border-color:#cfdfd7;}
.customer-portal .sms-field-group legend{font-weight:700;color:#175a43;}
.customer-photo-upload{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;}
.customer-photo-tile{padding:16px;border:1px solid #cfdfd7;border-radius:10px;background:#f8fbf9;min-width:0;}
.customer-photo-tile h4{margin:0 0 8px;}
.customer-photo-tile img{width:100%;max-height:220px;object-fit:contain;background:#eaf0ed;border-radius:6px;margin-bottom:10px;}
.customer-photo-actions{display:flex;gap:8px;flex-wrap:wrap;}
.customer-photo-button{position:relative;overflow:hidden;border:1px solid #afc9bc;background:white;border-radius:7px;padding:10px 14px;min-height:42px;font-weight:600;cursor:pointer;}
.customer-photo-button:focus-within{outline:2px solid #18734e;outline-offset:2px;}
.customer-photo-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;}
.customer-photo-upload>.footnote{grid-column:1/-1;margin:0;}
@media(max-width:700px){body.customer-portal .heading{grid-template-columns:1fr auto;gap:12px;padding:18px;}body.customer-portal .heading::before{grid-column:1/-1;}body.customer-portal .heading h1{font-size:21px;}}

.customer-status-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px;border:1px solid #c5ddcf;background:#eaf5ef;border-radius:10px;margin-bottom:14px;}
.customer-status-summary>span{font-size:12px;color:#416653;}
.customer-status-summary>strong{color:#155b40;}
.customer-status-summary>small{margin-left:auto;color:#536e62;font-size:12px;}
.customer-section-nav{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px;margin-bottom:8px;}
.customer-section-nav button{white-space:nowrap;flex-shrink:0;}
/* Current page wins over generic secondary hover, including retained touch hover. */
.customer-section-nav button[aria-current="page"]:enabled{background:#16714b;border-color:#16714b;color:#fff;}
.customer-portal .customer-start{padding:16px 20px;background:#f6faf8;margin-bottom:12px;}
.customer-portal .customer-start p{margin-bottom:0;}
.customer-note-text{white-space:pre-wrap;overflow-wrap:anywhere;}
.customer-portal textarea[name="customerNote"]{display:block;width:100%;box-sizing:border-box;margin:8px 0 12px;padding:12px;border:1px solid #bcd1c5;border-radius:8px;font:inherit;resize:vertical;}

.second-owner-fields{border-top:1px solid #d8e4dc;padding-top:16px;margin-top:8px;}.second-owner-fields[hidden]{display:none!important;}.second-owner-fields>strong{display:block;margin-bottom:10px;}

.customer-installers:empty{display:none;}.customer-installers{background:white;border:1px solid #cfded5;border-radius:10px;padding:16px;margin-bottom:14px;}.customer-installers h2{font-size:16px;margin:0 0 10px;}.customer-installer-card{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 0;}.customer-installer-card small{color:#526d60;}.customer-call{padding:9px 14px;border-radius:7px;background:#18734e;color:white!important;text-decoration:none;font-weight:600;}

/* Show the whole project overview above the form, in the normal page flow. */
.customer-portal #customer-live-status{margin-bottom:16px;border-radius:12px;box-shadow:0 4px 14px #14394b12;}
.customer-overview{background:#f7fbf9;border:1px solid #bcd8c9;border-radius:12px;padding:16px 18px;}
.customer-overview-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;}
.customer-overview-phase,.customer-overview-dates{display:flex;flex-direction:column;gap:4px;min-width:0;}
.customer-overview-grid small{color:#49675a;font-size:12px;}
.customer-overview-grid strong{color:#164b39;font-size:18px;}
.customer-overview-dates>span{font-size:12px;color:#526b60;}
.customer-date-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;}
.customer-date-line>span{font-size:12px;}
.customer-overview .customer-installers{padding:10px 0 0;margin:10px 0 0;border:0;border-top:1px solid #d2e2d9;border-radius:0;background:transparent;}
.customer-overview .customer-installers h2{font-size:13px;margin:0;}
.customer-overview .customer-installer-card{padding:6px 0 0;gap:8px;font-size:13px;}
.customer-overview .customer-call{margin-left:auto;min-height:40px;display:inline-flex;align-items:center;box-sizing:border-box;}
.customer-portal input,.customer-portal textarea,.customer-portal button{scroll-margin-top:16px;}
@media(max-width:600px){.customer-overview{padding:12px;}.customer-overview-grid{grid-template-columns:1fr 1.2fr;gap:10px;}.customer-overview-grid strong{font-size:15px;}.customer-overview .customer-call{margin-left:0;}}

.customer-phase-list li{display:flex;align-items:center;gap:8px;color:#65746e;}
.customer-phase-marker{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border-radius:50%;background:#e3eae6;color:#586b62;font-size:12px;font-weight:700;}
.customer-phase-text strong{font-size:12px;font-weight:600;}
.customer-phase-text small{font-size:10px;margin-top:2px;}
.customer-phase-list li.is-complete{background:#eef7f1;border-color:#c3dfcd;color:#225a3e;}
.customer-phase-list .is-complete .customer-phase-marker{background:#18734e;color:#fff;}
.customer-phase-list li.is-current{background:#e6f3eb;border:2px solid #18734e;color:#104b34;}
.customer-phase-list .is-current:not(.is-complete) .customer-phase-marker{background:#14394b;color:#fff;}
.customer-phase-list.is-compact{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin:12px 0 0;}
.customer-phase-list.is-compact li{padding:8px 6px;gap:5px;}
.customer-phase-list.is-compact .customer-phase-marker{width:21px;height:21px;font-size:11px;}
.customer-phase-list.is-compact .customer-phase-text{min-width:0;}
.customer-phase-list.is-compact .customer-phase-text strong{font-size:11px;}
@media(max-width:760px){.customer-phase-list.is-compact{grid-template-columns:repeat(3,minmax(0,1fr));}.customer-phase-list.is-compact li{padding:6px;}.customer-phase-list.is-compact .customer-phase-text strong{font-size:10px;}}

/* Compact customer overview and consistently aligned photo actions. */
.customer-overview{padding:14px 18px;background:linear-gradient(115deg,#f7fbf9 0%,#edf5f1 100%);border-color:#c1d9ce;}
.customer-overview-grid{gap:18px;align-items:start;}
.customer-overview-phase,.customer-overview-dates{gap:3px;}
.customer-overview-grid strong{font-size:17px;line-height:1.35;}
.customer-overview-dates{border-left:1px solid #d3e3db;padding-left:18px;}
.customer-overview .customer-installers{margin-top:10px;padding-top:8px;}
.customer-overview .customer-installers>p{margin:4px 0;font-size:12px;line-height:1.5;}
.customer-phase-list.is-compact{gap:7px;margin-top:12px;}
.customer-phase-list.is-compact li{min-height:54px;padding:8px 7px;border-color:#d9e4df;background:#ffffffa8;gap:6px;}
.customer-phase-list.is-compact li.is-complete{background:#eaf5ee;border-color:#bdd7c7;}
.customer-phase-list.is-compact li.is-current{background:#e3f0e8;border:1px solid #18734e;box-shadow:inset 0 0 0 1px #18734e;}
.customer-phase-list.is-compact .customer-phase-marker{width:23px;height:23px;}
.customer-phase-list.is-compact .customer-phase-text strong{font-size:11px;line-height:1.3;}
.customer-phase-list.is-compact .customer-phase-text small{line-height:1.3;color:#52675d;}
.customer-section-nav{gap:6px;padding:2px 2px 8px;margin-bottom:6px;}
.customer-section-nav button{min-height:40px;padding:8px 13px;font-size:13px;line-height:1.4;border-radius:8px;box-shadow:none;}
.customer-section-nav button[aria-current="page"]{box-shadow:0 2px 5px #185c3e14;}
.customer-photo-upload{gap:var(--space-3);align-items:stretch;}
.customer-photo-tile{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:#f7faf8;}
.customer-photo-tile h4{margin:0;font-size:15px;line-height:1.4;}
.customer-photo-tile .photo-requirement{font-size:11px;line-height:1.4;color:#4e6e5e;}
.customer-photo-tile>p{margin:0 0 3px;font-size:13px;line-height:1.5;}
.customer-photo-tile>p.completion{padding:5px 8px;font-size:12px;}
.customer-photo-actions{margin-top:auto;padding-top:5px;gap:7px;align-items:center;}
.customer-photo-button{display:inline-flex;align-items:center;justify-content:flex-start;min-height:40px;padding:8px 12px;font-size:13px;line-height:1.4;white-space:nowrap;}
.customer-photo-button:hover{background:#edf5f0;border-color:#7caa92;}
.customer-photo-button:has(input:disabled){opacity:.55;cursor:default;}
.customer-photo-preview{margin:3px 0;padding:7px;border:1px solid #d5e2da;border-radius:8px;background:#fff;}
.customer-photo-preview img{display:block;margin:0;width:100%;max-height:180px;}
.customer-photo-preview button{display:inline-flex;align-items:center;min-height:36px;margin:6px 0 0;padding:6px 10px;font-size:12px;line-height:1.4;background:#fff;color:#8b3b35;border:1px solid #dfc8c4;border-radius:6px;}
.customer-photo-preview button:hover:enabled{background:#fcf1ef;}
@media(max-width:760px){.customer-phase-list.is-compact{gap:6px;}.customer-phase-list.is-compact li{min-height:46px;padding:6px;}.customer-phase-list.is-compact .customer-phase-text strong{font-size:11px;}}
@media(max-width:600px){.customer-overview{padding:12px;}.customer-overview-grid{gap:10px;}.customer-overview-dates{padding-left:10px;}.customer-overview-grid strong{font-size:15px;}.customer-photo-upload{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}.customer-photo-button,.customer-section-nav button,.customer-photo-preview button{min-height:44px;}}

/* Local preview role switcher; never shown on customer deployments. */
.demo-role-menu{display:flex;align-items:center;gap:6px;margin:0 0 14px;padding:6px 8px;border:1px solid #ccddd6;border-radius:10px;background:#eaf2ef;width:fit-content;}
.demo-role-menu[hidden]{display:none;}
.demo-role-menu>span{font-size:12px;color:#526d70;padding:0 8px;}
.demo-role-menu button{min-height:38px;padding:7px 14px;border:1px solid transparent;border-radius:7px;background:transparent;color:#14394b;font-weight:600;box-shadow:none;}
.demo-role-menu button[aria-pressed="true"]{background:#14394b;color:white;}
.demo-role-menu button:hover{border-color:#92b2a4;}
@media(max-width:600px){.demo-role-menu{width:100%;gap:var(--space-2);flex-wrap:wrap;}.demo-role-menu>span{padding:0 4px;flex-basis:100%;}.demo-role-menu button{min-height:44px;padding:7px 10px;flex:1;min-width:0;}#demo-assign-projects{flex-basis:100%;}}

.customer-ready-status{display:grid;gap:3px;margin-bottom:7px;padding:8px 10px;border-left:3px solid #b3c6cd;background:#f2f6f7;border-radius:6px;}.customer-ready-status.is-ready{background:#e9f5ee;border-color:#18794e;}.customer-ready-status.is-ready>strong{color:#176643;}.customer-ready-status button{justify-self:start;min-height:34px;padding:5px 10px;margin-top:4px;font-size:12px;}

.customer-submission-progress{padding:14px 16px;margin:14px 0;border:1px solid var(--progress-edge);border-left:4px solid var(--progress-color);border-radius:9px;background:var(--progress-bg);color:#14394b;}.customer-submission-progress p{margin:5px 0 8px!important;}.tone-red{--progress-color:#bd4545;--progress-edge:#efcece;--progress-bg:#fff3f2;}.tone-orange{--progress-color:#c66a15;--progress-edge:#efd5b8;--progress-bg:#fff4e7;}.tone-yellow{--progress-color:#b18a08;--progress-edge:#e9dfa6;--progress-bg:#fffbea;}.tone-green{--progress-color:#18794e;--progress-edge:#bcdbcb;--progress-bg:#eef8f2;}.customer-submission-track{height:6px;background:#ffffff;border-radius:8px;margin:8px 0 10px;overflow:hidden;}.customer-submission-track span{display:block;height:100%;background:var(--progress-color);transition:width .2s;}

/* Customer form sections: a quiet vertical guide, separate from project phases. */
.customer-portal .customer-form:has(>.sms-field-group){gap:0;margin-top:var(--space-4);}
.customer-portal .customer-form>.sms-field-group{position:relative;min-width:0;margin:0 0 0 11px!important;padding:0 0 24px 22px;border:0;border-left:2px solid #d6e5dd;border-radius:0;gap:var(--space-3);background:transparent;}
.customer-portal .customer-form>.sms-field-group>legend{position:relative;max-width:100%;padding:8px 13px;margin:0 0 12px -1px;border:1px solid #dbe7e0;border-radius:8px;background:linear-gradient(100deg,#edf5f0,#f8fbf9);color:#174b3a;font-size:16px!important;line-height:1.4;font-weight:700;box-sizing:border-box;}
.customer-portal .customer-form>.sms-field-group>legend::before{content:"";position:absolute;left:-31px;top:50%;width:12px;height:12px;transform:translateY(-50%);border:3px solid #fff;border-radius:50%;background:#719b88;box-shadow:0 0 0 1px #c5dace;}
.customer-portal .customer-form>.sms-field-group:focus-within{border-left-color:#91b8a4;}
.customer-portal .customer-form>.sms-field-group:focus-within>legend{border-color:#91b8a4;}
.customer-portal .customer-form>.sms-field-group:focus-within>legend::before{background:#18734e;box-shadow:0 0 0 2px #d9eade;}
.customer-portal .customer-form>.sms-field-group>.muted{margin:0 0 2px;font-size:13px;line-height:1.55;max-width:78ch;}
.customer-portal .customer-form>.sms-field-group>label{gap:var(--field-gap);}
.customer-portal .customer-form>.sms-field-group:last-of-type{border-left-color:transparent;padding-bottom:16px;}
.customer-portal .customer-form:has(>.sms-field-group)>button{margin-top:8px;margin-bottom:16px;}
.customer-portal .customer-form:has(>.sms-field-group)>.sms-info-group{grid-column:1/-1;}
@media(max-width:600px){.customer-portal .customer-form>.sms-field-group{margin-left:7px!important;padding-left:17px;padding-bottom:var(--space-6);}.customer-portal .customer-form>.sms-field-group>legend{font-size:14px!important;padding:8px 10px;}.customer-portal .customer-form>.sms-field-group>legend::before{left:-26px;width:10px;height:10px;}.customer-portal .customer-form>.sms-field-group>.muted{font-size:12px;}}

body.installer-portal .sidebar,body.installer-portal .mobile-header,body.installer-portal .workspace-header,body.installer-portal #reset{display:none!important;}
body.installer-portal{display:block;}body.installer-portal main{margin:0!important;width:100%;max-width:none;}body.installer-portal .page-content{max-width:1100px;margin:auto;padding:24px 20px;}
.installer-workspace{display:grid;gap:var(--section-gap);}.installer-workspace>.panel{margin:0;padding:var(--card-inset);}.installer-workspace>.installer-disclosure{margin:0;}.installer-workspace .map-card{width:100%;}.installer-job-row{display:grid;grid-template-columns:1fr 1.5fr auto auto;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid #dae5e8;}.installer-job-row span{font-size:13px;}.installer-date-detail{background:#f2f8f5;padding:16px;border:1px solid #c7ddd2;border-radius:10px;margin:10px 0;}.installer-date-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap;margin-bottom:12px;}.installer-date-form label{display:grid;gap:6px;}.installer-date-form input{max-width:200px;}@media(max-width:600px){body.installer-portal .page-content{padding:16px 12px;}.installer-job-row{grid-template-columns:1fr auto;gap:8px;}.installer-job-row>span:nth-child(2){grid-column:1;grid-row:2;}}

.installer-sidebar{display:none;}body.installer-portal .installer-sidebar{display:flex;position:fixed;inset:0 auto 0 0;width:240px;background:#14394b;color:white;padding:26px 20px;flex-direction:column;gap:24px;box-sizing:border-box;}body.installer-portal main{margin-left:240px!important;width:calc(100% - 240px);}.installer-sidebar>img{width:190px;height:auto;}.installer-identity{display:grid;gap:6px;padding:14px 0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;}.installer-identity small,.installer-identity span{color:#c0d7df;font-size:12px;}.installer-sidebar nav{display:grid;gap:8px;}.installer-sidebar nav button{text-align:left;background:transparent;border:1px solid transparent;box-shadow:none;color:white;padding:12px;}.installer-sidebar nav button[aria-current="page"]{background:#ffffff18;border-color:#ffffff30;}@media(max-width:700px){body.installer-portal .installer-sidebar{position:static;width:100%;padding:16px;gap:12px;}body.installer-portal main{margin-left:0!important;width:100%;}.installer-sidebar>img{width:160px;}.installer-identity{padding:8px 0;}.installer-sidebar nav{grid-template-columns:repeat(3,1fr);gap:4px;}.installer-sidebar nav button{padding:8px;font-size:12px;}}

.installer-customer-checklist{border-top:1px solid #d4e3dd;margin-top:16px;padding-top:16px;}.installer-customer-checklist>h3{margin:0 0 6px;}.installer-customer-checklist>.muted{margin:0 0 12px;}

.installer-sidebar>label{font-size:12px;color:#d5e4e8;display:grid;gap:7px;}.installer-sidebar select{width:100%;min-width:0;padding:9px;border-radius:7px;}

/* Shared portal navigation follows the admin visual language. */
body.installer-portal .installer-sidebar{background:linear-gradient(165deg,#14394b,#102f40);padding:24px 18px;box-shadow:inset -1px 0 #ffffff0d;}.installer-identity{padding:14px;border:1px solid #ffffff12;border-radius:10px;background:#ffffff06;}.installer-sidebar nav{gap:6px;}.installer-sidebar nav .nav{display:flex;align-items:center;gap:10px;min-height:46px;border-radius:10px;padding:11px 12px;font-size:13px;font-weight:600;color:#ffffffc9;}.installer-sidebar nav .nav svg{width:19px;height:19px;flex-shrink:0;}.installer-sidebar nav .nav[aria-current="page"]{background:#16714b;color:#fff;border-color:transparent;}.installer-sidebar nav .nav:hover{background:#125f3f;color:white;}.installer-sidebar nav .nav:focus-visible{outline:2px solid white;outline-offset:2px;}
.customer-section-nav button,.demo-role-menu button{border-radius:8px;font-size:13px;font-weight:600;min-height:40px;}.demo-role-menu button[aria-pressed="true"]{background:#16714b;color:#fff;}
@media(max-width:700px){body.installer-portal .installer-sidebar{padding:16px;}.installer-sidebar nav .nav{font-size:12px;padding:10px 8px;gap:6px;}.customer-section-nav button,.demo-role-menu button{min-height:44px;}}
@media(max-width:600px){.customer-section-nav{display:grid;grid-template-columns:repeat(var(--customer-tab-count,2),minmax(0,1fr));gap:6px;overflow:visible;}.customer-section-nav button{min-width:0;min-height:52px;margin:0;padding:8px 6px;white-space:normal;overflow-wrap:anywhere;text-align:left;}}

.installer-sidebar>.goal-field{width:100%;min-width:0;}.installer-sidebar .goal-label{color:#d5e4e8;font-size:12px;font-weight:500;}.installer-sidebar .goal-options{min-width:0;}.installer-sidebar .goal-dropdown>summary{font-size:14px!important;}
@media(max-width:360px){.installer-sidebar nav{grid-template-columns:repeat(3,minmax(0,1fr));}.installer-sidebar nav .nav{flex-direction:column;justify-content:center;text-align:left;min-width:0;white-space:normal;gap:var(--space-1);padding:var(--space-2);}}

.dashboard-progress-shell .all-projects-metric{grid-column:1/-1;}.dashboard-plan-progress{margin:0 20px 20px;padding:16px 18px;background:var(--progress-bg,#f3f6f7);border:1px solid var(--progress-edge,#d6e1e5);border-radius:12px;}.dashboard-plan-progress>strong{display:inline-block;margin-right:18px;}.dashboard-plan-progress>span{font-weight:600;}.dashboard-plan-progress .customer-submission-track{margin-top:14px;height:8px;}.dashboard-progress-shell h2{text-transform:capitalize;}

.sales-goal-metric.planned-metric{background:var(--progress-bg,#f7faf9);border-color:var(--progress-edge,#d9e5e0);border-top:3px solid var(--progress-color,#b9ccca);transition:background .2s,border-color .2s;}.planned-metric-status{display:block;margin-top:12px;font-weight:600;color:#234454;}.planning-summary-badge{display:inline-block;margin-top:12px;padding:9px 14px;border:1px solid;border-radius:8px;font-size:13px;font-weight:600;}.planning-summary-badge.is-behind{color:#ae202b;background:#fff2f3;border-color:#efc1c7;}.planning-summary-badge.is-on-track{color:#176643;background:#eaf6ef;border-color:#b9dac7;}

/* Comparable dashboard cards; expanding detail stays outside the metric grid. */
.weekly-dashboard .dashboard-progress-shell .sales-goal-body{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:16px;padding:20px;}
.weekly-dashboard .dashboard-progress-shell .sales-goal-metric{display:flex;flex-direction:column;min-width:0;min-height:192px;box-sizing:border-box;padding:20px 22px;border:1px solid #dce7e4;border-radius:16px;background:linear-gradient(145deg,#fff,#f9fcfb);box-shadow:0 3px 12px #14394b05;}
.weekly-dashboard .dashboard-progress-shell .sales-goal-metric h3{font-size:14px;line-height:1.5;margin:0;color:#365765;}
.weekly-dashboard .dashboard-progress-shell .weekly-value{font-size:clamp(28px,2.5vw,34px);line-height:1.2;letter-spacing:-.7px;font-variant-numeric:tabular-nums;margin:16px 0 10px;}
.weekly-dashboard .dashboard-progress-shell .metric-period{margin:0;font-size:12px;line-height:1.5;color:#577580;}
.weekly-dashboard .dashboard-progress-shell .planned-metric{border:1px solid var(--progress-edge,#dce7e4);background:linear-gradient(140deg,#fff,var(--progress-bg,#f6faf8));}
.weekly-dashboard .dashboard-progress-shell .planned-metric-status{display:flex;align-items:center;gap:7px;margin:16px 0 0;font-size:12px;font-weight:600;line-height:1.45;}
.weekly-dashboard .dashboard-progress-shell .planned-metric-status::before{content:'';height:7px;width:7px;flex-shrink:0;border-radius:50%;background:var(--progress-color,#78918e);}
.dashboard-metric-footer{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:0 22px 20px;}
.dashboard-metric-footer details{flex:1;min-width:180px;font-size:13px;}.dashboard-metric-footer summary{width:fit-content;cursor:pointer;font-weight:600;padding:5px 0;}.dashboard-metric-footer .footnote{margin:5px 0;color:#587582;}
@media(max-width:700px){.weekly-dashboard .dashboard-progress-shell .sales-goal-body{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;padding:16px;gap:12px;}.weekly-dashboard .dashboard-progress-shell .sales-goal-metric{min-height:0;padding:18px;}.dashboard-metric-footer{padding:0 18px 18px;}.dashboard-metric-footer summary{min-height:44px;box-sizing:border-box;padding:12px 0;}}

/* Installer register in the same dropdown language as admin. */
.installer-directory{border:1px solid #d9e5e2;background:#f7faf9;border-radius:12px;padding:16px;margin:12px 0;}.installer-directory>.goal-field{width:100%;max-width:none;}.installer-directory .goal-options{z-index:30;}.installer-directory>.muted{font-size:12px;margin:9px 0 14px;}
.installer-directory-info{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:14px 0;}.installer-directory-info>div{display:flex;flex-direction:column;gap:5px;min-width:0;font-size:13px;line-height:1.5;overflow-wrap:anywhere;}.installer-directory-info strong{font-size:13px;}.installer-directory-info a{color:#146c53;}
.installer-directory-actions{display:flex;gap:8px;flex-wrap:wrap;}.installer-directory-actions button{margin:0!important;min-height:40px;}
.installer-registry-form{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;margin-top:16px;padding:18px;border:1px solid #d4e2db;border-radius:12px;background:#fff;}.installer-registry-form h3{margin:0;}.installer-registry-form fieldset{min-width:0;padding:14px;border:1px solid #d9e5e0;border-radius:10px;}.installer-registry-form legend{font-weight:600;padding:0 6px;}.installer-registry-form label{display:grid;gap:6px;font-size:13px;}.installer-registry-form input:not([type=checkbox]),.installer-registry-form textarea{width:100%;box-sizing:border-box;min-width:0;}.installer-registry-form .installer-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.installer-registry-form .checkbox{display:flex;align-items:center;gap:8px;}.installer-registry-form .installer-region-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;}.installer-region-fields>.muted{grid-column:1/-1;margin:0 0 5px;}.installer-registry-form .branch-price{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:6px 0;}.installer-registry-form input[type=checkbox]{width:18px;height:18px;}.installer-registry-form textarea{resize:vertical;}
@media(max-width:700px){.installer-directory-info{grid-template-columns:1fr;gap:14px;}.installer-registry-form{padding:12px;}.installer-registry-form .installer-contact-fields,.installer-registry-form .installer-region-fields{grid-template-columns:1fr;}.installer-directory-actions button{min-height:44px;}}

.booking-response{margin:14px 0;padding:16px;border:1px solid #ead29f;background:#fffaf0;border-radius:12px;}.booking-response h3{margin:0 0 6px;}.booking-response>strong{font-size:20px;}.booking-response p{font-size:13px;}.installer-booking-response{padding:14px 0;border-top:1px solid #d5e3dd;}.installer-booking-response h4{margin:0 0 6px;}.installer-booking-response .booking-status{font-weight:600;color:#146c53;}.installer-booking-response>p{font-size:13px;}.installer-booking-response .installer-date-form{margin-top:16px;}.installer-table td:last-child{min-width:150px;}

/* A chosen installer is distinct from an unanswered booking proposal. */
.ue-selection-panel .ue-recommendation.is-selected{border-color:#8ec5a8;background:#edf7f1;box-shadow:inset 0 0 0 1px #18794e12;}.selected-installer-label{display:flex;align-items:center;gap:6px;margin-top:auto;padding:10px 12px;min-height:44px;box-sizing:border-box;border:1px solid #18794e;border-radius:8px;background:#18794e;color:#fff;font-size:13px;font-weight:600;}.installer-table select.installer-selected{border-color:#75b591;background:#edf7f1;color:#145f40;font-weight:600;}.installer-send-status{width:fit-content;max-width:100%;box-sizing:border-box;padding:10px 13px;border:1px solid #d8e3e5;border-radius:9px;background:#f6f9fa;font-size:13px;}.installer-send-status.is-ready{border-color:#a8d1ba;background:#edf7f1;color:#145f40;}

.installer-bulk-choice{display:flex;align-items:end;flex-wrap:wrap;gap:12px;padding:12px 14px;margin:16px 0;border:1px solid #d7e5de;border-radius:10px;background:#f7faf8;}.installer-bulk-choice .goal-field,.installer-bulk-choice .goal-field:first-child{width:340px;max-width:100%;}.installer-bulk-choice small{color:#577580;padding-bottom:12px;font-size:12px;}.installer-bulk-choice .goal-dropdown>summary{font-size:13px!important;}

/* Installer directory: one filtered list, a map and a focused editor. */
.installer-registry{padding-top:12px;min-width:0;}.registry-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;}.registry-header h2{font-size:25px;letter-spacing:-.5px;}.registry-header .muted{margin:6px 0 0;font-size:13px;}.registry-header .eyebrow{font-size:10px;}.registry-header>button{margin:0;flex-shrink:0;}.registry-filters{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(140px,1fr) minmax(155px,1fr);gap:12px;padding:16px;background:#f4f8f7;border:1px solid #e0eae5;border-radius:14px;align-items:end;}.registry-filters>label{display:grid;gap:8px;font-size:12px;font-weight:600;}.registry-filters .goal-field,.registry-filters .goal-field:first-child{width:100%;}.registry-filters .goal-label{font-size:12px;line-height:18px;}.registry-filters .goal-dropdown>summary{font-size:13px!important;border-radius:9px;}.registry-filters input{width:100%;}.registry-result{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center;min-height:48px;font-size:12px;color:#57717b;margin:4px 0;}.registry-result>button{margin:0;padding:4px 8px;min-height:36px;border:0;}.registry-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,1fr);gap:18px;align-items:start;}.registry-list{display:grid;gap:12px;min-width:0;}.registry-company{border:1px solid #dce7e2;border-radius:14px;padding:14px 16px;background:#fff;transition:border-color .15s,box-shadow .15s;}.registry-company:hover{border-color:#a9cbb9;box-shadow:0 3px 12px #14394b08;}.registry-company.is-selected{border-color:#18794e;box-shadow:0 0 0 1px #18794e;background:#f5fbf7;}.registry-company button.registry-company-select{display:flex;align-items:center;gap:12px;width:100%;background:transparent;border:0;padding:0;min-height:44px;text-align:left;margin:0;box-shadow:none;}.registry-avatar{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:12px;background:#e9f2ef;color:#18794e;font-size:13px;font-weight:700;}.registry-company-title{display:grid;gap:4px;min-width:0;}.registry-company-title strong{font-size:14px;overflow-wrap:anywhere;}.registry-company-title>span{font-size:12px;font-weight:400;color:#627985;}.registry-company-arrow{margin-left:auto;color:#18794e;font-size:18px;}.registry-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:12px;}.registry-tags>span{padding:4px 8px;font-size:11px;border-radius:6px;background:#eff4f6;color:#315a6b;}.registry-areas{font-size:12px;color:#617880;margin:8px 0;line-height:1.5;}.registry-contact{display:flex;flex-wrap:wrap;gap:5px 12px;font-size:12px;line-height:1.6;overflow-wrap:anywhere;}.registry-contact strong{width:100%;font-size:13px;}.registry-contact a{color:#146e52;text-underline-offset:3px;}.registry-contact .muted{font-size:12px;margin:0;}.registry-map-panel{padding:18px;background:linear-gradient(145deg,#f1f7f4,#f5f9fa);border:1px solid #d7e4df;border-radius:15px;min-width:0;}.registry-map-panel h3{margin:0;font-size:15px;}.registry-map-panel>.muted{font-size:12px;margin:5px 0 14px;}.registry-map .zoomable-map{margin:0;}.registry-map .installation-map{display:block;max-height:none;width:100%;border-radius:12px;background:#edf4f7;}.registry-map .map-zoom-controls{padding:0 0 8px;}.registry-map .map-zoom-controls button{margin:0;}.registry-map .footnote{font-size:10px;margin:8px 0;}.registry-map-marker{cursor:pointer;outline:none;}.registry-map-marker:focus-visible circle:last-of-type{stroke:#daef73;stroke-width:5;}.registry-map-note{font-size:11px;color:#627985;line-height:1.6;margin:9px 0;}.registry-map-selection{border-top:1px solid #d5e3db;margin-top:14px;padding-top:16px;outline:none;}.registry-map-selection:focus-visible{outline:2px solid #18794e;outline-offset:5px;}.registry-map-selection>.registry-contact{margin:10px 0;}.registry-map-selection h4{font-size:12px;margin:16px 0 5px;}.registry-map-selection p{font-size:12px;line-height:1.6;margin:5px 0;}.registry-map-selection small{font-size:11px;color:#627985;}.registry-map-selection>button{min-height:40px;padding:8px 12px;font-size:12px;}.registry-empty{padding:28px 20px;border:1px dashed #cfddd6;background:#f7faf8;border-radius:12px;color:#627985;font-size:13px;line-height:1.7;}.registry-extra{margin-top:16px;border-top:1px solid #d9e5df;}.registry-extra summary{font-size:12px!important;}.registry-extra .statusline{grid-template-columns:minmax(100px,1fr) 1.2fr;font-size:11px;gap:8px;}.registry-extra>small{display:block;margin-top:10px;}
.installer-registry-form{margin-top:0;padding:0;border:0;gap:20px;}.installer-registry-form>.muted{margin:-12px 0 0;font-size:12px;}.installer-registry-form .installer-contact-fields{gap:var(--space-3);}.installer-registry-form fieldset{padding:var(--space-4);border-radius:14px;background:#fbfdfc;}.installer-registry-form legend{font-size:13px;}.installer-registry-form .registry-services{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:var(--space-4);align-items:start;}.registry-services h4{margin:0 0 10px;font-size:13px;}.registry-services .muted{font-size:12px;margin:0 0 10px;}.registry-multiselect{position:relative;}.registry-multiselect>summary{display:flex;align-items:center;justify-content:space-between;padding:10px 12px!important;background:white;border:1px solid #cbdce0;border-radius:9px;list-style:none;font-size:13px!important;}.registry-multiselect>summary::-webkit-details-marker{display:none;}.registry-multiselect>summary:after{content:'▾';color:#617a84;}.registry-region-options{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:25;padding:10px;max-height:290px;overflow:auto;background:#fff;border:1px solid #ccdfd2;border-radius:12px;box-shadow:0 10px 30px #14394b24;}.registry-region-options input[type=search]{position:sticky;top:0;z-index:1;margin-bottom:6px;}.registry-region-options label.checkbox{display:flex;min-height:38px;gap:10px;padding:6px 7px;font-size:12px;cursor:pointer;border-radius:6px;}.registry-region-options label:hover{background:#edf7f0;}.registry-region-options label[hidden]{display:none;}.registry-chosen-regions{font-size:12px;line-height:1.7;color:#547463;margin:9px 0 0;}.registry-work-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}.registry-work-choices label.registry-work-option{display:flex;align-items:center;min-height:44px;padding:9px;background:#fff;border:1px solid #dae6df;border-radius:8px;font-size:12px;cursor:pointer;}.registry-work-option:has(:checked){border-color:#87b89b!important;background:#edf7f0!important;color:#176444;}.installer-registry-form input[type=checkbox]{min-height:18px;accent-color:#18794e;flex-shrink:0;}.installer-registry-form .registry-extra-form{margin:0;border:1px solid #dce6e0;border-radius:12px;padding:0 16px;}.registry-extra-form>.muted{font-size:12px;}.registry-extra-form .installer-contact-fields{margin:18px 0;}.registry-price-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}.registry-price-fields .branch-price{min-width:0;display:block;padding:0;background:transparent;}.registry-price-fields .branch-price[hidden]{display:none;}.registry-extra-form label{font-size:12px;}.installer-registry-form>.installer-directory-actions{padding-top:4px;}.installer-registry-form>.installer-directory-actions .primary{min-width:170px;}
@media(max-width:1100px){.registry-layout{grid-template-columns:minmax(0,1fr);}.registry-list{grid-template-columns:repeat(2,minmax(0,1fr));}.registry-map-panel .registry-map{max-width:700px;margin:auto;}}
@media(max-width:700px){.registry-header{align-items:start;flex-direction:column;gap:14px;}.registry-header>button{width:100%;}.registry-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;}.registry-filters>label{grid-column:1/-1;}.registry-filters .goal-options{min-width:0;}.registry-list{grid-template-columns:minmax(0,1fr);}.registry-map-panel{padding:14px;}.installer-registry-form .registry-services{grid-template-columns:minmax(0,1fr);}.installer-registry-form fieldset{padding:var(--space-4);}.registry-price-fields{grid-template-columns:minmax(0,1fr);}}

.registry-result>.goal-field{display:flex;align-items:center;gap:8px;width:auto;margin-left:auto;}.registry-result .goal-label{font-size:11px;margin:0;}.registry-result .goal-dropdown{min-width:155px;}.registry-result .goal-dropdown>summary{font-size:12px!important;height:36px;min-height:36px!important;padding:6px 10px!important;}.registry-map .map-zoom-controls button{border:1px solid #cbdcd3;border-radius:8px;background:#fff;color:#14394b;box-shadow:0 1px 3px #14394b06;}.registry-map .map-zoom-controls button:hover{background:#eaf4ee;}
.installer-job-list .installer-job-row{display:grid;grid-template-columns:minmax(0,1fr) auto 16px;gap:16px;align-items:center;width:100%;padding:var(--space-4);margin:var(--space-3) 0 0;text-align:left;color:#14394b;background:#fff;border:1px solid #d8e3e7;border-radius:12px;box-shadow:none;}
.installer-job-list .installer-job-row.is-booked{background:#edf7f0;border-color:#abd2b8;}
.installer-job-list .installer-job-row.is-ready{background:#e1f3e7;border-color:#4d9a6a;}
.installer-job-list .installer-job-row[aria-expanded=true]{box-shadow:0 0 0 2px #14394b;}
.installer-job-info,.installer-job-schedule{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;}
.installer-job-info small,.installer-job-schedule small{color:#5c7068;font-weight:400;}
.installer-job-schedule{text-align:left;}.installer-job-chevron{font-size:24px;color:#18734e;}
.installer-countdown{display:flex;flex-direction:column;gap:5px;padding:8px 11px;border-radius:9px;background:#edf2f5;color:#244858;text-align:left;white-space:normal;font-size:12px;line-height:1.5;}
.installer-countdown[hidden]{display:none;}.installer-countdown.is-warning{background:#fff2da;color:#875200;}.installer-countdown.is-urgent{background:#fff0ef;color:#a12c31;}.installer-countdown small{font-size:12px;color:inherit;}
.installer-booking-response>.installer-countdown{margin:10px 0 14px;padding:12px;}.installer-job-schedule>.installer-countdown{align-self:flex-end;}
@media(max-width:600px){.installer-job-schedule>.installer-countdown{align-self:flex-start;}}
.installer-disclosure{border:1px solid #d6e2de;border-radius:12px;background:#fff;margin:var(--space-3) 0;overflow:hidden;}
.installer-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:48px;padding:8px var(--disclosure-inset);line-height:1.5;list-style:none;cursor:pointer;font-weight:600;}
.installer-disclosure>summary::-webkit-details-marker{display:none;}.installer-disclosure>summary:after{content:'+';font-size:20px;color:#567469;flex:0 0 20px;text-align:center;}.installer-disclosure[open]>summary:after{content:'−';}
.installer-disclosure-content{display:flow-root;min-width:0;padding:0 var(--disclosure-inset) var(--disclosure-inset);}.installer-disclosure-content>:first-child{margin-top:0;}.installer-disclosure-content>:last-child{margin-bottom:0;}.installer-customer-card>.installer-disclosure:last-child{margin-bottom:0;}.installer-customer-card{scroll-margin-top:12px;}
.installer-customer-card .customer-contact{margin:var(--space-4) 0 var(--space-3);gap:var(--space-2) var(--space-4);}.installer-customer-card>a{display:block;color:#126c58;font-size:14px;line-height:1.6;overflow-wrap:anywhere;text-underline-offset:3px;margin:var(--space-2) 0;}.installer-customer-address{margin:var(--space-2) 0 var(--space-4);font-size:13px;color:#516b62;}
.installer-planning-map{min-width:0;margin:0;padding:0;}
.installer-map-filters{display:flex;gap:16px;margin:0 0 16px;border-bottom:1px solid #dbe5e9;}
.installer-map-filters .installer-map-filter{display:flex;align-items:center;justify-content:flex-start;min-width:0;min-height:48px;margin:0;padding:10px 4px;border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;color:#526c79;font:inherit;font-size:14px;box-shadow:none;white-space:normal;font-variant-numeric:tabular-nums;}
.installer-map-filters .installer-map-filter:hover{background:#f4f8f6;}.installer-map-filters .installer-map-filter[aria-pressed=true]{border-bottom-color:#16714b;background:transparent;color:#14394b;font-weight:650;}
.installer-map-empty{padding:24px 16px;margin:0;background:#f5f8fa;border:1px dashed #cedce3;border-radius:12px;color:#526c79;line-height:1.6;text-align:left;}
.installer-planning-map>h3{margin:0 0 var(--space-2);}.installer-planning-map>.muted{font-size:13px;margin:0 0 var(--space-4);line-height:1.6;}
.installer-job-picker{margin:var(--space-4) 0;padding:0;border:0;background:transparent;}
.installer-job-picker>summary{display:flex;align-items:center;gap:var(--space-2);width:fit-content;max-width:100%;min-height:var(--touch-target);padding:6px var(--space-3);border:1px solid #cedce3;border-radius:var(--button-radius,12px);background:#fff;list-style:none;font-size:14px;line-height:20px;cursor:pointer;}
.installer-job-picker>summary::-webkit-details-marker{display:none;}.installer-job-picker>summary:after{content:'⌄';flex:0 0 16px;text-align:center;}.installer-job-picker[open]>summary:after{content:'⌃';}.installer-picker-count{font-variant-numeric:tabular-nums;}
.installer-job-options{display:grid;gap:var(--space-2);width:min(100%,480px);margin-top:var(--space-2);padding:var(--space-4);border:1px solid #cedce3;border-radius:10px;background:#fff;max-height:340px;overflow-y:auto;}
.installer-job-options .installer-job-option{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:var(--space-1) var(--space-2);min-height:var(--touch-target);width:100%;margin:0;padding:var(--space-3);border:1px solid #dbe5df;border-radius:8px;background:#fff;color:#14394b;text-align:left;box-shadow:none;white-space:normal;overflow-wrap:anywhere;}
.installer-job-option>strong,.installer-job-option>small,.installer-option-current{grid-column:1;}.installer-job-option>strong{font-size:14px;}.installer-job-option>small{font-size:12px;line-height:1.6;color:#567067;}.installer-job-option:after{grid-column:2;grid-row:1/4;align-self:center;content:'';}.installer-job-options .installer-job-option:hover{background:#f2f6f8;}.installer-job-options .installer-job-option[aria-pressed=true]{border-color:#547586;background:#edf3f7;}.installer-job-option[aria-pressed=true]:after{content:'✓';color:#14394b;}.installer-option-current{justify-self:start;padding:2px 7px;border-radius:5px;background:#14394b;color:#fff;font-size:11px;}
.installer-planning-map .installation-map{display:block;width:100%;height:260px;max-height:none;}.installer-planning-map .map-zoom-controls button{background:#fff;color:#14394b;border:1px solid #cbdcd3;box-shadow:none;}.installer-planning-map .footnote{font-size:11px;line-height:1.6;margin:var(--space-2) 0 0;}
.installer-planning-marker{cursor:pointer;}.installer-planning-marker[aria-pressed=true]>circle:nth-child(2),.installer-planning-marker:focus-visible>circle:nth-child(2){stroke:#d4e963;stroke-width:5;}
.installer-map-legend{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);font-size:11px;margin-top:var(--space-3);}.installer-map-legend span{display:flex;align-items:center;gap:6px;}.installer-map-legend span:before{content:'';width:10px;height:10px;border-radius:50%;border:1px solid #9ab0b8;background:#fff;}.installer-map-legend .current:before{background:#14394b;border-color:#14394b;}.installer-map-legend .booked:before{background:#16714b;border-color:#16714b;}
.installer-map-preview{display:grid;gap:var(--space-3);min-width:0;}.installer-map-job{border:1px solid #d6e2de;border-radius:10px;padding:var(--space-4);background:#fff;overflow-wrap:anywhere;}.installer-map-job.is-booked{background:#ecf7ef;border-color:#a6ceb5;}.installer-map-job>small{font-size:11px;color:#5b7267;}.installer-map-job h4{margin:var(--space-2) 0;font-size:15px;}.installer-map-address{font-size:12px;color:#516b62;line-height:1.6;margin:0 0 var(--space-3);}.installer-map-order{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px var(--space-3);font-size:13px;padding-top:var(--space-3);border-top:1px solid #dbe6df;}.installer-map-order+.installer-map-order{margin-top:var(--space-3);}.installer-map-order>small{grid-column:1/-1;color:#5b7267;font-size:12px;}
@media(max-width:600px){.installer-planning-map .installation-map{height:240px;}.installer-map-order{grid-template-columns:minmax(0,1fr);}}
.installer-customer-checklist{border:0;margin:0;padding-top:0;}
.evidence-check{gap:12px;}.evidence-check>span{flex:1;line-height:1.5;}.evidence-check button{min-height:44px;flex-shrink:0;}.evidence-check button[aria-pressed=true]{background:#e7f4eb;border-color:#74ac8b;color:#155e3b;}
.measurement-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-start;}
.evidence-upload-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;}
.evidence-upload-control{position:relative;display:inline-flex;align-items:center;justify-content:flex-start;min-height:44px;flex:1;padding:8px 10px;background:#fff;border:1px solid #b8d0c1;border-radius:8px;cursor:pointer;font-size:12px;white-space:nowrap;}
.evidence-upload-control input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;}.evidence-upload-control:focus-within{outline:2px solid #18734e;outline-offset:2px;}
.evidence-photo img{max-height:150px;width:100%;object-fit:contain;margin:8px 0;}.evidence-photo>button{font-size:11px;min-height:36px;}
.installer-finish{margin-top:20px;padding:18px;border:1px solid #cddfd4;border-radius:12px;background:#f4f9f6;}.installer-finish.is-ready,.installer-completion-card.is-ready{background:#e5f4eb;border-color:#86b598;}
.installer-finish fieldset{margin:14px 0;padding:12px;border:1px solid #cddfd4;border-radius:10px;}.installer-finish legend{font-weight:600;}
.installer-deviation-option{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-right:18px;}.installer-final-confirm{display:flex;align-items:flex-start;gap:10px;margin:18px 0;line-height:1.5;}
.installer-finish input[type=checkbox],.installer-finish input[type=radio]{width:20px;min-height:20px;flex-shrink:0;accent-color:#18734e;}.installer-finish textarea{width:100%;margin-top:8px;}
.installer-completion-card{padding:16px;margin:12px 0;border:1px solid #dfcda7;border-radius:12px;background:#fff9eb;}.installer-completion-card p{white-space:pre-wrap;overflow-wrap:anywhere;}
@media(max-width:600px){.installer-job-list .installer-job-row{padding:var(--space-4);gap:var(--space-3) var(--space-4);grid-template-columns:minmax(0,1fr) 16px;}.installer-job-info{grid-column:1;}.installer-job-schedule{grid-column:1;text-align:left;flex-direction:column;align-items:flex-start;font-size:12px;gap:var(--space-2);}.installer-job-chevron{grid-column:2;grid-row:1/3;}.installer-customer-card .installer-date-form{display:flex;flex-direction:column;align-items:stretch;gap:var(--action-gap);}.installer-customer-card .installer-date-form input{width:100%;max-width:none;min-width:0;font-size:16px;}.installer-customer-card .evidence-layout{grid-template-columns:minmax(0,1fr);}.evidence-check{align-items:flex-start;flex-wrap:wrap;}.measurement-actions{justify-content:flex-start;}.installer-finish{padding:14px;}.installer-finish .primary{width:100%;}}

/* Installer card: the same spacing applies with every disclosure open. */
.installer-disclosure>summary:focus-visible{outline-offset:-3px;}
.installer-customer-card .customer-contact a,.installer-customer-card>a{display:inline-flex;align-items:center;min-height:var(--touch-target);max-width:100%;}
.installer-disclosure-content .answer-photo-grid:empty{display:none;}
.installer-finish .installer-final-confirm{min-height:var(--touch-target);}
.installer-customer-card .customer-contact{overflow-wrap:anywhere;}.installer-job-info{overflow-wrap:anywhere;}
.installer-disclosure-content .answer-pictures>h3{margin:0 0 var(--space-3);}
.installer-disclosure-content .answer-check-row{padding:var(--space-3) 0;gap:var(--space-2) var(--space-3);}
.installer-disclosure-content .answer-check-row input{padding:0;box-shadow:none;width:20px;height:20px;min-height:20px;}
.installer-disclosure-content .answer-photo-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));gap:var(--space-3);}
.installer-disclosure-content .answer-photo-grid figure{min-width:0;margin:0;}.installer-disclosure-content .answer-photo-grid button{width:100%;min-height:var(--touch-target);margin:0;}.installer-disclosure-content .answer-photo-grid figcaption{overflow-wrap:anywhere;}
.installer-disclosure-content .statusline{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-2) var(--space-4);padding:var(--space-3) 0;}.installer-disclosure-content .statusline strong{max-width:none;text-align:left;overflow-wrap:anywhere;}
.installer-customer-checklist .evidence-product{border-top:0;border-bottom:1px solid #dce5e9;padding:0 0 var(--section-gap);margin:0 0 var(--section-gap);}.installer-customer-checklist .evidence-product:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0;}.installer-customer-checklist .evidence-product-header{flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-4);}.installer-customer-checklist .evidence-product-header h3{margin:0;}
.installer-customer-checklist .evidence-check-block .evidence-check{grid-template-columns:minmax(0,1fr) auto;gap:var(--action-gap);padding:var(--space-3) 0;}.installer-customer-checklist .evidence-check button,.installer-customer-checklist .evidence-photo>button{min-height:var(--touch-target);margin:0;}
.installer-customer-checklist .evidence-layout{gap:var(--section-gap);}.installer-customer-checklist .evidence-layout h4{margin:0 0 var(--space-3);}.installer-customer-checklist .evidence-check+h4{margin-top:var(--section-gap);}.installer-customer-checklist .evidence-check-block>.footnote{margin:var(--space-2) 0 var(--space-3);}
.installer-customer-checklist .measurement-actions{gap:var(--space-2);}.installer-customer-checklist .evidence-photo{padding:var(--space-3);gap:var(--space-2);}.installer-customer-checklist .evidence-upload-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,96px),1fr));gap:var(--space-2);margin-top:var(--space-2);}.installer-customer-checklist .evidence-upload-control{min-width:0;padding:var(--space-2);white-space:normal;text-align:left;}
.installer-customer-checklist .installer-finish{padding:var(--space-4);margin-top:var(--section-gap);}.installer-finish>h3{margin:0 0 var(--space-2);}.installer-finish>p{margin:var(--space-2) 0 0;overflow-wrap:anywhere;}.installer-finish>form{display:grid;gap:var(--space-4);margin-top:var(--space-4);min-width:0;}.installer-finish form>fieldset{min-width:0;margin:0;padding:var(--space-3);}.installer-finish .installer-final-confirm{margin:0;gap:var(--space-2);}.installer-finish input[type=checkbox],.installer-finish input[type=radio]{padding:0;box-shadow:none;height:20px;margin:2px 0 0;}.installer-finish form>button{margin:0;min-width:0;}.installer-finish textarea{min-width:0;max-width:100%;font-size:16px;}
@media(max-width:600px){.installer-disclosure-content .statusline{grid-template-columns:minmax(0,1fr);gap:var(--space-1);}.installer-customer-checklist .evidence-check-block .evidence-check{grid-template-columns:minmax(0,1fr);gap:var(--space-2);}.installer-customer-checklist .evidence-check>button{justify-self:start;}.installer-customer-checklist .measurement-actions{justify-content:flex-start;}.installer-customer-checklist .evidence-photos{grid-template-columns:minmax(0,1fr);}.installer-finish form>button{width:100%;}}

/* Date choice belongs to the product being planned, inside the map's customer card. */
.installer-map-preview:empty{display:none;}.installer-map-preview:not(:empty){margin-bottom:var(--space-3);}
.installer-map-editor{min-width:0;container-type:inline-size;}
.installer-map-editor .installer-booking-response{min-width:0;padding:var(--space-3) 0 0;margin:0;border-top:1px solid #dbe6df;}
.installer-map-editor .installer-booking-response+.installer-booking-response{margin-top:var(--space-4);}
.installer-map-editor .installer-booking-response h4{margin:0 0 var(--space-1);font-size:14px;}
.installer-map-editor .booking-status{margin:0;font-size:12px;line-height:1.5;font-weight:400;color:#567067;}
.installer-map-editor .is-confirmed .booking-status{color:#16714b;font-weight:600;}
.installer-map-editor .installer-confirmed-date{display:block;margin:var(--space-1) 0;font-size:14px;white-space:nowrap;}
.installer-map-editor .installer-date-form{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2);align-items:end;max-width:420px;margin:var(--space-3) 0 0;}
.installer-map-editor .installer-date-form label{display:grid;gap:var(--space-1);min-width:0;margin:0;font-size:12px;}
.installer-map-editor .installer-date-form input{display:block;box-sizing:border-box;appearance:none;-webkit-appearance:none;width:100%;min-width:0;min-inline-size:0;max-width:100%;height:44px;min-height:44px;padding:8px;font-size:16px;border-radius:8px;}
.installer-map-editor .installer-date-form input::-webkit-date-and-time-value{min-width:0;text-align:left;}
.installer-map-editor .installer-date-form button{margin:0;padding:8px 12px;min-width:0;min-height:44px;font-size:13px;}
.installer-map-editor .installer-date-help{grid-column:1/-1;font-size:11px;line-height:1.5;color:#567067;}
.installer-map-editor .installer-date-edit{margin-top:var(--space-2);}
.installer-map-editor .installer-date-edit>summary{display:flex;align-items:center;gap:var(--space-2);min-height:44px;padding:8px 0;font-size:12px;list-style:none;}
.installer-map-editor .installer-date-edit>summary::-webkit-details-marker{display:none;}.installer-date-edit>summary:after{content:'⌄';}.installer-date-edit[open]>summary:after{content:'⌃';}
.installer-map-editor .installer-booking-response>.installer-countdown{margin:var(--space-3) 0 0;padding:var(--space-2);}
@container(min-width:310px){.installer-map-editor .installer-date-form{grid-template-columns:minmax(0,1fr) auto;}}

/* Persistent selections: hover must never erase the saved answer. */
.installer-current-label{display:inline-flex;width:fit-content;align-items:center;border-radius:6px;padding:4px 8px;background:#14394b;color:#fff!important;font-size:11px;font-weight:600;line-height:1.4;}
.installer-customer-card>h2{margin:8px 0 4px;font-size:22px;overflow-wrap:anywhere;}
.installer-map-job.is-current{margin-top:var(--space-4);border:2px solid #14394b;padding:0;}
.installer-job-summary{display:flex;align-items:center;gap:16px;padding:16px;min-height:48px;list-style:none;cursor:pointer;}.installer-job-summary::-webkit-details-marker{display:none;}.installer-job-summary:after{content:'+';margin-left:auto;flex:0 0 20px;text-align:center;font-size:22px;color:#345a6b;}.installer-map-job[open]>.installer-job-summary:after{content:'−';}.installer-job-summary:focus-visible{outline-offset:-4px;}.installer-job-heading{min-width:0;flex:1;}.installer-job-heading>.installer-map-address{margin-bottom:0;}.installer-job-summary h4{font-size:18px;margin:8px 0 4px;}.installer-map-job.is-current>.installer-map-editor{padding:0 16px 16px;}
.panel .installer-open-job{margin:var(--space-3) 0 0;min-height:44px;color:#fff;font-family:inherit;}
.installer-active-contact{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;margin:0 0 12px;padding-bottom:12px;border-bottom:1px solid #dbe5e9;}.installer-active-contact a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere;color:#126c58;font-size:14px;text-underline-offset:3px;}.installer-active-contact small{font-size:12px;color:#526c79;}.installer-job-heading>.installer-preview-label{display:inline-block;padding:3px 7px;background:#edf3f7;color:#345a6b;border-radius:5px;}.installer-map-preview .installer-job-heading{margin-bottom:12px;}
.installer-job-details{margin-top:var(--section-gap);}
.installer-underlay-summary{font-size:12px;color:#516b62;margin:0 0 var(--space-3);line-height:1.6;}
.installer-job-details>.installer-disclosure{margin:var(--space-2) 0 0;}
.installer-job-list>h2{font-size:18px;margin:0;}
.installer-job-list>.muted{margin-bottom:0;}
.installer-jobs-overview .heading,.installer-jobs-overview .mobile-test-note{display:none;}.installer-jobs-title{margin:0 0 12px;font-size:30px;line-height:1.2;}.installer-job-list{scroll-margin-top:16px;}.installer-job-list:focus-visible{outline:2px solid #14394b;outline-offset:3px;}
#installer-planned{background:linear-gradient(120deg,#eaf6ee 0%,#f5faf6 62%,#fff 100%);border-color:#badac6;}#installer-planned>h2{color:#155e3b;}
#installer-unplanned{background:linear-gradient(120deg,#fff0ef 0%,#fff8f7 62%,#fff 100%);border-color:#efceca;}#installer-unplanned>h2{color:#943f3b;}
.installer-schedule-intro{font-size:13px;color:#416657;margin:8px 0 20px;}.installer-schedule-week+.installer-schedule-week{margin-top:24px;padding-top:20px;border-top:1px solid #c6ddcf;}.installer-week-heading{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;}.installer-week-heading h3{margin:0;font-size:18px;color:#155e3b;}.installer-week-heading small{color:#526c60;font-size:13px;}.installer-schedule-day+.installer-schedule-day{margin-top:20px;}.installer-schedule-day>h4{font-size:14px;margin:0 0 8px;text-transform:capitalize;color:#315a45;}.installer-schedule-day .installer-schedule-job{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:44px;margin:8px 0 0;padding:16px;text-align:left;background:#fff;color:#14394b;border:1px solid #bcd9c8;border-radius:12px;box-shadow:none;font:inherit;}.installer-schedule-job:hover{background:#f7fcf8;}.installer-schedule-job[aria-expanded=true]{outline:2px solid #14394b;outline-offset:-2px;}.installer-schedule-info{display:grid;gap:6px;min-width:0;overflow-wrap:anywhere;}.installer-schedule-info strong{font-size:15px;}.installer-schedule-info>span{font-size:13px;}.installer-schedule-info>small:not(.installer-current-label){font-size:12px;line-height:1.5;color:#526c60;}
.installer-date-queue{margin:20px 0 16px;padding:16px;border:1px solid #e7cf9c;border-radius:12px;background:#fffaf0;}.installer-date-queue h3{margin:0 0 12px;font-size:16px;}.installer-date-queue-item{padding:12px 0;border-top:1px solid #e9dcbc;}.installer-date-queue-item>strong,.installer-date-queue-item>small{display:block;overflow-wrap:anywhere;}.installer-date-queue-item>small{font-size:12px;color:#62717a;margin-top:4px;}.installer-date-queue-item>p{font-size:13px;line-height:1.6;margin:8px 0;}.installer-date-queue-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;}.installer-date-queue-actions button{flex:1;min-height:44px;margin:0;white-space:normal;}
.booking-notice-card{padding:20px;margin-top:16px;border:1px solid #d4e0e5;border-radius:12px;background:#fff;overflow-wrap:anywhere;}.booking-notice-card.is-confirmed{border-color:#bfd9c8;background:linear-gradient(120deg,#eef8f1,#fff);}.booking-notice-label{font-size:12px;color:#527064;}.booking-notice-card h3{font-size:17px;margin:8px 0 12px;}.booking-notice-times .statusline{gap:12px;}.booking-notice-times .statusline strong{text-align:left;}.booking-notice-contacts{display:flex;flex-wrap:wrap;gap:12px 24px;margin:16px 0;}.booking-notice-contacts>div{display:grid;gap:4px;font-size:14px;}.booking-notice-contacts a{display:inline-flex;align-items:center;min-height:44px;color:#126c58;text-underline-offset:3px;}.booking-notice-contacts small{color:#62717a;font-size:12px;}.booking-notice-actions{display:flex;gap:8px;}.booking-notice-actions>button{margin:0;min-height:44px;}.booking-notice-change{margin-top:12px;border:1px solid #d4e0e5;border-radius:10px;background:#f8fafb;}.booking-notice-change>summary,.booking-notice-history>summary,.booking-mail-outbox>summary{min-height:48px;padding:12px 16px;font-size:14px;cursor:pointer;}.booking-notice-form{display:grid;gap:12px;padding:0 16px 16px;}.booking-notice-form>label:not(.booking-phone-agreement){display:grid;gap:6px;font-size:13px;}.booking-notice-form input[type=date]{width:100%;max-width:320px;min-width:0;min-inline-size:0;min-height:44px;font-size:16px;}.booking-phone-agreement{display:flex;gap:12px;align-items:center;min-height:44px;line-height:1.5;}.booking-phone-agreement input{width:20px;height:20px;min-height:20px;flex:0 0 20px;padding:0;accent-color:#16714b;}.booking-notice-form>button{justify-self:start;margin:0;}.booking-notice-form>.footnote{margin:0;}.booking-notice-history{margin-top:16px;border-top:1px solid #d4e0e5;}.booking-notice-history>p{font-size:12px;line-height:1.6;padding:0 16px;}.booking-mail-outbox{margin-bottom:16px;}
@media(max-width:600px){.booking-notice-card{padding:16px;}.booking-notice-times .statusline{display:grid;gap:4px;}.booking-notice-times .statusline strong{text-align:left;max-width:100%;}.booking-notice-form>button{width:100%;}.installer-date-queue-actions{flex-direction:column;}.booking-notice-contacts{display:grid;}}
@media(max-width:600px){.installer-map-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;}.installer-map-filters .installer-map-filter{font-size:13px;padding-inline:0;}.installer-jobs-title{font-size:28px;}.panel .installer-open-job{width:100%;}.installer-active-contact{display:grid;gap:0;}}
.installer-profile-form{display:grid;gap:20px;}.installer-profile-form fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border:0;padding:0;margin:0;min-width:0;}.installer-profile-form legend{padding:0;margin:0 0 12px;font-weight:600;font-size:16px;}.installer-profile-form label{display:grid;gap:8px;font-size:14px;min-width:0;}.installer-profile-form input{width:100%;min-width:0;min-height:44px;font-size:16px;box-sizing:border-box;}.installer-profile-form .footnote{margin:0;}.installer-profile-form>button{justify-self:start;margin:0;min-height:44px;}.installer-settings .installer-profile-form+h3{margin-top:24px;}
@media(max-width:600px){.installer-profile-form fieldset{grid-template-columns:minmax(0,1fr);}.installer-profile-form>button{width:100%;}}
.installer-settings{display:grid;gap:24px;max-width:800px;}.installer-settings>.panel{margin:0;min-width:0;}.installer-calendar-choices{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0;}.installer-calendar-choices>button{flex:1 1 150px;min-height:44px;margin:0;white-space:normal;}.installer-calendar-status{padding:8px 12px;border-radius:8px;background:#edf3f5;font-size:13px;}.installer-settings .muted{font-size:14px;line-height:1.6;}.installer-settings small.muted{display:block;margin-top:12px;}.installer-calendar-events{margin-top:24px;}.installer-calendar-event{display:grid;gap:8px;padding:12px 0;border-top:1px solid #dbe6df;overflow-wrap:anywhere;}.installer-calendar-event small{color:#516b62;}.installer-settings h3{margin:16px 0 8px;}
@media(max-width:700px){.installer-sidebar nav{grid-template-columns:repeat(2,minmax(0,1fr));}.installer-sidebar nav .nav{flex-direction:row;justify-content:flex-start;text-align:left;white-space:normal;}}
@media(max-width:600px){.installer-workspace>.panel,.installer-settings>.panel{padding:16px;}.installer-job-details .installer-disclosure>summary{font-size:14px;}}
.delivery-choices{display:flex;flex-wrap:wrap;gap:var(--action-gap);margin-top:var(--space-4);}
.delivery-choices button{margin:0;flex:1 1 140px;min-width:0;min-height:var(--touch-target);}
body .status-choice[aria-pressed=true],body .planning-mode button[aria-pressed=true],body .evidence-check button[aria-pressed=true],body .goal-options>button[aria-selected=true],body .mail-folders button[aria-pressed=true]{background:#16714b;border-color:#16714b;color:#fff;}
body .status-choice[data-result=problem][aria-pressed=true],body .evidence-check button[data-result=problem][aria-pressed=true]{background:#b33a2d;border-color:#b33a2d;color:#fff;}
body .status-choice[aria-pressed=true]:disabled,body .evidence-check button[aria-pressed=true]:disabled,body .planning-mode button[aria-pressed=true]:disabled{background:#16714b!important;border-color:#16714b!important;color:#fff!important;}
body .status-choice[data-result=problem][aria-pressed=true]:disabled,body .evidence-check button[data-result=problem][aria-pressed=true]:disabled{background:#b33a2d!important;border-color:#b33a2d!important;color:#fff!important;}
.panel .mail-row[aria-current=true]{background:#e8f3ed;box-shadow:inset 3px 0 #16714b;}
.pre-notice-portal .notice-choice:has(input:checked){background:#e8f3ed;border-color:#16714b;color:#155e3b;}

/* One touch-target standard for customer, installer and admin controls. */
body .panel button,body .panel select,body .panel input:not([type=checkbox]):not([type=radio]):not([type=file]),body .planning-mode button,body .customer-photo-actions label,body .evidence-upload-control{min-height:var(--touch-target);}
body .inline-workspace>.pre-notice-portal .notice-choice,body .inline-workspace>.pre-notice-portal .notice-reference-row button,body .inline-workspace>.pre-notice-portal .notice-reference-row input,body .ue-selection-panel .installer-table select,body .ue-selection-panel .installer-table input[type=date]{height:auto;min-height:var(--touch-target);}
body .pre-notice-portal .notice-reference-row label{min-width:0;max-width:100%;flex:1 1 220px;}
body .pre-notice-portal .notice-reference-row input{max-width:100%;}
body .nearby-planning-tips button,body .registry-result .goal-dropdown>summary{height:auto!important;min-height:var(--touch-target)!important;}
body .evidence-check-block .evidence-check button,.demo-role-menu button{min-height:var(--touch-target);}
@media(min-width:601px){.customer-section-nav button{min-height:var(--touch-target);}}
body .map-zoom-controls button,body .sales-map-canvas .map-zoom-controls button{min-height:var(--touch-target);min-width:var(--touch-target);}
.demo-role-menu{max-width:100%;flex-wrap:wrap;}
.heading>div{min-width:0;}.heading h1{overflow-wrap:anywhere;}
.registry-filters{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);}
.registry-filters .goal-dropdown>summary{min-width:0;height:auto;overflow-wrap:anywhere;}
.registry-filters .goal-options{min-width:0;}
.goal-selectors .goal-options{min-width:100%;max-width:min(250px,calc(100vw - 48px));}
@media(min-width:768px) and (max-width:1100px){.workspace-header{height:auto;min-height:72px;flex-wrap:wrap;gap:8px;padding:12px 24px;}.workspace-header .view-tabs{margin:0;}.workspace-header .header-company{display:none;}.registry-filters{grid-template-columns:repeat(2,minmax(0,1fr));}.registry-filters>label{grid-column:1/-1;}}
@media(max-width:767px){.mail-folders{flex-wrap:wrap;overflow:visible;}.mail-folders .folder-create{flex-basis:100%;}.registry-filters{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:420px){.registry-filters{grid-template-columns:minmax(0,1fr);}.registry-filters .goal-dropdown>summary{overflow-wrap:normal;}}
.evidence-check-block .evidence-check{gap:var(--space-2);}
@media(max-width:600px){.delivery-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));}.delivery-choices button{padding:10px 8px;font-size:13px;overflow-wrap:anywhere;}.evidence-check-block .evidence-check{grid-template-columns:minmax(0,1fr);}.evidence-check-block .evidence-check>button{justify-self:start;}.measurement-actions{justify-content:flex-start;}}

/* Read-only collection status and persistent, dismissible save errors. */
.answer-check-row>.answer-status-icon{display:block;width:20px;line-height:1.5;font-weight:700;text-align:center;color:#607885;}
.answer-check-row[data-answer-complete=true]>.answer-status-icon{color:#16714b;}
#notice.notice-persistent{align-items:flex-start;gap:var(--space-3);max-width:min(560px,calc(100vw - 24px));border-color:#e9b3aa;}
#notice .notice-message{min-width:0;overflow-wrap:anywhere;line-height:1.6;}
#notice .notice-close{flex-shrink:0;min-height:var(--touch-target);margin:0;padding:8px 12px;}
#notice .notice-close:focus-visible{outline-color:var(--lime);}
.panel .schedule-table button,.gantt-table td:first-child button{min-height:44px;padding:8px 0;}
.next-action,.installer-filter-hint{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px;margin:16px 0;border:1px solid #c9ddd7;border-radius:10px;background:#f1f8f4;}
.next-action button,.installer-filter-hint button{margin:0;min-height:44px;}
.panel .delivery-breakdown{padding:0;margin-top:16px;border:1px solid var(--border);border-radius:12px;}
.delivery-breakdown>summary{min-height:48px;padding:12px 16px;}
.delivery-breakdown-body{padding:8px 16px 16px;display:grid;gap:12px;}
.delivery-part-form{padding:16px 0;border-top:1px solid var(--border);display:grid;gap:12px;}
.delivery-part-form h3{margin:0;}.delivery-part-form label{display:grid;gap:8px;}.delivery-part-form textarea,.delivery-part-form select{max-width:100%;width:100%;box-sizing:border-box;}
.schedule-editor{margin:12px 0;border:1px solid var(--border);border-radius:10px;}.schedule-editor>summary{padding:12px 16px;min-height:48px;}.schedule-editor-form{padding:0 16px 16px;display:grid;gap:12px;}.schedule-editor-form label{display:grid;gap:8px;}.schedule-editor-form input{width:100%;min-width:0;box-sizing:border-box;}.schedule-feedback{padding:12px;background:#fff5e9;border-radius:8px;overflow-wrap:anywhere;}.schedule-summary-text{margin:8px 0;line-height:1.5;}
@media(max-width:600px){.next-action,.installer-filter-hint{align-items:stretch;flex-direction:column;}.next-action button,.installer-filter-hint button{width:100%;}}
.admin-delivery-summary { display:grid; gap:12px; margin-block:16px; }
.delivery-confirmation { display:grid; justify-self:start; max-width:100%; gap:4px; padding:var(--space-2) var(--space-4); border:1px solid var(--border,#d1dfe3); border-radius:10px; background:#f4f8f8; overflow-wrap:anywhere; }
.delivery-confirmation strong { font-size:16px; line-height:1.35; font-weight:800; }
.delivery-confirmation small { margin:0; font-size:12px; line-height:1.5; color:inherit; }
.delivery-confirmation.is-delivered { color:#125338; border-color:#77bd98; background:linear-gradient(110deg,#ccebd9,#e3f3e9); }
.delivery-list-badge { display:grid; gap:4px; padding:8px 12px; margin-top:8px; border-radius:8px; color:#155b40; background:#e5f5eb; }
.delivery-list-badge small { color:inherit; }
.delivery-breakdown-body label { display:grid; gap:8px; }
.delivery-breakdown-body > p,.delivery-part-form > p { margin:0; }
.delivery-breakdown-body > p:empty { display:none; }
.panel .delivery-breakdown-body :is(select,textarea) { max-width:480px; }
.admin-delivery-summary > .delivery-breakdown { margin-top:0; }
.schedule-warning { padding:12px 16px; border-left:3px solid #a86a13; background:#fff7e8; color:#654411; border-radius:8px; }
.installer-schedule-time { font-weight:600; }
@media(max-width:767px){
 .project-table { display:block; min-width:0; width:100%; }
 .project-table>thead { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
 .project-table>tbody { display:grid; gap:12px; }
 .project-table>tbody>tr:not(.expanded-row):not(.project-summary-row) { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:12px; padding:16px; border:1px solid #d6e3e6; border-radius:12px; background:#fff; }
 .project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td { display:block; min-width:0; width:auto; border:0; padding:0; background:transparent; }
 .project-table:has(.inline-workspace)>tbody>tr:not(.expanded-row):not(.project-summary-row)>td { padding:0; }
 .project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td:nth-child(-n+3) { grid-column:1/-1; }
 .project-table>tbody>tr.project-open { border:2px solid #16836d; background:#edf6f5; }
 .project-table>tbody>tr.project-open>td { border:0; background:transparent; }
 .project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td[data-label]::before { content:attr(data-label); display:block; font-size:11px; color:#607885; margin-bottom:4px; }
 .project-table>tbody>.expanded-row,.project-table>tbody>.expanded-row>td { display:block; min-width:0; width:100%; }
 .project-table>tbody>.expanded-row>td { border-radius:12px; overflow:hidden; }
 .project-table .inline-workspace { padding:16px; }
 .inline-workspace>.phase-transfer-menu { position:static; }
 .project-table .delivery-list-badge { justify-items:start; }
 .project-table .delivery-list-badge small { display:none; }
}
.installer-filter-hint[hidden], .schedule-feedback[hidden] { display:none; }
.project-table .inline-workspace .steps button.selected { background:#16714b; color:#fff; border-color:#16714b; }
.delivery-time { display:inline-block; white-space:nowrap; }

/* Action buttons size to their label. Grid forms supply the space around them. */
.panel form > button:is(.primary,.secondary),
.project-table .inline-workspace form > button:is(.primary,.secondary),
.panel .sms-field-group > button {
 width:fit-content; max-width:100%; min-width:0; justify-self:start; align-self:start;
 margin:0; padding:10px var(--space-4); text-align:left; white-space:normal;
}
.panel form > :is(.muted,.footnote) { margin:0; }
.panel form > :is(.muted,.footnote):empty { display:none; }
.panel :is(select,input:not([type=checkbox]):not([type=radio]):not([type=file]),textarea) { min-width:0; max-width:100%; }
.panel select { padding-inline:var(--space-3) 32px; }
.panel .measurement-actions button { padding-inline:var(--space-3); }
.panel .schedule-editor { padding:0; }
.schedule-editor-form { padding-top:var(--space-2); max-width:512px; }
.panel .booking-notice-form > label:not(.booking-phone-agreement) { gap:var(--field-gap); }
.panel .registry-region-options label.checkbox { min-height:var(--touch-target); }

body.customer-portal #demo-role-menu,body.shared-test #demo-role-menu,body.shared-test #reset{display:none!important;}
.customer-section-nav button:disabled{opacity:.65;cursor:default;}
.customer-intake-note textarea{width:100%;box-sizing:border-box;}
.shared-test-role-menu{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:0 0 24px;padding:12px 16px;background:#fff;border:1px solid #cbdce3;border-radius:12px;}
.shared-test-role-menu button{min-height:44px;padding:8px 16px;margin:0;}
.shared-test-role-menu button[aria-pressed=true]{background:#16714b;border-color:#16714b;color:#fff;}
.shared-test-role-menu small{flex-basis:100%;color:#526c7b;font-size:13px;}
.photo-upload-status{font-size:13px;line-height:1.5;overflow-wrap:anywhere;}
.photo-upload-status:empty{display:none;}
.customer-submission-receipt{padding:12px 16px;margin-bottom:12px;border:1px solid #9bcdb0;border-radius:8px;background:#e4f3e9;color:#155b40;font-size:16px;font-weight:750;line-height:1.5;}
.customer-submission-receipt.has-draft{background:#fff6e5;border-color:#e4cf9d;color:#70521e;font-size:14px;}
.customer-submission-progress.is-submitted{padding:var(--space-2) 0;margin:var(--space-3) 0;border:0;border-radius:0;background:transparent;color:#526c7b;font-size:14px;}
.next-action[hidden]{display:none;}
.panel [data-stage-action][hidden]{display:none;}
.project-next-action{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);margin:var(--space-4) 0;background:#edf7f1;border:1px solid #bad8c7;border-radius:10px;scroll-margin-top:170px;}
.project-next-action:first-child{margin-top:0;}
.project-next-action:last-child{margin-bottom:0;}
.project-next-action>div{min-width:0;max-width:68ch;}
.project-next-action strong{display:block;font-size:15px;color:#155b40;}
.panel .project-next-action p{margin:4px 0 0;font-size:13px;line-height:1.5;}
.panel .project-next-action>.stage-next-button{flex:0 0 auto;min-height:44px;max-width:100%;margin:0;padding:10px 16px;background:#16714b;border:1px solid #16714b;color:#fff;font-size:14px;font-weight:700;white-space:normal;}
.project-next-action.is-blocked{background:#f5f8fa;border-color:#d5e1e5;}
.project-next-action.is-blocked strong{color:#14394b;}
@media(max-width:900px){.project-next-action{flex-direction:column;align-items:stretch;gap:12px;}.panel .project-next-action>.stage-next-button{align-self:flex-start;}}
body .customer-form>button.is-submitted:disabled{background:#e6ebee!important;border-color:#ced8dd!important;color:#4b606d!important;opacity:1;box-shadow:none;}
.customer-workspace .delivery-choices{display:flex;}
.customer-workspace .delivery-choices button{flex:0 1 auto;min-width:132px;padding-inline:16px;}
.customer-workspace{display:grid;gap:var(--section-gap);}
.customer-workspace>.panel{margin:0;}
.customer-stage-card{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);padding:var(--card-inset);min-height:200px;justify-content:center;}
.customer-stage-card h2{margin:0;max-width:28ch;font-size:clamp(24px,3vw,34px);line-height:1.25;letter-spacing:-.02em;}
.customer-stage-card>p{margin:0;max-width:62ch;font-size:16px;line-height:1.6;}
.customer-stage-card>button{margin:0;min-height:44px;padding-inline:var(--space-4);}
.customer-stage-card.is-confirmed{background:#edf8f1;border-color:#9bcdb0;}
.customer-stage-card.is-confirmed h2,.customer-stage-card.is-confirmed time{color:#126143;}
.customer-installation-date{display:flex;flex-direction:column;gap:var(--space-2);max-width:100%;}
.customer-installation-date time{font-size:clamp(28px,4vw,40px);line-height:1.2;font-weight:800;overflow-wrap:anywhere;}
.customer-installation-date>span{font-size:16px;font-weight:700;}
.customer-installation-date small{font-size:14px;}
.customer-document-list{display:grid;gap:var(--space-3);padding:0;list-style:none;}
.customer-document-list li{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);}
.customer-document-list a{min-height:44px;display:inline-flex;align-items:center;}
/* Align summary groups with their headings; colour follows the status label. */
.project-overview-panel{container-type:inline-size;--overview-control-width:160px;--overview-control-height:56px;}
.project-overview-panel>.table-scroll>.project-table{min-width:0;}
.project-table>thead>tr>th:nth-child(1){width:21%;}
.project-table>thead>tr>th:nth-child(2){width:18%;}
.project-table>thead>tr>th:nth-child(3){width:33%;}
.project-table>thead>tr>th:nth-child(4){width:16%;}
.project-table>thead>tr>th:nth-child(5){width:12%;}
.project-table>thead>tr>th{font-size:12px;font-weight:600;padding:var(--space-3);}
.project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td{font-size:14px;line-height:1.5;}
.project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td>small{font-size:12px;line-height:1.5;margin-top:var(--space-1);}
.project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td:first-child>button{font-size:14px;font-weight:700;}
.project-table .overview-start time{display:inline-block;white-space:nowrap;font-size:13px;font-variant-numeric:tabular-nums;}
.overview-action-row{display:grid;grid-template-columns:minmax(0,1fr);justify-items:start;align-content:center;gap:var(--space-2);}
.project-table .overview-next-action{display:inline-flex;align-items:center;justify-content:flex-start;width:fit-content;max-width:100%;min-height:var(--touch-target);margin:0;padding:var(--space-2) var(--space-3);border:1px solid #ccdce4;border-radius:8px;background:#f0f5f7;color:#14394b;font-size:13px;line-height:1.5;font-weight:650;white-space:normal;text-align:left;}
.project-table .overview-next-action:hover{background:#e2edf1;border-color:#7d9da9;}
.overview-next-complete{padding:var(--space-2) var(--space-3);border-radius:6px;background:#dff1e7;color:#155b3e;font-size:13px;font-weight:650;}
.project-overview-panel>.overview-tools{gap:var(--space-3);padding:var(--space-3);margin:0 0 var(--space-4);font-size:14px;}
.project-overview-panel>.overview-tools>strong{font-size:13px;}
.project-overview-panel>.overview-tools>input{font-size:14px;}
.project-overview-panel>.overview-pagination{justify-content:flex-start;margin:var(--space-4) 0 0;}
.project-overview-panel>.overview-pagination>button{margin:0;font-size:13px;}
.project-overview-panel>.footnote{margin:var(--space-4) 0 0;font-size:12px;line-height:1.5;}
.project-overview-panel .pipeline-overview>h2{font-size:20px;margin:0 0 var(--space-3);}
.project-overview-panel .pipeline-overview{margin-bottom:var(--space-4);}
.project-overview-panel .project-table>caption{font-size:12px;line-height:1.5;margin-bottom:var(--space-3);}
.installer-active-contact{border-bottom:0;padding-bottom:0;margin-bottom:var(--space-3);}
@media(min-width:601px) and (max-width:1000px){.booking-notice-times .statusline strong{text-align:left;}}
.project-table .project-step-heading{flex-wrap:wrap;gap:4px 8px;white-space:normal;}
.project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td>.project-step-progress{padding:var(--space-2);}
.project-table>tbody>tr>td:first-child>button{margin:0;}
@media(min-width:768px){
 .project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td{padding:var(--space-3);vertical-align:baseline;}
 .project-table>thead>tr>th:not(:first-child),.project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td:not(:first-child){text-align:left;}
 .project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td>.project-step-progress{margin-inline:0;}
}
@media(max-width:767px){
 .overview-action-row{justify-items:start;}
 .project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td[data-label]::before{font-size:12px;}
 .project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>.overview-start{grid-column:1/-1;}
 .project-overview-panel>.overview-pagination{gap:var(--space-2);padding:var(--space-2);}
 .project-overview-panel>.overview-pagination>button{padding-inline:var(--space-2);}
}
/* Use cards when the sidebar leaves too little room for five readable columns. */
@container (max-width:840px){
 .project-overview-panel>.table-scroll>.project-table{display:block;width:100%;}
 .project-overview-panel>.table-scroll>.project-table>caption{display:block;width:100%;}
 .project-overview-panel>.table-scroll>.project-table>thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);}
 .project-overview-panel>.table-scroll>.project-table>tbody{display:grid;gap:var(--space-3);}
 .project-overview-panel .project-table>tbody>tr:not(.expanded-row):not(.project-summary-row){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-3);padding:var(--space-4);border:1px solid #d6e3e6;border-radius:12px;background:#fff;}
 .project-overview-panel .project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td{display:block;min-width:0;width:auto;border:0;padding:0;background:transparent;text-align:left;}
 .project-overview-panel .project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td:nth-child(-n+3){grid-column:1/-1;}
 .project-overview-panel .project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td[data-label]{grid-column:1/-1;}
 .project-overview-panel .project-table>tbody>tr.project-open{border:2px solid #16836d;background:#edf6f5;}
 /* Override the legacy open-row borders: the responsive card owns its outline. */
 .project-overview-panel .project-table>tbody>tr.project-open>td{border:0!important;border-radius:0;}
 .project-overview-panel .project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td[data-label]::before{content:attr(data-label);display:block;font-size:12px;color:#607885;margin-bottom:var(--space-1);}
 .project-overview-panel .project-table>tbody>.expanded-row,.project-overview-panel .project-table>tbody>.expanded-row>td{display:block;min-width:0;width:100%;}
 .project-overview-panel .project-table>tbody>tr:not(.expanded-row):not(.project-summary-row)>td>.project-step-progress{margin-inline:0;}
 .project-overview-panel .overview-action-row{justify-items:start;}
}
@media(max-width:360px){.customer-phase-list.is-compact{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.shared-test-role-menu{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;}.shared-test-role-menu>strong,.shared-test-role-menu>small{grid-column:1/-1;}.shared-test-role-menu button{padding:8px;font-size:14px;}}

/* The phase and next action share one size, inset and first-text baseline. */
.project-overview-panel .project-table .project-step-progress,
.project-overview-panel .project-table .overview-next-action,
.project-overview-panel .project-table .overview-next-complete{
 width:var(--overview-control-width);max-width:100%;min-height:var(--overview-control-height);
 padding:var(--space-2);border-radius:8px;font-size:13px;line-height:1.4;
}
.project-overview-panel .project-table .overview-next-action{align-items:flex-start;}
.project-overview-panel .project-table .overview-next-complete{display:inline-flex;align-items:flex-start;border:1px solid transparent;}
@container (min-width:841px){
 .project-overview-panel .project-table{--overview-control-width:min(160px,calc(18cqw - 24px));}
}
.project-overview-panel .project-step-progress.is-awaiting-submission{background:#fff0ef;border-color:#dba09a;color:#8d2920;}
.project-overview-panel .project-step-progress.is-awaiting-submission strong,.project-overview-panel .project-step-progress.is-awaiting-submission .project-step-count{color:#8d2920;}
.project-overview-panel .project-step-progress.is-submitted{background:#e3f4ea;border-color:#80bd9d;color:#146b45;}
.final-review .completion-notice-choices button[aria-pressed="true"],.final-review .completion-notice-choices button[aria-pressed="true"]:disabled{background:#16714b;border-color:#16714b;color:#fff;opacity:1;}
.panel .completion-notice-choices>button[aria-pressed="true"]:disabled{background:#16714b!important;border-color:#16714b!important;color:#fff!important;opacity:1;}

/* Customer progress and staff navigation share the same five phase cards. */
.customer-phase-list.is-compact{grid-template-columns:repeat(5,minmax(0,1fr));}
.project-customer-progress{position:static;padding:var(--space-4);margin-bottom:var(--space-4);border:1px solid #bcd8c9;border-radius:12px;background:#f4faf6;min-width:0;}
.project-customer-progress>h3{margin:0;font-size:16px;}
.project-customer-progress>p{margin:var(--space-2) 0 0;}
.project-customer-progress .internal-phase-change{margin:var(--space-3) 0 0;background:transparent;border:0;border-top:1px solid #d4e4da;border-radius:0;}
.project-customer-progress .internal-phase-change>summary{padding:var(--space-2) 0;min-height:44px;}
.internal-phase-change .phase-transfer-options{flex-wrap:wrap;overflow:visible;}
.project-work-menu{display:grid;gap:var(--space-3);margin:var(--space-4) 0;scroll-margin-top:90px;}
.project-work-menu .customer-phase-list{margin:0;}
.project-work-menu .admin-work-phases>li{padding:0;min-height:56px;}
.project-work-menu .phase-work-choice{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:56px;padding:var(--space-2);margin:0;text-align:left;background:transparent;border:0;box-shadow:none;color:inherit;}
.project-work-menu .phase-work-choice strong{font-size:13px;overflow-wrap:anywhere;}
.project-work-menu .phase-work-choice .customer-phase-marker{flex:none;}
.project-work-tools{display:flex;gap:0;flex-wrap:wrap;border-bottom:1px solid #dce4eb;}
.project-work-menu .project-work-tools>.project-tool-tab{display:inline-flex;align-items:center;justify-content:flex-start;gap:var(--space-2);flex:0 0 auto;width:auto;min-height:44px;margin:0;padding:var(--space-2) var(--space-3);border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#5b6d7c;box-shadow:none;font-size:14px;font-weight:400;line-height:20px;white-space:nowrap;}
.project-work-menu .project-work-tools>.project-tool-tab:hover{background:#f5f8fb;color:#14394b;}
.project-work-menu .project-work-tools>.project-tool-tab.selected{background:var(--action-soft,#edf7f1);color:var(--action-accent,#16714b);border-bottom-color:var(--action-accent,#16714b);}
.project-work-menu .project-work-tools>.project-tool-tab:focus-visible{outline:2px solid var(--action-accent,#16714b);outline-offset:-4px;}
.project-tool-tab svg{width:16px;height:16px;flex:none;}
.project-step-segments{grid-template-columns:repeat(5,minmax(0,1fr));}
@media(max-width:760px){.customer-phase-list.is-compact{grid-template-columns:repeat(2,minmax(0,1fr));}.project-work-menu .phase-work-choice strong{font-size:12px;overflow-wrap:normal;}}
@media(max-width:360px){.project-work-menu .phase-work-choice{flex-direction:column;align-items:flex-start;gap:4px;}.project-work-menu .admin-work-phases>li{min-height:64px;}}

.sms-info-groups,.sms-info-group,.offer-price-grid{min-width:0;}.sms-info-groups{grid-template-columns:minmax(0,1fr);}.offer-price-summary .footnote{white-space:normal;overflow-wrap:anywhere;}
.offer-price-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:12px 0 0;}
.offer-project-summary{min-width:0;display:grid;gap:var(--space-4);}
.inline-workspace .offer-project-summary>h3,.inline-workspace .offer-project-summary>p,.offer-project-summary>h3,.offer-project-summary>p,.offer-project-summary h4,.offer-project-note p{margin:0;}
.offer-project-summary .footnote{white-space:normal;overflow-wrap:anywhere;}
.offer-project-type{font-weight:700;}
.offer-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--space-6);margin:var(--space-2) 0 0;}
.offer-detail-grid>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid #e1e9ed;}
.offer-detail-grid dt{color:#526d7b;font-size:13px;overflow-wrap:anywhere;}
.offer-detail-grid dd{margin:0;font-size:14px;font-weight:600;overflow-wrap:anywhere;}
.offer-project-summary h4{font-size:14px;}
.offer-project-note p{margin-top:var(--space-2);white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.6;}
@media(max-width:900px){.offer-detail-grid{grid-template-columns:minmax(0,1fr);}}
@media(max-width:480px){.offer-detail-grid>div{grid-template-columns:minmax(0,1fr);gap:var(--space-1);}}
.offer-price-grid>div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;padding:8px 0;border-bottom:1px solid #e1e9ed;min-width:0;}
.offer-price-grid dt{color:#526d7b;font-size:13px;}.offer-price-grid dd{margin:0;font-size:14px;font-weight:700;white-space:nowrap;}
.offer-price-grid .offer-price-total{grid-column:1/-1;background:#e5f2eb;border:1px solid #bedccc;border-radius:8px;padding:12px 16px;}.offer-price-total dt{font-weight:700;color:#14394b;}
.material-map-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;}.material-map-legend span{display:inline-flex;align-items:center;gap:6px;}.material-map-legend span:before{content:'';width:10px;height:10px;border-radius:50%;background:#14394b;}.material-map-legend .is-unassigned:before{background:#b43b32;}.material-map-legend .is-partial:before{background:#9b640d;}.material-map-legend .is-assigned:before{background:#16714b;}
.material-map-jobs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px;margin-top:16px;}
.material-map-job{display:grid;align-content:start;gap:8px;min-width:0;padding:16px;border:1px solid #d3e1e5;border-left:4px solid #16714b;border-radius:10px;background:#fff;}.material-map-job.is-unassigned{border-left-color:#b43b32;}.material-map-job.is-partial{border-left-color:#9b640d;}.material-map-job.is-selected{outline:2px solid #14394b;outline-offset:2px;}.material-map-job p{margin:0;font-size:13px;}.material-map-job small{color:#526d7b;}.assignment-status{font-weight:700;font-size:12px;}.material-map-job.is-unassigned .assignment-status{color:#a12c26;}
.installer-extra-work{margin:16px 0;padding:16px;display:grid;gap:12px;border:1px solid #cbdde3;border-radius:10px;}.installer-extra-work legend{padding:0 6px;font-weight:700;}.installer-extra-work>label:last-child{display:grid;gap:8px;}.installer-extra-work textarea{width:100%;min-height:100px;}.installer-extra-summary:empty{display:none;}.extra-work-record{border-left:3px solid #18734e;border-radius:12px;background:#f3f8f5;padding:12px 16px;margin:12px 0;}.extra-work-record p{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0;}.extra-work-record small{color:#526d7b;}
@media(max-width:600px){.offer-price-grid{grid-template-columns:1fr;}.offer-price-grid .offer-price-total{padding:12px;}.offer-price-grid>div{flex-direction:column;align-items:flex-start;gap:4px;}.offer-price-grid dd{font-size:14px;white-space:normal;overflow-wrap:anywhere;}}
.installer-finish [hidden]{display:none!important;}
/* Compact, consistent pairs; retain 44px touch targets. */
body .evidence-check-block .evidence-check.evidence-measurement{grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;padding:6px 0;align-items:center;}
body .evidence-measurement .measurement-actions{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:4px;width:164px;max-width:100%;min-width:0;}
body .evidence-measurement .measurement-actions button{width:100%;min-width:0;min-height:44px;padding:6px 8px;border-radius:6px;font-size:12px;line-height:1.25;white-space:normal;box-shadow:none;}
@media(max-width:600px){body .evidence-check-block .evidence-check.evidence-measurement{grid-template-columns:minmax(0,1fr);gap:6px;padding:8px 0;}}
@media(max-width:767px){
 body .ue-selection-panel .installer-table,body .ue-selection-panel .installer-table tbody{display:block;width:100%!important;min-width:0;max-width:100%;}
 body .ue-selection-panel .installer-table thead{display:none;}
 body .ue-selection-panel .installer-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:16px 0;margin:0;border-bottom:1px solid #d3e1e5;min-height:0;height:auto;}
 body .ue-selection-panel .installer-table tbody tr>:is(th,td):nth-child(n){display:block;width:100%!important;min-width:0;min-height:0;height:auto;padding:0!important;border:0;white-space:normal;box-sizing:border-box;}
 body .ue-selection-panel .installer-table td[data-label]:before{content:attr(data-label);display:block;margin-bottom:8px;font-size:12px;color:#526d7b;font-weight:600;}
 body .ue-selection-panel .installer-table select,body .ue-selection-panel .installer-table input[type=date]{width:100%;max-width:100%;min-width:0;min-inline-size:0;}
}
main.connection-error{box-sizing:border-box;max-width:600px;margin:var(--space-6) auto;padding:var(--card-inset);min-width:0;}
main.connection-error h1{font-size:24px;line-height:1.3;}
main.connection-error button{min-height:44px;margin-top:var(--space-3);}

/* Staff card: separate customer progress, working view and secondary tools. */
.inline-workspace>.admin-card-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);min-width:0;}
.admin-card-header>.admin-project-disclosure{flex:1;min-width:0;}
.admin-card-header>.close-customer-card{flex:none;margin:0;min-height:56px;}
.inline-workspace .admin-project-disclosure{padding:0;margin:0;border:1px solid #d3e1e5;border-radius:10px;background:#fff;min-width:0;}
.inline-workspace .admin-project-disclosure>summary{min-height:56px;padding:var(--space-3) var(--disclosure-inset);margin:0;font-size:13px;line-height:1.5;gap:var(--space-4);overflow-wrap:anywhere;}
.admin-project-disclosure-content{display:grid;gap:var(--space-3);padding:0 var(--disclosure-inset) var(--space-4);min-width:0;}
.admin-project-disclosure-content>.customer-card-toolbar,.admin-project-disclosure-content>.latest-project-note{margin:0;padding:0;border:0;}
.admin-project-disclosure-content>.latest-project-note{padding-top:var(--space-3);border-top:1px solid #e2eaed;border-radius:0;}
.admin-project-disclosure-content .customer-card-toolbar button,.admin-project-disclosure-content .latest-project-note button{min-height:44px;}
.admin-project-disclosure-content .latest-project-note p{display:block;overflow:visible;white-space:pre-wrap;}
.admin-project-disclosure-content>.footnote{margin:0;}
.inline-workspace>.project-customer-progress{margin:0 0 var(--space-3);}
.inline-workspace>.project-work-menu{padding:var(--space-4);margin:0 0 var(--space-3);border:1px solid #d3e1e5;border-radius:12px;background:#fff;}
.project-work-heading{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4);}
.project-work-menu .project-work-heading>h3{font-size:16px;margin:0;}
.project-work-menu .project-work-current{font-size:13px;color:#14394b;}
.project-work-menu .project-work-help{font-size:13px;color:#526d7b;margin:0;}
.project-work-menu .admin-work-phases>li{min-height:44px;background:#f5f8fa;border:1px solid #cbdde5;box-shadow:none;border-radius:8px;}
.project-work-menu .customer-phase-list.admin-work-phases>li.is-current{background:#14394b;border-color:#14394b;color:#fff;box-shadow:none;}
.project-work-menu .phase-work-choice{min-height:44px;padding:var(--space-3);flex-direction:row;align-items:center;}
.project-work-menu .phase-work-choice[aria-current="page"]{color:#fff;}
.project-work-menu .phase-work-choice:focus-visible{outline-offset:-4px;}
.inline-workspace>.customer-good-to-know{max-width:none;margin:0 0 var(--space-3);padding:var(--space-4);border-left:3px solid #a9c6bc;}
.customer-good-to-know .customer-note-text{white-space:pre-wrap;overflow-wrap:anywhere;}
@media(max-width:600px){
 .inline-workspace>.admin-card-header{flex-direction:column;align-items:stretch;}
 .admin-card-header>.close-customer-card{min-height:44px;align-self:flex-start;}
 .project-work-heading{flex-direction:column;gap:var(--space-1);}
 .project-work-menu .admin-work-phases>li:last-child{grid-column:1 / -1;}
 .project-work-menu .phase-work-choice strong{font-size:13px;}
 .project-work-menu .project-work-tools>.project-tool-tab{padding-inline:var(--space-2);font-size:13px;}
}

/* Repeated cards share a content track and an action track in each visual row. */
.portal-card-grid{align-items:stretch;}
.portal-card-grid>.portal-card{
 display:grid;grid-template-rows:1fr auto;align-content:stretch;align-self:stretch;
 min-width:0;box-sizing:border-box;row-gap:var(--space-3);
}
.portal-card-body{display:flex;flex-direction:column;gap:var(--space-2);min-width:0;overflow-wrap:anywhere;}
.portal-card-grid>.portal-card>.portal-card-actions{
 display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,max-content);justify-content:start;align-items:stretch;
 gap:var(--space-2);min-width:0;min-height:var(--button-min-height,var(--touch-target));margin:0;padding:0;
}
body .portal-card .portal-card-actions>button,.portal-card-actions>label,.portal-card-actions>.selected-installer-label{
 width:100%;height:100%;min-width:0;max-width:100%;min-height:var(--button-min-height,var(--touch-target));
 margin:0;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;
}
.portal-card-actions>label{justify-content:flex-start;}
.ue-recommendation .portal-card-body{gap:var(--space-1);}
.customer-photo-tile .portal-card-body>p{margin:0 0 3px;font-size:13px;line-height:1.5;}
.customer-photo-tile .portal-card-body>p.completion{padding:5px 8px;font-size:12px;}
.evidence-photo .portal-card-body>button{min-height:var(--touch-target);margin:0;font-size:12px;}
.customer-photo-upload.portal-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));}
.ue-recommendations.portal-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr));}
.evidence-layout .evidence-photos.portal-card-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));}
@supports(grid-template-rows:subgrid){
 .portal-card-grid>.portal-card{grid-template-rows:subgrid;grid-row:span 2;}
}

/* One master search beside Gantt, across the project's administrative views. */
.workspace-header{height:auto;min-height:72px;gap:12px;flex-wrap:wrap;position:relative;z-index:20;}
.workspace-header .view-tabs{margin:0;flex:0 0 auto;}
.workspace-header .notification-toggle{margin:0 0 0 auto;flex-shrink:0;}
.workspace-header .header-company{display:none;}
.master-search{position:relative;flex:1 1 200px;max-width:360px;min-width:0;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.master-search[hidden],.master-search-results[hidden]{display:none;}
.master-search input{display:block;width:100%;min-width:0;box-sizing:border-box;min-height:44px;margin:0;padding:10px 12px;border:1px solid #b5cbd4;border-radius:8px;background:#fff;color:#14394b;font-size:14px;}
.master-search input:focus-visible{outline:3px solid #daef73;outline-offset:2px;}
.master-search-results{position:absolute;top:calc(100% + 8px);right:0;width:100%;min-width:300px;max-height:65vh;overflow:auto;background:white;color:#14394b;border:1px solid #cfdee5;border-radius:10px;box-shadow:0 8px 28px #102c3b26;padding:8px;box-sizing:border-box;}
.master-search-count{font-size:12px;line-height:1.5;margin:4px 8px 8px;color:#526c7b;white-space:normal;}
.workspace-header .master-search-result{display:flex;flex-direction:column;align-items:flex-start;gap:4px;white-space:normal;width:100%;min-height:52px;height:auto;text-align:left;margin:0;padding:10px 12px;background:#fff;color:#14394b;border:0;border-radius:6px;overflow-wrap:anywhere;}
.workspace-header .master-search-result:hover,.workspace-header .master-search-result:focus-visible{background:#eaf5ef;color:#14394b;}
.master-search-result small{font-size:12px;font-weight:400;line-height:1.5;color:#526c7b;}
.overview-result-count{margin:0 0 12px;font-size:13px;color:#526c7b;}
@media(max-width:1100px){
 .workspace-header>span:first-child{display:none;}
}
@media(max-width:600px){
 .workspace-header{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:8px 12px;gap:8px;}
 .workspace-header .view-tabs{min-width:0;}
 .workspace-header .view-tabs button{flex:0 0 auto;width:auto;padding:8px 6px;font-size:12px;min-width:0;}
 .workspace-header .notification-toggle{font-size:11px;padding:8px 6px;}
 .master-search{grid-column:1/-1;grid-row:2;width:100%;max-width:none;}
 .master-search-results{min-width:0;width:100%;}
}

/* Compact pre-notification controls, with 44px touch targets in all locations. */
.pre-notice-portal .notice-choice-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 12px;}
body .pre-notice-portal .notice-choice{width:fit-content;max-width:100%;flex:0 1 auto;min-height:44px;height:auto;padding:8px 12px;gap:8px;box-sizing:border-box;}
body .pre-notice-portal .notice-reference-row{display:flex;justify-content:flex-start;align-items:flex-end;gap:12px;max-width:100%;margin:12px 0;}
body .pre-notice-portal .notice-reference-row label{flex:0 1 260px;width:260px;max-width:100%;gap:8px;}
body .pre-notice-portal .notice-reference-row input{width:100%;min-width:0;min-height:44px;box-sizing:border-box;}
body .pre-notice-portal form.notice-reference-row>button.primary{flex:0 0 auto;align-self:flex-end;width:fit-content;max-width:100%;min-height:44px;height:auto;padding:8px 16px;font-size:13px;}
.pre-notice-portal:not(:empty){padding:16px;margin:16px 0;}
.pre-notice-portal h3{font-size:18px;}
.pre-notice-portal .notice-products{margin-bottom:12px;}
.test-entry{max-width:560px;margin:8vh auto;padding:24px;box-sizing:border-box;}
.test-entry img{display:block;max-width:260px;width:100%;height:auto;background:#163d49;padding:16px;border-radius:8px;box-sizing:border-box;}
@media(max-width:600px){.test-entry{margin:24px 16px;max-width:calc(100% - 32px);}}
.project-notes-panel .sms-preview{background:#fff8dc;border:1px solid #eadfae;border-left:3px solid #d5b54e;border-radius:8px;padding:12px 16px;white-space:pre-wrap;overflow-wrap:anywhere;}
.project-history-item{display:grid;gap:8px;margin:12px 0;padding:16px;border:1px solid #d8e3e5;border-radius:8px;overflow-wrap:anywhere;}
.project-history-item p,.project-history-item small{margin:0;white-space:pre-wrap;}
.project-history-item small{color:#526c7b;}
.project-change-log{list-style:none;padding:0;margin:16px 0;}
.delivery-review-status{display:grid;gap:var(--space-2);padding:var(--space-4);margin-block:var(--space-4);background:#fff8e6;border:1px solid #e2cc92;border-radius:12px;}
.delivery-review-status>p,.delivery-review-status>button{margin:0;}
.delivery-confirm-dialog form{display:grid;gap:var(--space-4);}
.delivery-confirm-dialog form>p,.delivery-confirm-dialog form>h2{margin:0;}
.delivery-confirm-dialog .delivery-confirm-check{display:flex;align-items:flex-start;gap:var(--space-3);min-height:44px;padding-block:var(--space-2);}
.delivery-confirm-check input[type=checkbox]{width:20px;height:20px;min-height:20px;flex:0 0 20px;margin:3px 0 0;}
.customer-delivery-undo{margin-block-start:var(--space-3);}
.project-change-log li{border-left:2px solid #cfdee5;padding:0 0 20px 16px;margin:0 0 0 6px;line-height:1.6;overflow-wrap:anywhere;}