/* MCN workspace system. Documents and email artwork keep their own typography. */
@media screen {
:root {
 --ui-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
 --ui-text:#242426;--ui-secondary:#62636a;--ui-line:#e2e3e7;
 --ui-surface:#fff;--ui-canvas:#f5f5f7;--ui-navigation:#eeeef0;
 --ui-accent:#ffd60a;--ui-radius:16px;--ui-control-radius:10px;
 --ui-space:24px;--ui-body:14px;--ui-control:40px;
 --mcn-paper:var(--ui-canvas);--mcn-navigation:var(--ui-navigation);
 --mcn-line:var(--ui-line);--muted:var(--ui-secondary);--line:var(--ui-line);
 font-family:var(--ui-font);color:var(--ui-text);font-size:var(--ui-body);
}
:root[data-text-size="large"]{--ui-body:16px}
:root[data-density="compact"]{--ui-space:18px;--ui-control:34px}
main.data-view{overflow-anchor:none}
body{font-family:var(--ui-font);line-height:1.5;-webkit-font-smoothing:antialiased}
body>header,#business-nav,main.data-view>aside{color:var(--ui-text)}
body>header{background:var(--ui-canvas);border-color:var(--ui-line)}
body>header .header-context strong{font-size:14px;font-weight:600;color:var(--ui-secondary)}
body>header .header-actions{gap:8px}
#business-nav{background:var(--ui-navigation);padding:16px 10px}
#business-nav :is(button,a,summary){font-family:var(--ui-font);font-size:13px;line-height:1.4;letter-spacing:0}
#business-nav button,#business-nav .nav-drive-link{min-height:38px;padding:10px 12px;color:#44454b}
#business-nav .nav-group summary{font-size:12px;font-weight:600;color:var(--ui-secondary);padding:18px 12px 8px}
#business-nav button.active{color:#292713;background:#fff1a8;box-shadow:inset 0 0 0 1px #e7d989}
#business-nav button:hover:not(.active){background:#e4e4e8}
main.data-view>aside{overflow-anchor:none;background:var(--ui-canvas);padding:32px;line-height:1.5}
/* A single type scale applies to every module, record, nested view and dialog. */
:is(main,dialog,.auth-card) :is(h1,h2,h3,h4):not(:where(.customer-document *,.hs-document *,.email-signature *)){
 font-family:var(--ui-font);font-weight:600;letter-spacing:-.025em;color:var(--ui-text);overflow-wrap:anywhere;
}
main.data-view :is(h1,.workspace-title h1,.dashboard-heading h1,.hs-heading h1,.hr-directory-heading h1),
main.data-view>aside>#details>h2,main.data-view #business-content>h2,main.data-view .settings-heading h2 {
 font-size:28px;line-height:1.2;margin:0 0 12px;letter-spacing:-.035em;font-weight:650;
}
main.data-view h2{font-size:22px;line-height:1.3;margin:24px 0 16px}
main.data-view :is(.dashboard-card h2,.hs-card h2,.hr-card h2,.settings-card h3,.additional-information h3){font-size:17px;line-height:1.35;letter-spacing:-.015em;font-weight:600}
main.data-view h3{font-size:15px;line-height:1.4;margin:20px 0 12px}
:is(main.data-view,dialog) p:not(:where(.customer-document *,.hs-document *,.email-signature *)){font-size:var(--ui-body);line-height:1.6;color:var(--ui-secondary)}
main.data-view :is(.eyebrow,.pill,.hs-card-top,.hr-card-top){font-family:var(--ui-font);letter-spacing:0;font-size:11px;font-weight:600}
main.data-view :is(.workspace-title,.dashboard-heading,.hs-heading,.hr-directory-heading,.settings-heading){margin-bottom:24px}
main.data-view :is(.workspace-title,.hs-heading,.hr-directory-heading){align-items:flex-start;flex-wrap:wrap;gap:16px}
main.data-view :is(.workspace-title,.hs-heading,.hr-directory-heading)>div{min-width:0}
main.data-view .kv{font-size:var(--ui-body);line-height:1.5;padding:13px 0;gap:20px;border-color:var(--ui-line)}
main.data-view .kv>span{font-size:13px;color:var(--ui-secondary)}
main.data-view .kv>strong{font-weight:500;overflow-wrap:anywhere}
/* Shared surfaces and record sections. */
main.data-view :is(.dashboard-card,.register-shell,.settings-card,.hr-card,.hs-card,.hs-attention,.additional-information,.estimate-client-group,.tracking-panel,.module-card,.client-related>details){border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface);box-shadow:0 2px 8px #1d1d1f04}
main.data-view :is(.settings-card,.hr-card,.hs-card,.hs-attention,.estimate-client-group,.additional-information){padding:var(--ui-space)}
main.data-view :is(.hs-grid,.hr-grid,.settings-grid){gap:20px;align-items:start}
main.data-view .profile-fields{gap:20px;margin:24px 0;align-items:start}
main.data-view .profile-fields>.field-section{min-width:0;padding:var(--ui-space);border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:#fff;box-shadow:0 2px 8px #1d1d1f04}
main.data-view .profile-fields>.field-section>h3{margin:0 0 16px;font-size:15px;font-weight:600;letter-spacing:-.01em}
main.data-view .profile-fields .form-grid{display:block;margin:0}
main.data-view .profile-fields .kv{display:grid;grid-template-columns:minmax(100px,.85fr) minmax(0,1.15fr);align-items:start;gap:20px;padding:12px 0;border-bottom:1px solid #eeeef1;font-size:var(--ui-body);line-height:1.5}
main.data-view .profile-fields .kv:first-child{padding-top:0}
main.data-view .profile-fields .kv:last-child{border-bottom:0;padding-bottom:0}
main.data-view .profile-fields .kv>span{color:var(--ui-secondary);font-size:inherit}
main.data-view .profile-fields .kv :is(strong,a){font-weight:500;line-height:1.5;overflow-wrap:anywhere}
main.data-view :is(.record-actions,.record-edit-toolbar,#record-top){display:flex;align-items:center;flex-wrap:wrap;gap:8px}
main.data-view #record-top{padding:0;margin:0 0 24px;position:static}
main.data-view .inline-record-link{color:#675300;font-weight:500;text-decoration-color:#b9a55b}
main.data-view :is(.insight-strip,.hr-metrics,.hs-metrics,.delivery-metrics){gap:20px}
main.data-view :is(.insight-strip,.hr-metrics,.hs-metrics,.delivery-metrics) strong{font-family:var(--ui-font);font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
main.data-view :is(.insight-strip,.hr-metrics,.hs-metrics,.delivery-metrics) span{font-size:13px;color:var(--ui-secondary)}
/* Controls, segmented navigation and readable tables. */
:is(body>header,main.data-view>aside,dialog) :is(button,input,select,textarea):not(:where(.gm-style *,.customer-document *,.email-signature *)) {font-family:var(--ui-font);font-size:var(--ui-body);letter-spacing:0;line-height:1.4}
:is(body>header,main.data-view>aside,dialog) button:not(:where(.gm-style *,.business-marker,.column-filter-trigger,.inline-record-link,.record-link,.widget-drag-handle,#close-dialog)) {min-height:var(--ui-control);padding:9px 14px;border-radius:var(--ui-control-radius);font-weight:500}
:is(main.data-view,dialog) :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){min-height:var(--ui-control);border:1px solid #d7d8dd;border-radius:var(--ui-control-radius);background:#fafafa;color:var(--ui-text);padding:10px 12px}
:is(main.data-view,dialog) :is(input,select,textarea)::placeholder{color:#777981;opacity:1}
:is(main.data-view,dialog) :is(input,select,textarea):focus{border-color:#9b7e00;outline:none;box-shadow:0 0 0 3px #ffd60a33;background:white}
:is(main.data-view,dialog) :is(button,a,summary):focus-visible{outline:2px solid #907500;outline-offset:3px}
main.data-view :is(.module-tabs,.profile-tabs,.tabs){gap:4px;padding:4px;border-radius:12px;background:#e9e9ed;border:1px solid #dfdfe4}
main.data-view :is(.module-tabs,.profile-tabs,.tabs) button{border:0;background:transparent;color:#606168;min-height:34px;padding:8px 12px;border-radius:9px;font-size:13px}
main.data-view :is(.module-tabs,.profile-tabs,.tabs) button:is(.active,[aria-selected="true"]){background:white;color:#242426;box-shadow:0 1px 5px #00000012;font-weight:600}
main.data-view .register-toolbar{background:#fff;padding:16px;gap:12px;border-bottom:1px solid var(--ui-line)}
main.data-view :is(.workspace-table,.estimate-grid){font-size:var(--ui-body);line-height:1.5}
main.data-view .workspace-table th{background:#fafafa;font-size:12px;font-weight:600;color:#62636a;text-transform:none;letter-spacing:0;padding:14px 16px;white-space:normal}
main.data-view .workspace-table td{padding:15px 16px;border-bottom:1px solid #eeeef1;vertical-align:middle}
main.data-view .workspace-table .record-link{font-size:var(--ui-body);font-weight:600;color:#29292d}
main.data-view .workspace-table small{font-size:12px;line-height:1.5;color:var(--ui-secondary);margin-top:4px}
main.data-view .workspace-table tbody tr:hover{background:#fffdf0}
main.data-view .register-count{padding:12px 16px;margin:0;font-size:12px}
main.data-view .status-badge{font-size:12px;line-height:1.4;font-weight:500;letter-spacing:0;padding:5px 9px;border-radius:7px}
main.data-view .crm-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:16px;margin:20px 0}
main.data-view .crm-summary>span{display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--ui-secondary)}
main.data-view .crm-summary strong{font-size:20px;font-weight:600;color:var(--ui-text);font-variant-numeric:tabular-nums}
main.data-view .module-list .module-card{border:0;border-bottom:1px solid var(--ui-line);border-radius:0;box-shadow:none;padding:18px 20px}
main.data-view .module-list .module-card:last-child{border-bottom:0}
main.data-view .module-card strong{font-size:14px;font-weight:600;line-height:1.5}
main.data-view .module-card small{font-size:12px;line-height:1.5;color:var(--ui-secondary)}
/* Editors use labels above fields; their action bar stays within the dialog. */
dialog:not(.document-preview){font-family:var(--ui-font);color:var(--ui-text);background:#fff;border:1px solid #e2e3e7;border-radius:20px;padding:28px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 48px);overflow:auto}
dialog:not(.document-preview) h2{font-size:22px;font-weight:600;line-height:1.3;margin:0 36px 20px 0;letter-spacing:-.025em}
dialog:not(.document-preview) h3{font-size:15px;line-height:1.4;margin:20px 0 12px}
dialog:not(.document-preview) form>label,dialog .form-grid label{font-size:13px;font-weight:500;line-height:1.5;color:#53545b;display:grid;gap:7px;margin-bottom:16px;min-width:0}
dialog:not(.document-preview) label.check{display:flex;align-items:center;gap:10px}
dialog .form-grid{column-gap:20px;row-gap:8px}
dialog .field-section{border:0;border-top:1px solid var(--ui-line);border-radius:0;padding:20px 0 4px;margin:12px 0;min-width:0}
dialog .field-section legend{float:left;width:100%;margin:0 0 16px;padding:0;font-size:15px;font-weight:600;color:var(--ui-text)}
dialog .field-section>.form-grid{clear:both}
dialog .editor-save-bar{position:sticky;bottom:-28px;background:#ffffffed;backdrop-filter:blur(16px);padding:16px 0;margin-top:20px;border-top:1px solid var(--ui-line);display:flex;justify-content:flex-end;gap:8px;z-index:3}
dialog .error:empty,main.data-view .error:empty{display:none}
:is(main.data-view,dialog) .error{color:#b42318;font-size:13px;line-height:1.5}
:is(.column-filter-panel,.traffic-incident-list,.traffic-map-detail,.map-name-tag){font-family:var(--ui-font);letter-spacing:0}
:is(.map-dropdown-toolbar,.traffic-map-control,.main-google-tools-control,.fleet-google-control-buttons) button{font-family:var(--ui-font);font-size:13px;border-radius:10px;line-height:1.4}
.auth-card :is(h1,h2){font-family:var(--ui-font);font-size:26px;font-weight:600}
@media(max-width:1050px){main.data-view :is(.hs-grid,.hr-grid,.settings-grid){grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){main.data-view>aside{padding:24px 16px}main.data-view :is(.hs-grid,.hr-grid,.settings-grid,.profile-fields){grid-template-columns:minmax(0,1fr)}main.data-view :is(h1,.workspace-title h1,.dashboard-heading h1){font-size:25px}main.data-view .profile-fields .kv{gap:12px}dialog:not(.document-preview){padding:24px 18px}dialog .editor-save-bar{bottom:-24px}}
@media(max-width:480px){main.data-view .profile-fields .kv{grid-template-columns:1fr;gap:4px}main.data-view :is(.insight-strip,.hr-metrics,.hs-metrics,.delivery-metrics){grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
}
@media screen and (max-width:780px){
 #business-nav{height:auto;max-height:176px;min-height:56px;align-items:flex-start;flex-shrink:0}
 #business-nav>button,#business-nav>.nav-drive-link,#business-nav>.nav-group{flex-shrink:0}
}
@media screen and (max-width:540px){
 body>header{height:auto;min-height:0;display:grid;grid-template-columns:1fr;gap:10px;padding:12px 16px}
 body>header .brand{margin:0;padding:0;min-height:40px}
 body>header .brand img{width:126px;max-height:44px}
 body>header>.header-actions{grid-column:1/-1;width:100%;min-width:0;margin:0;padding:0;display:flex;gap:6px}
 body>header .header-actions button{flex:1;min-width:0;font-size:12px;padding:8px;white-space:normal}
 #business-nav{padding:8px;max-width:100vw}
 main.data-view .register-toolbar :is(input,select){width:100%;min-width:0;max-width:100%;margin:0}
 #modal.record-editor{padding:24px 16px}
}

.social-profiles{padding:20px;margin:0 0 24px;background:#fff;border:1px solid #e5e5e7;border-radius:16px}.social-profiles h3{margin:0 0 16px}.social-profile-link{display:inline-flex;align-items:center;gap:16px;padding:10px 16px;border:1px solid #dedee2;border-radius:10px;color:inherit;text-decoration:none;font-weight:500}.social-profile-link:hover{background:#fff3ac;border-color:#e5c900}.social-profile-link:focus-visible{outline:2px solid #665600;outline-offset:3px}

/* Company location controls have their own row clear of the details divider. */
.company-location-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0 24px;padding:0}
.company-location-actions>button{margin:0;min-height:42px;display:inline-flex;align-items:center;justify-content:center}
.module-card.news-with-photo{display:flex;align-items:center;gap:16px;text-align:left}
.news-row-photo{width:112px;height:76px;object-fit:cover;flex:none;border-radius:8px}
.news-row-text{display:flex;flex-direction:column;gap:5px;min-width:0}
@media(max-width:600px){.news-row-photo{width:80px;height:64px}.module-card.news-with-photo{gap:12px}}

#business-nav .nav-group{margin-top:8px}
#business-nav .nav-group summary{padding:12px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-radius:8px}
#business-nav .nav-group summary::after{float:none;flex:none}
#business-nav .nav-group.has-active-page>summary{color:#423b15;background:#e8e6d9}
#business-nav .nav-group>button,#business-nav .nav-group>.nav-drive-link{padding-left:24px!important}
#business-nav .nav-footer{margin-top:auto;padding-top:14px;border-top:1px solid var(--ui-line)}
#business-nav .nav-footer #base{border:0;margin:0;padding:10px 12px}
.nav-favourites{padding:12px 0;border-bottom:1px solid var(--ui-line)}
.nav-favourites-heading{display:flex;align-items:center;justify-content:space-between;padding-left:10px;font-size:12px;color:var(--ui-secondary)}
#business-nav .nav-favourites-heading button{width:auto;min-height:32px;padding:6px 10px;font-size:12px}
#sidebar-favourite-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
#sidebar-favourite-options fieldset{min-width:0;border:1px solid var(--ui-line);border-radius:8px;padding:12px}
#sidebar-favourite-options label{display:flex;gap:8px;margin:8px 0}
@media(max-width:780px){#business-nav>.nav-favourites,#business-nav>.nav-footer{flex-shrink:0;min-width:140px;margin:0}#sidebar-favourite-options{grid-template-columns:1fr}}

main.data-view .module-list .module-card.news-with-photo{display:flex;align-items:center;gap:18px}
.news-with-photo .news-row-text{flex:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr) minmax(120px,.8fr);align-items:center;gap:16px}
.news-article-photo{display:block;max-width:100%;width:640px;max-height:360px;object-fit:contain;border-radius:12px;margin:0 0 24px}
@media(max-width:780px){.news-with-photo .news-row-text{display:flex;align-items:stretch;gap:4px}.news-row-photo{width:88px;height:70px}}

.live-news-status{display:flex;align-items:center;gap:12px 24px;flex-wrap:wrap;padding:12px 16px;margin:14px 0;background:#fff;border:1px solid var(--ui-line);border-radius:10px}
.live-news-status p{margin:0;flex:1 1 300px;font-size:12px}.live-news-status summary{cursor:pointer;font-size:12px}.live-news-status li{font-size:12px;margin:6px 0}.live-news-status button{margin-left:auto}

/* Unified controls and surfaces, including nested operational/performance screens. */
@media screen {
:root{--ui-control-border:#dcdde2;--ui-hover:#f0f0f3;--ui-shadow:0 1px 2px #1d1d1f08;--ui-motion:140ms;--ui-ease:cubic-bezier(.2,.8,.2,1)}
:is(body>header,main.data-view>aside,dialog:not(.document-preview)) button:not(:where(.gm-style *,.leaflet-container *,.business-marker,.column-filter-trigger,.record-link,.inline-record-link,.widget-drag-handle,.widget-remove,.module-card,.related-row,.directory-row)){
 border:1px solid var(--ui-control-border);background:var(--ui-surface);color:var(--ui-text);box-shadow:var(--ui-shadow);cursor:pointer;vertical-align:middle;
 transition:background-color var(--ui-motion) var(--ui-ease),border-color var(--ui-motion) var(--ui-ease),box-shadow var(--ui-motion) var(--ui-ease);
}
:is(body>header,main.data-view>aside,dialog:not(.document-preview)) button:hover:not(:disabled):not(:where(.gm-style *,.leaflet-container *,.business-marker,.module-card,.related-row,.directory-row)){background-color:var(--ui-hover);border-color:#c4c5cc}
:is(body>header,main.data-view>aside,dialog:not(.document-preview)) button:active:not(:disabled):not(:where(.gm-style *,.leaflet-container *,.business-marker)){box-shadow:inset 0 1px 3px #00000012}
:is(body>header,main.data-view>aside,dialog:not(.document-preview)) button.primary{background:var(--ui-accent);border-color:#e5c000;color:#28240a;font-weight:600;box-shadow:0 1px 2px #8d740018}
:is(body>header,main.data-view>aside,dialog:not(.document-preview)) button.primary:hover:not(:disabled){background:#f3ca00;border-color:#cfac00}
:is(main.data-view>aside,dialog) button:is(.danger,.destructive){color:#b42318;background:#fff5f4;border-color:#f0c8c4}
:is(body>header,main.data-view>aside,dialog) button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}
:is(body>header,#business-nav,main.data-view>aside,dialog) :is(button,a,summary):focus-visible{outline:3px solid #9e8200;outline-offset:3px}
:is(main.data-view,dialog) input:is([type=checkbox],[type=radio]){accent-color:#927600;flex-shrink:0;width:17px;height:17px;vertical-align:middle}
main.data-view :is(.module-tabs,.profile-tabs,.tabs){display:flex;flex-wrap:wrap;align-items:center;gap:4px;max-width:100%;margin:20px 0;padding:4px;border-radius:12px;background:#e9e9ed}
main.data-view :is(.module-tabs,.profile-tabs,.tabs) button{border:0;box-shadow:none;background:transparent;color:var(--ui-secondary);min-height:36px;padding:8px 12px;margin:0;border-radius:9px;white-space:nowrap}
main.data-view :is(.module-tabs,.profile-tabs,.tabs) button:is(.active,[aria-selected=true],[aria-pressed=true]){background:#fff;color:var(--ui-text);box-shadow:0 1px 5px #00000016;font-weight:600}
main.data-view :is(.module-tabs,.profile-tabs,.tabs) button:hover:not(:disabled){background:#ffffff90;border-color:transparent}
main.data-view :is(.module-tabs,.profile-tabs,.tabs) button:is(.active,[aria-selected=true],[aria-pressed=true]):hover{background:white}
main.data-view :is(.record-actions,.module-actions,#module-actions,.settings-actions,.company-location-actions,.record-edit-toolbar){display:flex;flex-wrap:wrap;align-items:center;gap:10px}
main.data-view :is(.record-actions,.module-actions,#module-actions,.settings-actions)>button{margin:0}
main.data-view :is(.ops-toolbar,.performance-toolbar,.module-toolbar){display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin:20px 0 24px}
main.data-view :is(.ops-toolbar,.performance-toolbar,.module-toolbar) label{display:grid;gap:7px;font-size:13px;font-weight:500;color:var(--ui-secondary);min-width:0}
main.data-view :is(.ops-card,.performance-job,.performance-notice,.settings-category-panel,.tracking-panel){border-radius:var(--ui-radius);border:1px solid var(--ui-line);padding:var(--ui-space);background:var(--ui-surface);box-shadow:0 2px 8px #1d1d1f04}
main.data-view .ops-running{background:#fffbea;border-color:#e3cf70}
main.data-view .ops-card>h3:first-child,main.data-view .settings-category-panel>h3:first-child{margin-top:0}
main.data-view :is(.table-scroll,.estimate-grid-wrap,.register-shell){min-width:0;max-width:100%;overflow-x:auto;border:1px solid var(--ui-line);border-radius:var(--ui-radius);background:var(--ui-surface)}
main.data-view .table-scroll .workspace-table{margin:0;width:100%;border-collapse:collapse}
main.data-view .workspace-table tbody tr:last-child td{border-bottom:0}
main.data-view .workspace-table td:has(>.record-actions){min-width:150px}
main.data-view :is(.ops-hub,.performance-panel) .record-link{display:inline-flex;max-width:100%;border:0;background:transparent;box-shadow:none;padding:0;min-height:28px;text-align:left;color:#665300}
main.data-view :is(.ops-hub,.performance-panel) .record-link:hover{color:#423600;text-decoration:underline;background:transparent}
main.data-view :is(.hr-card,.hs-card,.ops-card,.dashboard-card)>p:last-child{margin-bottom:0}
dialog::backdrop{background:#17181f55;backdrop-filter:blur(4px)}
dialog #close-dialog{display:grid;place-items:center;width:32px;height:32px;min-height:32px;padding:0;border-radius:50%;background:#eeeef1;color:#62636a;border:0;box-shadow:none}
dialog #close-dialog::before{display:none}
#business-nav .nav-group>button,#business-nav .nav-group>.nav-drive-link{padding-left:14px!important}
#business-nav :is(button,a){border-radius:10px}
#business-nav .nav-group summary{border-radius:10px}
@media(max-width:780px){
 main.data-view :is(.module-tabs,.profile-tabs,.tabs){flex-wrap:nowrap;overflow-x:auto;scrollbar-width:thin;max-width:100%;scroll-padding:8px}
 main.data-view :is(.module-tabs,.profile-tabs,.tabs) button{flex:0 0 auto;min-height:44px}
 main.data-view :is(.ops-toolbar,.performance-toolbar,.module-toolbar)>label{flex:1 1 160px}
 :is(main.data-view>aside,dialog) button:not(:where(.gm-style *,.leaflet-container *,.record-link,.inline-record-link,.column-filter-trigger,#close-dialog)){min-height:44px}
 main.data-view :is(.record-actions,.settings-actions)>button{white-space:normal}
}
@media(prefers-reduced-motion:reduce){:is(body>header,#business-nav,main.data-view>aside,dialog) *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
}
@media screen {
main.data-view .stage-summary{border:1px solid var(--ui-line);border-radius:var(--ui-radius);overflow:hidden;background:#fff}
main.data-view .stage-summary button{background:transparent;border:0;border-right:1px solid var(--ui-line);border-radius:0;box-shadow:none;min-height:80px;padding:16px 20px}
main.data-view .stage-summary button:last-child{border-right:0}
main.data-view .stage-summary button[aria-pressed=true]{background:#fff6c9;box-shadow:inset 0 -3px var(--ui-accent)}
main.data-view .stage-summary button:hover:not(:disabled){background:#fffbea}
main.data-view :is(.module-toolbar,.ops-toolbar,.performance-toolbar) label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px;margin:0;min-height:40px;white-space:nowrap}
}
@media screen {
main.data-view #vehicle-content:has(>.kv){background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);padding:var(--ui-space);margin:20px 0}
main.data-view #vehicle-content>.kv{max-width:none;margin:0;grid-template-columns:minmax(150px,.7fr) minmax(0,1.3fr)}
main.data-view #vehicle-content>.kv:first-child{padding-top:0}
main.data-view #vehicle-content>.kv:last-child{border-bottom:0}
main.data-view .metric-grid{gap:16px;margin:20px 0}
main.data-view .metric-grid .metric{background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:var(--ui-radius);padding:20px;box-shadow:0 2px 8px #1d1d1f04}
main.data-view .metric-grid .metric strong{font-family:var(--ui-font);font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1.3;font-variant-numeric:tabular-nums}
main.data-view .metric-grid .metric small{color:var(--ui-secondary);font-size:12px;line-height:1.5}
@media(max-width:540px){main.data-view #vehicle-content>.kv{grid-template-columns:1fr;gap:4px}main.data-view .metric-grid{grid-template-columns:1fr}}
}
/* A connected, hidden iframe retains Google's loaded calendar between sections. */
#calendar-persistent{display:none}
main.data-view[data-section="calendar"] #calendar-persistent{display:block}
@media print{#calendar-persistent{display:none!important}}
.calendar-frame{position:relative}
.calendar-loading{position:absolute;inset:0;display:grid;place-items:center;background:var(--ui-surface,#fff);color:var(--ui-secondary,#62636a);font-size:14px;pointer-events:none;z-index:1}
.calendar-loading[hidden]{display:none}

/* Client totals remain readable across desktop and mobile. */
main.data-view .client-insights{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:900px){main.data-view .client-insights{grid-template-columns:repeat(2,minmax(0,1fr))}main.data-view .client-insights>div{border-left:0;padding-left:0}}

/* One outline per table surface; inner sections meet on straight edges. */
main.data-view .register-shell{overflow:visible}
main.data-view .register-shell>.table-scroll{border:0;border-top:1px solid var(--ui-line);border-radius:0;box-shadow:none}
main.data-view :is(.register-shell,.table-scroll) table{border:0;border-radius:0;box-shadow:none}
main.data-view :is(.register-shell,.table-scroll) thead,main.data-view :is(.register-shell,.table-scroll) th{border-radius:0}
main.data-view .table-scroll table{margin:0}
.optional-fields{border:1px solid var(--ui-line,#e2e3e7);border-radius:12px;padding:0;margin:12px 0;min-width:0;grid-column:1/-1}
.optional-fields>summary,.more-actions>summary{cursor:pointer;font-size:14px;font-weight:500;padding:12px 16px;color:var(--ui-text,#25262a)}
.optional-fields>.form-grid{padding:8px 16px 16px}
.optional-fields>summary:focus-visible,.more-actions>summary:focus-visible{outline:2px solid #8a7300;outline-offset:3px}
.more-actions{position:relative;align-self:center}
.more-actions>summary{border:1px solid var(--ui-line,#e2e3e7);background:#fff;border-radius:10px;min-height:40px;box-sizing:border-box}
.more-actions-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:30;min-width:210px;padding:6px;background:#fff;border:1px solid var(--ui-line,#e2e3e7);border-radius:12px;box-shadow:0 8px 24px #20212418;display:grid;gap:4px}
main.data-view .more-actions-panel button{text-align:left;border:0;box-shadow:none;background:transparent;white-space:nowrap;width:100%}
main.data-view .more-actions-panel button:hover{background:#f4f4f6}
.status-badge:empty{display:none}

/* Shared table edges: HR, contacts, operations, performance, fleet and finance. */
main.data-view :is(.hr-directory,.contacts-directory){border:1px solid var(--ui-line);border-radius:var(--ui-radius);overflow:visible;background:var(--ui-surface)}
main.data-view .hr-directory>.table-scroll{border:0;border-top:1px solid var(--ui-line);border-radius:0;box-shadow:none}
main.data-view :is(.table-scroll,.contacts-directory,.estimate-grid-wrap) :is(table,thead,tbody,tr,th,td){border-radius:0}
main.data-view :is(.hr-card,.hs-card,.ops-card,.settings-category-panel,.performance-job,.tracking-panel)>.table-scroll{border-radius:10px;box-shadow:none}
main.data-view .module-list{overflow:visible;border-radius:var(--ui-radius)}
main.data-view .module-list .module-card:last-child{border-bottom:0}
main.data-view .module-card .record-actions{margin-top:12px}
main.data-view :is(.record-actions,.record-edit-toolbar,#record-top,#module-actions){align-items:center;gap:8px}
main.data-view :is(.hs-card,.hr-card){display:flex;flex-direction:column}
main.data-view :is(.hs-card-actions,.hr-card-actions){margin-top:auto;padding-top:16px}
#account-actions{z-index:60}#account-actions .more-actions-panel button{width:100%;border:0;box-shadow:none;text-align:left;background:#fff}
@media(max-width:650px){.more-actions-panel{max-width:calc(100vw - 48px)}main.data-view .record-edit-toolbar{flex-wrap:wrap}}

.compact-section-tabs>button{display:none!important}
.module-tabs>label{display:grid;gap:6px;font-size:13px;color:var(--ui-secondary);min-width:240px;max-width:100%}
.module-tabs>label select{min-height:42px;max-width:100%;font-size:14px}
/* Grid gaps own editor spacing; labels must not add a second margin. */
#modal-content form.form-grid{gap:16px 20px}
#modal-content .field-section{margin:0;padding:14px 0 0}
#modal-content .field-section>.form-grid{gap:14px 20px;margin-top:6px}
#modal-content .form-grid>label{margin:0}
#modal-content .optional-fields{margin:0}
#modal-content .optional-fields>.form-grid{gap:14px 20px}
main.data-view .register-shell>.register-toolbar{border-radius:var(--ui-radius) var(--ui-radius) 0 0}
main.data-view .register-shell>.register-count{border-radius:0 0 var(--ui-radius) var(--ui-radius)}
/* Quiet workspace actions; preserve the existing sidebar. */
#new-record.context-create-present{display:none!important}
main.data-view :is(.record-actions,.record-edit-toolbar,#module-actions,#relationship-actions){display:flex;flex-wrap:wrap;gap:8px;align-items:center}
main.data-view .more-actions>summary{list-style:none;padding:9px 14px;min-height:38px;background:transparent;border-color:var(--ui-line);box-shadow:none}
main.data-view .more-actions>summary::-webkit-details-marker{display:none}
main.data-view .more-actions>summary::after{content:' ⋯';margin-left:8px}
main.data-view .more-actions[open]>summary{background:var(--ui-surface,#fff)}
main.data-view .more-actions-panel{min-width:220px;max-height:min(60vh,480px);overflow-y:auto;gap:2px;padding:6px}
main.data-view .more-actions-panel button{padding:10px 12px!important;font-size:13px!important;line-height:1.4;min-height:38px;white-space:normal;border-radius:7px!important}
main.data-view .more-actions-panel button:focus-visible{outline:2px solid #ad9000;outline-offset:-2px}
main.data-view :is(.module-heading,.hs-heading,.register-heading){align-items:center;gap:20px;margin-bottom:24px}
main.data-view :is(.module-heading,.hs-heading,.register-heading) p{max-width:65ch;line-height:1.5}
main.data-view .module-tabs{gap:6px;margin-bottom:20px}
main.data-view .hr-card-actions>button:only-child,main.data-view .hs-card-actions>button:only-child{border:0;background:transparent;box-shadow:none;text-align:left;padding-left:0;color:var(--ui-text)}
@media(max-width:650px){main.data-view .more-actions-panel{right:auto;left:0;max-width:calc(100vw - 48px)}}
main.data-view .stage-summary{display:flex;flex-wrap:wrap;border-bottom:1px solid var(--ui-line);gap:0;margin:16px 0 24px}
main.data-view .stage-stat{display:flex;align-items:baseline;gap:8px;padding:12px 24px 12px 0;margin-right:24px;background:transparent;border:0;box-shadow:none}
main.data-view .stage-stat strong{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums}
main.data-view .stage-stat span{font-size:13px;color:var(--ui-secondary)}
main.data-view .stage-summary{padding:0 18px}
main.data-view footer .more-actions{width:max-content;margin-left:auto}
.insights-filter{display:grid;grid-template-columns:1fr 2fr 1fr 1fr auto;gap:14px;align-items:end;padding:20px;background:var(--ui-surface);border:1px solid var(--ui-line);border-radius:14px;margin:20px 0}
.insights-filter label{display:grid;gap:6px;font-size:13px}.insights-filter input,.insights-filter select{width:100%;min-width:0}
.insights-choices{display:flex;flex-wrap:wrap;gap:14px 24px;padding:18px}.insights-choices label{display:flex;gap:8px;align-items:center}
#insights-question,.insights-notes{padding:18px}#insights-question label{display:grid;gap:8px}#insights-question button{margin-top:12px}
.insights-caption{color:var(--ui-secondary);font-size:13px}.insights-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;margin:24px 0}
.insights-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:24px}
#insights-results h2{font-size:18px;margin-top:28px}#insights-saved{display:flex;gap:12px;margin:16px 0}
.insights-source{display:flex;justify-content:space-between;gap:16px;padding:12px 18px;border-bottom:1px solid var(--ui-line)}
@media(max-width:900px){.insights-filter{grid-template-columns:1fr 1fr}.insights-columns{grid-template-columns:1fr}.insights-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}