/* Maximus workspace, November 2026. Loaded after the functional component styles. */
:root{--canvas:#f4f7fa;--paper:#fff;--subsurface:#eaf0f5;--ink:#122331;--muted:#526575;--secondary:#3f5263;--faint:#617583;--line:#d4dfe7;--line-strong:#afbfcd;--accent:#009bcf;--accent-text:#006d93;--accent-wash:#009bcf12;--action-bg:#009bcf;--action-fg:#05151e;--action-hover:#36b5df;--warning:#7c7300;--warning-wash:#ffff0012;--planning:#6751f6;--planning-text:#5140c9;--planning-wash:#6751f612;--danger:#b42634;--danger-wash:#ff606014;--success:#006d93;--success-wash:#009bcf12;--hover:#009bcf0a;--header:#ffffffed;--highlight:#009bcf12;--sidebar-width:210px;--green:var(--accent-text);--blue:var(--planning-text);--mist:var(--subsurface);--marker-maintenance:#6751f6}
:root[data-theme=dark]{--canvas:#0b0f14;--paper:#121820;--subsurface:#19222c;--ink:#eef4fa;--muted:#a0afbf;--secondary:#c0cddd;--faint:#8e9eaf;--line:#26313d;--line-strong:#3b4d60;--accent:#009bcf;--accent-text:#69d5f9;--accent-wash:#009bcf1c;--action-bg:#009bcf;--action-fg:#05151e;--action-hover:#36b5df;--warning:#ffff83;--warning-wash:#ffff0012;--planning:#6751f6;--planning-text:#baaaff;--planning-wash:#6751f61c;--danger:#ff9292;--danger-wash:#ff606014;--success:#69d5f9;--success-wash:#009bcf14;--hover:#ffffff06;--header:#10161ef5;--highlight:#009bcf18}
:root[data-theme] body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:14px;letter-spacing:-.012em;background:var(--canvas);color:var(--ink)}
:root[data-theme] h1{font-size:30px;line-height:1.2;font-weight:500;letter-spacing:-.035em;max-width:none}:root[data-theme] h2{font-size:17px;line-height:1.4;font-weight:500;letter-spacing:-.02em}:root[data-theme] h3{font-weight:500;line-height:1.45}:root[data-theme] strong{font-weight:500}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,input,select,textarea{touch-action:manipulation}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
:root[data-theme] .sidebar{width:var(--sidebar-width);padding:26px 14px 18px;background:var(--paper);border-right:1px solid var(--line);display:flex;position:fixed;inset:0 auto 0 0;height:100dvh;overflow:hidden}
:root[data-theme] .brand{padding:0 6px;gap:10px;flex-shrink:0}:root[data-theme] .brand img{width:38px;height:38px;object-fit:contain;filter:none}:root[data-theme] .brand>span{font-size:19px;font-weight:500;letter-spacing:.07em}:root[data-theme] .brand small{display:none}.workspace-label{display:none!important}
:root[data-theme] .sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:32px;overflow-y:auto;min-height:0;scrollbar-width:thin}:root[data-theme] .sidebar .nav{display:flex;align-items:center;justify-content:flex-start;gap:11px;min-height:44px;padding:11px 12px;margin:0;border-radius:9px;color:var(--muted);font-size:12px;flex-shrink:0;position:relative}
:root[data-theme] .sidebar .nav.active{background:var(--accent-wash);color:var(--accent-text);box-shadow:inset 2px 0 var(--accent)}:root[data-theme] .sidebar .nav.active>span{color:inherit}.nav-icon{display:flex!important;align-items:center;flex-shrink:0}.nav-label{font-size:12px!important}.nav-icon svg,.settings-trigger svg,.mobile-nav svg,.more-links svg,.layout-toggle svg{width:20px;height:20px;flex-shrink:0}.sidebar .nav b{margin-left:auto}
:root[data-theme] .sidebar .nav[data-view=costing]{margin-top:20px}:root[data-theme] .sidebar .nav[data-view=costing]::before{top:-11px;border-color:var(--line)}:root[data-theme] .sidebar-note{margin-top:auto;padding:20px 8px 10px;font-size:11px;flex-shrink:0}.sidebar-note p{font-size:11px}.sidebar-note a{font-size:11px}:root[data-theme] .profile{display:flex;padding:16px 6px 0;margin:12px 0 0;border-top:1px solid var(--line);flex-shrink:0}.profile small{font-size:11px}.settings-trigger{width:38px;height:38px;display:grid;place-items:center;background:var(--subsurface);border:1px solid var(--line);border-radius:9px}
.shell{margin-left:var(--sidebar-width);min-width:0}:root[data-theme] .topbar{height:72px;padding:0 30px;background:var(--header);border-bottom:1px solid var(--line);gap:12px}.topbar-actions{gap:14px}.today{font-size:11px}.theme-toggle{font-size:11px;min-height:38px;padding:8px 10px;background:var(--paper);border:1px solid var(--line);gap:7px}.layout-toggle[aria-pressed=true]{color:var(--accent-text);background:var(--accent-wash);border-color:var(--accent)}.mobile-brand{display:none}.breadcrumb-wrap{font-size:12px}.topbar-actions .today{max-width:none}
.workspace-body{display:block;max-width:1600px;margin:0 auto;min-width:0}:root[data-theme] main{width:100%;max-width:1360px;min-width:0;padding:30px;margin:0 auto;min-height:80vh}:root[data-theme] footer{max-width:1360px;padding:12px 30px 25px;font-size:11px;gap:12px}.page-heading{align-items:center;gap:20px;flex-wrap:wrap}:root[data-theme] .page-heading{margin-bottom:25px}.page-heading .eyebrow{display:none}:root[data-theme] .page-heading p{font-size:12px;margin-top:8px;max-width:550px;line-height:1.5}.header-actions{gap:9px;align-items:stretch}.header-actions>.primary{margin:0;min-height:46px}.header-import{min-width:190px}.header-drop{width:210px;min-height:46px;height:auto;padding:9px 12px;gap:10px;border-radius:9px;border:1px dashed var(--line-strong)}.header-drop strong{font-size:11px}.header-drop small{font-size:10px}.header-drop-icon{font-size:21px}.header-drop-plus{display:none}
:root[data-theme] .button{font-size:12px;min-height:40px;padding:10px 14px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:normal;line-height:1.4}:root[data-theme] .button.primary{background:var(--action-bg);color:var(--action-fg);border:1px solid transparent;font-weight:500}:root[data-theme] .button.primary:hover{background:var(--action-hover)}:root[data-theme] .button.secondary{background:var(--paper);border:1px solid var(--line);color:var(--ink)}:root[data-theme] .button.secondary:hover{background:var(--subsurface)}:root[data-theme] .button.tiny{font-size:11px;min-height:32px;padding:6px 10px}.text-button{color:var(--accent-text)!important;background:transparent!important;border:0!important;padding:5px!important}.icon-button{min-width:36px;min-height:36px}
:root[data-theme] :is(.metric,.panel,.ready-card,.calendar,.backlog,.attention-panel,.map-location-list,.work-map-panel,.error-panel){border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:none;color:var(--ink)}:root[data-theme] .panel{padding:22px;min-width:0}.panel-heading{gap:15px;flex-wrap:wrap}.panel-heading p{font-size:12px!important;line-height:1.5}.panel-caption{font-size:11px!important}.panel h2{max-width:100%}.panel .form-note{font-size:12px;line-height:1.6}
.segmented{gap:6px;flex-wrap:wrap;background:transparent!important;padding:0!important;border:0!important;border-radius:0!important;max-width:100%}.segmented button{font-size:12px;padding:9px 12px;min-height:40px;border:1px solid var(--line);border-radius:7px;color:var(--muted);flex:none}.segmented button.selected{background:var(--subsurface)!important;color:var(--ink)!important;border-color:var(--line-strong)}.section-toolbar{gap:16px;flex-wrap:wrap;margin-bottom:20px}.quiet-label{font-size:11px}.live-dot{background:var(--accent)}
:root[data-theme] .metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}:root[data-theme] .metric{padding:18px 16px;min-height:145px;display:flex;flex-direction:column;align-items:stretch;text-align:left}.metric-label{font-size:12px;min-height:28px;order:0}.metric-value{display:none!important}.metric-total{order:1;border:0!important;padding:0!important;margin:8px 0 12px!important;display:flex;flex-direction:column;align-items:flex-start;gap:6px}.metric-total>span{display:none}.metric-total>strong{font-size:clamp(22px,2.1vw,30px);font-weight:500;letter-spacing:-.04em;white-space:nowrap;font-variant-numeric:tabular-nums}.metric-total>small{font-size:11px!important;color:var(--warning)}.metric-foot{order:2;font-size:11px;color:var(--muted);line-height:1.5}.metric-foot .muted{display:inline}:root[data-theme] .metric:last-child{background:var(--accent-wash);border-color:#009bcf66}.metric-label>.attention-dot{background:#ffff00}.metric-label>span{color:var(--accent-text)}
.overview-focus{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(230px,1fr);gap:18px;margin-bottom:22px}:root[data-theme] .overview-agenda{padding:0;overflow:hidden}.overview-agenda>.panel-heading{padding:18px 20px;margin:0;border-bottom:1px solid var(--line)}.agenda-row{display:flex;gap:12px;padding:17px 20px;align-items:center;border-bottom:1px solid var(--line)}.agenda-row:last-child{border:0}.agenda-row>div{min-width:0;flex:1}.agenda-row .row-link{font-size:13px}.agenda-row p{font-size:11px;margin-top:5px}.agenda-date{display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:48px;background:var(--subsurface);border-radius:8px;font-size:18px}.agenda-date small{font-size:10px;color:var(--muted);text-transform:uppercase}.overview-pending{display:grid;gap:12px;align-content:start}.overview-pending p{font-size:12px}.pending-symbol{color:var(--warning);display:grid;place-items:center;width:36px;height:36px;background:var(--warning-wash);border-radius:8px;font-size:23px}.overview-pending .text-button{justify-self:start}.focus-empty{padding:24px 20px;font-size:12px}.attention-panel{margin-bottom:22px!important}.lower-grid{gap:18px;margin-bottom:22px}
:root[data-theme] .recent,:root[data-theme] .offers-panel{padding:0;overflow:hidden}.recent>.panel-heading{padding:19px 20px}.list-summary{font-size:12px;padding:16px 20px;gap:10px;flex-wrap:wrap}.table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin}:root[data-theme] th{font-size:11px;padding:12px 16px;background:var(--subsurface);white-space:nowrap}:root[data-theme] td{padding:16px;font-size:12px;border-color:var(--line)}.row-link,.client-name{font-size:12px!important}.reference{font-size:11px}.status{font-size:11px!important;border:0!important;padding:5px 8px!important;border-radius:5px!important;white-space:nowrap}.department{font-size:11px!important}.status.sent,.status.approved{color:var(--warning)!important;background:var(--warning-wash)!important}.status.rejected{color:var(--danger)!important;background:var(--danger-wash)!important}.status.planned{color:var(--planning-text)!important;background:var(--planning-wash)!important}.status.done,.status.invoiced{color:var(--accent-text)!important;background:var(--accent-wash)!important}.status-dot.sent,.status-dot.approved,.bar.sent,.bar.approved{background:#ffff00!important}.status-dot.rejected,.bar.rejected{background:#ff6060!important}.status-dot.planned,.bar.planned{background:#6751f6!important}.status-dot.done,.status-dot.invoiced,.bar.done,.bar.invoiced{background:var(--accent)!important}.status-tabs{overflow-x:auto;max-width:100%;gap:22px!important}.status-tabs button{min-height:44px;white-space:nowrap;font-size:12px!important}
:root[data-theme] input,:root[data-theme] select,:root[data-theme] textarea{background:var(--canvas);color:var(--ink);border:1px solid var(--line-strong);border-radius:8px;font-size:14px;padding:11px 12px;min-height:44px;max-width:100%}:root[data-theme] label{font-size:12px;line-height:1.45;color:var(--secondary)}.form-note,.form-error{font-size:12px!important}.form-grid{gap:18px}.form-grid>label{min-width:0}.form-grid>.full{grid-column:1/-1}.form-grid input::placeholder{color:var(--faint)}.search{min-width:0;width:310px}.search input{border:0!important;background:transparent!important;min-height:32px!important}.compose-grid,.workspace-grid,.addressbook-layout{min-width:0}.compose-grid{grid-template-columns:minmax(0,1fr) 230px}.quote-lines{min-width:650px}.quote-lines input,.quote-lines select{font-size:13px;padding:9px 7px}.quote-lines-heading{gap:12px;flex-wrap:wrap}.quote-editor .form-grid{margin-top:22px}.dictation-panel{background:var(--subsurface)}.dictation-panel p,.dictation-panel summary,.number-help{font-size:12px!important}.quote-totals{font-size:13px}.quote-totals strong{font-variant-numeric:tabular-nums}.draft-list>p,.task-item p,.customer-item p{font-size:12px}.price-table{min-width:950px}.price-list-categories{max-width:100%}.price-picker-filters{gap:14px}.price-note{font-size:12px}.quote-price-suggestions{background:var(--paper)}
:root[data-theme] dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line-strong);border-radius:16px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 32px);box-shadow:0 24px 80px #0007}dialog::backdrop{background:#030910aa;backdrop-filter:blur(5px)}dialog form{max-height:calc(100dvh - 36px)}.modal-header{padding:22px 24px;border-color:var(--line);gap:16px}.modal-body{padding:22px 24px}.modal-footer{padding:18px 24px;background:var(--paper);border-color:var(--line);gap:10px}.upload,.document-link{background:var(--subsurface)!important;border-color:var(--line)!important}.upload p{font-size:11px}.upload .button{flex-shrink:0}.settings-toolbar p,.settings-save-status{font-size:12px}.employee-row{min-width:0}.department-settings-body,.user-settings-body{padding:22px}.department-fields{grid-template-columns:minmax(0,1fr) 88px;max-width:650px}.department-fields>label>input,.color-dropdown>summary{height:44px;min-height:44px}.color-preview{height:24px}.color-swatches{background:var(--paper)}.color-swatch input{min-height:0!important}.user-row{gap:12px;min-width:0}.user-row>*{min-width:0}.settings-section-summary,.department-settings-summary{min-height:62px}.work-map-layout{min-width:0}.work-map-panel{top:20px}.map-location-list{background:var(--paper)!important}.map-summary,.map-legend,.map-status-filter label,.map-bottom-note{font-size:12px}.map-toolbar{flex-wrap:wrap;gap:14px}.map-status-filter{flex-wrap:wrap}.map-legend{margin-left:0}.map-offer p,.map-address{font-size:12px}.map-bottom-note{flex-wrap:wrap}.needs-location{background:var(--warning-wash)!important}.geo-state,.geo-match{font-size:11px}.planning-toolbar{gap:14px}.week-controls{flex-wrap:wrap;max-width:100%;gap:9px}.week-controls strong{font-size:13px;white-space:normal}.week-controls .button{display:inline-flex}.planning-summary{font-size:12px;gap:12px;flex-wrap:wrap}.calendar-grid{min-width:1000px}.month-grid{min-width:850px}.calendar,.month-calendar{overflow:auto;max-width:100%;overscroll-behavior-x:contain}.planning-layout>.backlog{grid-template-columns:170px minmax(0,1fr)}.backlog-heading h2{font-size:17px}.backlog-heading p{font-size:12px}.plan-card p,.plan-location,.plan-card>div>span{font-size:11px}.plan-card .card-title{font-size:12px}.agenda-export{flex-wrap:wrap;gap:15px}.agenda-export p{font-size:12px}
.mobile-nav{display:none}.more-links{display:grid;padding:12px}.more-links button,.more-links a{display:flex;align-items:center;gap:14px;font-size:14px;padding:13px 16px;min-height:48px;text-align:left;border-radius:9px}.more-links [aria-current=page]{background:var(--accent-wash);color:var(--accent-text)}.more-links a{border-top:1px solid var(--line);margin-top:8px;color:var(--muted)}#more-menu{width:460px}#toast{background:var(--subsurface);color:var(--ink);border:1px solid var(--line-strong);border-radius:10px;font-size:12px;z-index:100;left:calc(50% + var(--sidebar-width)/2)}
.duo-detail{display:none;min-width:0;padding:30px 24px 30px 0}.duo-detail>.panel{padding:0!important;overflow:hidden;position:sticky;top:20px}.duo-detail .panel-heading{padding:18px;border-bottom:1px solid var(--line);margin:0}.duo-detail .panel-heading h2{font-size:15px}.duo-detail-body{padding:20px;display:grid;gap:20px}.duo-detail-body small{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.duo-detail-body h3{font-size:18px}.duo-detail-body p{font-size:12px;overflow-wrap:anywhere}.duo-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}.duo-value{font-size:24px;font-variant-numeric:tabular-nums}.duo-description{white-space:pre-wrap;max-height:300px;overflow:auto}.duo-detail-body .workspace-actions{margin:0}.duo-detail-body .workspace-actions .button{width:100%}
:root[data-workspace-layout=split]:is([data-view=overview],[data-view=offers],[data-view=planning],[data-view=map]) .workspace-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,32%)}:root[data-workspace-layout=split]:is([data-view=overview],[data-view=offers],[data-view=planning],[data-view=map]) .duo-detail{display:block}
:root[data-workspace-layout=split] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}:root[data-workspace-layout=split] .overview-focus,:root[data-workspace-layout=split] .lower-grid{grid-template-columns:1fr}:root[data-workspace-layout=split] .agenda-row>.department{display:none}
@media(max-width:1199px) and (min-width:600px){:root{--sidebar-width:72px}:root[data-theme] .sidebar{padding:24px 10px 16px}:root[data-theme] .brand{padding:0;justify-content:center}:root[data-theme] .brand img{width:36px;height:36px}.brand>span{display:none}.sidebar .nav-label,.sidebar .nav b,.sidebar-note,.profile>div{display:none!important}:root[data-theme] .sidebar .nav{justify-content:center;padding:12px;min-height:48px}.nav-icon{margin:0}.sidebar nav{overflow:visible}.sidebar .profile{justify-content:center;margin-top:auto!important;padding-top:16px}.sidebar .nav[data-view=costing]{grid-column:auto}.shell{margin-left:72px}:root[data-theme] main{padding:26px 22px}:root[data-theme] .topbar{padding:0 22px}.topbar-actions{gap:8px}.today{font-size:10px}:root[data-theme] .metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-total>strong{font-size:28px}.overview-focus{grid-template-columns:1fr}.overview-pending{grid-template-columns:36px 1fr;gap:8px 14px;align-items:center}.overview-pending p,.overview-pending .text-button{grid-column:2}.compose-grid,.workspace-grid{grid-template-columns:1fr}.draft-list{order:2}.header-actions{flex-wrap:wrap}.header-import{min-width:170px}.header-drop{width:185px}.header-actions>.primary{min-width:170px}.work-map-layout{grid-template-columns:1fr}.map-location-list{max-height:450px}.lower-grid{grid-template-columns:1fr}.user-row{grid-template-columns:1fr 1fr!important}.user-row .user-actions{grid-column:1/-1}.price-picker-filters{grid-template-columns:1fr 1fr}.price-picker-filters label:last-child{grid-column:1/-1}}
@media(min-width:600px) and (max-width:1100px){:root[data-workspace-layout=split]{--sidebar-width:0px}:root[data-workspace-layout=split] .sidebar{display:none}:root[data-workspace-layout=split] .shell{margin-left:0}:root[data-workspace-layout=split] .mobile-nav{display:flex}:root[data-workspace-layout=split] body{padding-bottom:calc(76px + env(safe-area-inset-bottom))}:root[data-workspace-layout=split] .workspace-body{grid-template-columns:minmax(0,1fr) minmax(250px,40%)}:root[data-workspace-layout=split] main{padding:24px 18px}:root[data-workspace-layout=split] .duo-detail{padding:24px 16px 24px 0}:root[data-workspace-layout=split] .page-heading{align-items:flex-start}:root[data-workspace-layout=split] .header-actions{width:100%}:root[data-workspace-layout=split] .header-actions>.primary,:root[data-workspace-layout=split] .header-drop{min-width:0;width:100%;font-size:11px}:root[data-workspace-layout=split] .header-import{min-width:0;flex:1}:root[data-workspace-layout=split] .header-actions>.primary{flex:1}:root[data-workspace-layout=split] .metric{padding:14px 11px}:root[data-workspace-layout=split] .metric-total>strong{font-size:22px}:root[data-workspace-layout=split] .metric-label{font-size:11px}:root[data-workspace-layout=split] .header-drop-icon{display:none}:root[data-workspace-layout=split] .profile{display:none}}
.mobile-nav{position:fixed;inset:auto 0 0;z-index:30;align-items:center;justify-content:space-around;gap:5px;background:var(--header);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left))}.mobile-nav button{min-height:52px;min-width:60px;display:grid;justify-items:center;align-content:center;gap:5px;padding:6px 12px;border-radius:9px;color:var(--muted);font-size:11px}.mobile-nav button.active{color:var(--accent-text);background:var(--accent-wash)}
@media(max-width:599px){:root{--sidebar-width:0px}:root[data-theme] .sidebar{display:none}.shell{margin-left:0}body{padding-bottom:calc(78px + env(safe-area-inset-bottom))}.mobile-nav{display:flex}:root[data-theme] .topbar{height:66px;padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));gap:8px}.mobile-brand{display:flex;align-items:center;gap:8px;font-weight:500;font-size:15px;letter-spacing:.07em}.mobile-brand img{width:30px;height:30px;filter:none}.breadcrumb-wrap,.today,.layout-toggle{display:none}.topbar-actions{margin-left:auto;gap:8px}.theme-toggle{min-height:40px}.theme-toggle>span:last-child{font-size:11px}:root[data-theme] main{padding:24px 18px;min-height:70vh}:root[data-theme] h1{font-size:28px}:root[data-theme] h2{font-size:16px}:root[data-theme] footer{padding:10px 18px 20px;flex-wrap:wrap;gap:7px}.page-heading{gap:18px;align-items:center;flex-wrap:wrap}:root[data-theme] .page-heading p{font-size:12px;max-width:100%}.header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:8px}.header-actions>.primary{min-width:0;width:100%;padding:10px 8px;min-height:48px;font-size:12px;margin:0}.header-import{min-width:0}.header-drop{width:100%;min-height:48px;padding:8px 10px}.header-drop strong{font-size:11px}.header-drop small{font-size:10px}.header-drop-icon{display:none}.section-toolbar{margin-bottom:18px;gap:12px}.segmented{width:100%;justify-content:flex-start;gap:6px}.segmented button{flex:0 1 auto;min-height:44px;font-size:11px;padding:8px 10px}.quiet-label{display:none}:root[data-theme] .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:18px}:root[data-theme] .metric{padding:14px 12px;min-height:132px}.metric-label{font-size:11px;min-height:28px}.metric-total>strong{font-size:24px}.metric-foot{font-size:11px}.metric-foot .muted{display:block}.overview-focus,.lower-grid,.compose-grid,.workspace-grid{grid-template-columns:1fr;gap:18px}.overview-focus{margin-bottom:18px}.overview-agenda>.panel-heading{padding:16px}.agenda-row{padding:15px 16px;gap:10px}.agenda-row>.department{display:none}.agenda-row .row-link{font-size:12px}.overview-pending{display:grid;grid-template-columns:36px 1fr;gap:8px 14px;align-items:center}.overview-pending p,.overview-pending .text-button{grid-column:2}:root[data-theme] .panel,:root[data-theme] .attention-panel{padding:18px}:root[data-theme] .overview-agenda,:root[data-theme] .recent,:root[data-theme] .offers-panel{padding:0}.panel-heading{align-items:center}.panel-heading p{font-size:11px!important}.recent>.panel-heading{padding:16px}.search{width:100%;min-width:0}.status-tabs{gap:20px!important}.status-tabs button{font-size:12px!important}.list-summary{padding:15px 16px;font-size:11px}.list-summary>span{max-width:100%}.list-summary>span:last-child{font-size:11px}.form-grid{grid-template-columns:1fr}.form-grid>.full{grid-column:auto}:root[data-theme] input,:root[data-theme] select,:root[data-theme] textarea{font-size:16px;min-height:44px}.quote-lines input,.quote-lines select{font-size:16px;min-height:44px}.quote-lines{min-width:670px}.quote-lines-heading .price-list-actions{width:100%}.quote-lines-heading .price-list-actions .button{flex:1}.compose-toolbar{flex-wrap:wrap;gap:12px}.compose-toolbar .button{margin-left:auto}.workspace-actions>.button{flex:1}.task-item{gap:10px}.task-meta{flex-wrap:wrap;font-size:11px}.settings-toolbar{gap:14px}.department-section-heading{align-items:flex-start}.department-section-title{font-size:17px!important}.department-section-heading>.button{font-size:11px!important}.department-settings-body,.user-settings-body{padding:18px 16px}.department-fields{grid-template-columns:minmax(0,1fr) 88px!important;gap:12px}.employee-row{grid-template-columns:minmax(0,1fr) 38px;gap:12px}.employee-row label:nth-child(2){grid-row:2}.employee-row .icon-button{grid-column:2;grid-row:2}.user-row{grid-template-columns:1fr!important;gap:13px}.user-row .user-actions{grid-column:auto;display:flex;gap:8px}.user-row .user-actions .button{flex:1}.color-swatches{max-width:calc(100vw - 60px)}.color-swatch{width:32px;height:32px}.color-swatch>span{width:32px;height:32px}.settings-section-summary,.department-settings-summary{padding:16px;gap:10px}.settings-section-summary strong,.department-settings-summary strong{font-size:13px}.settings-section-summary>span,.department-settings-summary>span{font-size:11px}.price-list-actions{gap:10px}.price-list-actions .button{min-height:44px}.price-picker-filters{grid-template-columns:1fr}.price-picker-filters label:last-child{grid-column:auto}.price-list-categories button{font-size:11px}.price-table{min-width:900px}.work-map-layout{grid-template-columns:1fr}.work-map-panel{position:static}.map-toolbar{gap:14px}.map-status-filter{width:100%;gap:10px}.map-status-filter select{flex:1}.map-summary{flex-wrap:wrap;gap:10px;font-size:11px}.map-legend{flex-wrap:wrap;font-size:11px}#work-map{height:420px;min-height:300px}.map-location-list{max-height:none}.map-bottom-note{font-size:11px}.planning-layout>.backlog{display:block;width:100%}.planning-layout .backlog-heading{border:0;border-bottom:1px solid var(--line)}.planning-layout .backlog-cards{grid-template-columns:1fr;padding:12px}.planning-summary{font-size:11px}.week-controls{width:100%;justify-content:space-between}.week-controls strong{font-size:12px}.week-controls .button{display:inline-flex}.planning-toolbar .segmented{width:auto;max-width:100%}.agenda-export{display:flex;flex-direction:column;align-items:flex-start}.agenda-export .button{width:100%}.planning-footnote{font-size:11px}.duo-detail{display:none!important}:root[data-workspace-layout=split] .workspace-body{display:block!important}:root[data-theme] dialog{width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:14px}dialog form{max-height:calc(100dvh - 28px)}.modal-header{padding:18px}.modal-header h2{font-size:20px}.modal-body{padding:18px}.modal-footer{padding:16px 18px;flex-wrap:wrap}.modal-footer .button{min-height:44px}.upload{padding:15px;flex-wrap:wrap}.upload strong{font-size:12px}.upload p{font-size:11px}.upload .button{margin-left:0}.modal-header .icon-button,.icon-button{min-height:44px;min-width:36px}.button,.text-button{min-height:44px!important}#toast{left:50%;bottom:calc(90px + env(safe-area-inset-bottom));max-width:calc(100vw - 24px);width:max-content}.map-location-list{max-width:100%}.quote-totals{max-width:100%}}
@media(min-width:600px) and (pointer:coarse){button,.button,summary,.icon-button{min-height:44px!important}input,select,textarea{font-size:16px!important}}
@media(max-height:800px) and (min-width:1200px){.sidebar-note{display:none!important}.sidebar nav{margin-top:22px!important}.profile{margin-top:auto!important}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

main{container-type:inline-size;container-name:workspace}
@container workspace (max-width:560px){
.offer-table-wrap{overflow:visible}.offer-table{display:block;width:100%;min-width:0!important}.offer-table thead{display:none}.offer-table tbody{display:grid}.offer-table tr{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 14px;padding:17px 16px;border-top:1px solid var(--line)}.offer-table td{padding:0!important;border:0!important;min-width:0;white-space:normal!important;text-align:left;font-size:12px!important}.offer-table td:first-child,.offer-table td:nth-child(2){grid-column:1/-1}.offer-table td:first-child .row-link{font-size:13px!important}.offer-table td:first-child .reference{overflow-wrap:anywhere;font-size:11px}.offer-table td:nth-child(2){color:var(--muted)}.offer-table td:nth-child(2) strong{font-weight:400}.offer-table td:nth-child(4),.offer-table td:nth-child(6),.offer-table td:last-child{justify-self:end;text-align:right}.offer-table td[data-label]::before{content:attr(data-label);display:block;margin-bottom:4px;font-size:10px;color:var(--muted)}.offer-table td:last-child{align-self:end}.offer-table .status{max-width:100%;font-size:10px!important}.overview-focus{grid-template-columns:1fr}.agenda-row>.department{display:none}
}
/* Preserve labelled ex-VAT values and flush accordion headers. */
.metric-total>span{display:block;font-size:0;order:2}.metric-total>span small{font-size:10px;color:var(--muted);font-weight:400}.metric-total>strong{order:0}.metric-total>small{order:3}
:root[data-theme] :is(.user-settings,.department-settings-card){padding:0}
.header-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-width:100%;width:460px}.header-import{min-width:0}.header-drop{width:100%;min-height:64px}.header-actions>.primary{min-width:0;width:100%;min-height:64px}
@media(max-width:599px){.user-row>label,.user-row>.user-actions{grid-column:auto!important;grid-row:auto!important}.user-actions{height:auto;flex-wrap:wrap;justify-content:flex-start}.user-state{position:static;display:block;flex-basis:100%;text-align:left;font-size:11px}.user-actions .button{height:auto;min-height:44px}.header-actions{width:100%;gap:8px}.header-drop,.header-actions>.primary{min-height:64px}.addressbook-grid{grid-template-columns:1fr!important}.customer-logo{flex-wrap:wrap}.contact-card{grid-template-columns:1fr!important}}

.segmented{justify-content:flex-start}.metric-foot{display:block;min-height:0;margin:0}
.calendar-mobile-agenda{display:none}
@media(max-width:599px){.calendar[aria-label="Weekplanning"]{display:none}.calendar-mobile-agenda{display:block;padding:0!important}.mobile-agenda-day{padding:16px;border-bottom:1px solid var(--line)}.mobile-agenda-day:last-child{border:0}.mobile-agenda-date{display:flex;align-items:center;gap:10px;font-size:12px}.mobile-agenda-date strong{text-transform:capitalize}.mobile-agenda-date>span{color:var(--muted)}.mobile-agenda-date .icon-button{margin-left:auto}.mobile-agenda-jobs{display:grid;gap:10px;margin-top:10px}.mobile-agenda-jobs>p{font-size:12px}.mobile-agenda-jobs .plan-card{margin:0}.mobile-agenda-jobs .plan-date-button{min-height:44px}}

:root[data-theme=light] .department{color:var(--ink)!important}:root[data-theme=light] .department i{color:var(--department-color,var(--accent-text))}
.login-page{padding:32px 18px!important;min-height:100dvh;display:grid;place-items:center}.login-page .login-panel{max-width:440px!important;min-height:0!important;width:100%;margin:0;padding:32px!important;border:1px solid var(--line);border-radius:16px;background:var(--paper);display:grid;gap:26px;container-type:normal}.login-panel h1{font-size:28px!important}.login-panel h2{margin-bottom:10px}.login-panel p{font-size:13px}.login-panel>img{object-fit:contain}.login-panel #login-status{font-size:12px;overflow-wrap:anywhere}.login-panel #google-sign-in{max-width:100%;overflow:hidden}
:root[data-access=planning] .sidebar nav .nav:not([data-view=planning]),:root[data-access=planning] .sidebar-note,:root[data-access=planning] .settings-trigger,:root[data-access=planning] #layout-toggle,:root[data-access=planning] .agenda-export,:root[data-access=planning] .planning-footnote,:root[data-access=planning] .backlog,:root[data-access=planning] .planning-summary>span:last-child,:root[data-access=planning] .cell-add,:root[data-access=planning] .month-add,:root[data-access=planning] [data-month-date],:root[data-access=planning] .overdue-note{display:none!important}
.readonly-job{font-size:12px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.readonly-job-card{cursor:default}

:root [hidden]{display:none!important}@media(max-width:360px){.topbar .mobile-brand>span{display:none}}
