:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--bg:#f5f7fa;--panel:#fff;--ink:#14263a;--muted:#596a7c;--line:#dce3ea;--shadow:0 3px 14px #102b4508;--radius:12px;--control-height:44px;color-scheme:light}body{font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{outline-offset:3px}:focus-visible{outline:3px solid #3575b9!important;outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.65}.content h2{font-size:clamp(28px,2.5vw,32px);line-height:1.2;letter-spacing:-.025em}.content h3{font-size:20px;line-height:1.35}.content p{line-height:1.5}.page-head>div{min-width:0}.page-head h2{margin:0 0 var(--space-2)}.page-head p{max-width:72ch}.page-head .actions{flex-shrink:0;gap:var(--space-2)}.page-head .actions .btn{min-width:0}.btn{min-height:var(--control-height);padding:10px 16px;border-radius:9px;line-height:1.3;font-size:14px;font-weight:650}.btn.small{min-height:36px;padding:8px 12px;font-size:13px}.icon-btn,.close{min-height:40px;min-width:40px}.panel,.metric,.table-shell{border-radius:var(--radius);border-color:var(--line);box-shadow:var(--shadow)}.panel,.metric{padding:var(--space-5)}.grid{gap:var(--space-4)}.section-title p,.section-help{font-size:13px;color:var(--muted)}.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea,.select,.search{min-height:var(--control-height);border-color:var(--line);border-radius:9px;max-width:100%;font-size:14px}.field input[type=checkbox],.field input[type=radio],.choice input{width:18px!important;height:18px!important;min-height:18px!important;flex:none;accent-color:var(--navy)}.field textarea{min-height:88px}.field small{font-size:12px;line-height:1.45;font-weight:400;color:var(--muted)}.form-grid>*{min-width:0}.form-section{padding:var(--space-5);border-radius:10px;min-width:0;margin:0}.form-section legend{padding:0 var(--space-2);font-size:16px}.form-section .form-section{background:transparent;box-shadow:none}.form-section>p:first-of-type{margin-top:0}.form-submit-bar{position:static!important;inset:auto!important;margin:var(--space-5) 0 0!important;padding:var(--space-4) 0 0!important;box-shadow:none!important;border-top:1px solid var(--line);background:transparent!important;display:flex;justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap}.form-submit-bar .error{flex-basis:100%}.form-submit-bar .btn{min-width:160px}.metric .label,.metric .hint,.metric .value,.report-grid>div>span,.report-grid>div>strong,.summary-cards>div>small,.summary-cards>div>span,.summary-cards>div>strong{display:block;min-width:0}.metric .value,.report-grid>div>strong,.summary-cards>div>strong,.money-card>strong{font-size:clamp(22px,2vw,28px);line-height:1.25;font-weight:750;font-variant-numeric:tabular-nums;overflow-wrap:anywhere;letter-spacing:-.025em;margin:var(--space-2) 0}.metric .label,.report-grid>div>span,.summary-cards>div>small,.summary-cards>div>span{font-size:13px;line-height:1.4;color:var(--muted);font-weight:500}.content .report-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-5)}.content .report-grid>div{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:var(--space-2);padding:var(--space-4);min-width:0;min-height:104px}.content .report-grid>div>strong{margin:0}.content .report-grid>div>span{display:block;max-width:100%}.report-filters{display:grid;grid-template-columns:minmax(180px,1.2fr) repeat(2,minmax(140px,1fr));gap:var(--space-4)}.report-diagnostics{margin-top:var(--space-4)}.report-diagnostics>summary{padding:var(--space-4);font-weight:650;cursor:pointer}.report-diagnostics>.panel{box-shadow:none;border:0}.report-grid .value,.money-summary-card strong,.forecast-card>strong{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.summary-cards>div{min-width:0}.analytics-bars>div{gap:var(--space-3)}.analytics-bars strong{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.table-shell,.table-wrap{max-width:100%;min-width:0;overscroll-behavior-x:contain}.table-shell:focus-visible,.table-wrap:focus-visible{outline-offset:-3px}th,td{padding:12px 16px;line-height:1.4;overflow-wrap:anywhere}th{font-size:12px;font-weight:650;letter-spacing:.025em}td{font-size:14px}td small{font-size:12px}th.ui-numeric,td.ui-numeric{text-align:right;font-variant-numeric:tabular-nums}td.ui-numeric{white-space:nowrap}th.sortable-column{cursor:pointer}.ui-row-menu{position:relative;display:inline-block}.ui-row-menu>summary{list-style:none;cursor:pointer;min-width:40px;min-height:36px;padding:6px 12px;border:1px solid var(--line);border-radius:8px;font-size:20px;text-align:center;background:#fff}.ui-row-menu>summary::-webkit-details-marker{display:none}.ui-row-menu[open]{z-index:10}.ui-row-menu>div{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:var(--space-2);border-left:2px solid var(--line);margin-top:var(--space-2)}.ui-row-menu .btn{white-space:normal}.ui-row-menu>summary:focus-visible{outline-offset:2px}.empty,.empty-state{padding:var(--space-8) var(--space-5);line-height:1.5}.empty-state strong,.empty-state span{display:block}.empty-state span{margin-top:var(--space-2);color:var(--muted)}.load-error{align-items:start}.load-error p{overflow-wrap:anywhere}.refresh-status{position:absolute;right:var(--space-4);top:var(--space-2);font-size:12px;color:var(--muted);background:var(--panel);padding:4px 8px;border:1px solid var(--line);border-radius:8px}#toast{inset:auto var(--space-5) var(--space-5) auto;transform:none;max-width:min(420px,calc(100vw - 32px));display:grid;justify-content:stretch;align-items:stretch;gap:var(--space-2);pointer-events:none}.toast{font-size:14px;padding:12px 16px;border-radius:10px;box-shadow:0 5px 20px #071a2d20;pointer-events:auto;min-width:0;max-width:100%;overflow-wrap:anywhere}.toast strong{font-size:14px}.toast button{pointer-events:auto}#modal{width:min(760px,calc(100vw - 32px));height:auto;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);overflow:auto;border-radius:var(--radius)}#modal:has(.attendance-sheet-dialog),#modal:has(.payroll-run-dialog){width:min(1240px,calc(100vw - 32px))}#modal>#modal-content{height:auto;max-height:none;overflow:visible}#modal .modal-body{display:block;height:auto;max-height:none;min-height:0;width:100%;padding:var(--space-6);overflow:visible}#modal .modal-body>.modal-head{position:static;inset:auto;margin:0 0 var(--space-5);padding:0 0 var(--space-4);background:var(--panel);border-bottom:1px solid var(--line);backdrop-filter:none}#modal .modal-head h3{font-size:22px}#modal .modal-body>form{height:auto;max-height:none;overflow:visible;padding:0}#modal .close{flex:none}.team-form-page .team-member-screen{display:block;height:auto;max-height:none;overflow:visible;padding:0}.team-form-page .modal-head{position:static;margin:0 0 var(--space-6);padding:0 0 var(--space-4);display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.team-form-page .modal-head h3{font-size:30px}.team-form-page #record-form{display:grid;height:auto;max-height:none;overflow:visible;padding:0;align-content:start}.team-form-page .attendance-role-section{position:static!important;inset:auto!important;transform:none!important;grid-column:1/-1;width:100%;margin:0!important}.team-form-page .compensation-section{display:grid;gap:var(--space-4)}.team-form-page .attendance-assignment{display:grid;grid-template-columns:minmax(130px,1fr) minmax(180px,1.5fr) minmax(180px,1.5fr);align-items:end;gap:var(--space-4);padding:var(--space-4) 0;position:static}.team-form-page .company-compensation{background:transparent}.team-form-page .advanced-team-fields{grid-column:1/-1;border-top:1px solid var(--line);padding-top:var(--space-4)}.advanced-team-fields>summary{font-weight:650;cursor:pointer;padding:12px 0}.advanced-team-fields>.form-grid{margin-top:var(--space-4)}.team-status-filter{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.team-status-filter select{width:auto;min-width:160px}.team-card-summary>div:last-child{display:none}.team-member-card{box-shadow:none}.team-member-card h3{font-size:17px}.team-shortcuts button{padding:var(--space-4)}.grid.tools .tool{min-height:120px;padding:var(--space-5)}.grid.tools .tool-icon{margin-bottom:var(--space-3);font-size:22px}.import-page .modal-body,.workshop-page .modal-body{padding:0;max-height:none;height:auto;overflow:visible}.import-page .modal-head,.workshop-page .modal-head{position:static;inset:auto;margin:0 0 var(--space-5);padding:0 0 var(--space-4)}.import-page .modal-head h3,.workshop-page .modal-head h3{font-size:30px}.import-page .import-row-preview table{min-width:680px}.import-page .import-row-preview td{max-width:280px}.ui-workspace-search{display:block;margin:var(--space-4) 0}.ui-workspace-search input{width:min(420px,100%)}
@media(max-width:1200px){.page-head .actions{margin-left:0}.content .report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.team-form-page .attendance-assignment{grid-template-columns:1fr 1fr}.team-form-page .attendance-assignment>strong{grid-column:1/-1}}
@media(max-width:800px){.report-filters{grid-template-columns:1fr 1fr}.report-filters>.field:first-child{grid-column:1/-1}.page-head .actions{width:100%;flex-wrap:wrap}.page-head .actions .btn{flex:0 1 auto}.topbar .global-search{min-width:0}.team-category-panel{flex-wrap:wrap}.team-category-panel .segmented-control{flex-wrap:wrap}}
@media(max-width:720px){.content h2,.team-form-page .modal-head h3{font-size:28px}.page-head .actions{display:flex}.page-head .actions .btn{width:auto;flex:1 1 auto}.content .report-grid{gap:var(--space-3)}.content .report-grid>div{padding:var(--space-3)}#modal{inset:auto;margin:auto;width:calc(100vw - 20px);max-width:calc(100vw - 20px);max-height:calc(100dvh - 24px);border-radius:12px}#modal .modal-body{padding:var(--space-4)}.team-form-page #record-form{padding:0;overflow:visible}.team-form-page .attendance-assignment{grid-template-columns:1fr}.team-form-page .company-compensation-details{grid-template-columns:1fr}.team-form-page .company-commission-controls{grid-template-columns:1fr}.form-submit-bar{display:flex!important;grid-template-columns:none!important}.form-submit-bar .btn{width:auto;flex:1}.form-section{padding:var(--space-4)}#toast{bottom:88px;right:var(--space-4)}.toast{padding:12px 16px}.report-filters{grid-template-columns:1fr}.team-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.ui-row-menu .btn{min-height:44px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{.ui-row-menu,.refresh-status{display:none}.advanced-team-fields:not([open]){display:none}}.inventory-page .modal-body{padding:0;max-height:none;overflow:visible}.inventory-page .modal-head{position:static;margin:0 0 24px;padding:0 0 16px}.inventory-page .modal-head h3{font-size:30px}.import-row-editor{width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto}.import-row-editor .modal-head{position:static;inset:auto;margin:0 0 20px;padding:0 0 16px}.import-row-editor .modal-body{max-height:none;overflow:visible}.monthly-chart:has(>.empty){height:auto;min-height:0;display:block;padding:16px 0}.monthly-chart>.empty{padding:24px 16px}.analytics-bars:has(>.empty){min-height:0}.analytics-bars>.empty{padding:24px 12px}.analytics-section:has(.empty){min-height:0}.analytics-section .compact-empty{margin:0}.forecast-horizons article>strong,.estimator-summary-grid article>strong{font-size:clamp(22px,2vw,28px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere;display:block;line-height:1.3}.forecast-horizons article>small,.estimator-summary-grid article>small{display:block;font-size:13px;color:var(--muted)}.forecast-horizons dd{font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.record-form-page{max-width:1160px;margin:0 auto}.record-form-page .modal-body{display:block;position:static;inset:auto;height:auto;max-height:none;min-height:0;overflow:visible;padding:0;width:100%}.record-form-page .modal-head{display:flex;justify-content:space-between;align-items:flex-start;position:static;inset:auto;margin:0 0 24px;padding:0 0 16px;border-bottom:1px solid var(--line);background:transparent}.record-form-page .modal-head h3{font-size:30px}.record-form-page #record-form{display:grid;height:auto;max-height:none;overflow:visible;padding:0}.record-form-page .quote-screen,.record-form-page .purchase-screen{width:100%;height:auto;max-height:none;overflow:visible}.record-form-page .quote-builder{background:var(--panel)}.record-form-page .requested-pricing-summary,.record-form-page .workflow-actionbar{position:static;inset:auto;box-shadow:none}.record-form-page .quote-content-picker{min-width:0}.record-form-page .form-submit-bar{padding-bottom:16px!important}
@media(max-width:720px){.record-form-page .modal-head{gap:16px;flex-wrap:wrap}.record-form-page .modal-head h3{font-size:28px}.record-form-page .form-grid{grid-template-columns:1fr}.record-form-page .span-2{grid-column:1/-1}}.record-subline{display:block;margin-top:4px;color:var(--muted);font-size:12px}.import-record-pagination{justify-content:flex-end;margin-top:16px}.import-record-page table{min-width:720px}.import-row-editor details>.form-grid{margin-top:16px}.import-row-editor .modal-head{gap:16px}.import-row-editor .modal-head small{display:block;overflow-wrap:anywhere}.import-row-editor .field textarea{width:100%}.location-detail-page{max-width:1160px;margin:auto}.location-detail-page .record-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.location-detail-page .record-detail-grid strong{overflow-wrap:anywhere}.record-form-page #location-map{min-width:0;overflow:hidden}.record-form-page #location-map iframe{max-width:100%}.record-form-page .form-submit-bar{position:static;inset:auto;margin:8px 0 0;padding:16px 0;background:transparent;backdrop-filter:none}
@media(max-width:720px){.location-detail-page .record-detail-grid{grid-template-columns:1fr}.location-detail-page .page-head .actions{width:100%}.record-form-page .choice-grid{grid-template-columns:1fr}}
/* Keep focused/scrolled controls clear of the fixed mobile navigation. */
@media(max-width:720px){html{scroll-padding-top:132px;scroll-padding-bottom:100px}.content button,.content input,.content select,.content summary,.content a{scroll-margin-block:132px 100px}}
@media(max-width:720px){.content .table-shell:not(.payroll-detail-table):not(.attendance-correction-table) tr{height:auto;grid-auto-rows:max-content;align-content:start}.content .table-shell:not(.payroll-detail-table):not(.attendance-correction-table) td:last-child:has(.actions){height:auto;min-height:max-content}.content .table-shell:not(.payroll-detail-table):not(.attendance-correction-table) td .actions{align-items:start;min-height:max-content}.ui-row-menu[open]{min-height:max-content}}.location-coverage{margin-top:20px}.geofence-map-canvas{height:320px;width:100%;min-width:0;isolation:isolate;z-index:0;border-radius:10px}.geofence-map-caption{font-size:13px;color:var(--muted);line-height:1.5;margin:10px 0}.map-preview:has(.geofence-map-canvas){display:block;height:auto;min-height:0}.payroll-run-dialog .metric,.content:has([data-new-payroll]) .metric{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px;min-width:0}.payroll-run-dialog .metric .label,.content:has([data-new-payroll]) .metric .label{position:static;margin:0;line-height:1.4}.payroll-run-dialog .metric .value,.content:has([data-new-payroll]) .metric .value{position:static;margin:0;font-size:clamp(16px,2vw,24px);line-height:1.3;text-align:left;overflow-wrap:normal;word-break:normal;max-width:100%}.payroll-detail-table td details{min-width:0;max-width:100%;font-size:13px}.payroll-detail-table td details p{white-space:normal;overflow-wrap:anywhere}.payroll-detail-table td details summary{cursor:pointer;padding:8px 0;min-height:36px}
@media(max-width:720px){.geofence-map-canvas{height:260px}.payroll-run-dialog .payroll-detail-table tbody tr{display:block;padding:12px}.payroll-run-dialog .payroll-detail-table tbody td{display:block;width:100%;text-align:left;padding:10px 0;border-bottom:1px solid var(--line);height:auto}.payroll-run-dialog .payroll-detail-table tbody td:before{display:block;margin-bottom:5px}.payroll-run-dialog .payroll-detail-table td>small,.payroll-run-dialog .payroll-detail-table td>strong,.payroll-run-dialog .payroll-detail-table td>details{display:block;max-width:100%}.payroll-run-dialog .payroll-detail-table td:last-child{border-bottom:0}}
@media(max-width:720px){.content:has([data-new-payroll]) .table-shell tbody tr{display:block}.content:has([data-new-payroll]) .table-shell tbody td{display:block;height:auto;text-align:left;padding:10px 0}.content:has([data-new-payroll]) .table-shell tbody td:before{display:block;margin-bottom:5px}.content:has([data-new-payroll]) .table-shell td>strong,.content:has([data-new-payroll]) .table-shell td>small{display:block}}:root{--layer-content:0;--layer-sticky:20;--layer-menu:40;--layer-sidebar:60;--layer-dialog:80;--layer-toast:100;--layer-tooltip:110}.page-actions-menu>div,.advanced-filters-panel,.searchable-select-menu{z-index:var(--layer-menu)}dialog{z-index:var(--layer-dialog)}#toast,.connectivity-banner{z-index:var(--layer-toast)}.field-help-popover,.attachment-tooltip{z-index:var(--layer-tooltip)}select:not([multiple]):not(.searchable-select-native){appearance:none;-webkit-appearance:none;min-height:var(--control-height);max-width:100%;min-width:0;padding:10px 38px 10px 12px;border:1px solid var(--line);border-radius:9px;background-color:var(--panel);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23596a7c' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-size:16px;background-repeat:no-repeat;color:var(--ink);font:inherit;line-height:1.4}select:disabled{background-color:var(--bg);color:var(--muted);cursor:not-allowed}input[type=date],input[type=time]{min-height:var(--control-height);font:inherit;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:10px 12px;background:var(--panel)}.team-directory-toolbar{display:flex;align-items:end;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.team-directory-toolbar .team-status-filter{margin:0;align-items:center}.team-directory-toolbar input[type=search]{width:min(420px,100%)}.role-access-panel>summary{padding:var(--space-4) var(--space-5);min-height:0}.role-access-panel{min-height:0}.team-card-summary{gap:var(--space-2)}.team-member-card{padding:var(--space-4)}.team-member-card .team-card-actions{margin-top:var(--space-3)}.att-toolbar>label{display:grid;gap:var(--space-2);font-size:13px}.att-toolbar>.btn{min-height:var(--control-height)}.att-metrics>article{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:116px;padding:var(--space-4)}.att-metrics>article>strong{font-size:28px;line-height:1.25;font-variant-numeric:tabular-nums}.att-status-voided{background:#edf0f4;color:var(--muted)}.att-voided-note{padding:var(--space-3);background:var(--bg);border-radius:var(--radius)}
@media(max-width:800px){.team-directory-toolbar>*{flex:1 1 200px}.team-directory-toolbar .team-status-filter{flex-wrap:wrap}.team-directory-toolbar select,.team-directory-toolbar input{width:100%}}.role-access-panel:not(.compact){display:block;padding:0}.team-directory-toolbar>.filters{flex:1 1 280px;margin:0}.team-directory-toolbar>.filters>.search{width:100%;max-width:none}.team-directory-toolbar>.saved-views-bar{margin:0;flex:0 1 auto}.team-directory-toolbar>.team-status-filter{flex:0 0 auto}.team-directory-toolbar label{font-size:13px}.team-directory-toolbar select{min-width:150px}.analytics-section .empty.compact-empty{min-height:0;height:auto;padding:var(--space-5) var(--space-3)}.monthly-chart:has(>.empty){padding:0;border-bottom:0}.analytics-section:has(>.monthly-chart>.empty) .chart-legend{margin-top:var(--space-3)}.att-status-return_overdue{background:#fff3df;color:#8a5711}.att-status-did_not_return{background:#edf0f4;color:#596a7c}.attendance-public #clock-out-options{display:grid;gap:8px;margin:16px 0}.attendance-public #clock-out-options[hidden],.attendance-public #exit-reason-label[hidden]{display:none}.attendance-public #clock-out-options p{font-size:12px;color:var(--muted)}.team-directory-toolbar>.filters{order:0}.team-directory-toolbar>.team-status-filter{order:1}.team-directory-toolbar>.saved-views-bar{order:2}.order-section-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:4px}.order-section-nav a{display:flex;align-items:center;min-height:44px;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);font-weight:700;text-decoration:none}.order-section-nav a:hover{background:#f1f5f8}.order-section-nav a:focus-visible,.order-entry-section>h4:focus-visible{outline:3px solid #3276ad;outline-offset:3px}.order-entry-section{min-width:0;padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff}.order-entry-section>h4{margin:0 0 18px;font-size:17px;scroll-margin-top:110px}.order-entry-section .form-section{margin:0;min-width:0}.order-entry-section .live-estimate-section{border:0;padding:0;background:transparent}#record-form[data-order-sections]>.form-submit-bar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;bottom:0;margin:0;padding:14px;border-radius:12px}#record-form[data-order-sections] .order-entry-total{position:static;flex:1;margin:0;padding:0;border:0;background:transparent;box-shadow:none;justify-content:flex-start;gap:16px;backdrop-filter:none}#record-form[data-order-sections] .order-entry-total span{display:grid;gap:3px;font-size:12px}#record-form[data-order-sections] .order-entry-total strong{font-size:16px}#record-form[data-order-sections]>.form-submit-bar>.error:not([hidden]){flex-basis:100%;max-width:none}
@media(max-width:600px){.order-entry-section{padding:14px}.order-section-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.order-section-nav a{padding:8px;font-size:12px;text-align:center;justify-content:center}#record-form[data-order-sections]>.form-submit-bar>.btn{width:100%}#record-form[data-order-sections] .order-entry-total{justify-content:space-between;gap:8px}.order-entry-section>h4{scroll-margin-top:90px}}#record-form[data-order-sections]>.form-submit-bar{padding:16px!important;background:#fff!important;border:1px solid var(--line)}
@media(max-width:600px){#record-form[data-order-sections]>.form-submit-bar{flex-direction:column;align-items:stretch}#record-form[data-order-sections] .order-entry-total{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;flex:none}#record-form[data-order-sections]>.form-submit-bar>.btn{flex:none;min-height:44px}#record-form[data-order-sections] .order-entry-total strong{font-size:14px;overflow-wrap:anywhere}}.contact-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.contact-actions .btn{min-height:44px;min-width:64px;justify-content:center;text-decoration:none}.team-member-card>.contact-actions{margin:0 0 14px}.customer-workspace-header p{overflow-wrap:anywhere}.employee-company-scope{max-width:360px;margin-bottom:16px}.employee-profile-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 16px;margin-bottom:12px}.employee-profile-tabs .btn{white-space:nowrap;flex:none;min-height:44px}.employee-facts>div{display:grid;gap:5px;min-width:0;padding:12px;border:1px solid var(--line);border-radius:9px}.employee-facts span{color:var(--muted);font-size:12px}.employee-facts strong{overflow-wrap:anywhere}.employee-card-list{display:grid;gap:16px}.employee-list-item{display:flex;flex-direction:column;gap:7px;padding:14px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.employee-list-item .btn{align-self:flex-start}.employee-version{padding:14px;margin-top:12px;border:1px solid var(--line);border-radius:10px}.employee-version>.btn{margin:6px 6px 0 0;min-height:44px}.employee-version>strong{display:block;margin-bottom:6px}.employee-letter-text{white-space:pre-wrap;overflow-wrap:anywhere}.employee-profile-dialog{width:min(760px,calc(100vw - 24px));max-height:90dvh;overflow-y:auto;padding:20px}.employee-profile-dialog>header{display:flex;justify-content:space-between;align-items:start;gap:12px;margin-bottom:20px}.employee-profile-dialog h3{margin:0;font-size:22px}.employee-profile-dialog .actions{justify-content:flex-end}.employee-profile-dialog .error{margin:0}.employee-profile-dialog textarea{min-height:100px}.employee360 [data-profile-status]:not(:empty){padding:14px;border:1px solid var(--line);border-radius:10px;margin-bottom:16px}.employee360 a.btn{text-decoration:none;min-height:44px;margin:4px 6px 4px 0}.employee360>.panel{overflow-wrap:anywhere}
@media(max-width:600px){.employee360 .section-title{flex-wrap:wrap}.employee360 .panel{padding:16px}.employee-profile-dialog{padding:16px;max-height:92dvh}.employee-profile-dialog .form-grid{grid-template-columns:1fr}.employee-profile-dialog .span-2{grid-column:1}.employee-profile-dialog .actions .btn{width:100%}.employee-version>.btn{display:inline-flex;max-width:100%;white-space:normal;text-align:center}}.order-operations{display:grid;gap:18px}.operations-section-links{display:flex;gap:8px;overflow:auto;padding:4px 0 12px}.order-operations>section{scroll-margin-top:100px}.operations-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.operations-board .panel{margin:0;overflow-wrap:anywhere}.operations-board h3 a{color:inherit}.order-operations .employee-facts{margin-bottom:18px}.order-operations .employee-version{overflow-wrap:anywhere}.order-operations .section-title{flex-wrap:wrap;gap:10px}.operations-section-links>a.btn{flex:0 0 auto;white-space:nowrap;word-break:normal;min-width:72px}.operations-section-links{flex-wrap:nowrap}.order-operations .table-shell{max-width:100%;overflow:auto}.management-item{display:flex;justify-content:space-between;gap:18px;align-items:start;overflow-wrap:anywhere}.management-item h3{margin:8px 0}.management-item p{margin:8px 0}.management-item>.btn{flex:0 0 auto}.compliance-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px}.compliance-record{display:flex;flex-direction:column;align-items:start;gap:8px;margin:0;overflow-wrap:anywhere}.compliance-record p,.compliance-record h3{margin:0}.compliance-workspace [data-compliance-editor]{scroll-margin-top:110px}.compliance-workspace [data-compliance-editor]:empty{display:none}.compliance-workspace>nav{margin:18px 0}.compliance-calendar-month{margin:18px 0}.management-period{align-items:end}.management-period .field{margin:0}.management-briefing [data-brief-status]{line-height:1.6}
@media(max-width:600px){.management-item{flex-direction:column}.management-item>.btn{width:100%}.compliance-workspace .filters{display:flex;flex-wrap:wrap;gap:10px}.compliance-workspace .filters>.field{flex-basis:100%}.compliance-workspace .attention-filters{flex-wrap:wrap}.management-period{display:grid;grid-template-columns:1fr 1fr}.management-period>.btn{grid-column:1/-1}}.content .metrics>.metric{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:0;gap:6px}.content .metrics>.metric .label,.content .metrics>.metric .value,.content .metrics>.metric .hint{position:static;grid-column:auto;grid-row:auto;margin:0;max-width:100%;text-align:left;overflow-wrap:anywhere;line-height:1.4}
@media(max-width:650px){.content .money-summary-four{grid-template-columns:minmax(0,1fr)}}.content .metrics>.metric .value{overflow-wrap:normal;word-break:normal;overflow-x:auto}.workspace-scope{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 14px;padding:12px 14px;background:#edf3f8;border:1px solid #d5e0eb;border-radius:10px;color:#29415e;font-size:13px;line-height:1.5;overflow-wrap:anywhere}.workspace-scope span{color:#53677d}.workspace-freshness{font-size:12px;line-height:1.5;color:#526276;margin:10px 0 14px;overflow-wrap:anywhere}.compliance-toolbar{display:flex!important;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start!important;gap:12px!important}.compliance-toolbar>.field{flex:0 1 280px;min-width:180px}.compliance-toolbar>.btn{flex:0 0 auto}.compliance-workspace .attention-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px}.compliance-workspace [data-compliance-view]{min-height:42px}.compliance-workspace [data-renewal-month]{margin:0 0 0 8px}.customer-profile-link{display:block;background:none;border:0;padding:4px 0;font:inherit;font-weight:700;text-align:left;color:#173f6a;text-decoration:underline;text-underline-offset:3px;cursor:pointer;overflow-wrap:anywhere}.customer-summary.customer-workspace-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.customer-next-step{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin:16px 0}.customer-next-step p{flex:1 1 240px;margin:0}.contact-actions{display:flex;flex-wrap:wrap;gap:6px}.contact-actions .btn{min-height:34px}.schedule-days,.schedule-sessions{border:1px solid #d9e1e8;border-radius:10px;padding:12px;min-width:0}.schedule-days legend,.schedule-sessions legend{font-weight:700;padding:0 5px}.schedule-days{display:flex;flex-wrap:wrap;gap:8px}.schedule-days label{display:flex!important;align-items:center;gap:6px!important;padding:8px;border:1px solid #d5dfeb;border-radius:8px;cursor:pointer}.schedule-days label:has(:checked){background:#eaf2fa;border-color:#7b9dbf}.schedule-session-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:12px}.schedule-session-row label{min-width:0}.schedule-session-row input{width:100%;min-width:0}.schedule-sessions [data-shift-preview]{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.schedule-days input:focus-visible{outline:3px solid #315f98;outline-offset:3px}
@media(max-width:720px){.workspace-scope{display:block}.workspace-scope span{display:block;margin-top:4px}.compliance-toolbar>.field{flex:1 1 100%}.compliance-toolbar>.btn{min-height:44px}.customer-workspace-header .actions{flex-wrap:wrap}.customer-workspace-summary{grid-template-columns:repeat(2,minmax(0,1fr))!important}.schedule-session-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.schedule-session-row>.btn{grid-column:1/-1;justify-self:start}.schedule-days label{flex:1 1 40%;min-height:44px}.att-dashboard .att-toolbar>label{max-width:100%}.customer-profile-link{min-height:40px}}
@media(prefers-reduced-motion:reduce){}.customer-workspace .order-breadcrumb{flex-wrap:wrap;align-items:center}.customer-workspace .order-breadcrumb>*{min-width:0;white-space:normal;overflow-wrap:anywhere}.customer-contact-card .requirement-grid>div,.customer-contact-card .requirement-grid strong{min-width:0;max-width:100%;overflow-wrap:anywhere;white-space:normal}.customer-recent-card .section-title,.customer-contact-card .section-title{flex-wrap:wrap;align-items:flex-start}.customer-recent-card .section-title>div,.customer-contact-card .section-title>div{flex:1 1 200px;min-width:0}.customer-recent-card .section-title>.btn,.customer-contact-card .section-title>.btn{flex:0 0 auto;white-space:normal}.customer-workspace h2,.customer-workspace h3,.customer-workspace-header p{overflow-wrap:anywhere;min-width:0}.employee-profile-dialog > header > button{ flex-shrink: 0; white-space: nowrap; }
.renewal-summary{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 8px}.renewal-chip{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:112px;padding:12px 16px;border:1px solid var(--ui-border,#d9e1e8);border-radius:12px;background:var(--ui-surface,#fff);cursor:pointer;font:inherit;text-align:left;color:var(--ui-text,#1c2b3a)}.renewal-chip strong{font-size:22px;line-height:1.1}.renewal-chip span{font-size:12px;color:var(--ui-text-muted,#5b6b7d);font-weight:600}.renewal-chip.active{border-color:#1d4f80;box-shadow:inset 0 0 0 1px #1d4f80;background:#f2f7fc}.renewal-chip-expired strong{color:#b42318}.renewal-chip-due strong{color:#b25e09}.renewal-chip-ok strong{color:#1f7a4d}.renewal-chip-archived strong{color:#6b7785}
.renewal-list{display:grid;gap:10px}.renewal-row{display:grid;grid-template-columns:minmax(0,1fr) 190px auto;gap:16px;align-items:center;padding:14px 18px;border:1px solid var(--ui-border,#d9e1e8);border-left:5px solid #1f7a4d;border-radius:12px;background:var(--ui-surface,#fff)}.renewal-row.renewal-expired{border-left-color:#d92d20;background:#fffafa}.renewal-row.renewal-due{border-left-color:#e48a0b;background:#fffcf5}.renewal-row.renewal-archived{border-left-color:#a7b0ba;opacity:.75}.renewal-main{display:flex;flex-direction:column;gap:3px;min-width:0;overflow-wrap:anywhere}.renewal-main h3{margin:0;font-size:16px}.renewal-type{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#5b6b7d}.renewal-meta,.renewal-notes{font-size:13px;color:#5b6b7d}.renewal-notes{font-style:italic}.renewal-when{display:flex;flex-direction:column;gap:2px}.renewal-status{font-weight:700;font-size:14px;color:#1f7a4d}.renewal-expired .renewal-status{color:#b42318}.renewal-due .renewal-status{color:#b25e09}.renewal-archived .renewal-status{color:#6b7785}.renewal-date{font-size:13px;color:#5b6b7d}.renewal-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:flex-end}.renewal-nofile{font-size:12px;color:#8a96a3}.renewal-older summary{cursor:pointer;font-size:12px;color:#5b6b7d}.renewal-older a{display:block;font-size:12px;margin-top:4px}
.renewal-drop{display:flex;flex-direction:column;gap:6px;padding:18px;border:2px dashed #9db6cf;border-radius:12px;background:#f5f9fd;cursor:pointer}.renewal-drop strong{font-size:15px}.renewal-drop span{font-size:13px;color:#5b6b7d}.renewal-drop input{margin-top:6px}.renewal-read{margin:0;padding:10px 12px;border-radius:10px;background:#eef3f8;font-size:13px}.renewal-read.ok{background:#e9f6ef;color:#17603c}.renewal-read.warn{background:#fff4e5;color:#8a4b06}.renewal-filled{border-color:#2e9b63!important;background:#f3fbf6!important}
@media(max-width:720px){.renewal-row{grid-template-columns:1fr;gap:10px}.renewal-actions{justify-content:flex-start}.renewal-chip{flex:1 1 40%;min-width:0}}
.renewal-files{margin-top:18px;border-top:1px solid var(--ui-border,#d9e1e8);padding-top:12px}.renewal-files h4{margin:0 0 8px}.renewal-file{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:6px 0}.renewal-file a{overflow-wrap:anywhere}.btn.danger{color:#b42318;border-color:#f1b8b2}
.compliance-workspace [data-compliance-editor]{margin:10px 0}.renewal-row.renewal-editing{box-shadow:0 0 0 2px #1d4f80}.renewal-row.renewal-saved{box-shadow:0 0 0 3px #2e9b63;transition:box-shadow .4s}
#content .task-summary.grid.metrics>.task-card{font:inherit;cursor:pointer;color:inherit;border-radius:8px!important;transition:background .15s}#content .task-summary.grid.metrics>.task-card:hover{background:#f2f7fc!important}#content .task-summary.grid.metrics>.task-card.active{background:#e8f0f9!important;box-shadow:inset 0 -3px 0 #1d4f80!important}#content .task-summary.grid.metrics>.task-card:focus-visible{outline:3px solid #315f98;outline-offset:2px}
/* Pop-ups (3 Nov 2026): one look for every dialog — header with title, status and close, facts as a two-column list, actions in a footer. */
dialog.vc-dialog{width:min(560px,calc(100% - 24px));padding:0;border:1px solid var(--ui-border,#d9e1e8);border-radius:16px;box-shadow:0 24px 60px rgb(12 28 47 / 28%)}
dialog.vc-dialog form{padding:22px 24px 18px}
.vc-dialog-head{display:flex;align-items:flex-start;gap:12px;margin:-2px 0 16px;padding-bottom:14px;border-bottom:1px solid var(--ui-border,#e3e9ef)}
.vc-dialog-head>div{flex:1;min-width:0}.vc-dialog-head small{display:block;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ui-text-muted,#5b6b7d)}
.vc-dialog-head h3{margin:4px 0 0!important;font-size:20px;line-height:1.3;overflow-wrap:anywhere}
.vc-dialog-head .pill{flex:none;margin-top:2px}
.vc-x{flex:none;width:34px;height:34px;border:0;border-radius:8px;background:transparent;font-size:24px;line-height:1;color:var(--ui-text-muted,#5b6b7d);cursor:pointer}.vc-x:hover{background:var(--ui-surface-subtle,#f1f5f9)}
dialog.vc-dialog .vc-facts{grid-template-columns:96px 1fr;gap:10px 14px;font-size:15px;margin-bottom:18px}
dialog.vc-dialog .vc-facts dt{font-size:13px;font-weight:600;padding-top:2px}
dialog.vc-dialog .actions{border-top:1px solid var(--ui-border,#e3e9ef);margin:0 -24px;padding:14px 24px 0}
.account .theme-toggle{flex:none;width:36px;height:36px;margin-right:6px;border:1px solid rgb(255 255 255 / 18%);border-radius:10px;background:transparent;color:inherit;font-size:18px;line-height:1;cursor:pointer}.account .theme-toggle:hover{background:rgb(255 255 255 / 8%)}
:root[data-theme-choice="dark"] [data-theme-icon]::after{content:''}
.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 6px}.profile-stats>div{padding:14px 16px;border:1px solid var(--ui-border,#dce4ed);border-radius:12px;background:var(--ui-surface,#fff)}.profile-stats span{display:block;font-size:12px;font-weight:600;color:var(--ui-text-muted,#52657b)}.profile-stats strong{display:block;margin-top:4px;font-size:22px}
.profile-note{margin:8px 0 12px;font-size:13px;color:var(--ui-text-muted,#52657b)}.profile-muted{color:var(--ui-text-muted,#52657b)}.profile-table td,.profile-table th{padding:12px 14px}.renewal-older span{display:block;font-size:12px;margin-top:4px}
@media(max-width:720px){.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.renewal-row.renewal-none{border-left-color:#a7b0ba}.renewal-none .renewal-status{color:var(--ui-text-muted,#52657b)}
.renewal-date-field{display:flex;flex-direction:column;gap:6px}.renewal-noexpiry{display:flex!important;align-items:center;gap:8px;font-size:13px;font-weight:500;color:var(--ui-text-muted,#52657b);cursor:pointer}.renewal-noexpiry input{width:18px;height:18px;margin:0}