:root {
  --bf-navy:#0b1624;
  --bf-navy-raised:#132338;
  --bf-navy-muted:#8fa1b7;
  --bf-blue:#1769e0;
  --bf-blue-strong:#0e55bd;
  --bf-blue-soft:#e8f1ff;
  --bf-workspace:#f2f5f8;
  --bf-surface:#fff;
  --bf-border:#d8e0e8;
  --bf-border-strong:#c6d0db;
  --bf-text:#172333;
  --bf-muted:#637184;
  --bf-success:#177a4a;
  --bf-success-soft:#e7f5ed;
  --bf-warning:#a86006;
  --bf-warning-soft:#fff3dc;
  --bf-danger:#bd3945;
  --bf-danger-soft:#fdebed;
  --bf-radius:10px;
  --bf-radius-small:7px;
  --bf-shadow:0 10px 28px rgba(27,42,61,.07);
  --bf-shadow-small:0 2px 8px rgba(27,42,61,.06);
  --bf-sidebar-width:248px;
  --bf-content-pad:clamp(18px,2vw,30px);
}

*{box-sizing:border-box}
html{font-size:15px}
body{margin:0;color:var(--bf-text);background:var(--bf-workspace);font-family:"Segoe UI Variable Text","Aptos","Segoe UI",sans-serif;font-size:.94rem;line-height:1.48;letter-spacing:0}
body::before{display:none}
h1,h2,h3,h4,.auth-wordmark,.mechanics-sidebar-brand-copy strong{font-family:"Segoe UI Variable Display","Aptos Display","Segoe UI",sans-serif;color:var(--bf-text);letter-spacing:-.03em}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,[tabindex="0"]{outline:none}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid rgba(23,105,224,.28)!important;outline-offset:2px}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.btn{min-height:38px;padding:8px 14px;border:1px solid transparent;border-radius:var(--bf-radius-small);font-family:"IBM Plex Sans",sans-serif;font-size:.86rem;font-weight:600;box-shadow:none;transform:none;transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}
.btn:hover{transform:none}
.btn-primary{color:#fff;background:var(--bf-blue)!important;border-color:var(--bf-blue)!important;box-shadow:0 5px 14px rgba(23,105,224,.18)}
.btn-primary:hover{background:var(--bf-blue-strong)!important}
.btn-secondary{color:#26384c;background:#fff!important;border-color:var(--bf-border-strong)!important}
.btn-secondary:hover{background:#f4f7fa!important;border-color:#aebac7!important}
.btn-danger{color:var(--bf-danger);background:#fff!important;border-color:#e6b9be!important}
.field{gap:6px}
.field>span,.field>label{color:#425267;font-size:.76rem;font-weight:600}
input,select,textarea,.money-field{min-height:40px;border:1px solid var(--bf-border-strong)!important;border-radius:var(--bf-radius-small)!important;color:var(--bf-text)!important;background:#fff!important;box-shadow:none!important}
input,select,textarea{padding:9px 11px}
input:hover,select:hover,textarea:hover,.money-field:hover{border-color:#a8b5c3!important}
input:focus,select:focus,textarea:focus,.money-field:focus-within{border-color:var(--bf-blue)!important;box-shadow:0 0 0 3px rgba(23,105,224,.1)!important}
textarea{min-height:96px;resize:vertical}

/* Login */
body.auth-shell-active{min-height:100vh;overflow:auto;background:var(--bf-navy)}
.auth-shell{min-height:100vh;display:block;padding:0;background:transparent}
.auth-layout{width:100%;min-height:100vh;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);margin:0;border:0;border-radius:0;overflow:hidden;box-shadow:none}
.auth-panel{min-width:0}
.auth-brand-panel{position:relative;display:flex;align-items:center;padding:clamp(48px,7vw,110px);color:#fff;background:linear-gradient(120deg,rgba(11,22,36,.94),rgba(11,22,36,.72)),linear-gradient(135deg,#0b1624 0%,#153b69 100%);isolation:isolate}
.auth-brand-panel::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.24;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(120deg,#000,transparent 78%)}
.auth-brand-panel::after{content:"";position:absolute;left:clamp(48px,7vw,110px);bottom:0;width:min(440px,48vw);height:4px;background:var(--bf-blue)}
.auth-brand-panel-inner{width:min(650px,100%)}
.auth-brand-mark{display:flex;align-items:center;gap:18px}
.auth-brand-logo-frame,.auth-brand-logo-fallback{width:62px;height:62px;flex:0 0 62px;border:1px solid rgba(255,255,255,.22);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;box-shadow:none}
.auth-brand-logo-frame img{width:100%;height:100%;object-fit:contain;border-radius:11px}
.auth-brand-copy{display:grid;gap:4px}
.auth-kicker{margin:0;color:#78adff;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.auth-wordmark{margin:0;color:#fff;font-size:clamp(2.1rem,3.5vw,4rem);line-height:1.02;text-align:left}
.auth-panel-subtitle{margin:5px 0 0;color:#cbd7e6;font-size:1rem}
.auth-panel-copy{max-width:610px;margin:38px 0 28px;color:#d5dfeb;font-size:clamp(1.08rem,1.6vw,1.35rem);line-height:1.55}
.auth-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:var(--bf-radius);background:rgba(255,255,255,.13)}
.auth-feature-item{min-height:94px;display:grid;align-content:center;gap:5px;padding:18px 20px;background:rgba(10,25,42,.74)}
.auth-feature-item strong{color:#fff;font-size:.9rem}.auth-feature-item span{color:#aebdd0;font-size:.78rem;line-height:1.45}
.auth-panel-footer{display:flex;justify-content:space-between;gap:24px;margin-top:38px;color:#8293a9;font-size:.7rem}
.auth-form-panel{display:grid;place-items:center;padding:38px;background:#eef2f6}
.auth-card{width:min(420px,100%);padding:34px 36px 28px;overflow:visible;border:1px solid var(--bf-border);border-radius:12px;background:#fff;box-shadow:0 18px 48px rgba(11,22,36,.14);backdrop-filter:none}
.auth-card::before{display:none}.auth-brand{min-height:0;margin:0 0 28px;justify-content:flex-start}.auth-card-brand{display:flex;align-items:center;gap:12px}
.auth-card-logo-frame,.auth-card-logo-fallback{width:44px;height:44px;border-radius:9px;background:var(--bf-navy);color:#fff}.auth-card-logo-frame img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.auth-card-brand-copy{display:grid;gap:2px}.auth-card-brand-copy .auth-kicker{color:var(--bf-blue);font-size:.62rem}.auth-card-brand-copy strong{color:var(--bf-text);font-family:"Manrope",sans-serif;font-size:.96rem}
.auth-title{margin:0;font-size:1.7rem;line-height:1.2}.auth-card-copy{margin:7px 0 24px;color:var(--bf-muted);font-size:.9rem}.auth-form{display:grid;gap:15px}.auth-form .field>span{font-size:.78rem;color:#344256}.auth-form input{height:44px}
.auth-password-field{position:relative}.auth-password-field input{width:100%;padding-right:58px}.auth-password-toggle{position:absolute;right:8px;top:50%;min-height:28px;padding:4px 7px;border:0;border-radius:5px;color:var(--bf-blue);background:transparent;font-size:.72rem;font-weight:600;transform:translateY(-50%)}.auth-password-toggle:hover{background:var(--bf-blue-soft)}
.auth-form-actions{margin-top:3px}.auth-form-actions .btn{width:100%;height:44px}.auth-message{min-height:0;margin:0;font-size:.78rem}.auth-message:empty{display:none}.auth-message.is-error{color:var(--bf-danger)}
.auth-support{margin-top:20px;padding-top:16px;border-top:1px solid var(--bf-border);font-size:.75rem}.auth-footer{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--bf-border);color:#8490a0;font-size:.67rem}

/* Operations shell */
body.app-shell-active.module-mechanics{height:100vh;min-height:0;overflow:hidden;background:var(--bf-workspace)}
body.app-shell-active.module-mechanics .app-page-shell{width:100%;max-width:none;height:100vh;margin:0;padding:0;overflow:hidden}
body.app-shell-active.module-mechanics .app-page-shell>.hero{display:none}
body.app-shell-active.module-mechanics .app-main{display:block;height:100%;min-height:0;margin:0;padding:0;overflow:hidden}
body.app-shell-active.module-mechanics #mechanicsWorkspaceShell,body.app-shell-active.module-mechanics .mechanics-enterprise-shell{height:100%;min-height:0}
body.app-shell-active.module-mechanics .mechanics-enterprise-shell{display:grid;grid-template-columns:var(--bf-sidebar-width) minmax(0,1fr);gap:0;background:var(--bf-workspace)}
.mechanics-sidebar{position:relative;z-index:20;min-height:0;display:flex;flex-direction:column;padding:18px 14px 14px;overflow:hidden;color:#d9e4f0;background:var(--bf-navy);border:0;border-radius:0;box-shadow:8px 0 24px rgba(11,22,36,.08)}
.mechanics-sidebar-brand{display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:11px;min-height:60px;padding:0 6px 14px;border-bottom:1px solid rgba(255,255,255,.09)}
.mechanics-sidebar-logo,.mechanics-sidebar-logo-fallback{width:44px;height:44px;border:1px solid rgba(255,255,255,.13);border-radius:9px;color:#fff;background:var(--brand,var(--bf-blue));box-shadow:none}
.mechanics-sidebar-logo img{width:100%;height:100%;object-fit:contain;border-radius:8px}.mechanics-sidebar-brand-copy{min-width:0;display:grid;gap:1px}.mechanics-platform-label{color:#6ea8ff!important;font-size:.56rem!important;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.mechanics-sidebar-brand-copy strong{overflow:hidden;color:#fff;font-size:.88rem;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}.mechanics-sidebar-brand-copy>span:last-child{overflow:hidden;color:var(--bf-navy-muted);font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}
.mechanics-sidebar-section{min-height:0;display:flex;flex:1;flex-direction:column;padding-top:16px}.mechanics-sidebar-label{padding:0 10px 7px;color:#72859c;font-size:.6rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.mechanics-nav{min-height:0;display:flex;flex:1;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#33475e transparent}
.mechanics-nav-group-label{display:block;margin-top:10px;padding-top:12px;border-top:1px solid rgba(255,255,255,.09)}
.mechanics-nav-btn{position:relative;width:100%;min-height:40px;display:flex;align-items:center;gap:10px;padding:7px 10px;border:0;border-radius:7px;color:#b9c6d5;background:transparent;font-size:.79rem;font-weight:500;text-align:left;cursor:pointer;transition:color .14s ease,background-color .14s ease}
.mechanics-nav-btn:hover{color:#fff;background:rgba(255,255,255,.07)}.mechanics-nav-btn.is-active{color:#fff;background:#1c3653;box-shadow:inset 3px 0 0 #3c8cff}.mechanics-nav-icon{width:18px;height:18px;display:grid;flex:0 0 18px;place-items:center;color:#7e94ad}.mechanics-nav-icon svg{width:17px;height:17px}.mechanics-nav-btn:hover .mechanics-nav-icon,.mechanics-nav-btn.is-active .mechanics-nav-icon{color:#70a9ff}
.mechanics-sidebar-meta{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin-top:12px;padding:13px 8px 2px;border-top:1px solid rgba(255,255,255,.09)}
.mechanics-account-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#244d7c;font-size:.76rem;font-weight:700}.mechanics-account-copy{min-width:0;display:grid;gap:1px}.mechanics-account-copy>span:first-child{color:#72859c;font-size:.57rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mechanics-account-copy strong{overflow:hidden;color:#fff;font-size:.79rem;text-overflow:ellipsis;white-space:nowrap}.mechanics-account-copy small{overflow:hidden;color:#8fa1b7;font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}
.mechanics-account-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:4px}.mechanics-account-btn{min-height:30px;padding:5px 8px;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#b8c6d6;background:rgba(255,255,255,.035);font-size:.67rem;font-weight:600;cursor:pointer}.mechanics-account-btn:hover{color:#fff;background:rgba(255,255,255,.09)}
.mechanics-content-shell{min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;background:var(--bf-workspace)}
.mechanics-header{position:sticky;top:0;z-index:15;min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px var(--bf-content-pad);border:0;border-bottom:1px solid var(--bf-border);border-radius:0;background:rgba(255,255,255,.94);box-shadow:0 3px 16px rgba(25,42,62,.04);backdrop-filter:blur(14px)}
.mechanics-page-kicker{margin:0 0 2px;color:var(--bf-blue);font-size:.61rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.mechanics-header h1{margin:0;font-size:clamp(1.45rem,2vw,2rem);line-height:1.18}.mechanics-page-subtitle{margin:4px 0 0;color:var(--bf-muted);font-size:.78rem}.mechanics-header-actions{display:flex;align-items:center;gap:8px}
.mechanics-pane-stack{display:grid;gap:18px;padding:20px var(--bf-content-pad) 32px}.mechanics-pane,.mechanics-pane.panel,.mechanics-pane.app-slab{width:100%;max-width:1680px;min-width:0;margin:0 auto;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none;align-self:start;align-content:start;grid-auto-rows:max-content}.mechanics-pane::before,.mechanics-header::before{display:none}
.mechanics-pane:not([data-mechanics-pane="dashboard"]):not([data-mechanics-pane="jobCards"]):not([data-mechanics-pane="reports"]):not([data-mechanics-pane="locked"]){padding:18px;border:1px solid var(--bf-border);border-radius:var(--bf-radius);background:#fff;box-shadow:var(--bf-shadow-small)}
.section-heading h2,.section-heading h3,.app-pane-heading h2,.mechanics-jobcards-intro h2{margin:0;font-size:1rem;line-height:1.3}.section-heading p,.app-pane-heading p,.mechanics-jobcards-intro p{margin:5px 0 0;color:var(--bf-muted);font-size:.77rem;line-height:1.45}.section-heading-inline{gap:16px}.app-pane-heading{margin:0 0 14px;padding:0 0 14px;border-bottom:1px solid var(--bf-border)}
.settings-section,.app-content-card,.list-card,.panel,.app-slab{border-color:var(--bf-border);border-radius:var(--bf-radius);box-shadow:none}

/* Dashboard */
.mechanics-dashboard-summary{padding:18px 20px;border:1px solid var(--bf-border);border-top:3px solid var(--bf-blue);border-radius:var(--bf-radius);background:#fff;box-shadow:var(--bf-shadow-small)}
.mechanics-kpi-strip,.mechanics-jobcards-summary-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;overflow:hidden;border:1px solid var(--bf-border);border-radius:var(--bf-radius-small);background:#fff}
.mechanics-kpi-strip .metric-card,.mechanics-jobcards-kpi{min-width:0;min-height:72px;display:grid;align-content:center;gap:2px;padding:12px 15px;border:0;border-right:1px solid var(--bf-border);border-radius:0;background:#fff;box-shadow:none}
.mechanics-kpi-strip>:last-child,.mechanics-jobcards-summary-strip>:last-child{border-right:0}.mechanics-kpi-strip span,.mechanics-jobcards-kpi span{color:#728197;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.mechanics-kpi-strip strong,.mechanics-jobcards-kpi strong{color:var(--bf-text);font-family:"Manrope",sans-serif;font-size:1.32rem;line-height:1.2}
.metric-card--warning strong,.mechanics-jobcards-kpi--warning strong,.metric-card--approval strong,.mechanics-jobcards-kpi--approval strong{color:var(--bf-warning)}.metric-card--success strong,.mechanics-jobcards-kpi--success strong{color:var(--bf-success)}.metric-card--danger strong,.mechanics-jobcards-kpi--danger strong{color:var(--bf-danger)}
.mechanics-summary,.report-summary{margin:12px 0 0;padding:9px 12px;border:1px solid #dbe5ef;border-radius:6px;color:#52647a;background:#f5f8fb;font-size:.72rem}
.mechanics-dashboard-visual-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:14px;margin-top:14px}.mechanics-dashboard-visual-card{min-width:0;padding:17px 18px;border:1px solid var(--bf-border);border-radius:var(--bf-radius);background:#fff;box-shadow:var(--bf-shadow-small)}
.mechanics-queue-panel{margin-top:14px;padding:17px 18px 0;border:1px solid var(--bf-border);border-radius:var(--bf-radius);background:#fff;box-shadow:var(--bf-shadow-small)}
.mechanics-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.mechanics-secondary-panel{min-width:0;padding:17px 18px;border:1px solid var(--bf-border);border-radius:var(--bf-radius);background:#fff;box-shadow:var(--bf-shadow-small)}.mechanics-secondary-list{padding:0;border:0;border-radius:0;background:transparent}
.list-entry{min-height:43px;padding:9px 4px;border-bottom:1px solid #e7ecf1}.list-entry:last-child{border-bottom:0}.list-entry strong{color:#253449;font-size:.78rem}.list-entry span,.list-entry small{color:var(--bf-muted);font-size:.69rem}

/* Job cards */
.mechanics-jobcards-intro{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:13px}.mechanics-result-count{flex:0 0 auto;color:var(--bf-muted);font-size:.72rem;font-weight:600}
.mechanics-jobcards-summary-card{overflow:hidden;border:1px solid var(--bf-border);border-radius:var(--bf-radius);background:#fff;box-shadow:var(--bf-shadow-small)}.mechanics-jobcards-summary-card .mechanics-jobcards-summary-strip{border:0;border-radius:0}.mechanics-jobcards-summary{margin:0;padding:9px 15px;border:0;border-top:1px solid var(--bf-border);border-radius:0}
.mechanics-job-toolbar{display:grid;grid-template-columns:minmax(280px,1fr) minmax(150px,190px) minmax(150px,190px);gap:9px;align-items:end;margin-top:13px;padding:10px;border:1px solid var(--bf-border);border-bottom:0;border-radius:var(--bf-radius) var(--bf-radius) 0 0;background:#fff}
.mechanics-search-field{position:relative;display:block}.mechanics-search-field input{width:100%;min-height:38px;padding-left:34px;background:#f8fafc!important}.mechanics-search-icon{position:absolute;left:12px;top:50%;width:13px;height:13px;border:1.8px solid #68798e;border-radius:50%;transform:translateY(-56%);pointer-events:none}.mechanics-search-icon::after{content:"";position:absolute;right:-4px;bottom:-3px;width:5px;height:2px;border-radius:2px;background:#68798e;transform:rotate(45deg)}
.mechanics-filter-field{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px}.mechanics-filter-field>span{color:#617084;font-size:.66rem;font-weight:600}.mechanics-filter-field select{width:100%;min-height:38px;padding:7px 28px 7px 9px;font-size:.76rem}
.table-wrap{overflow:auto;border:1px solid var(--bf-border);border-radius:var(--bf-radius-small);background:#fff;scrollbar-width:thin;scrollbar-color:#bac6d3 #f4f6f8}.mechanics-jobcards-grid{max-height:calc(100vh - 365px);min-height:0;border-radius:0 0 var(--bf-radius) var(--bf-radius)}.mechanics-jobcards-grid table{min-width:1060px}
table{width:100%;border-collapse:separate;border-spacing:0;color:var(--bf-text);background:#fff}thead{position:sticky;top:0;z-index:4}th{padding:10px 11px;border-bottom:1px solid var(--bf-border-strong);color:#5b6c82;background:#f3f6f9;font-size:.61rem;font-weight:700;letter-spacing:.07em;line-height:1.25;text-transform:uppercase;white-space:nowrap}td{padding:10px 11px;border-bottom:1px solid #e6ebf0;color:#26364a;font-size:.73rem;line-height:1.35;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr{transition:background-color .12s ease}tbody tr:hover,.interactive-row:hover{background:#f5f8fc}.interactive-row{cursor:pointer}.interactive-row.job-row-attention{box-shadow:inset 3px 0 0 #e3a23a}
td small{display:block;margin-top:2px;color:#77869a;font-size:.64rem}.cell-primary,td>strong{color:#1c2c40;font-weight:600}.job-reference-cell{white-space:nowrap}.job-reference-cell>strong{display:block;color:#0d55ae}.job-priority{display:inline-flex;width:max-content;margin-top:4px;padding:2px 5px;border-radius:4px;color:#69798d;background:#eef2f6;font-size:.56rem;font-weight:700;text-transform:uppercase}.job-priority-high,.job-priority-critical{color:var(--bf-danger);background:var(--bf-danger-soft)}
.job-summary-cell{min-width:180px;max-width:260px}.job-summary-cell strong,.job-summary-cell small{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.job-updated-cell{min-width:118px;color:#65758a;font-size:.67rem}.mechanic-name.is-unassigned{color:var(--bf-warning);font-weight:600}.table-actions-inline{display:flex;justify-content:flex-end;gap:5px;white-space:nowrap}.table-action-btn,.icon-btn{min-height:30px;padding:5px 9px;border-radius:6px;font-size:.67rem}
.status-pill{display:inline-flex;align-items:center;min-height:23px;padding:3px 7px;border:1px solid #d5e2f3;border-radius:999px;color:#195b9e;background:#edf5ff;font-size:.61rem;font-weight:700;line-height:1.2;white-space:nowrap}
[class*="status-Awaiting"],[class*="status-Pending"],[class*="status-Callback"]{color:var(--bf-warning);border-color:#f0d7aa;background:var(--bf-warning-soft)}[class*="status-Ready"],[class*="status-Approved"],[class*="status-Paid"],[class*="status-Completed"],[class*="status-Collected"]{color:var(--bf-success);border-color:#bce1cb;background:var(--bf-success-soft)}[class*="status-Declined"],[class*="status-Overdue"],[class*="status-Cancelled"],[class*="status-Critical"]{color:var(--bf-danger);border-color:#f0c1c6;background:var(--bf-danger-soft)}
.empty-state{padding:34px 18px!important;color:#7c8999!important;font-size:.78rem!important;text-align:center}

/* Reports and forms */
.mechanics-report-shell,.mechanics-report-controls,.mechanics-report-panel,.mechanics-analytics-card{border:1px solid var(--bf-border);border-radius:var(--bf-radius);background:#fff;box-shadow:var(--bf-shadow-small)}.mechanics-report-controls,.mechanics-report-panel,.mechanics-analytics-card{padding:16px 18px}.mechanics-report-grid,.dashboard-grid{gap:10px}
.metric-card{border:1px solid var(--bf-border);border-radius:8px;background:#fff;box-shadow:none}.metric-card span{color:#68798d;font-size:.66rem;font-weight:700;text-transform:uppercase}.metric-card strong{font-family:"Manrope",sans-serif;color:var(--bf-text)}.form-grid{gap:13px}.form-actions{gap:8px;margin-top:16px}

/* Focused workspaces */
.modal{z-index:100;padding:20px;background:rgba(7,16,28,.54);backdrop-filter:blur(4px)}.modal-card{border:1px solid var(--bf-border);border-radius:12px;background:#fff;box-shadow:0 24px 70px rgba(8,19,33,.24);backdrop-filter:none}.modal-card::before{display:none}
#workspaceModal{align-items:stretch;justify-content:flex-end;padding:0}#workspaceModal .modal-panel{width:min(780px,calc(100vw - 40px));max-width:none;height:100%;max-height:none;margin:0;border-width:0 0 0 1px;border-radius:12px 0 0 12px;animation:bf-drawer-in .2s ease-out both}@keyframes bf-drawer-in{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:translateX(0)}}
#workspaceModal.is-job-workspace .modal-panel{width:min(980px,calc(100vw - 40px))}.job-workspace-context{margin-bottom:15px;border:1px solid var(--bf-border);border-radius:9px;background:#f7f9fc}.job-workspace-identity{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(160px,1.25fr) minmax(150px,1fr) auto;align-items:center;gap:16px;padding:13px 15px}.job-workspace-identity>div{min-width:0;display:grid;gap:2px}.job-workspace-identity>div span{color:var(--bf-muted);font-size:.5rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.job-workspace-identity>div strong{overflow:hidden;color:var(--bf-text);font-size:.68rem;text-overflow:ellipsis;white-space:nowrap}.job-workspace-tabs{display:flex;overflow:auto;border-top:1px solid var(--bf-border);scrollbar-width:thin}.job-workspace-tabs button{min-height:39px;flex:0 0 auto;padding:8px 13px;border:0;border-right:1px solid var(--bf-border);color:#62748a;background:transparent;font:inherit;font-size:.58rem;font-weight:700;cursor:pointer}.job-workspace-tabs button:hover{color:#174f86;background:#edf4fb}.job-workspace-tabs button.is-active{color:#0f63b4;background:#e5f0fc;box-shadow:inset 0 -2px #1f78e0}.job-workspace-related{display:grid;gap:13px}.job-workspace-section{overflow:hidden;border:1px solid var(--bf-border);border-radius:9px;background:#fff}.job-workspace-section>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 15px;border-bottom:1px solid var(--bf-border);background:#f7f9fb}.job-workspace-section>header>div{display:grid;gap:2px}.job-workspace-section h3{font-size:.75rem}.job-workspace-section p{margin:0;color:var(--bf-muted);font-size:.58rem}.job-workspace-section>header .btn{min-height:31px;padding:5px 9px;font-size:.55rem}.job-workspace-record{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:10px 15px;border-bottom:1px solid var(--bf-border)}.job-workspace-record:last-child{border-bottom:0}.job-workspace-record>div{min-width:0;display:grid;gap:3px}.job-workspace-record strong{color:var(--bf-text);font-size:.66rem}.job-workspace-record span,.job-workspace-record small{color:var(--bf-muted);font-size:.56rem}.job-workspace-empty{display:grid;justify-items:start;gap:5px;padding:22px 15px}.job-workspace-empty strong{font-size:.7rem}.job-workspace-empty p{margin:0 0 7px;color:var(--bf-muted);font-size:.6rem}.job-workspace-empty .btn{min-height:32px;font-size:.56rem}
body.theme-dark .job-workspace-context,body.theme-dark .job-workspace-section{border-color:#2c4053;background:#101e2a}body.theme-dark .job-workspace-section>header{border-color:#2c4053;background:#132330}body.theme-dark .job-workspace-tabs{border-color:#2c4053}body.theme-dark .job-workspace-tabs button{color:#9aadc1;border-color:#2c4053}body.theme-dark .job-workspace-tabs button:hover,body.theme-dark .job-workspace-tabs button.is-active{color:#dcecff;background:#18334c}
@media(max-width:720px){.job-workspace-identity{grid-template-columns:1fr 1fr}.job-workspace-identity>.status-pill{justify-self:start}.job-workspace-tabs button{padding-inline:11px}}
.modal-header{min-height:76px;padding:17px 20px;border-bottom:1px solid var(--bf-border);background:#f8fafc}.modal-header h2{margin:0;font-size:1.08rem}.modal-header p{margin:4px 0 0;color:var(--bf-muted);font-size:.73rem}.modal-close{min-height:34px;padding:6px 10px;border:1px solid var(--bf-border-strong);border-radius:6px;color:#314155;background:#fff;font-size:.72rem;font-weight:600}.modal-close:hover{background:#eef2f6}.modal-body{padding:18px 20px 28px;overflow-y:auto}.modal-body .settings-section,.modal-body .app-content-card{padding:0;border:0;background:transparent;box-shadow:none}.modal-body .app-pane-heading{margin-bottom:16px}
#customerShareModal{align-items:center;justify-content:center}.customer-share-card{width:min(640px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;border-radius:12px}.customer-share-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px 22px;background:linear-gradient(180deg,#fbfcfe,#f5f8fb)}.customer-share-heading{min-width:0;display:flex;align-items:flex-start;gap:13px}.customer-share-heading .eyebrow{margin:0 0 4px;color:var(--bf-blue);font-size:.56rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.customer-share-heading h2{font-size:1.12rem}.customer-share-heading>div>p:last-child{max-width:460px}.customer-share-mark{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;border-radius:8px;color:#fff;background:linear-gradient(145deg,var(--bf-blue),#0756a2);box-shadow:0 8px 18px rgba(15,108,189,.18)}.customer-share-mark svg{width:21px;height:21px}.customer-share-body{display:grid;gap:15px;padding:20px 22px 22px}.customer-share-context{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr) auto;align-items:center;gap:16px;padding:12px 14px;border:1px solid var(--bf-border);border-radius:8px;background:#f7f9fc}.customer-share-context>div{min-width:0;display:grid;gap:3px}.customer-share-context span,.customer-share-section-heading>div>span{color:var(--bf-muted);font-size:.56rem;font-weight:750;letter-spacing:.07em;text-transform:uppercase}.customer-share-context strong{overflow:hidden;color:var(--bf-text);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.customer-share-state{padding:5px 8px;border-radius:999px;color:#20764f!important;background:#e5f4ec;font-size:.54rem!important;letter-spacing:.04em!important;white-space:nowrap}.customer-share-recipient,.customer-share-link-section{display:grid;gap:11px}.customer-share-recipient{padding:14px;border:1px solid var(--bf-border);border-radius:8px;background:#fff}.customer-share-section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.customer-share-section-heading>div{display:grid;gap:2px}.customer-share-section-heading strong{font-size:.68rem}.customer-share-source{padding:4px 7px;border-radius:5px;color:#1764ae;background:#e7f0fb;font-size:.52rem;font-weight:750}.customer-share-identity{display:flex;align-items:center;gap:11px;padding-top:10px;border-top:1px solid var(--bf-border)}.customer-share-avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;color:#fff;background:#173a61;font-size:.63rem;font-weight:800}.customer-share-identity>div{min-width:0;display:grid;gap:2px}.customer-share-identity strong{color:var(--bf-text);font-size:.76rem}.customer-share-identity>div>span{overflow:hidden;color:var(--bf-muted);font-size:.67rem;text-overflow:ellipsis;white-space:nowrap}.customer-share-warning{margin:0;padding:9px 11px;border-left:3px solid var(--bf-warning);color:#755017;background:#fff6e5;font-size:.63rem;line-height:1.45}.customer-share-link-section>label{color:#425369;font-size:.64rem;font-weight:700}.customer-share-link-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px}.customer-share-link-control input{min-width:0;height:38px;padding:8px 10px;color:#34475d;background:#f7f9fb!important;font-family:Consolas,"Courier New",monospace;font-size:.62rem}.customer-share-link-control .btn{min-width:92px;min-height:38px;padding:7px 11px;border-radius:6px;font-size:.64rem}.customer-share-security{display:flex;align-items:flex-start;gap:8px;color:#647489;font-size:.61rem;line-height:1.45}.customer-share-security svg{width:15px;height:15px;flex:0 0 auto;color:#7289a2}.customer-share-status{min-height:34px;display:flex;align-items:center;margin:0;padding:8px 10px;border-radius:6px;color:#52647a;background:#f2f5f8;font-size:.63rem}.customer-share-status[data-status="success"]{color:#1d7049;background:#e8f5ee}.customer-share-status[data-status="warning"]{color:#805713;background:#fff5df}.customer-share-status[data-status="error"]{color:#9a3440;background:#fbeaec}.customer-share-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding-top:2px}.customer-share-actions .btn{min-height:38px;padding:8px 13px;border-radius:7px;font-size:.67rem}.customer-share-actions .btn-primary{min-width:168px}
#settingsModal .modal-card{width:min(1120px,calc(100vw - 40px));max-height:calc(100vh - 40px)}.settings-layout{gap:18px}.settings-sidebar{border-right:1px solid var(--bf-border)}.settings-nav-btn{border-radius:6px}.settings-nav-btn:hover{background:#eef3f8}.settings-nav-btn.is-active{color:var(--bf-blue);background:var(--bf-blue-soft)}
.settings-accordion{overflow:hidden;border:1px solid var(--bf-border);border-radius:8px;background:#fff}.settings-accordion+.settings-accordion{margin-top:8px}.settings-accordion summary{padding:13px 15px}.settings-accordion summary:hover{background:#f6f8fa}.settings-accordion>.settings-section{border:0;border-top:1px solid var(--bf-border);border-radius:0}

/* Customer portal */
body.customer-portal-body{background:#eef2f6}.customer-portal-shell{width:min(1260px,calc(100% - 32px));margin:24px auto 40px}.customer-portal-hero{padding:26px 30px;border:0;border-radius:12px;color:#fff;background:var(--bf-navy);box-shadow:var(--bf-shadow)}.customer-portal-hero::before{display:none}.customer-portal-hero h1{color:#fff}.customer-portal-hero .hero-subtext,.customer-portal-hero .hero-copy{color:#b9c7d7}.customer-portal-main{gap:14px;margin-top:14px}.customer-portal-main .panel,.customer-portal-main .settings-section,.customer-portal-main .app-content-card{border:1px solid var(--bf-border);border-radius:10px;background:#fff;box-shadow:var(--bf-shadow-small)}.customer-portal-main .panel::before{display:none}.customer-portal-intro{padding:22px 24px}.customer-portal-title{font-size:1.35rem}.customer-portal-caution{border-radius:7px;font-size:.75rem}

/* Appearance modes */
body.density-compact{--bf-content-pad:clamp(14px,1.5vw,22px)}body.density-compact .mechanics-pane-stack{gap:14px;padding-top:15px}body.density-compact td{padding-top:8px;padding-bottom:8px}body.density-dense{--bf-content-pad:clamp(12px,1.2vw,18px)}body.density-dense .mechanics-header{min-height:70px}body.density-dense .mechanics-pane-stack{gap:11px;padding-top:12px}body.density-dense td{padding:7px 9px;font-size:.69rem}body.table-density-compact td{padding-top:7px;padding-bottom:7px}body.card-style-soft{--bf-radius:13px;--bf-radius-small:9px}body.card-style-minimal{--bf-shadow:none;--bf-shadow-small:none}
body.sidebar-compact{--bf-sidebar-width:208px}body.sidebar-compact .mechanics-sidebar-brand-copy>span:last-child,body.sidebar-compact .mechanics-platform-label{display:none}

body.theme-dark.app-shell-active.module-mechanics{--bf-workspace:#0f1824;--bf-surface:#162231;--bf-border:#2a3a4d;--bf-border-strong:#3a4b5f;--bf-text:#e5edf7;--bf-muted:#95a5b8;background:var(--bf-workspace)}body.theme-dark .mechanics-content-shell{background:var(--bf-workspace)}
body.theme-dark .mechanics-header,body.theme-dark .mechanics-dashboard-summary,body.theme-dark .mechanics-dashboard-visual-card,body.theme-dark .mechanics-queue-panel,body.theme-dark .mechanics-secondary-panel,body.theme-dark .mechanics-jobcards-summary-card,body.theme-dark .mechanics-job-toolbar,body.theme-dark .mechanics-pane:not([data-mechanics-pane="dashboard"]):not([data-mechanics-pane="jobCards"]):not([data-mechanics-pane="reports"]):not([data-mechanics-pane="locked"]),body.theme-dark table,body.theme-dark .table-wrap,body.theme-dark .metric-card,body.theme-dark .mechanics-kpi-strip,body.theme-dark .mechanics-jobcards-summary-strip,body.theme-dark .mechanics-kpi-strip .metric-card,body.theme-dark .mechanics-jobcards-kpi,body.theme-dark .modal-card,body.theme-dark .settings-accordion{color:var(--bf-text);background:var(--bf-surface);border-color:var(--bf-border)}
body.theme-dark .mechanics-header{background:rgba(22,34,49,.95)}body.theme-dark h1,body.theme-dark h2,body.theme-dark h3,body.theme-dark h4,body.theme-dark td,body.theme-dark .cell-primary,body.theme-dark td>strong,body.theme-dark .list-entry strong{color:var(--bf-text)}body.theme-dark th{color:#a8b5c5;background:#1d2b3a;border-color:var(--bf-border)}body.theme-dark td,body.theme-dark .list-entry{border-color:var(--bf-border)}body.theme-dark tbody tr:hover{background:#1b2a3a}body.theme-dark input,body.theme-dark select,body.theme-dark textarea,body.theme-dark .money-field{color:var(--bf-text)!important;background:#111c29!important;border-color:var(--bf-border-strong)!important}body.theme-dark .mechanics-summary,body.theme-dark .report-summary{color:#a7b5c6;background:#172535;border-color:var(--bf-border)}body.theme-dark .btn-secondary,body.theme-dark .modal-close{color:#d6e1ee;background:#1b2939!important;border-color:var(--bf-border-strong)!important}
body.theme-dark .customer-share-header{background:#142130}body.theme-dark .customer-share-context,body.theme-dark .customer-share-recipient,body.theme-dark .customer-share-status{background:#101c28;border-color:var(--bf-border)}body.theme-dark .customer-share-context strong,body.theme-dark .customer-share-identity strong{color:var(--bf-text)}body.theme-dark .customer-share-identity{border-color:var(--bf-border)}body.theme-dark .customer-share-link-control input{background:#0d1823!important}body.theme-dark .customer-share-security{color:#9aabbd}body.theme-dark .customer-share-status[data-status="success"]{color:#75d6a5;background:#112b22}body.theme-dark .customer-share-status[data-status="warning"]{color:#efc273;background:#2c2415}body.theme-dark .customer-share-status[data-status="error"]{color:#f29aa2;background:#301a21}

/* Responsive */
@media(max-width:1180px){:root{--bf-sidebar-width:220px}.mechanics-kpi-strip,.mechanics-jobcards-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.mechanics-kpi-strip>:nth-child(3),.mechanics-jobcards-summary-strip>:nth-child(3){border-right:0}.mechanics-kpi-strip>:nth-child(-n+3),.mechanics-jobcards-summary-strip>:nth-child(-n+3){border-bottom:1px solid var(--bf-border)}.mechanics-dashboard-visual-grid{grid-template-columns:1fr}}
@media(max-width:900px){
  body.app-shell-active.module-mechanics{height:auto;min-height:100vh;overflow:auto}body.app-shell-active.module-mechanics .app-page-shell,body.app-shell-active.module-mechanics .app-main,body.app-shell-active.module-mechanics #mechanicsWorkspaceShell,body.app-shell-active.module-mechanics .mechanics-enterprise-shell{height:auto;min-height:100vh;overflow:visible}body.app-shell-active.module-mechanics .mechanics-enterprise-shell{display:block}
  .mechanics-sidebar{position:sticky;top:0;z-index:30;min-height:0;height:auto;padding:9px 12px;overflow:visible;box-shadow:0 4px 16px rgba(5,15,28,.18)}.mechanics-sidebar-brand{min-height:46px;grid-template-columns:34px minmax(0,1fr);padding:0 178px 8px 4px}.mechanics-sidebar-logo,.mechanics-sidebar-logo-fallback{width:34px;height:34px;border-radius:7px}.mechanics-sidebar-section{padding-top:7px}.mechanics-sidebar-label{display:none}.mechanics-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden;padding-bottom:2px}.mechanics-nav-btn{width:auto;min-width:max-content;min-height:34px;padding:6px 9px}.mechanics-nav-btn.is-active{box-shadow:inset 0 -2px 0 #3c8cff}.mechanics-nav-icon{width:15px;height:15px;flex-basis:15px}.mechanics-nav-icon svg{width:15px;height:15px}
  .mechanics-sidebar-meta{position:absolute;top:9px;right:12px;width:auto;grid-template-columns:30px minmax(0,120px);margin:0;padding:0;border:0}.mechanics-account-avatar{width:30px;height:30px}.mechanics-account-copy>span:first-child,.mechanics-account-copy small{display:none}.mechanics-account-actions{display:none}.mechanics-content-shell{overflow:visible}.mechanics-header{top:102px;min-height:72px;padding-top:11px;padding-bottom:11px}.mechanics-page-subtitle{max-width:60vw}.mechanics-pane-stack{padding-bottom:24px}.mechanics-job-toolbar{grid-template-columns:1fr 1fr}.mechanics-search-field{grid-column:1/-1}.mechanics-secondary-grid{grid-template-columns:1fr}.mechanics-jobcards-grid{max-height:none}
  .auth-layout{grid-template-columns:1fr}.auth-brand-panel{min-height:44vh;padding:46px 8vw}.auth-form-panel{min-height:56vh;padding:36px 20px}.auth-panel-footer{margin-top:26px}
}
@media(max-width:620px){
  html{font-size:14px}.auth-brand-panel{min-height:auto;padding:34px 22px 42px}.auth-brand-mark{align-items:flex-start}.auth-brand-logo-frame,.auth-brand-logo-fallback{width:48px;height:48px;flex-basis:48px}.auth-wordmark{font-size:2rem}.auth-panel-copy{margin:24px 0 20px;font-size:1rem}.auth-feature-list{grid-template-columns:1fr}.auth-feature-item{min-height:68px;padding:13px 15px}.auth-panel-footer{display:grid;gap:5px}.auth-form-panel{padding:26px 14px}.auth-card{padding:27px 22px 22px}
  .mechanics-sidebar-brand-copy{max-width:135px}.mechanics-sidebar-brand{padding-right:52px}.mechanics-sidebar-meta{grid-template-columns:30px}.mechanics-account-copy{display:none}.mechanics-header{top:96px;min-height:0;align-items:flex-end;padding:11px 14px}.mechanics-header h1{font-size:1.25rem}.mechanics-page-subtitle{display:none}.mechanics-header-actions .btn{min-height:34px;padding:6px 10px;font-size:.73rem}.mechanics-pane-stack{padding:14px 12px 22px}.mechanics-dashboard-summary,.mechanics-dashboard-visual-card,.mechanics-queue-panel,.mechanics-secondary-panel{padding:14px}
  .mechanics-kpi-strip,.mechanics-jobcards-summary-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.mechanics-kpi-strip>*,.mechanics-jobcards-summary-strip>*{border-right:1px solid var(--bf-border)!important;border-bottom:1px solid var(--bf-border)}.mechanics-kpi-strip>:nth-child(2n),.mechanics-jobcards-summary-strip>:nth-child(2n){border-right:0!important}.mechanics-kpi-strip>:nth-last-child(-n+2),.mechanics-jobcards-summary-strip>:nth-last-child(-n+2){border-bottom:0}.mechanics-jobcards-intro{align-items:start}.mechanics-job-toolbar{grid-template-columns:1fr}.mechanics-search-field{grid-column:auto}.mechanics-filter-field{grid-template-columns:62px minmax(0,1fr)}
  .mechanics-pane:not([data-mechanics-pane="dashboard"]):not([data-mechanics-pane="jobCards"]):not([data-mechanics-pane="reports"]):not([data-mechanics-pane="locked"]){padding:14px}#workspaceModal .modal-panel{width:100vw;border:0;border-radius:0}#settingsModal{padding:0}#settingsModal .modal-card{width:100vw;height:100vh;max-height:none;border:0;border-radius:0}.settings-layout{display:block}.settings-sidebar{display:none}.customer-portal-shell{width:calc(100% - 20px);margin:10px auto 24px}.customer-portal-hero{padding:20px;border-radius:9px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Specificity guard against the legacy base skin. */
body.app-shell-active.module-mechanics .mechanics-sidebar{position:relative;top:auto;display:flex;flex-direction:column;gap:0;align-content:normal;max-height:none;padding:18px 14px 14px;overflow:hidden;color:#d9e4f0;background:var(--bf-navy);border:0;border-radius:0;box-shadow:8px 0 24px rgba(11,22,36,.08)}
body.app-shell-active.module-mechanics .mechanics-sidebar-brand{display:grid;grid-template-columns:44px minmax(0,1fr);gap:11px;align-items:center;min-height:60px;padding:0 6px 14px;border-bottom:1px solid rgba(255,255,255,.09)}
body.app-shell-active.module-mechanics .mechanics-sidebar-logo,body.app-shell-active.module-mechanics .mechanics-sidebar-logo-fallback{width:44px;height:44px;border:1px solid rgba(255,255,255,.13);border-radius:9px;color:#fff;background:var(--brand,var(--bf-blue))}
body.app-shell-active.module-mechanics .mechanics-sidebar-brand-copy{display:grid;gap:1px;min-width:0}
body.app-shell-active.module-mechanics .mechanics-sidebar-brand-copy strong{color:#fff;font-size:.88rem}
body.app-shell-active.module-mechanics .mechanics-sidebar-brand-copy>span:last-child{color:var(--bf-navy-muted);font-size:.66rem}
body.app-shell-active.module-mechanics .mechanics-sidebar-label{padding:0 10px 7px;color:#72859c;font-size:.6rem}
body.app-shell-active.module-mechanics .mechanics-nav{display:flex;flex:1;flex-direction:column;gap:2px;overflow-y:auto}
body.app-shell-active.module-mechanics .mechanics-nav-btn{min-height:40px;display:flex;justify-content:flex-start;gap:10px;padding:7px 10px;border:0;border-radius:7px;color:#b9c6d5;background:transparent;font-size:.79rem}
body.app-shell-active.module-mechanics .mechanics-nav-btn:hover{color:#fff;background:rgba(255,255,255,.07)}
body.app-shell-active.module-mechanics .mechanics-nav-btn.is-active{color:#fff;background:#1c3653;box-shadow:inset 3px 0 0 #3c8cff}
body.app-shell-active.module-mechanics .mechanics-nav-icon{width:18px;height:18px;flex:0 0 18px;color:#7e94ad;background:transparent}
body.app-shell-active.module-mechanics .mechanics-nav-btn.is-active .mechanics-nav-icon{color:#70a9ff;background:transparent}
body.app-shell-active.module-mechanics .mechanics-sidebar-meta{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;margin-top:12px;padding:13px 8px 2px;border-top:1px solid rgba(255,255,255,.09)}
body.app-shell-active.module-mechanics .mechanics-account-copy>span:first-child{color:#72859c}body.app-shell-active.module-mechanics .mechanics-account-copy strong{color:#fff}body.app-shell-active.module-mechanics .mechanics-account-copy small{color:#8fa1b7}
body.app-shell-active.module-mechanics .mechanics-header{position:sticky;top:0;min-height:82px;padding:14px var(--bf-content-pad);border:0;border-bottom:1px solid var(--bf-border);border-radius:0;background:rgba(255,255,255,.94);box-shadow:0 3px 16px rgba(25,42,62,.04)}
body.app-shell-active.module-mechanics .mechanics-pane-stack{display:grid;gap:18px;padding:20px var(--bf-content-pad) 32px;overflow:visible}
body.app-shell-active.module-mechanics .mechanics-pane,body.app-shell-active.module-mechanics .mechanics-pane.panel,body.app-shell-active.module-mechanics .mechanics-pane.app-slab{width:100%;max-width:1680px;min-height:0;margin:0 auto;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;align-self:start;align-content:start;grid-auto-rows:max-content}
body.app-shell-active.module-mechanics .mechanics-dashboard-summary,body.app-shell-active.module-mechanics .mechanics-dashboard-visual-card,body.app-shell-active.module-mechanics .mechanics-queue-panel,body.app-shell-active.module-mechanics .mechanics-secondary-panel{border:1px solid var(--bf-border);border-radius:var(--bf-radius);background:#fff;box-shadow:var(--bf-shadow-small)}
body.app-shell-active.module-mechanics .mechanics-dashboard-summary{border-top:3px solid var(--bf-blue)}
body.app-shell-active.module-mechanics .mechanics-jobcards-summary-card{border:1px solid var(--bf-border);border-radius:var(--bf-radius);background:#fff;box-shadow:var(--bf-shadow-small)}
body.app-shell-active.module-mechanics .mechanics-job-toolbar{border:1px solid var(--bf-border);border-bottom:0;border-radius:var(--bf-radius) var(--bf-radius) 0 0;background:#fff}
body.app-shell-active.module-mechanics .mechanics-jobcards-grid{border:1px solid var(--bf-border);border-radius:0 0 var(--bf-radius) var(--bf-radius);background:#fff}
body.app-shell-active.module-mechanics .mechanics-kpi-strip .metric-card,body.app-shell-active.module-mechanics .mechanics-jobcards-kpi{border:0;border-right:1px solid var(--bf-border);border-radius:0;background:#fff;box-shadow:none}
body.app-shell-active.module-mechanics .mechanics-kpi-strip>:last-child,body.app-shell-active.module-mechanics .mechanics-jobcards-summary-strip>:last-child{border-right:0}

@media(max-width:900px){body.app-shell-active.module-mechanics .mechanics-sidebar{position:sticky;top:0;min-height:0;height:auto;padding:9px 12px;overflow:visible}body.app-shell-active.module-mechanics .mechanics-sidebar-brand{min-height:46px;grid-template-columns:34px minmax(0,1fr);padding:0 178px 8px 4px}body.app-shell-active.module-mechanics .mechanics-sidebar-logo,body.app-shell-active.module-mechanics .mechanics-sidebar-logo-fallback{width:34px;height:34px}body.app-shell-active.module-mechanics .mechanics-nav{flex-direction:row;overflow-x:auto;overflow-y:hidden}body.app-shell-active.module-mechanics .mechanics-nav-btn{width:auto;min-width:max-content;min-height:34px;padding:6px 9px}body.app-shell-active.module-mechanics .mechanics-nav-btn.is-active{box-shadow:inset 0 -2px 0 #3c8cff}body.app-shell-active.module-mechanics .mechanics-sidebar-meta{position:absolute;top:9px;right:12px;width:auto;grid-template-columns:30px minmax(0,120px);margin:0;padding:0;border:0}body.app-shell-active.module-mechanics .mechanics-header{top:102px;min-height:72px;padding:11px var(--bf-content-pad)}body.app-shell-active.module-mechanics .mechanics-pane-stack{padding:18px var(--bf-content-pad) 24px}}
@media(max-width:620px){body.app-shell-active.module-mechanics .mechanics-sidebar-brand{padding-right:52px}body.app-shell-active.module-mechanics .mechanics-sidebar-meta{grid-template-columns:30px}body.app-shell-active.module-mechanics .mechanics-header{top:96px;min-height:0;padding:11px 14px}body.app-shell-active.module-mechanics .mechanics-pane-stack{padding:14px 12px 22px}}

body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-enterprise-shell{grid-template-columns:var(--bf-sidebar-width) minmax(0,1fr);gap:0}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-sidebar{display:flex;gap:0;padding:18px 14px 14px;overflow:hidden;border:0;border-radius:0;background:var(--bf-navy);box-shadow:8px 0 24px rgba(11,22,36,.08)}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-sidebar-brand{gap:11px;padding:0 6px 14px}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-sidebar-logo,body.app-shell-active.module-mechanics:not(.theme-dark) .logo-fallback{width:44px;height:44px;border-radius:9px}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-sidebar-brand-copy strong{color:#fff;font-family:"Manrope",sans-serif;font-size:.88rem;font-weight:700}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-sidebar-brand-copy span{color:var(--bf-navy-muted);font-family:"IBM Plex Sans",sans-serif;font-size:.66rem}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-platform-label{color:#6ea8ff!important;font-size:.56rem!important}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-sidebar-label{color:#72859c;font-size:.6rem}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-nav-btn{min-height:40px;padding:7px 10px;border:0;border-radius:7px;color:#b9c6d5;background:transparent;font-size:.79rem}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-nav-btn:hover{color:#fff;background:rgba(255,255,255,.07)}body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-nav-btn.is-active{color:#fff;background:#1c3653;box-shadow:inset 3px 0 0 #3c8cff}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-sidebar-meta{grid-template-columns:34px minmax(0,1fr);gap:10px;margin-top:12px;padding:13px 8px 2px;border-top:1px solid rgba(255,255,255,.09)}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-account-copy>span:first-child{color:#72859c}body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-account-copy strong{color:#fff}body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-account-copy small{color:#8fa1b7}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-content-shell{padding:0;overflow-y:auto;overflow-x:hidden;background:var(--bf-workspace)}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-header{display:flex;min-height:82px;padding:14px var(--bf-content-pad);border:0;border-bottom:1px solid var(--bf-border);border-radius:0;background:rgba(255,255,255,.94);box-shadow:0 3px 16px rgba(25,42,62,.04)}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-header h1{font-family:"Manrope",sans-serif;font-size:clamp(1.45rem,2vw,2rem);color:var(--bf-text)}body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-page-subtitle{margin-top:4px;font-size:.78rem;color:var(--bf-muted)}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-pane-stack{margin:0;padding:20px var(--bf-content-pad) 32px;overflow:visible;gap:18px}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-pane{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-pane[data-mechanics-pane="jobCards"]{display:block;height:auto}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-jobcards-summary-card{padding:0;border:1px solid var(--bf-border);border-radius:var(--bf-radius);background:#fff;box-shadow:var(--bf-shadow-small)}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-jobcards-summary-strip{grid-template-columns:repeat(6,minmax(0,1fr));gap:0}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-jobcards-kpi{padding:12px 15px;border:0;border-right:1px solid var(--bf-border);border-radius:0;background:#fff}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-jobcards-kpi span{font-family:"IBM Plex Sans",sans-serif;font-size:.62rem;color:#728197}body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-jobcards-kpi strong{font-family:"Manrope",sans-serif;font-size:1.32rem}
body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-summary,body.app-shell-active.module-mechanics:not(.theme-dark) .report-summary{padding:9px 12px;border-radius:6px}

@media(max-width:1180px){body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-jobcards-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:900px){body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-enterprise-shell{display:block}body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-sidebar{position:sticky;padding:9px 12px;overflow:visible;border-radius:0}body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-sidebar-logo,body.app-shell-active.module-mechanics:not(.theme-dark) .logo-fallback{width:34px;height:34px}body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-content-shell{overflow:visible}body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-header{top:102px;min-height:72px}body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-pane-stack{padding:18px var(--bf-content-pad) 24px;overflow:visible}}
@media(max-width:620px){body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-header{top:96px;display:flex;padding:11px 14px}body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-sidebar,body.app-shell-active.module-mechanics:not(.theme-dark) .panel,body.app-shell-active.module-mechanics:not(.theme-dark) .app-slab,body.app-shell-active.module-mechanics:not(.theme-dark) .app-content-card,body.app-shell-active.module-mechanics:not(.theme-dark) .settings-section{padding:14px}body.app-shell-active.module-mechanics:not(.theme-dark) .mechanics-pane{padding:0}}

@media(max-width:900px){body.app-shell-active.module-mechanics .mechanics-account-copy{display:none}body.app-shell-active.module-mechanics .mechanics-account-actions{position:absolute;right:38px;top:0;width:max-content;display:flex;gap:4px;margin:0}body.app-shell-active.module-mechanics .mechanics-account-btn{min-height:30px;padding:4px 7px;font-size:.61rem}}
@media(max-width:620px){.auth-brand-panel{display:none}.auth-layout{display:block}.auth-form-panel{min-height:100vh;padding:24px 14px}.auth-card{margin:auto}body.app-shell-active.module-mechanics .mechanics-account-actions{right:38px}}

/* Settings control surface */
#settingsModal{padding:22px;background:rgba(7,16,28,.5)}
#settingsModal .settings-modal-card{width:min(1120px,calc(100vw - 44px));height:min(790px,calc(100vh - 44px));max-height:none;display:grid;grid-template-rows:auto minmax(0,1fr);padding:0;overflow:hidden;border:1px solid var(--bf-border);border-radius:12px;background:#fff;box-shadow:0 28px 80px rgba(8,19,33,.28)}
#settingsModal .settings-modal-heading{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0;padding:15px 20px;border:0;border-bottom:1px solid var(--bf-border);background:#fff}
#settingsModal .settings-modal-heading h2{font-size:1.15rem}
#settingsModal .settings-modal-heading p{margin-top:3px;font-size:.74rem}
#settingsModal .settings-modal-heading .btn{min-height:34px;padding:6px 11px}
#settingsModal .settings-layout{min-height:0;display:grid;grid-template-columns:220px minmax(0,1fr);gap:0;align-items:stretch;overflow:hidden}
#settingsModal .settings-sidebar{position:static;min-height:0;display:block;padding:18px 12px;overflow-y:auto;border:0;border-right:1px solid var(--bf-border);background:#f5f7fa}
#settingsModal .settings-sidebar-card{display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}
#settingsModal .settings-sidebar-card>.eyebrow{margin:0 8px 9px;color:#718096;font-size:.57rem;letter-spacing:.12em}
#settingsModal .settings-nav-list{display:grid;gap:2px}
#settingsModal .settings-nav-btn{position:relative;width:100%;min-height:48px;display:grid;grid-template-columns:1fr;gap:2px;align-content:center;justify-items:start;padding:8px 10px 8px 13px;border:0;border-radius:6px;color:#334155;background:transparent;box-shadow:none;transform:none;text-align:left}
#settingsModal .settings-nav-btn::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:3px;background:transparent}
#settingsModal .settings-nav-btn:hover{border:0;background:#e9eef4;box-shadow:none;transform:none}
#settingsModal .settings-nav-btn.is-active{color:#0e55bd;background:#e6effc;box-shadow:none}
#settingsModal .settings-nav-btn.is-active::before{background:var(--bf-blue)}
#settingsModal .settings-nav-btn strong{font-family:"IBM Plex Sans",sans-serif;font-size:.78rem;font-weight:650;line-height:1.2}
#settingsModal .settings-nav-btn span{color:#718096;font-family:"IBM Plex Sans",sans-serif;font-size:.63rem;line-height:1.3}
#settingsModal .settings-content{min-width:0;min-height:0;overflow-y:auto;background:#fff;scrollbar-width:thin;scrollbar-color:#bdc8d4 #f5f7fa}
#settingsModal .settings-stack{display:block}
#settingsModal .settings-accordion{margin:0;overflow:visible;border:0;border-bottom:1px solid var(--bf-border);border-radius:0;background:#fff;box-shadow:none}
#settingsModal .settings-accordion:last-child{border-bottom:0}
#settingsModal .settings-accordion summary{min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 24px;border:0;border-radius:0;background:#fff;font-family:"IBM Plex Sans",sans-serif;transition:background-color .14s ease}
#settingsModal .settings-accordion summary:hover{background:#f8fafc}
#settingsModal .settings-accordion[open] summary{background:#fff;border-bottom:1px solid var(--bf-border)}
#settingsModal .settings-accordion summary div{gap:2px}
#settingsModal .settings-accordion summary strong{font-family:"Manrope",sans-serif;font-size:.94rem;color:var(--bf-text)}
#settingsModal .settings-accordion summary span{font-family:"IBM Plex Sans",sans-serif;font-size:.7rem;font-weight:400;color:var(--bf-muted)}
#settingsModal .settings-accordion summary::after{width:24px;height:24px;display:grid;place-items:center;flex:0 0 24px;border-radius:5px;color:#55677c;background:#eef2f6;font-size:.9rem;font-weight:500;content:"+"}
#settingsModal .settings-accordion[open] summary::after{content:"-"}
#settingsModal .settings-accordion>.settings-section{margin:0;padding:21px 24px 24px;border:0;border-radius:0;background:#fff;box-shadow:none}
#settingsModal .settings-section>.section-heading{margin:25px 0 15px;padding:20px 0 0;border:0;border-top:1px solid var(--bf-border)}
#settingsModal .settings-section>.section-heading:first-child{margin-top:0;padding-top:0;border-top:0}
#settingsModal .settings-section>.section-heading h3{font-size:.87rem}
#settingsModal .settings-section>.section-heading p{font-size:.7rem}
#settingsModal .form-grid{gap:13px 14px}
#settingsModal .field>span{font-size:.7rem;color:#52647a}
#settingsModal input,#settingsModal select,#settingsModal textarea{min-height:39px;border-radius:6px!important;font-size:.8rem}
#settingsModal textarea{min-height:82px}
#settingsModal input[readonly],#settingsModal textarea[readonly]{color:#66778b!important;background:#f5f7f9!important}
#settingsModal .form-actions{margin-top:17px;padding-top:16px;border-top:1px solid var(--bf-border)}
#settingsModal .report-summary{margin-top:16px;padding:10px 11px;border:0;border-left:3px solid #9ab7da;border-radius:0;color:#52647a;background:#f5f8fb}

#settingsModal .appearance-preview{margin:24px 0 0;padding:20px 0 0;border:0;border-top:1px solid var(--bf-border);border-radius:0;background:transparent;box-shadow:none}
#settingsModal .appearance-preview>.section-heading{margin:0 0 13px;padding:0;border:0}
#settingsModal .appearance-preview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:0;border:1px solid var(--bf-border);border-radius:7px;background:#fff;overflow:hidden}
#settingsModal .appearance-preview-card{display:grid;align-content:center;gap:7px;min-height:138px;padding:16px 18px;border:0;border-right:1px solid var(--bf-border);border-radius:0;background:#f8fafc;box-shadow:none}
#settingsModal .appearance-preview-card strong{font-family:"Manrope",sans-serif;font-size:.9rem}
#settingsModal .appearance-preview-card p{font-size:.73rem}
#settingsModal .appearance-preview-kicker{font-size:.58rem}
#settingsModal .appearance-preview-actions{gap:7px;margin-top:2px}
#settingsModal .appearance-preview-actions .btn{min-height:32px;padding:5px 9px;font-size:.69rem}
#settingsModal .appearance-preview-list{display:block;padding:7px 15px}
#settingsModal .appearance-preview-row{min-height:61px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 2px;border:0;border-bottom:1px solid var(--bf-border);border-radius:0;background:transparent;box-shadow:none}
#settingsModal .appearance-preview-row:last-child{border-bottom:0}
#settingsModal .appearance-preview-row:hover{background:#f8fafc}
#settingsModal .appearance-preview-row strong{font-size:.76rem}
#settingsModal .appearance-preview-row span{font-size:.67rem}
#settingsModal .appearance-preview-chip{padding:4px 7px;font-size:.58rem}
#settingsModal .import-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:14px;margin:0;padding:14px 0;border:0;border-bottom:1px solid var(--bf-border);border-radius:0;background:transparent;box-shadow:none}
#settingsModal .import-card:last-of-type{border-bottom:0}
#settingsModal #adminList{margin-top:14px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}

body.theme-dark #settingsModal .settings-modal-card,body.theme-dark #settingsModal .settings-modal-heading,body.theme-dark #settingsModal .settings-content,body.theme-dark #settingsModal .settings-accordion,body.theme-dark #settingsModal .settings-accordion summary,body.theme-dark #settingsModal .settings-accordion>.settings-section{color:var(--bf-text);background:var(--bf-surface);border-color:var(--bf-border)}
body.theme-dark #settingsModal .settings-sidebar{background:#111c29;border-color:var(--bf-border)}
body.theme-dark #settingsModal .settings-nav-btn{color:#bac7d6}
body.theme-dark #settingsModal .settings-nav-btn:hover{background:#1b2a3a}
body.theme-dark #settingsModal .settings-nav-btn.is-active{color:#8dbaff;background:#1c3653}
body.theme-dark #settingsModal .settings-accordion summary:hover{background:#1a2838}
body.theme-dark #settingsModal .settings-accordion summary::after{color:#c1cede;background:#223246}
body.theme-dark #settingsModal .appearance-preview-grid,body.theme-dark #settingsModal .appearance-preview-card{background:#111c29;border-color:var(--bf-border)}
body.theme-dark #settingsModal .appearance-preview-row:hover{background:#1a2838}

@media(max-width:760px){#settingsModal{padding:0}#settingsModal .settings-modal-card{width:100vw;height:100vh;max-height:none;border:0;border-radius:0}#settingsModal .settings-layout{display:block;overflow:hidden}#settingsModal .settings-sidebar{display:none}#settingsModal .settings-content{height:100%;padding-bottom:30px}#settingsModal .settings-modal-heading{min-height:68px;padding:12px 15px}#settingsModal .settings-modal-heading p{display:none}#settingsModal .settings-accordion summary{min-height:62px;padding:13px 16px}#settingsModal .settings-accordion>.settings-section{padding:18px 16px 22px}#settingsModal .appearance-preview-grid{grid-template-columns:1fr}#settingsModal .appearance-preview-card{border-right:0;border-bottom:1px solid var(--bf-border)}#settingsModal .import-card{grid-template-columns:1fr}}

/* Team access is a flat operational directory, not another stack of settings cards. */
#settingsAdminAccessSection .team-access-heading,#settingsAdminAccessSection .role-guide-heading,#settingsAdminAccessSection .team-directory-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
#settingsAdminAccessSection .team-access-heading h3,#settingsAdminAccessSection .role-guide-heading h3,#settingsAdminAccessSection .team-directory-heading h3{margin:3px 0 0;font-family:"Manrope",sans-serif;font-size:.92rem}
#settingsAdminAccessSection .team-access-heading p,#settingsAdminAccessSection .role-guide-heading p,#settingsAdminAccessSection .team-directory-heading p{margin:4px 0 0;color:var(--bf-muted);font-size:.7rem}
#settingsAdminAccessSection .team-access-count{padding:5px 9px;border-radius:999px;color:#0e55bd;background:#e7f0fd;font-size:.65rem;font-weight:700;white-space:nowrap}
#settingsAdminAccessSection .team-access-editor{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(235px,.72fr);gap:0;margin-top:15px;border:1px solid var(--bf-border);border-radius:8px;overflow:hidden}
#settingsAdminAccessSection .team-member-form{padding:17px 18px;background:#fff}
#settingsAdminAccessSection .team-member-form .form-actions{margin-top:14px;padding-top:14px}
#settingsAdminAccessSection .selected-role-summary{padding:18px;border-left:1px solid var(--bf-border);background:#f6f8fb}
#settingsAdminAccessSection .selected-role-summary strong{display:block;margin:7px 0 5px;font-family:"Manrope",sans-serif;font-size:.94rem;color:var(--bf-text)}
#settingsAdminAccessSection .selected-role-summary p{margin:0;color:#53657a;font-size:.7rem;line-height:1.5}
#settingsAdminAccessSection .selected-role-summary ul{display:grid;gap:7px;margin:13px 0 0;padding:12px 0 0 17px;border-top:1px solid var(--bf-border);color:#34465a;font-size:.68rem;line-height:1.4}
#settingsAdminAccessSection .role-guide-heading,#settingsAdminAccessSection .team-directory-heading{margin-top:24px;padding-top:20px;border-top:1px solid var(--bf-border)}
#settingsAdminAccessSection .role-guide-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:12px;border:1px solid var(--bf-border);border-radius:8px;overflow:hidden}
#settingsAdminAccessSection .role-guide-item{min-width:0;padding:13px 12px;border-right:1px solid var(--bf-border);background:#fff}
#settingsAdminAccessSection .role-guide-item:last-child{border-right:0}
#settingsAdminAccessSection .role-guide-item strong{font-family:"Manrope",sans-serif;font-size:.73rem;color:var(--bf-text)}
#settingsAdminAccessSection .role-guide-item p{min-height:49px;margin:5px 0 10px;color:var(--bf-muted);font-size:.63rem;line-height:1.42}
#settingsAdminAccessSection .role-guide-item>ul{display:grid;gap:5px;margin:0;padding:9px 0 0 14px;border-top:1px solid var(--bf-border);color:#40536a;font-size:.6rem;line-height:1.35}
#settingsAdminAccessSection .team-member-row{display:grid;grid-template-columns:34px minmax(0,1fr) minmax(180px,.65fr) auto;gap:12px;align-items:center;min-height:66px;padding:10px 2px;border-bottom:1px solid var(--bf-border)}
#settingsAdminAccessSection .team-member-row:last-child{border-bottom:0}
#settingsAdminAccessSection .team-member-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;color:#fff;background:#173b67;font-size:.65rem;font-weight:800;letter-spacing:.04em}
#settingsAdminAccessSection .team-member-identity{min-width:0;display:grid;gap:3px}
#settingsAdminAccessSection .team-member-identity strong{font-family:"Manrope",sans-serif;font-size:.76rem}
#settingsAdminAccessSection .team-member-identity>span{overflow:hidden;color:var(--bf-muted);font-size:.65rem;text-overflow:ellipsis;white-space:nowrap}
#settingsAdminAccessSection .primary-user-label{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:999px;color:#0e55bd;background:#e7f0fd;font-family:"IBM Plex Sans",sans-serif;font-size:.54rem;text-transform:uppercase;vertical-align:middle}
#settingsAdminAccessSection .team-member-access{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
#settingsAdminAccessSection .role-chip,#settingsAdminAccessSection .account-status{padding:3px 6px;border-radius:999px;font-size:.57rem;font-weight:700}
#settingsAdminAccessSection .role-chip{color:#34465a;background:#edf1f5}
#settingsAdminAccessSection .account-status.is-active{color:#17633c;background:#e5f5eb}
#settingsAdminAccessSection .account-status.is-locked{color:#8a4e00;background:#fff1d6}
#settingsAdminAccessSection .account-status.is-disabled{color:#9a2f36;background:#fde8ea}
#settingsAdminAccessSection .team-member-access small{width:100%;color:var(--bf-muted);font-size:.58rem}
#settingsAdminAccessSection .team-member-row .profile-actions{gap:4px}

.customer-portal-body .customer-portal-progress{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.customer-portal-body .customer-portal-stage{min-height:86px;padding:13px 14px;border-radius:9px}

body.theme-dark #settingsAdminAccessSection .team-member-form,body.theme-dark #settingsAdminAccessSection .role-guide-item{background:var(--bf-surface)}
body.theme-dark #settingsAdminAccessSection .team-access-editor,body.theme-dark #settingsAdminAccessSection .role-guide-grid,body.theme-dark #settingsAdminAccessSection .selected-role-summary,body.theme-dark #settingsAdminAccessSection .team-member-row,body.theme-dark #settingsAdminAccessSection .role-guide-item{border-color:var(--bf-border)}
body.theme-dark #settingsAdminAccessSection .selected-role-summary{background:#111c29}
body.theme-dark #settingsAdminAccessSection .selected-role-summary p,body.theme-dark #settingsAdminAccessSection .selected-role-summary ul,body.theme-dark #settingsAdminAccessSection .role-guide-item>ul{color:#a8b7c8}

@media(max-width:980px){#settingsAdminAccessSection .role-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#settingsAdminAccessSection .role-guide-item{border-bottom:1px solid var(--bf-border)}#settingsAdminAccessSection .role-guide-item:nth-child(2n){border-right:0}.customer-portal-body .customer-portal-progress{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){#settingsAdminAccessSection .team-access-editor{grid-template-columns:1fr}#settingsAdminAccessSection .selected-role-summary{border-left:0;border-top:1px solid var(--bf-border)}#settingsAdminAccessSection .role-guide-grid{grid-template-columns:1fr}#settingsAdminAccessSection .role-guide-item{border-right:0}#settingsAdminAccessSection .team-member-row{grid-template-columns:34px minmax(0,1fr) auto}#settingsAdminAccessSection .team-member-access{grid-column:2/-1}#settingsAdminAccessSection .team-member-row .profile-actions{grid-column:3;grid-row:1}.customer-portal-body .customer-portal-progress{grid-template-columns:1fr}}

/* Public entry: compact, commercial, and contained within one desktop viewport. */
body.auth-shell-active{height:100dvh;min-height:0;overflow:hidden}
body.auth-shell-active .auth-shell{height:100dvh;min-height:0;padding:0}
body.auth-shell-active .auth-layout{height:100dvh;min-height:0;grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr)}
.auth-public-nav{position:fixed;z-index:8;top:0;left:0;right:0;height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,3.6vw,68px);border-bottom:1px solid rgba(255,255,255,.1);pointer-events:none}
.auth-public-brand,.auth-plans-link{pointer-events:auto}
.auth-public-brand{display:flex;align-items:center;gap:9px;color:#fff}
.auth-public-brand span{width:28px;height:28px;display:grid;place-items:center;border-radius:7px;color:#fff;background:#1674dd;font-size:.62rem;font-weight:800}
.auth-public-brand strong{font-family:"Manrope",sans-serif;font-size:.82rem;letter-spacing:-.02em}
.auth-plans-link{min-height:34px;padding:6px 11px;border:1px solid #c7d3e0;border-radius:7px;color:#24364a;background:rgba(255,255,255,.86);font-size:.68rem;font-weight:700;cursor:pointer;backdrop-filter:blur(14px)}
.auth-plans-link:hover{color:#0e55bd;border-color:#8fb6e7;background:#fff}
body.auth-shell-active .auth-brand-panel{align-items:center;padding:82px clamp(42px,6vw,92px) 34px}
body.auth-shell-active .auth-brand-panel::after{left:clamp(42px,6vw,92px);width:120px;height:3px}
body.auth-shell-active .auth-brand-panel-inner{width:min(610px,100%)}
body.auth-shell-active .auth-brand-logo-frame,body.auth-shell-active .auth-brand-logo-fallback{width:52px;height:52px;flex-basis:52px;border-radius:10px}
body.auth-shell-active .auth-wordmark{font-size:clamp(2.2rem,3vw,3.35rem)}
body.auth-shell-active .auth-panel-subtitle{font-size:.9rem}
body.auth-shell-active .auth-panel-copy{max-width:570px;margin:24px 0 20px;font-size:clamp(.96rem,1.25vw,1.12rem);line-height:1.5}
body.auth-shell-active .auth-feature-list{grid-template-columns:repeat(2,minmax(0,1fr));border-radius:9px}
body.auth-shell-active .auth-feature-item{min-height:68px;display:flex;align-items:center;gap:12px;padding:12px 14px}
body.auth-shell-active .auth-feature-index{flex:0 0 auto;color:#65a5f5;font-family:"Manrope",sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.08em}
body.auth-shell-active .auth-feature-item>div{display:grid;gap:2px}
body.auth-shell-active .auth-feature-item strong{font-size:.76rem}
body.auth-shell-active .auth-feature-item>div span{color:#9fb0c4;font-size:.65rem;line-height:1.35}
body.auth-shell-active .auth-panel-footer{margin-top:24px;font-size:.62rem}
body.auth-shell-active .auth-form-panel{display:grid;align-items:center;justify-items:center;padding:76px clamp(42px,5vw,88px) 24px;border-left:1px solid rgba(151,166,184,.24);background:radial-gradient(circle at 50% 42%,rgba(255,255,255,.96),rgba(238,242,246,.94) 68%)}
body.auth-shell-active .auth-card{width:min(400px,100%);justify-self:center;margin-inline:auto;padding:26px 28px 22px;border-radius:10px;box-shadow:0 18px 48px rgba(11,22,36,.12)}
body.auth-shell-active .auth-card .auth-brand{margin-bottom:18px}
body.auth-shell-active .auth-card-logo-frame,body.auth-shell-active .auth-card-logo-fallback{width:40px;height:40px}
body.auth-shell-active .auth-title{font-size:1.52rem}
body.auth-shell-active .auth-card-copy{margin:5px 0 17px;font-size:.8rem}
body.auth-shell-active .auth-form{gap:11px}
body.auth-shell-active .auth-form .field>span{font-size:.7rem}
body.auth-shell-active .auth-form input{height:40px;min-height:40px}
body.auth-shell-active .auth-form-actions .btn{height:40px;min-height:40px}
body.auth-shell-active .auth-support{margin-top:14px;padding-top:12px;font-size:.66rem}
body.auth-shell-active .auth-footer{margin-top:14px;padding-top:12px;font-size:.61rem}
.auth-legal-links{display:flex;align-items:center;justify-content:center;gap:7px;margin:7px 0 0}.auth-legal-links a{color:#60758d;font-weight:650}.auth-legal-links a:hover{color:#0e67c8}
.auth-discovery{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid var(--bf-border);color:#64748b;font-size:.64rem}
.auth-discovery button{padding:0;border:0;color:#0e67c8;background:transparent;font-size:.65rem;font-weight:750;cursor:pointer;white-space:nowrap}
.auth-discovery button:hover{text-decoration:underline}
.auth-field-heading{display:flex!important;align-items:center;justify-content:space-between;gap:16px;width:100%;color:#344256;font-size:.7rem;font-weight:800}
.auth-field-heading>label{font:inherit;color:inherit}
.auth-text-action{margin:0;padding:2px 0;border:0;background:transparent;color:var(--bf-blue);font:inherit;font-weight:750;cursor:pointer}
.auth-text-action:hover{text-decoration:underline}.auth-text-action:focus-visible{outline:2px solid var(--bf-blue);outline-offset:3px;border-radius:3px}
.auth-security-note{margin:0;padding:11px 12px;border-left:3px solid #7aaee8;background:#f2f7fc;color:#52657a;font-size:.72rem;line-height:1.55}
.auth-recovery-actions{display:grid;grid-template-columns:1fr;gap:8px}.auth-recovery-actions .btn{margin:0}
.auth-message.is-success{color:#147748}.auth-message.is-error{color:var(--bf-danger)}
.auth-form button:disabled{cursor:wait;opacity:.72}
.auth-form[aria-busy="true"] input:disabled{color:#6f7d8d;border-color:#cbd5df;background:#e8edf2;cursor:wait;opacity:1}
.auth-form[aria-busy="true"] .auth-password-toggle:disabled{color:#748294;cursor:wait;opacity:.72}

#publicPlansModal{padding:22px;background:rgba(6,15,25,.7);backdrop-filter:blur(14px)}
.public-plans-modal-card{width:min(1000px,100%);max-height:calc(100dvh - 44px);padding:0;border:1px solid rgba(255,255,255,.16);border-radius:12px;background:#f5f7fa;box-shadow:0 30px 90px rgba(3,12,22,.3)}
.public-plans-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:23px 26px;border-bottom:1px solid #dbe2ea;background:#fff}
.public-plans-header>div{max-width:680px}
.public-plans-header .eyebrow{margin:0 0 5px;color:#176cc5;font-size:.58rem}
.public-plans-header h2{margin:0;font-size:1.35rem;line-height:1.2}
.public-plans-header p:last-child{margin:7px 0 0;color:#627287;font-size:.72rem;line-height:1.5}
.public-plans-body{padding:20px 26px 24px;overflow-y:auto}
.public-plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.public-plan-card{position:relative;display:grid;grid-template-rows:auto auto 1fr 1fr auto;gap:15px;padding:20px;border:1px solid #d7e0e9;border-radius:9px;background:#fff}
.public-plan-card.is-featured{border-color:#77aef0;box-shadow:inset 0 3px 0 #1674dd}
.public-plan-badge{position:absolute;top:13px;right:13px;padding:4px 7px;border-radius:999px;color:#0d5db6;background:#e5f0fd;font-size:.55rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.public-plan-heading{padding-right:80px}
.public-plan-heading>span{color:#176cc5;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.public-plan-heading h3{margin:6px 0 0;font-size:.92rem;line-height:1.4}
.public-plan-pricing{display:grid;gap:2px;padding:12px 0;border-top:1px solid #e3e8ef;border-bottom:1px solid #e3e8ef}
.public-plan-price{font-family:"Manrope",sans-serif;font-size:1.35rem;color:#12243a}
.public-plan-pricing small{color:#738196;font-size:.62rem}
.public-plan-section>strong{display:block;margin-bottom:7px;color:#33465b;font-size:.65rem;text-transform:uppercase;letter-spacing:.06em}
.public-plan-section ul{display:grid;gap:6px;margin:0;padding:0;list-style:none;color:#52647a;font-size:.68rem}
.public-plan-section li{position:relative;padding-left:16px;line-height:1.4}
.public-plan-section li::before{content:"";position:absolute;left:1px;top:.48em;width:6px;height:3px;border-left:2px solid #278257;border-bottom:2px solid #278257;transform:rotate(-45deg)}
.public-plan-action{width:100%;min-height:38px}
.public-pricing-note{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px;padding:13px 15px;border-left:3px solid #1674dd;background:#eaf1f9}
.public-pricing-note>div{display:grid;gap:3px}.public-pricing-note strong{font-size:.72rem}.public-pricing-note span{color:#607187;font-size:.66rem}

@media(min-width:861px) and (max-height:720px){body.auth-shell-active .auth-brand-panel{padding-top:70px}body.auth-shell-active .auth-panel-copy{margin:15px 0 14px}body.auth-shell-active .auth-feature-item{min-height:58px;padding:9px 12px}body.auth-shell-active .auth-panel-footer{margin-top:16px}body.auth-shell-active .auth-card{padding-top:21px;padding-bottom:18px}body.auth-shell-active .auth-card .auth-brand{margin-bottom:12px}}
@media(max-width:1080px){body.auth-shell-active{height:auto;min-height:100dvh;overflow:auto}body.auth-shell-active .auth-layout{display:block;height:auto;min-height:100dvh}body.auth-shell-active .auth-brand-panel{display:none}body.auth-shell-active .auth-form-panel{min-width:0;min-height:100dvh;padding:78px 18px 24px;overflow-x:hidden}.auth-public-nav{height:58px;padding:0 18px;border-bottom-color:#dbe3eb;background:rgba(238,242,246,.94)}.auth-public-brand{color:#12243a}.public-plans-modal-card{max-height:calc(100dvh - 24px)}#publicPlansModal{padding:12px}}
@media(max-width:620px){body.auth-shell-active .auth-form-panel{padding:72px 12px 18px}body.auth-shell-active .auth-card{width:100%;max-width:390px;min-width:0;padding:22px 20px 18px}body.auth-shell-active .auth-form input{font-size:16px}.public-plans-header{padding:18px}.public-plans-header h2{font-size:1.08rem}.public-plans-header p:last-child{display:none}.public-plans-body{padding:14px}.public-plan-grid{grid-template-columns:1fr}.public-plan-card{padding:17px}.public-pricing-note{align-items:flex-start;flex-direction:column}.public-pricing-note .btn{width:100%}#customerShareModal{padding:0;align-items:stretch}.customer-share-card{width:100vw;max-height:none;min-height:100dvh;border:0;border-radius:0}.customer-share-header{padding:16px}.customer-share-header .modal-close{flex:0 0 auto}.customer-share-mark{width:36px;height:36px}.customer-share-heading>div>p:last-child{display:none}.customer-share-body{padding:16px}.customer-share-context{grid-template-columns:1fr auto}.customer-share-context>div:nth-child(2){grid-column:1}.customer-share-state{grid-column:2;grid-row:1/3}.customer-share-link-control{grid-template-columns:1fr}.customer-share-link-control .btn{width:100%}.customer-share-actions{display:grid;grid-template-columns:1fr}.customer-share-actions .btn{width:100%}.customer-share-actions .btn-primary{grid-row:1}}

/* Authentication keeps deliberate contrast when Premium Dark is the saved workspace theme. */
body.auth-shell-active.theme-dark .auth-brand-panel .auth-wordmark,
body.auth-shell-active.theme-dark .auth-brand-panel .auth-feature-item strong{color:#fff!important}
body.auth-shell-active.theme-dark .auth-brand-panel .auth-panel-subtitle,
body.auth-shell-active.theme-dark .auth-brand-panel .auth-panel-copy{color:#d8e4f0!important}
body.auth-shell-active.theme-dark .auth-brand-panel .auth-feature-item span,
body.auth-shell-active.theme-dark .auth-brand-panel .auth-panel-footer,
body.auth-shell-active.theme-dark .auth-brand-panel .auth-panel-footer span{color:#aebed0!important}
body.auth-shell-active.theme-dark .auth-card{color:#182536;background:#fff}
body.auth-shell-active.theme-dark .auth-card .auth-card-brand-copy strong,
body.auth-shell-active.theme-dark .auth-card .auth-title{color:#142437!important}
body.auth-shell-active.theme-dark .auth-card .auth-card-copy,
body.auth-shell-active.theme-dark .auth-card .auth-form .field>span,
body.auth-shell-active.theme-dark .auth-card .auth-discovery{color:#5d6b7d!important}
body.auth-shell-active.theme-dark .auth-card .auth-security-note{color:#465b72;background:#edf5fc}

.platform-commercial-panel{display:grid;gap:12px;padding:14px 16px;border:1px solid #d7e2ee;border-radius:10px;background:#f7f9fc}
.platform-commercial-panel .section-heading{margin:0;padding:0;border:0}.platform-commercial-panel .section-heading h4{margin:0;font-size:.86rem}.platform-commercial-panel .section-heading p{margin:2px 0 0;font-size:.68rem}
.commercial-facts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #dbe4ed;border-radius:8px;background:#dbe4ed}
.commercial-facts>span{display:grid;gap:3px;min-width:0;padding:9px 10px;background:#fff}.commercial-facts small{color:#6b7e92;font-size:.56rem;font-weight:750;letter-spacing:.06em;text-transform:uppercase}.commercial-facts strong{overflow:hidden;color:#172b42;font-size:.7rem;text-overflow:ellipsis;white-space:nowrap}
.commercial-milestones{display:flex;gap:6px;flex-wrap:wrap}.commercial-milestone{display:grid;gap:1px;padding:6px 9px;border:1px solid #dbe4ed;border-radius:7px;color:#60748a;background:#fff;font-size:.6rem}.commercial-milestone.is-due{border-color:#9fc5ef;color:#0f5fa8;background:#edf6ff}.commercial-milestone small{font-size:.54rem}
.commercial-actions{margin:0}.commercial-actions .btn{min-height:34px;padding:7px 11px;font-size:.64rem}
@media(max-width:1100px){.commercial-facts{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:620px){.commercial-facts{grid-template-columns:1fr 1fr}.commercial-actions{display:grid}.commercial-actions .btn{width:100%}}
body.auth-shell-active.theme-dark .auth-card input,
body.auth-shell-active.theme-dark .auth-card input:hover,
body.auth-shell-active.theme-dark .auth-card input:focus{color:#f5f9ff!important;-webkit-text-fill-color:#f5f9ff!important;caret-color:#65a8ff;background:#101c29!important;border-color:#344b63!important}
body.auth-shell-active.theme-dark .auth-card input::placeholder{color:#91a3b6!important;opacity:1}
body.auth-shell-active.theme-dark .auth-card input::selection{color:#fff;background:#246dc5}
body.auth-shell-active.theme-dark .auth-card input:-webkit-autofill,
body.auth-shell-active.theme-dark .auth-card input:-webkit-autofill:hover,
body.auth-shell-active.theme-dark .auth-card input:-webkit-autofill:focus{-webkit-text-fill-color:#f5f9ff!important;caret-color:#65a8ff!important;box-shadow:0 0 0 1000px #101c29 inset!important}
body.auth-shell-active.theme-dark .auth-card .auth-password-toggle{color:#65a8ff}
body.auth-shell-active.theme-dark .auth-card .auth-form[aria-busy="true"] input:disabled{color:#6e7d8d!important;-webkit-text-fill-color:#6e7d8d!important;caret-color:transparent;background:#dfe5eb!important;border-color:#c4ced8!important}
body.auth-shell-active.theme-dark .auth-card .auth-form[aria-busy="true"] .auth-password-toggle:disabled{color:#778697!important}

.legal-acceptance-modal{z-index:120;background:rgba(4,15,27,.7);backdrop-filter:blur(10px)}
.legal-acceptance-card{width:min(540px,calc(100vw - 28px));padding:30px;border:1px solid #cad7e4;border-radius:12px;background:#fff;box-shadow:0 30px 90px rgba(3,17,31,.34)}
.legal-acceptance-heading{display:flex;align-items:center;gap:14px}.legal-acceptance-heading img{width:48px;height:48px;padding:5px;border:1px solid #d4deea;border-radius:9px;object-fit:contain}.legal-acceptance-heading h2{margin:2px 0 0;font-size:1.35rem}.legal-acceptance-card>p{color:#607188;font-size:.82rem;line-height:1.55}
.legal-acceptance-documents{display:grid;grid-template-columns:1fr 1fr;margin:20px 0;border:1px solid #d9e2eb;border-radius:8px;overflow:hidden}.legal-acceptance-documents a{display:grid;gap:3px;padding:13px 14px;color:#17314d;text-decoration:none}.legal-acceptance-documents a+a{border-left:1px solid #d9e2eb}.legal-acceptance-documents a:hover{background:#edf5fe}.legal-acceptance-documents span{font-size:.74rem;font-weight:700}.legal-acceptance-documents strong{color:#66798f;font-size:.62rem}
.legal-acceptance-check{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;padding:15px;border:1px solid #cbd8e6;border-radius:8px;color:#34495f;background:#f7f9fc;font-size:.78rem;line-height:1.5;cursor:pointer}.legal-acceptance-check input{width:17px;height:17px;margin:2px 0 0;accent-color:#176fe5}.legal-acceptance-check a{font-weight:700}.legal-acceptance-card .form-actions{margin-top:16px}.legal-acceptance-card .form-actions .btn{width:100%}.legal-acceptance-actions{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:10px}.legal-acceptance-note{margin:12px 0 0!important;text-align:center;font-size:.65rem!important}
.legal-settings-list{display:grid;margin:14px 0 18px;border-top:1px solid var(--bf-border)}.legal-settings-list a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:52px;padding:10px 4px;border-bottom:1px solid var(--bf-border);color:var(--bf-text);text-decoration:none}.legal-settings-list a:hover{color:var(--bf-blue)}.legal-settings-list span{font-size:.78rem;font-weight:700}.legal-settings-list strong{color:var(--bf-muted);font-size:.68rem}.legal-settings-evidence{margin-top:8px}
body.theme-dark .legal-acceptance-card{color:#182536;background:#fff}body.theme-dark .legal-acceptance-card h2{color:#142437!important}
@media(max-width:560px){.legal-acceptance-card{padding:22px 18px}.legal-acceptance-documents{grid-template-columns:1fr}.legal-acceptance-documents a+a{border-left:0;border-top:1px solid #d9e2eb}.legal-acceptance-actions{grid-template-columns:1fr}}

/* Premium Dark is an operational night console, not an inverted light theme. */
body.app-shell-active.module-mechanics.theme-dark{
  --bf-navy:#07101a;
  --bf-navy-raised:#0d1926;
  --bf-navy-muted:#8498ae;
  --bf-blue:#2d82f7;
  --bf-blue-strong:#559cff;
  --bf-workspace:#0b131d;
  --bf-surface:#111d29;
  --bf-border:#26384a;
  --bf-border-strong:#3a4f65;
  --bf-text:#edf4fb;
  --bf-muted:#94a6ba;
  --bf-success:#43c98a;
  --bf-success-soft:rgba(38,190,123,.13);
  --bf-warning:#efad4d;
  --bf-warning-soft:rgba(239,173,77,.13);
  --bf-danger:#f1707b;
  --bf-danger-soft:rgba(241,112,123,.13);
  --bf-shadow:0 18px 42px rgba(0,0,0,.22);
  --bf-shadow-small:0 8px 24px rgba(0,0,0,.16);
  color-scheme:dark;
  background:#0b131d;
}
body.app-shell-active.module-mechanics.theme-dark::before{display:none}
body.app-shell-active.module-mechanics.theme-dark .mechanics-enterprise-shell{background:#0b131d}
body.app-shell-active.module-mechanics.theme-dark .mechanics-content-shell{
  background:
    radial-gradient(circle at 84% -8%,rgba(45,130,247,.12),transparent 32%),
    radial-gradient(circle at 12% 105%,rgba(67,201,138,.055),transparent 26%),
    linear-gradient(180deg,#0b141f 0%,#0c1621 100%);
  scrollbar-color:#40556b #0b141f;
}

body.app-shell-active.module-mechanics.theme-dark .mechanics-sidebar{
  color:#d7e2ee;
  background:
    linear-gradient(180deg,rgba(45,130,247,.055),transparent 22%),
    #07101a;
  border-right:1px solid #1d2c3b;
  box-shadow:12px 0 32px rgba(0,0,0,.18);
}
body.app-shell-active.module-mechanics.theme-dark .mechanics-sidebar-brand{border-color:#1d2c3b}
body.app-shell-active.module-mechanics.theme-dark .mechanics-sidebar-logo,
body.app-shell-active.module-mechanics.theme-dark .mechanics-sidebar-logo-fallback{
  border-color:rgba(118,178,255,.3);
  background:linear-gradient(145deg,#1769e0,#114a9e);
  box-shadow:0 8px 20px rgba(12,73,157,.3),inset 0 1px 0 rgba(255,255,255,.16);
}
body.app-shell-active.module-mechanics.theme-dark .mechanics-platform-label{color:#69a7ff!important}
body.app-shell-active.module-mechanics.theme-dark .mechanics-sidebar-label{color:#657b91}
body.app-shell-active.module-mechanics.theme-dark .mechanics-nav-btn{
  color:#9eafc0;
  background:transparent;
  border:1px solid transparent;
}
body.app-shell-active.module-mechanics.theme-dark .mechanics-nav-btn:hover{
  color:#eef5fc;
  background:#0d1a27;
  border-color:#1c3044;
}
body.app-shell-active.module-mechanics.theme-dark .mechanics-nav-btn.is-active{
  color:#fff;
  background:linear-gradient(90deg,rgba(45,130,247,.2),rgba(45,130,247,.075));
  border-color:rgba(71,146,246,.23);
  box-shadow:inset 3px 0 0 #4b98ff,0 8px 18px rgba(0,0,0,.12);
}
body.app-shell-active.module-mechanics.theme-dark .mechanics-nav-icon{color:#71869c}
body.app-shell-active.module-mechanics.theme-dark .mechanics-nav-btn:hover .mechanics-nav-icon,
body.app-shell-active.module-mechanics.theme-dark .mechanics-nav-btn.is-active .mechanics-nav-icon{color:#76afff}
body.app-shell-active.module-mechanics.theme-dark .mechanics-sidebar-meta{border-color:#1d2c3b}
body.app-shell-active.module-mechanics.theme-dark .mechanics-account-avatar{
  color:#eaf4ff;
  background:linear-gradient(145deg,#245c9c,#173b64);
  box-shadow:inset 0 0 0 1px rgba(113,174,244,.18);
}
body.app-shell-active.module-mechanics.theme-dark .mechanics-account-btn{
  color:#aebed0;
  background:#0c1824;
  border-color:#263747;
}
body.app-shell-active.module-mechanics.theme-dark .mechanics-account-btn:hover{color:#fff;background:#132436;border-color:#38536d}

body.app-shell-active.module-mechanics.theme-dark .mechanics-header{
  background:rgba(10,19,29,.9);
  border-bottom-color:#223346;
  box-shadow:0 10px 28px rgba(0,0,0,.14);
  backdrop-filter:blur(18px) saturate(125%);
}
body.app-shell-active.module-mechanics.theme-dark .mechanics-page-kicker{color:#72adff}
body.app-shell-active.module-mechanics.theme-dark .mechanics-header h1{color:#f5f8fc}
body.app-shell-active.module-mechanics.theme-dark .mechanics-page-subtitle{color:#9aabbd}
body.app-shell-active.module-mechanics.theme-dark .btn-primary{
  color:#fff;
  background:linear-gradient(180deg,#3187fb,#1769df)!important;
  border-color:#3a8dff!important;
  box-shadow:0 8px 22px rgba(23,105,224,.27),inset 0 1px 0 rgba(255,255,255,.2);
}
body.app-shell-active.module-mechanics.theme-dark .btn-primary:hover{background:linear-gradient(180deg,#4695ff,#1f73e8)!important}
body.app-shell-active.module-mechanics.theme-dark .btn-secondary,
body.app-shell-active.module-mechanics.theme-dark .modal-close{
  color:#d8e3ef;
  background:#152230!important;
  border-color:#34485d!important;
}
body.app-shell-active.module-mechanics.theme-dark .btn-secondary:hover,
body.app-shell-active.module-mechanics.theme-dark .modal-close:hover{background:#1b2c3d!important;border-color:#4a6682!important}

body.app-shell-active.module-mechanics.theme-dark .mechanics-dashboard-summary,
body.app-shell-active.module-mechanics.theme-dark .mechanics-dashboard-visual-card,
body.app-shell-active.module-mechanics.theme-dark .mechanics-queue-panel,
body.app-shell-active.module-mechanics.theme-dark .mechanics-secondary-panel,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-summary-card,
body.app-shell-active.module-mechanics.theme-dark .mechanics-pane:not([data-mechanics-pane="dashboard"]):not([data-mechanics-pane="jobCards"]):not([data-mechanics-pane="reports"]):not([data-mechanics-pane="locked"]){
  color:var(--bf-text);
  background:linear-gradient(180deg,#121f2c 0%,#101a26 100%);
  border-color:#293d51;
  box-shadow:0 14px 34px rgba(0,0,0,.17),inset 0 1px 0 rgba(255,255,255,.025);
}
body.app-shell-active.module-mechanics.theme-dark .mechanics-dashboard-summary{
  border-top:3px solid #3d8ff7;
  background:
    linear-gradient(90deg,rgba(45,130,247,.07),transparent 36%),
    linear-gradient(180deg,#132130,#101b27);
}
body.app-shell-active.module-mechanics.theme-dark .app-pane-heading{border-color:#293d51}
body.app-shell-active.module-mechanics.theme-dark .section-heading h2,
body.app-shell-active.module-mechanics.theme-dark .section-heading h3,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-intro h2{color:#eaf1f8}
body.app-shell-active.module-mechanics.theme-dark .section-heading p,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-intro p,
body.app-shell-active.module-mechanics.theme-dark .mechanics-result-count{color:#92a5b8}

body.app-shell-active.module-mechanics.theme-dark .mechanics-kpi-strip,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-summary-strip{
  background:#0c1722;
  border-color:#2a3e52;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
body.app-shell-active.module-mechanics.theme-dark .mechanics-kpi-strip .metric-card,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-kpi{
  position:relative;
  color:var(--bf-text);
  background:linear-gradient(180deg,#172535,#13202e);
  border-color:#2a3e52;
  box-shadow:inset 0 2px 0 #4b8ff7;
}
body.app-shell-active.module-mechanics.theme-dark .mechanics-kpi-strip span,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-kpi span{color:#8599ae}
body.app-shell-active.module-mechanics.theme-dark .mechanics-kpi-strip strong,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-kpi strong{color:#f5f8fc}
body.app-shell-active.module-mechanics.theme-dark .metric-card--repair,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-kpi--repair{box-shadow:inset 0 2px 0 #44a3d8}
body.app-shell-active.module-mechanics.theme-dark .metric-card--warning,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-kpi--warning{box-shadow:inset 0 2px 0 #d99134}
body.app-shell-active.module-mechanics.theme-dark .metric-card--approval,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-kpi--approval{box-shadow:inset 0 2px 0 #efad4d}
body.app-shell-active.module-mechanics.theme-dark .metric-card--success,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-kpi--success{box-shadow:inset 0 2px 0 #43c98a}
body.app-shell-active.module-mechanics.theme-dark .metric-card--danger,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-kpi--danger{box-shadow:inset 0 2px 0 #f1707b}
body.app-shell-active.module-mechanics.theme-dark .metric-card--warning strong,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-kpi--warning strong,
body.app-shell-active.module-mechanics.theme-dark .metric-card--approval strong,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-kpi--approval strong{color:#f4be6d}
body.app-shell-active.module-mechanics.theme-dark .metric-card--success strong,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-kpi--success strong{color:#63d9a2}
body.app-shell-active.module-mechanics.theme-dark .metric-card--danger strong,
body.app-shell-active.module-mechanics.theme-dark .mechanics-jobcards-kpi--danger strong{color:#f58a94}
body.app-shell-active.module-mechanics.theme-dark .mechanics-summary,
body.app-shell-active.module-mechanics.theme-dark .report-summary{
  color:#9fb1c4;
  background:rgba(8,18,28,.52);
  border-color:#263b50;
  box-shadow:inset 3px 0 0 rgba(69,143,238,.55);
}

body.app-shell-active.module-mechanics.theme-dark .mechanics-graph-card{color:var(--bf-text)}
body.app-shell-active.module-mechanics.theme-dark .mechanics-graph-header strong{color:#e8f0f8}
body.app-shell-active.module-mechanics.theme-dark .mechanics-graph-header span,
body.app-shell-active.module-mechanics.theme-dark .mechanics-graph-metric small,
body.app-shell-active.module-mechanics.theme-dark .mechanics-ranked-row small,
body.app-shell-active.module-mechanics.theme-dark .mechanics-chart-axis-label,
body.app-shell-active.module-mechanics.theme-dark .mechanics-ranked-value{color:#8fa3b7}
body.app-shell-active.module-mechanics.theme-dark .mechanics-graph-metric{
  background:#0e1a26;
  border-color:#293d51;
  border-radius:7px;
}
body.app-shell-active.module-mechanics.theme-dark .mechanics-graph-metric span{color:#7f94aa}
body.app-shell-active.module-mechanics.theme-dark .mechanics-graph-metric strong{color:#f0f5fa}
body.app-shell-active.module-mechanics.theme-dark .mechanics-graph-surface{
  background:linear-gradient(180deg,#0c1722,#0d1925);
  border-color:#293d51;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
body.app-shell-active.module-mechanics.theme-dark .mechanics-chart-surface-bg{fill:#0d1925}
body.app-shell-active.module-mechanics.theme-dark .mechanics-chart-grid-line{stroke:rgba(150,177,207,.12)}
body.app-shell-active.module-mechanics.theme-dark .mechanics-chart-axis-line{stroke:rgba(150,177,207,.22)}
body.app-shell-active.module-mechanics.theme-dark .mechanics-chart-axis-label{fill:#7f93a8}
body.app-shell-active.module-mechanics.theme-dark .mechanics-chart-point{stroke:#0d1925}
body.app-shell-active.module-mechanics.theme-dark .mechanics-chart-legend-item{
  color:#bfcddd;
  background:#101e2b;
  border-color:#2b4054;
}
body.app-shell-active.module-mechanics.theme-dark .mechanics-ranked-label{color:#dce6f1}
body.app-shell-active.module-mechanics.theme-dark .mechanics-ranked-track{background:#1b2a39}
body.app-shell-active.module-mechanics.theme-dark .mechanics-ranked-fill{background:linear-gradient(90deg,#3188fb,#1769df)}
body.app-shell-active.module-mechanics.theme-dark .mechanics-dashboard-mini-card{border-color:#293d51;background:rgba(8,18,28,.36)}

body.app-shell-active.module-mechanics.theme-dark .mechanics-job-toolbar,
body.app-shell-active.module-mechanics.theme-dark .table-wrap,
body.app-shell-active.module-mechanics.theme-dark table{
  color:var(--bf-text);
  background:#0f1b27;
  border-color:#293d51;
}
body.app-shell-active.module-mechanics.theme-dark .mechanics-search-field input{background:#0b1722!important}
body.app-shell-active.module-mechanics.theme-dark input,
body.app-shell-active.module-mechanics.theme-dark select,
body.app-shell-active.module-mechanics.theme-dark textarea,
body.app-shell-active.module-mechanics.theme-dark .money-field{
  color:#e9f1f9!important;
  background:#0b1722!important;
  border-color:#34495f!important;
}
body.app-shell-active.module-mechanics.theme-dark input:hover,
body.app-shell-active.module-mechanics.theme-dark select:hover,
body.app-shell-active.module-mechanics.theme-dark textarea:hover{border-color:#4a6682!important}
body.app-shell-active.module-mechanics.theme-dark input:focus,
body.app-shell-active.module-mechanics.theme-dark select:focus,
body.app-shell-active.module-mechanics.theme-dark textarea:focus,
body.app-shell-active.module-mechanics.theme-dark .money-field:focus-within{
  border-color:#4d97f5!important;
  box-shadow:0 0 0 3px rgba(45,130,247,.14)!important;
}
body.app-shell-active.module-mechanics.theme-dark th{color:#91a5ba;background:#142231;border-color:#33475b}
body.app-shell-active.module-mechanics.theme-dark td{color:#dbe5ef;border-color:#213344}
body.app-shell-active.module-mechanics.theme-dark td small{color:#8599ae}
body.app-shell-active.module-mechanics.theme-dark .cell-primary,
body.app-shell-active.module-mechanics.theme-dark td>strong,
body.app-shell-active.module-mechanics.theme-dark .list-entry strong{color:#e8eff7}
body.app-shell-active.module-mechanics.theme-dark tbody tr:hover,
body.app-shell-active.module-mechanics.theme-dark .interactive-row:hover{background:#152535}
body.app-shell-active.module-mechanics.theme-dark .list-entry{border-color:#243749}
body.app-shell-active.module-mechanics.theme-dark .list-entry span,
body.app-shell-active.module-mechanics.theme-dark .list-entry small{color:#8fa2b6}
body.app-shell-active.module-mechanics.theme-dark .status-pill{border:1px solid rgba(86,151,229,.2)}
body.app-shell-active.module-mechanics.theme-dark .status-Awaiting-Parts,
body.app-shell-active.module-mechanics.theme-dark .status-Repair,
body.app-shell-active.module-mechanics.theme-dark .status-In-Repair,
body.app-shell-active.module-mechanics.theme-dark .status-Partial,
body.app-shell-active.module-mechanics.theme-dark .status-Ordered{color:#f2bd70;background:rgba(239,173,77,.12);border-color:rgba(239,173,77,.22)}
body.app-shell-active.module-mechanics.theme-dark .status-Quality-Check,
body.app-shell-active.module-mechanics.theme-dark .status-Ready-for-Collection,
body.app-shell-active.module-mechanics.theme-dark .status-Collected,
body.app-shell-active.module-mechanics.theme-dark .status-Approved,
body.app-shell-active.module-mechanics.theme-dark .status-Paid,
body.app-shell-active.module-mechanics.theme-dark .status-Completed{color:#70dba9;background:rgba(67,201,138,.12);border-color:rgba(67,201,138,.22)}
body.app-shell-active.module-mechanics.theme-dark .status-Cancelled,
body.app-shell-active.module-mechanics.theme-dark .status-Declined,
body.app-shell-active.module-mechanics.theme-dark .status-Offline,
body.app-shell-active.module-mechanics.theme-dark .status-Overdue{color:#f58a94;background:rgba(241,112,123,.12);border-color:rgba(241,112,123,.22)}

body.app-shell-active.module-mechanics.theme-dark #settingsModal .settings-modal-card,
body.app-shell-active.module-mechanics.theme-dark #settingsModal .settings-modal-heading,
body.app-shell-active.module-mechanics.theme-dark #settingsModal .settings-content,
body.app-shell-active.module-mechanics.theme-dark #settingsModal .settings-accordion,
body.app-shell-active.module-mechanics.theme-dark #settingsModal .settings-accordion summary,
body.app-shell-active.module-mechanics.theme-dark #settingsModal .settings-accordion>.settings-section,
body.app-shell-active.module-mechanics.theme-dark .modal-card,
body.app-shell-active.module-mechanics.theme-dark .modal-panel{color:var(--bf-text);background:#111d29;border-color:#293d51}
body.app-shell-active.module-mechanics.theme-dark #settingsModal .settings-sidebar{background:#0b1722;border-color:#293d51}
body.app-shell-active.module-mechanics.theme-dark #settingsModal .settings-nav-btn{color:#aab9c9;background:transparent}
body.app-shell-active.module-mechanics.theme-dark #settingsModal .settings-nav-btn:hover{background:#132333}
body.app-shell-active.module-mechanics.theme-dark #settingsModal .settings-nav-btn.is-active{color:#8bbaff;background:rgba(45,130,247,.14)}
body.app-shell-active.module-mechanics.theme-dark #settingsModal .settings-accordion summary:hover{background:#152433}
body.app-shell-active.module-mechanics.theme-dark #settingsModal .appearance-preview-grid,
body.app-shell-active.module-mechanics.theme-dark #settingsModal .appearance-preview-card{background:#0d1925;border-color:#293d51}
body.app-shell-active.module-mechanics.theme-dark #settingsModal input[readonly],
body.app-shell-active.module-mechanics.theme-dark #settingsModal textarea[readonly]{color:#8fa2b6!important;background:#0d1823!important}

body.app-shell-active.module-mechanics.theme-dark *{scrollbar-color:#40556b #0b141f}
body.app-shell-active.module-mechanics.theme-dark *::-webkit-scrollbar{width:10px;height:10px}
body.app-shell-active.module-mechanics.theme-dark *::-webkit-scrollbar-track{background:#0b141f}
body.app-shell-active.module-mechanics.theme-dark *::-webkit-scrollbar-thumb{border:2px solid #0b141f;border-radius:999px;background:#40556b}

@media(max-width:900px){
  body.app-shell-active.module-mechanics.theme-dark .mechanics-sidebar{box-shadow:0 10px 28px rgba(0,0,0,.24)}
  body.app-shell-active.module-mechanics.theme-dark .mechanics-nav-btn.is-active{box-shadow:inset 0 -2px 0 #4b98ff}
}

/* Workshop structure and live vehicle location. */
.workshop-structure-section{display:grid;gap:18px}
.workshop-structure-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:16px;border-bottom:1px solid var(--bf-border)}
.workshop-structure-heading h3{font-size:1.05rem}.workshop-structure-heading p{max-width:680px;margin:5px 0 0;color:var(--bf-muted);font-size:.73rem;line-height:1.5}
.workshop-structure-metrics{display:flex;overflow:hidden;border:1px solid var(--bf-border);border-radius:8px;background:var(--bf-surface)}
.workshop-structure-metrics span{min-width:86px;display:grid;gap:1px;padding:9px 12px;border-right:1px solid var(--bf-border);color:var(--bf-muted);font-size:.6rem;text-transform:uppercase;letter-spacing:.05em}.workshop-structure-metrics span:last-child{border-right:0}.workshop-structure-metrics strong{color:var(--bf-text);font-family:"Manrope",sans-serif;font-size:1rem;letter-spacing:-.03em}
.workshop-structure-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);border:1px solid var(--bf-border);border-radius:9px;background:var(--bf-surface)}
.structure-editor{min-width:0;padding:17px}.structure-editor-primary{border-left:1px solid var(--bf-border)}
.structure-editor-heading{min-height:42px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:13px}.structure-editor-heading h4{font-size:.82rem}.structure-editor-heading p{margin:4px 0 0;color:var(--bf-muted);font-size:.65rem}.text-action{padding:0;border:0;color:var(--bf-blue);background:transparent;font-size:.64rem;font-weight:700;cursor:pointer}
.structure-branch-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--bf-border)}.structure-branch-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 8px;border-radius:6px;background:var(--bf-surface-muted);font-size:.62rem}.structure-branch-chip small{color:var(--bf-muted)}.structure-empty-note{color:var(--bf-muted);font-size:.64rem}
.bay-management-list{overflow:hidden;border:1px solid var(--bf-border);border-radius:9px;background:var(--bf-surface)}
.bay-management-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(210px,1.2fr) auto auto;align-items:center;gap:16px;min-height:66px;padding:10px 13px;border-bottom:1px solid var(--bf-border)}.bay-management-row:last-child{border-bottom:0}.bay-management-row:hover{background:var(--bf-surface-muted)}.bay-management-row.is-occupied{box-shadow:inset 3px 0 0 var(--bf-blue)}
.bay-identity{min-width:0;display:flex;align-items:center;gap:10px}.bay-code{width:38px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:7px;color:#0f5fae;background:#e4effc;font-size:.57rem;font-weight:800}.bay-identity>div,.bay-occupancy{min-width:0;display:grid;gap:2px}.bay-identity strong,.bay-occupancy strong{overflow:hidden;color:var(--bf-text);font-size:.72rem;text-overflow:ellipsis;white-space:nowrap}.bay-identity small,.bay-occupancy span{overflow:hidden;color:var(--bf-muted);font-size:.62rem;text-overflow:ellipsis;white-space:nowrap}
.bay-status{padding:5px 8px;border:1px solid var(--bf-border);border-radius:999px;color:var(--bf-muted);background:var(--bf-surface-muted);font-size:.58rem;font-weight:750}.bay-status-available{color:#24724d;background:#e8f5ee;border-color:#c8e7d6}.bay-status-occupied{color:#0d5fac;background:#e6f0fc;border-color:#c8dcf5}.bay-status-maintenance{color:#97630c;background:#fff4dc;border-color:#f1d9a8}.bay-status-offline{color:#9a3741;background:#fbeaec;border-color:#efc9cd}
.job-location-cell{min-width:135px}.job-location-cell strong,.job-location-cell small{display:block}.job-location-cell strong{color:#175f9f;font-size:.7rem}.job-location-cell strong.is-unassigned{color:var(--bf-warning)}.job-location-cell small{margin-top:2px;color:var(--bf-muted);font-size:.6rem}
body.app-shell-active.module-mechanics.theme-dark .workshop-structure-grid,body.app-shell-active.module-mechanics.theme-dark .bay-management-list,body.app-shell-active.module-mechanics.theme-dark .workshop-structure-metrics{background:#0d1925;border-color:#293d51}body.app-shell-active.module-mechanics.theme-dark .structure-editor-primary,body.app-shell-active.module-mechanics.theme-dark .bay-management-row,body.app-shell-active.module-mechanics.theme-dark .workshop-structure-metrics span{border-color:#293d51}body.app-shell-active.module-mechanics.theme-dark .bay-management-row:hover{background:#152433}body.app-shell-active.module-mechanics.theme-dark .structure-branch-chip{background:#182838}body.app-shell-active.module-mechanics.theme-dark .bay-code{color:#8bbaff;background:#173453}
@media(max-width:860px){.workshop-structure-heading{display:grid}.workshop-structure-metrics{width:100%}.workshop-structure-metrics span{flex:1}.workshop-structure-grid{grid-template-columns:1fr}.structure-editor-primary{border-left:0;border-top:1px solid var(--bf-border)}.bay-management-row{grid-template-columns:minmax(0,1fr) auto}.bay-occupancy{grid-column:1}.bay-management-row>.table-actions-inline{grid-column:2;grid-row:1/3}}
@media(max-width:560px){.workshop-structure-metrics span{min-width:0;padding:8px}.bay-management-row{gap:9px}.bay-status{grid-column:1;width:max-content}.bay-management-row>.table-actions-inline{grid-row:1;align-self:start}}

/* Consistent module create actions and guided intake photo coverage. */
.mechanics-create-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:36px;padding:7px 13px;border-radius:7px;font-size:.68rem;white-space:nowrap}.mechanics-create-btn>span{font-size:1rem;font-weight:500;line-height:1}
.vehicle-photo-checklist{display:grid;gap:16px;padding:18px;border:1px solid var(--bf-border);border-radius:10px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}
.inspection-standard-checklist{padding:14px;border:1px solid var(--bf-border);border-radius:8px;background:var(--bf-surface-soft)}.inspection-standard-checklist-heading p{margin:3px 0 12px;color:var(--bf-muted);font-size:.66rem}.inspection-standard-checklist-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px}.inspection-standard-check{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--bf-border)}.inspection-standard-check>span{font-size:.68rem;font-weight:700;color:var(--bf-text)}.inspection-standard-check select{min-height:34px}.workshop-operating-hours-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workshop-hours-row{display:grid;grid-template-columns:minmax(70px,.65fr) 1fr 1fr auto;align-items:end;gap:8px;padding:10px 12px;border:1px solid var(--bf-border);border-radius:8px}.workshop-hours-row legend{grid-column:1;padding:0 4px;font-size:.68rem;font-weight:800;color:var(--bf-text)}.workshop-hours-row label{display:grid;gap:4px}.workshop-hours-row label span{font-size:.57rem;font-weight:700;color:var(--bf-muted)}.workshop-hours-closed{display:flex!important;align-items:center;gap:5px;padding-bottom:9px}.workshop-hours-closed input{width:auto}.workshop-hours-closed span{white-space:nowrap}
.inspection-standard-checklist{background:var(--bf-surface-muted)}
.email-delivery-settings{display:grid;gap:14px}.email-delivery-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.email-delivery-option{display:flex;align-items:flex-start;gap:10px;padding:14px;border:1px solid var(--bf-border);border-radius:8px;background:var(--bf-surface);cursor:pointer}.email-delivery-option:has(input:checked){border-color:var(--bf-blue);box-shadow:inset 3px 0 0 var(--bf-blue)}.email-delivery-option:has(input:disabled){opacity:.66;cursor:not-allowed}.email-delivery-option input{width:auto;margin-top:3px}.email-delivery-option span{display:grid;gap:3px}.email-delivery-option strong{font-size:.7rem}.email-delivery-option small{color:var(--bf-muted);font-size:.6rem;line-height:1.45}.email-domain-panel{display:grid;gap:12px;padding:14px;border:1px solid var(--bf-border);border-radius:8px;background:var(--bf-surface-muted)}.email-domain-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.email-domain-heading p{margin:3px 0 0;color:var(--bf-muted);font-size:.62rem}.email-domain-records{display:grid;border:1px solid var(--bf-border);border-radius:7px;background:var(--bf-surface)}.email-domain-record{display:grid;grid-template-columns:70px minmax(140px,.8fr) minmax(220px,1.2fr) auto;align-items:center;gap:12px;padding:10px;border-bottom:1px solid var(--bf-border)}.email-domain-record:last-child{border-bottom:0}.email-domain-record>span{font-size:.58rem;font-weight:800}.email-domain-record>div{display:grid;gap:2px;min-width:0}.email-domain-record small{color:var(--bf-muted);font-size:.52rem}.email-domain-record strong{overflow:hidden;font-size:.6rem;text-overflow:ellipsis;white-space:nowrap}.email-domain-record .btn{min-height:30px;padding:5px 9px}
.vehicle-photo-checklist-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:14px;border-bottom:1px solid var(--bf-border)}.vehicle-photo-checklist-header>div:first-child{min-width:0}.vehicle-photo-checklist-header span{color:var(--bf-text);font-size:.8rem;font-weight:800}.vehicle-photo-checklist-header p{max-width:620px;margin:4px 0 0;color:var(--bf-muted);font-size:.64rem;line-height:1.5}
.vehicle-photo-coverage{width:180px;display:grid;flex:0 0 auto;gap:7px}.vehicle-photo-coverage strong{color:var(--bf-blue);font-size:.62rem;text-align:right;text-transform:uppercase;letter-spacing:.045em}.vehicle-photo-coverage progress{width:100%;height:5px;border:0;border-radius:999px;overflow:hidden;background:#dfe8f2}.vehicle-photo-coverage progress::-webkit-progress-bar{background:#dfe8f2}.vehicle-photo-coverage progress::-webkit-progress-value{border-radius:999px;background:linear-gradient(90deg,#1874df,#33a377)}.vehicle-photo-coverage progress::-moz-progress-bar{background:#1874df}
.vehicle-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(310px,1fr));gap:10px}.vehicle-photo-slot{position:relative;min-width:0;min-height:120px;display:grid;grid-template-columns:112px minmax(0,1fr);overflow:hidden;border:1px solid #d6e0eb;border-radius:8px;background:#fff;box-shadow:0 2px 8px rgba(18,39,63,.035);transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.vehicle-photo-slot:hover{border-color:#9fbedf;box-shadow:0 7px 18px rgba(18,61,108,.08);transform:translateY(-1px)}.vehicle-photo-slot.is-complete{border-color:#86c2a3;box-shadow:inset 0 0 0 1px rgba(41,145,94,.06),0 4px 12px rgba(28,107,70,.06)}.vehicle-photo-slot.is-optional{min-height:120px;grid-template-columns:112px minmax(0,1fr);background:#fbfcfe}
.vehicle-photo-preview{position:relative;min-width:0;min-height:100%;overflow:hidden;border-right:1px solid #dce5ee;color:#56708c;background:linear-gradient(145deg,#edf4fb,#f8fbfe)}.vehicle-photo-preview img{width:100%;height:100%;display:block;object-fit:cover}.vehicle-photo-placeholder{height:100%;display:grid;place-items:center;align-content:center;gap:7px;padding:18px 10px;text-align:center}.vehicle-photo-placeholder svg{width:48px;height:48px;color:#6386a9}.vehicle-photo-placeholder small{color:#71849a;font-size:.51rem;line-height:1.3}.vehicle-photo-step{position:absolute;top:8px;left:8px;min-width:24px;height:20px;display:grid;place-items:center;padding:0 5px;border:1px solid rgba(65,105,145,.16);border-radius:4px;color:#46627e;background:rgba(255,255,255,.86);font-size:.49rem;font-weight:800;letter-spacing:.04em;backdrop-filter:blur(5px)}.vehicle-photo-captured{position:absolute;right:7px;bottom:7px;padding:4px 6px;border-radius:4px;color:#fff;background:rgba(22,112,70,.9);font-size:.49rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em}
.vehicle-photo-slot-body{min-width:0;display:grid;align-content:space-between;gap:10px;padding:12px}.vehicle-photo-slot-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.vehicle-photo-slot-head>div{min-width:0;display:grid;gap:3px}.vehicle-photo-slot-head strong{color:var(--bf-text);font-size:.7rem;line-height:1.25}.vehicle-photo-slot-head span:not(.vehicle-photo-required):not(.vehicle-photo-optional){overflow:hidden;color:var(--bf-muted);font-size:.57rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.vehicle-photo-required,.vehicle-photo-optional{flex:0 0 auto;padding:3px 5px;border-radius:4px;font-size:.46rem!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.045em}.vehicle-photo-required{color:#0e5ca8!important;background:#e5f0fc}.vehicle-photo-optional{color:#64758a!important;background:#eef2f6}
.vehicle-photo-actions{display:flex;align-items:center;gap:6px}.vehicle-photo-actions .btn{min-width:0;min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 10px;border-radius:6px;font-size:.57rem;box-shadow:none}.vehicle-photo-actions .btn svg{width:14px;height:14px;flex:0 0 auto}.vehicle-photo-actions .vehicle-photo-camera{width:100%;flex:1}.vehicle-photo-remove{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:1px solid #ead0d3;border-radius:6px;color:#a13b45;background:#fff7f8;cursor:pointer}.vehicle-photo-remove svg{width:13px;height:13px}.vehicle-photo-remove:hover{border-color:#d99da3;background:#fdecee}.vehicle-photo-checklist.is-locked{opacity:.62}.vehicle-photo-checklist.is-locked .vehicle-photo-grid{pointer-events:none}
.vehicle-photo-quality{overflow:hidden;display:block;padding:4px 6px;border-radius:4px;font-size:.49rem;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.vehicle-photo-quality.is-checking{color:#587087;background:#eef3f8}.vehicle-photo-quality.is-good{color:#1d7049;background:#e7f5ed}.vehicle-photo-quality.is-warning{color:#805713;background:#fff4dc}
.vehicle-photo-queue{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:12px 14px;border:1px solid #d6e0eb;border-radius:8px;background:#f3f7fb}.vehicle-photo-queue>div{min-width:0;display:grid;gap:2px}.vehicle-photo-queue strong{color:var(--bf-text);font-size:.66rem}.vehicle-photo-queue span{color:var(--bf-muted);font-size:.56rem;line-height:1.4}.vehicle-photo-queue .btn{min-width:154px;min-height:34px;flex:0 0 auto;padding:7px 11px;font-size:.58rem;box-shadow:none}
.inspection-coverage-review{display:grid;gap:12px;margin-bottom:16px;padding:14px;border:1px solid var(--bf-border);border-radius:8px;background:var(--bf-surface)}.inspection-coverage-review>header,.inspection-coverage-review.is-legacy{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.inspection-coverage-review h3{font-size:.78rem}.inspection-coverage-review p{margin:3px 0 0;color:var(--bf-muted);font-size:.62rem}.inspection-coverage-review.is-complete{border-left:3px solid #2b9b68}.inspection-coverage-media{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.inspection-coverage-media figure{min-width:0;margin:0;overflow:hidden;border:1px solid var(--bf-border);border-radius:7px;background:var(--bf-canvas)}.inspection-coverage-media img{width:100%;height:92px;display:block;object-fit:cover}.inspection-coverage-media figcaption{display:grid;gap:1px;padding:7px}.inspection-coverage-media figcaption strong{font-size:.59rem}.inspection-coverage-media figcaption span{overflow:hidden;color:var(--bf-muted);font-size:.5rem;text-overflow:ellipsis;white-space:nowrap}
body.app-shell-active.module-mechanics.theme-dark .vehicle-photo-checklist,body.app-shell-active.module-mechanics.theme-dark .inspection-coverage-review{background:linear-gradient(180deg,#0d1925,#0b1621);border-color:#293d51}body.app-shell-active.module-mechanics.theme-dark .vehicle-photo-slot,body.app-shell-active.module-mechanics.theme-dark .inspection-coverage-media figure{background:#111f2c;border-color:#293d51}body.app-shell-active.module-mechanics.theme-dark .vehicle-photo-slot.is-optional{background:#0e1b27}body.app-shell-active.module-mechanics.theme-dark .vehicle-photo-slot:hover{border-color:#41658a;box-shadow:0 8px 20px rgba(0,0,0,.18)}body.app-shell-active.module-mechanics.theme-dark .vehicle-photo-slot.is-complete{background:#10271f;border-color:#356d55}body.app-shell-active.module-mechanics.theme-dark .vehicle-photo-preview{border-color:#293d51;background:linear-gradient(145deg,#12283a,#0d1b28)}body.app-shell-active.module-mechanics.theme-dark .vehicle-photo-placeholder svg{color:#7899b9}body.app-shell-active.module-mechanics.theme-dark .vehicle-photo-step{color:#9ab2ca;background:rgba(7,17,27,.82);border-color:#30465b}body.app-shell-active.module-mechanics.theme-dark .vehicle-photo-required{color:#8bbaff!important;background:#173453}body.app-shell-active.module-mechanics.theme-dark .vehicle-photo-optional{color:#9badbf!important;background:#1b2b3b}
body.app-shell-active.module-mechanics.theme-dark .vehicle-photo-remove{color:#f58a94;background:#291820;border-color:#55303a}
body.app-shell-active.module-mechanics.theme-dark .vehicle-photo-queue{border-color:#293d51;background:#101e2b}
@media(max-width:1050px){.inspection-coverage-media{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.vehicle-photo-grid{grid-template-columns:1fr}.vehicle-photo-slot.is-optional{grid-column:auto}}
@media(max-width:620px){.vehicle-photo-checklist{padding:14px}.vehicle-photo-checklist-header{display:grid}.vehicle-photo-coverage{width:100%}.vehicle-photo-coverage strong{text-align:left}.vehicle-photo-queue{align-items:stretch;flex-direction:column}.vehicle-photo-queue .btn{width:100%}.inspection-coverage-media{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.inspection-standard-checklist-grid,.workshop-operating-hours-grid{grid-template-columns:1fr}.inspection-standard-check{grid-template-columns:1fr}.workshop-hours-row{grid-template-columns:1fr 1fr auto}.workshop-hours-row legend{grid-column:1/-1}}
@media(max-width:760px){.email-delivery-options{grid-template-columns:1fr}.email-domain-record{grid-template-columns:60px 1fr}.email-domain-record>div:nth-of-type(2){grid-column:1/-1}.email-domain-record .btn{justify-self:start}}
@media(max-width:440px){.vehicle-photo-slot,.vehicle-photo-slot.is-optional{grid-template-columns:96px minmax(0,1fr)}.vehicle-photo-slot-body{padding:10px}.vehicle-photo-placeholder svg{width:38px;height:38px}.vehicle-photo-actions .btn{min-height:32px}.vehicle-photo-actions .btn span{display:inline}}
@media(max-width:560px){.mechanics-create-btn{width:100%}}

/* Device-local navigation collapse and privacy-safe workshop display. */
.mechanics-sidebar-brand-copy{padding-right:28px}
.mechanics-sidebar-toggle{position:absolute;top:24px;right:10px;width:28px;height:28px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:6px;color:#91a6bd;background:rgba(255,255,255,.035);cursor:pointer;transition:color .14s ease,background-color .14s ease,border-color .14s ease}
.mechanics-sidebar-toggle svg{width:17px;height:17px;transition:transform .18s ease}.mechanics-sidebar-toggle:hover{color:#fff;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.09)}.mechanics-sidebar-toggle:focus-visible{outline:2px solid #70a9ff;outline-offset:2px}
.mechanics-display-toggle{display:inline-flex;align-items:center;gap:7px}.mechanics-display-toggle svg{width:17px;height:17px}.mechanics-display-status{display:flex;align-items:center;gap:10px;padding-right:4px}.mechanics-display-status[hidden]{display:none}.mechanics-display-status>span{display:inline-flex;align-items:center;gap:6px;color:#a9bad0;font-size:.6rem;font-weight:750;letter-spacing:.08em;text-transform:uppercase}.mechanics-display-status i{width:7px;height:7px;border-radius:50%;background:#38bf78;box-shadow:0 0 0 4px rgba(56,191,120,.12)}.mechanics-display-status strong{color:#fff;font-family:"Manrope",sans-serif;font-size:.86rem}.mechanics-display-status small{color:#8296ad;font-size:.6rem}

@media(min-width:901px){
  body.app-shell-active.module-mechanics.sidebar-collapsed{--bf-sidebar-width:76px}
  body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-sidebar{padding:16px 9px 12px}
  body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-sidebar-brand{min-height:106px;grid-template-columns:1fr;justify-items:center;align-content:start;gap:0;padding:0 0 14px}
  body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-sidebar-logo,body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-sidebar-logo-fallback{width:42px;height:42px}
  body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-sidebar-brand-copy{display:none!important}
  body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-sidebar-toggle{top:76px;right:50%;width:25px;height:25px;transform:translateX(50%)}
  body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-sidebar-toggle svg{width:15px;height:15px;transform:rotate(180deg)}
  body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-sidebar-section{padding-top:12px}
  body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-sidebar-label{display:none}
  body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-nav{gap:3px;overflow-x:hidden}
  body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-nav-btn{min-height:42px;justify-content:center;gap:0;padding:8px;border-radius:7px}
  body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-nav-btn.is-active{box-shadow:inset 3px 0 0 #3c8cff}
  body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-nav-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
  body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-sidebar-meta{grid-template-columns:1fr;justify-items:center;gap:0;padding:13px 0 2px}
  body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-account-copy,body.app-shell-active.module-mechanics.sidebar-collapsed .mechanics-account-actions{display:none}

  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-enterprise-shell{grid-template-columns:minmax(0,1fr)!important}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-sidebar{display:none!important}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-header{min-height:68px;padding:10px clamp(20px,2.2vw,42px);color:#fff;border-bottom-color:#24384e;background:linear-gradient(110deg,#0b1826 0%,#10273b 72%,#0c3450 100%);box-shadow:0 8px 24px rgba(8,23,39,.16)}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-header h1{color:#fff;font-size:1.45rem}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-page-kicker{color:#6faeff}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-page-subtitle{color:#aabbd0}
  body.app-shell-active.module-mechanics.workshop-display-mode #mechanicsHeaderNewJob{display:none!important}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-display-toggle{color:#e4edf7;background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.18)!important}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-display-toggle:hover{background:rgba(255,255,255,.13)!important}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-pane-stack{padding:16px clamp(20px,2.2vw,42px) 28px}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-pane[data-mechanics-pane="dashboard"]{max-width:none}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-dashboard-summary{padding:15px 18px}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-kpi-strip .metric-card{min-height:82px}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-kpi-strip strong{font-size:1.55rem}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-dashboard-visual-grid{grid-template-columns:minmax(0,1.65fr) minmax(360px,.65fr);gap:16px;margin-top:16px}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-dashboard-visual-card{min-height:300px;padding:18px 20px}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-graph-surface{min-height:220px;display:flex;align-items:center}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-queue-panel{margin-top:16px;padding:16px 18px 0}
  body.app-shell-active.module-mechanics.workshop-display-mode .dashboard-customer-column,body.app-shell-active.module-mechanics.workshop-display-mode .dashboard-action-column{display:none}
  body.app-shell-active.module-mechanics.workshop-display-mode .dashboard-customer-detail,body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-secondary-panel--activity{display:none}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-secondary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.app-shell-active.module-mechanics.workshop-display-mode #mechanicsDashboardJobTableBody .interactive-row{pointer-events:none;cursor:default}
  body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-dashboard-table table{min-width:980px}
}

@media(max-width:900px){.mechanics-sidebar-toggle{display:none}.mechanics-display-status small{display:none}}
@media(max-width:620px){.mechanics-display-toggle span{display:none}.mechanics-display-toggle{width:36px;justify-content:center;padding:6px}.mechanics-display-status{gap:7px}.mechanics-display-status>span{display:none}}

/* Tenant-scoped command search for fast workshop navigation. */
.mechanics-control-tower{margin-top:14px;overflow:hidden;border:1px solid #cfdbe7;border-radius:9px;background:#fff;box-shadow:0 7px 20px rgba(15,42,69,.045)}.mechanics-control-tower>header{min-height:47px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:9px 14px;color:#fff;background:linear-gradient(105deg,#0c1d2e,#123653 72%,#0f456b)}.mechanics-control-tower>header>div{display:flex;align-items:baseline;gap:9px}.mechanics-control-tower>header span{color:#70adf6;font-size:.49rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.mechanics-control-tower>header h2{color:#fff;font-size:.78rem;letter-spacing:-.02em}.mechanics-control-tower>header time{color:#a9bad0;font-size:.56rem;font-weight:650}.mechanics-control-queues{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.mechanics-control-queues button{min-width:0;min-height:84px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:3px 12px;padding:13px 15px;border:0;border-right:1px solid #dce4ec;color:#21384f;background:#fff;text-align:left;cursor:pointer;transition:background-color .14s ease,box-shadow .14s ease}.mechanics-control-queues button:last-child{border-right:0}.mechanics-control-queues button:hover,.mechanics-control-queues button:focus-visible{outline:0;background:#edf5fd;box-shadow:inset 0 -2px #2b7fd2}.mechanics-control-queues span{align-self:end;color:#607287;font-size:.54rem;font-weight:760;text-transform:uppercase;letter-spacing:.045em}.mechanics-control-queues strong{grid-row:1/3;grid-column:2;align-self:center;color:#102942;font-size:1.45rem;line-height:1}.mechanics-control-queues small{overflow:hidden;color:#8995a4;font-size:.53rem;text-overflow:ellipsis;white-space:nowrap}
body.theme-dark .mechanics-control-tower{border-color:#2a3e51;background:#0f1d29}body.theme-dark .mechanics-control-queues button{color:#dce9f5;background:#101f2b;border-color:#2a3e51}body.theme-dark .mechanics-control-queues button:hover,body.theme-dark .mechanics-control-queues button:focus-visible{background:#173047}body.theme-dark .mechanics-control-queues strong{color:#f1f7fc}
@media(max-width:850px){.mechanics-control-queues{grid-template-columns:repeat(2,minmax(0,1fr))}.mechanics-control-queues button:nth-child(2){border-right:0}.mechanics-control-queues button:nth-child(-n+2){border-bottom:1px solid #dce4ec}}
@media(max-width:520px){.mechanics-control-queues{grid-template-columns:1fr}.mechanics-control-queues button{min-height:68px;border-right:0;border-bottom:1px solid #dce4ec}.mechanics-control-queues button:last-child{border-bottom:0}}
.mechanics-global-search-trigger{display:inline-flex;align-items:center;gap:7px;color:#42566d}.mechanics-global-search-trigger svg{width:16px;height:16px}.mechanics-global-search-trigger kbd{padding:2px 5px;border:1px solid #cbd6e2;border-radius:4px;color:#718197;background:#f6f8fa;font-family:inherit;font-size:.51rem;font-weight:700}
.global-search-modal{align-items:flex-start;padding-top:min(14vh,130px);background:rgba(7,19,32,.5);backdrop-filter:blur(8px)}
.global-search-panel{width:min(680px,calc(100vw - 28px));max-height:min(70vh,620px);display:grid;grid-template-rows:auto minmax(120px,1fr) auto;gap:0;overflow:hidden;padding:0;border:1px solid rgba(180,199,219,.72);border-radius:12px;background:#fff;box-shadow:0 28px 80px rgba(4,18,34,.28)}
.global-search-input-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:15px 16px;border-bottom:1px solid #dce4ed}.global-search-input-row>svg{width:21px;height:21px;color:#4f6b88}.global-search-input-row input{width:100%;height:40px;padding:0;border:0;outline:0;color:#14273c;background:transparent;font-size:.9rem;font-weight:600}.global-search-input-row input::placeholder{color:#8997a8;font-weight:500}.global-search-input-row button{min-width:38px;padding:5px 7px;border:1px solid #d5dee8;border-radius:5px;color:#62748a;background:#f6f8fa;font-size:.55rem;font-weight:750;cursor:pointer}
.global-search-results{min-height:140px;overflow:auto;padding:7px}.global-search-results>button{width:100%;min-height:55px;display:grid;grid-template-columns:64px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px 11px;border:0;border-radius:7px;color:#183047;background:transparent;text-align:left;cursor:pointer}.global-search-results>button:hover,.global-search-results>button:focus-visible,.global-search-results>button[aria-selected="true"]{outline:0;background:#edf5fe}.global-search-type{padding:4px 6px;border-radius:4px;color:#1765b3;background:#e0edfb;font-size:.5rem;font-weight:800;letter-spacing:.06em;text-align:center;text-transform:uppercase}.global-search-copy{min-width:0;display:grid;gap:2px}.global-search-copy strong,.global-search-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-search-copy strong{font-size:.72rem}.global-search-copy small{color:#708196;font-size:.59rem}.global-search-open{color:#77879a;font-size:.56rem;font-weight:700}.global-search-empty{min-height:160px;display:grid;place-items:center;align-content:center;gap:5px;padding:28px;text-align:center}.global-search-empty strong{font-size:.76rem}.global-search-empty span{color:#758499;font-size:.62rem}.global-search-footer{display:flex;justify-content:space-between;gap:14px;padding:9px 15px;border-top:1px solid #e0e6ed;color:#778699;background:#f8fafc;font-size:.54rem}.global-search-footer kbd{font-family:inherit;font-weight:750}
body.theme-dark .global-search-panel{border-color:#33485d;background:#101d29}body.theme-dark .global-search-input-row{border-color:#2d4052}body.theme-dark .global-search-input-row input{color:#edf5fc}body.theme-dark .global-search-input-row button{color:#a9bbcf;background:#172735;border-color:#34495c}body.theme-dark .global-search-results>button{color:#edf4fb}body.theme-dark .global-search-results>button:hover,body.theme-dark .global-search-results>button:focus-visible,body.theme-dark .global-search-results>button[aria-selected="true"]{background:#182c3e}body.theme-dark .global-search-footer{color:#8da1b6;background:#0c1823;border-color:#2c3e50}
@media(max-width:720px){.mechanics-global-search-trigger kbd{display:none}.global-search-modal{padding-top:12px}.global-search-panel{max-height:calc(100dvh - 24px)}.global-search-footer span:last-child{display:none}}

/* Car-workshop public entry and explicit Starter / Professional comparison. */
.auth-public-brand small{margin-left:4px;padding-left:13px;border-left:1px solid rgba(255,255,255,.2);color:#9fb0c4;font-size:.6rem;font-weight:600;letter-spacing:.035em}
.app-boot-mark img,.logo-fallback img{display:block;width:100%;height:100%;object-fit:contain}
.app-boot-mark{padding:5px;background:#fff}
.auth-public-logo{display:block;width:96px;height:48px;padding:3px 7px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:rgba(255,255,255,.94);object-fit:contain}
.auth-platform-wordmark{display:block;width:clamp(210px,25vw,300px);height:auto;max-height:200px;padding:9px 12px;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(255,255,255,.94);object-fit:contain;object-position:left center}
.logo-fallback[data-platform-icon]{padding:5px!important;background:#fff!important}
.auth-brand-mark.is-platform-brand{display:block}
.auth-brand-mark.is-platform-brand .auth-brand-logo-frame,.auth-brand-mark.is-platform-brand .auth-brand-logo-fallback{display:none!important}
.auth-brand-mark.is-platform-brand .auth-brand-copy{max-width:560px}
.app-platform-logo-fallback{width:64px;height:64px;padding:7px;border-radius:16px;background:#fff;box-shadow:0 8px 18px rgba(8,32,50,.1)}
.platform-admin-brand{display:flex;align-items:center;gap:16px}
.platform-admin-brand>img{display:block;width:94px;height:62px;object-fit:contain;flex:0 0 auto}
.platform-admin-brand h2,.platform-admin-brand p{margin-left:0}
@media(max-width:720px){.auth-public-logo{width:78px;height:40px}.auth-platform-wordmark{width:min(260px,72vw)}.platform-admin-brand>img{width:72px;height:48px}}
.auth-workshop-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(255,255,255,.04)}
.auth-workshop-proof span{min-width:0;display:grid;gap:2px;padding:10px 12px;border-right:1px solid rgba(255,255,255,.09);color:#8fa3b9;font-size:.56rem;line-height:1.35}.auth-workshop-proof span:last-child{border-right:0}.auth-workshop-proof strong{color:#dce8f5;font-size:.62rem}
body.auth-shell-active .auth-brand-panel-inner{height:auto;max-height:calc(100dvh - 116px);display:grid;align-content:center;gap:20px}
@media(min-width:1081px){body.auth-shell-active .auth-brand-panel-inner{margin-inline:auto}}
body.auth-shell-active .auth-panel-footer{display:flex;justify-content:space-between;gap:18px;margin-top:2px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1)}
html[data-theme-resolved="light"] body.auth-shell-active .auth-workshop-proof{border-color:rgba(72,101,132,.18);background:rgba(17,48,80,.055)}
html[data-theme-resolved="light"] body.auth-shell-active .auth-workshop-proof span{border-right-color:rgba(72,101,132,.14);color:#5a6f85}
html[data-theme-resolved="light"] body.auth-shell-active .auth-workshop-proof strong{color:#17334f}

.public-plans-modal-card{width:min(1120px,100%)}
.public-plans-body{display:grid;gap:16px}
.public-plan-comparison{display:grid;gap:16px}
.public-plan-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.public-plan-card{grid-template-rows:auto auto 1fr auto;gap:12px;padding:18px 19px}
.public-plan-heading h3{max-width:48ch;font-size:.88rem}.public-plan-heading p{margin:6px 0 0;color:#6b7a8d;font-size:.63rem;font-weight:600;line-height:1.4}
.public-plan-pricing{padding:10px 0}.public-plan-price{font-size:1.25rem}
.public-plan-card-body{display:grid;grid-template-columns:minmax(150px,.72fr) minmax(0,1.28fr);gap:18px}
.public-plan-section ul{gap:5px}.public-plan-section li{font-size:.66rem}
.public-plan-action{justify-self:stretch}
.public-plan-matrix{overflow:hidden;border:1px solid #d7e0e9;border-radius:9px;background:#fff}
.public-plan-matrix-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:14px 17px;border-bottom:1px solid #dfe6ed;background:#f8fafc}.public-plan-matrix-heading>div{display:grid;gap:2px}.public-plan-matrix-heading span{color:#176cc5;font-size:.55rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.public-plan-matrix-heading h3{margin:0;color:#14263b;font-size:.88rem}.public-plan-matrix-heading p{margin:0;color:#6b7a8d;font-size:.62rem}
.public-plan-table-wrap{overflow:auto}.public-plan-matrix table{min-width:720px;background:#fff}.public-plan-matrix thead{position:static}.public-plan-matrix th,.public-plan-matrix td{padding:8px 14px;font-size:.65rem}.public-plan-matrix thead th{color:#56677b;background:#eef3f7}.public-plan-matrix thead th:first-child{width:48%;text-align:left}.public-plan-matrix thead th:not(:first-child){width:26%;text-align:center}.public-plan-matrix thead .is-professional{color:#0e60b7;background:#e6f0fc}.public-plan-matrix tbody th{color:#34475d;background:#fff;font-weight:600;text-align:left;text-transform:none;letter-spacing:0;white-space:normal}.public-plan-matrix td{color:#56687d;text-align:center}.public-plan-matrix td.is-included{color:#1f754d;font-weight:700}.public-plan-matrix td.is-included::before{content:"✓";margin-right:5px}.public-plan-matrix td.is-unavailable{color:#8a96a5}.public-plan-matrix td.is-unavailable::before{content:"—";margin-right:5px}.public-plan-matrix .public-plan-group th{padding:7px 14px;color:#5f7185;background:#f7f9fb;border-top:1px solid #dfe6ed;font-size:.56rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}

body.theme-dark .public-plans-modal-card,body.theme-dark .public-plan-card,body.theme-dark .public-plan-matrix,body.theme-dark .public-plan-matrix table,body.theme-dark .public-plan-matrix tbody th{color:#182536;background:#fff;border-color:#d7e0e9}body.theme-dark .public-plan-heading h3,body.theme-dark .public-plan-matrix-heading h3,body.theme-dark .public-plan-matrix tbody th{color:#14263b}body.theme-dark .public-plan-matrix td{border-color:#e6ebf0}

@media(min-width:861px) and (max-height:760px){.auth-workshop-proof{display:none}.public-plan-card{padding:15px 17px}.public-plan-card-body{gap:12px}.public-plan-matrix th,.public-plan-matrix td{padding-top:6px;padding-bottom:6px}}
@media(max-width:1080px){.auth-public-brand small{color:#68798d;border-left-color:#c5d0dc}.public-plan-card-body{grid-template-columns:1fr}}
@media(max-width:720px){.auth-public-brand small{display:none}.public-plan-overview{grid-template-columns:1fr}.public-plan-matrix-heading{align-items:flex-start;flex-direction:column;gap:5px}.public-plan-matrix-heading p{display:none}.public-plan-card-body{grid-template-columns:1fr}.public-plan-matrix th,.public-plan-matrix td{padding:8px 10px}}

/* Public commercial enquiries keep plan selection separate from tenant provisioning. */
.public-plan-actions{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:8px}
.public-commercial-note{margin:0;padding:2px 0;color:#40546a;font-size:.7rem;font-weight:750;text-align:center}
.public-enquiry-modal{z-index:110;padding:18px;background:rgba(6,15,25,.76);backdrop-filter:blur(14px)}
.public-enquiry-modal-card{width:min(720px,100%);max-height:calc(100dvh - 36px);padding:0;overflow:hidden;border:1px solid #d7e0e9;border-radius:12px;color:#182536;background:#f7f9fb;box-shadow:0 30px 90px rgba(3,12,22,.34)}
.public-enquiry-header{position:relative;align-items:flex-start;padding:21px 88px 21px 24px;border-bottom:1px solid #dbe3eb;background:#fff}.public-enquiry-header .modal-close{position:absolute;top:18px;right:20px}
.public-enquiry-header>div{max-width:570px}.public-enquiry-header .eyebrow{margin:0 0 4px;color:#176cc5;font-size:.57rem}.public-enquiry-header h2{margin:0;color:#14263b;font-size:1.25rem}.public-enquiry-header p:last-child{margin:6px 0 0;color:#627287;font-size:.72rem;line-height:1.5}
.public-enquiry-body{overflow-y:auto;padding:20px 24px 23px}
.public-enquiry-form{display:grid;gap:15px}.public-enquiry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.public-enquiry-form .field{gap:5px}.public-enquiry-form .field>span{color:#34475d;font-size:.67rem;font-weight:750}.public-enquiry-form input,.public-enquiry-form select{height:40px;min-height:40px}.public-enquiry-message textarea{min-height:88px}
.public-enquiry-privacy{margin:0;padding:10px 12px;border-left:3px solid #75a8e8;color:#607287;background:#edf4fb;font-size:.62rem;line-height:1.5}.public-enquiry-status{min-height:18px;margin:0}.public-enquiry-actions{margin:0}.public-enquiry-actions .btn{min-width:122px}
.public-enquiry-success{min-height:290px;display:grid;place-items:center;align-content:center;gap:10px;padding:30px;text-align:center}.public-enquiry-success:focus{outline:0}.public-enquiry-success-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#25835b;font-size:1.2rem;font-weight:800}.public-enquiry-success h3{margin:2px 0 0;color:#14263b;font-size:1.1rem}.public-enquiry-success p{max-width:500px;margin:0 0 8px;color:#5d7086;font-size:.76rem;line-height:1.6}
body.theme-dark .public-enquiry-modal-card,body.theme-dark .public-enquiry-header{color:#182536;background:#fff}body.theme-dark .public-enquiry-header h2,body.theme-dark .public-enquiry-success h3{color:#14263b}body.theme-dark .public-enquiry-form input,body.theme-dark .public-enquiry-form select,body.theme-dark .public-enquiry-form textarea{color:#182536!important;-webkit-text-fill-color:#182536!important;caret-color:#1769e0;background:#fff!important;border-color:#c6d0db!important}body.theme-dark .public-enquiry-form input::placeholder,body.theme-dark .public-enquiry-form textarea::placeholder{color:#748499!important;-webkit-text-fill-color:#748499!important;opacity:1}
@media(max-width:720px){.public-plan-actions{grid-template-columns:1fr}.public-enquiry-modal{padding:10px}.public-enquiry-modal-card{max-height:calc(100dvh - 20px)}.public-enquiry-header{padding:17px 72px 17px 17px}.public-enquiry-header .modal-close{top:14px;right:14px}.public-enquiry-header p:last-child{display:block}.public-enquiry-body{padding:16px}.public-enquiry-grid{grid-template-columns:1fr}.public-enquiry-actions{display:grid;grid-template-columns:1fr}.public-enquiry-actions .btn{width:100%}.public-enquiry-actions .btn-primary{grid-row:1}.public-enquiry-success{min-height:250px;padding:22px 12px}}

/* Protected inspection gallery: thumbnails stay compact while evidence opens at inspection scale. */
.inspection-photo-thumbnail{width:100%;display:block;padding:0;overflow:hidden;border:0;color:inherit;background:transparent;cursor:zoom-in}.inspection-photo-thumbnail:focus-visible{outline:3px solid #70a9ff;outline-offset:-3px}.inspection-photo-thumbnail img{transition:transform .18s ease,filter .18s ease}.inspection-photo-thumbnail:hover img{filter:saturate(1.04) contrast(1.03);transform:scale(1.025)}
.vehicle-photo-image-open{position:absolute;inset:0;height:100%}.vehicle-photo-step,.vehicle-photo-captured{pointer-events:none}.inspection-media-image-open{width:108px;height:84px;border-radius:14px}.inspection-media-image-open img{width:100%!important;height:100%!important}.inspection-coverage-media .inspection-photo-thumbnail{height:92px}.inspection-coverage-media .inspection-photo-thumbnail img{height:100%}.inspection-review-media .inspection-photo-thumbnail{aspect-ratio:4/3;border-radius:9px}.inspection-review-media .inspection-photo-thumbnail img{height:100%;border:0;border-radius:0}
.inspection-photo-viewer-modal{z-index:160;padding:14px;background:rgba(2,8,15,.92);backdrop-filter:blur(16px)}
.inspection-photo-viewer{width:min(96vw,1600px);height:min(92dvh,1000px);max-height:calc(100dvh - 24px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid rgba(171,199,229,.24);border-radius:12px;color:#f5f9fd;background:#07111c;box-shadow:0 34px 100px rgba(0,0,0,.52)}
.inspection-photo-viewer-header{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:14px 18px;border-bottom:1px solid rgba(171,199,229,.16);background:rgba(11,25,39,.96)}.inspection-photo-viewer-header>div:first-child{min-width:0;display:grid;gap:2px}.inspection-photo-viewer-header .eyebrow{margin:0;color:#70a9ff;font-size:.52rem}.inspection-photo-viewer-header h2{overflow:hidden;margin:0;color:#fff;font-size:.9rem;text-overflow:ellipsis;white-space:nowrap}.inspection-photo-viewer-header p:last-child{overflow:hidden;margin:0;color:#9eb0c4;font-size:.58rem;text-overflow:ellipsis;white-space:nowrap}.inspection-photo-viewer-tools{display:flex;align-items:center;gap:12px;flex:0 0 auto}.inspection-photo-viewer-tools>span{min-width:44px;color:#b8c7d7;font-size:.59rem;font-weight:700;text-align:right}
.inspection-photo-viewer-close,.inspection-photo-viewer-nav{display:grid;place-items:center;padding:0;border:1px solid rgba(183,207,232,.24);color:#eef6ff;background:rgba(255,255,255,.075);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.inspection-photo-viewer-close{width:34px;height:34px;border-radius:7px}.inspection-photo-viewer-close svg{width:17px;height:17px}.inspection-photo-viewer-close:hover,.inspection-photo-viewer-nav:hover{border-color:rgba(183,207,232,.5);background:rgba(255,255,255,.16)}.inspection-photo-viewer-close:focus-visible,.inspection-photo-viewer-nav:focus-visible{outline:3px solid #70a9ff;outline-offset:2px}
.inspection-photo-viewer-stage{position:relative;min-height:0;display:grid;place-items:center;padding:18px 78px;background:radial-gradient(circle at 50% 42%,rgba(35,65,94,.36),transparent 58%),#030a11}.inspection-photo-viewer-stage figure{width:100%;height:100%;display:grid;place-items:center;margin:0}.inspection-photo-viewer-stage img{max-width:100%;max-height:100%;display:block;border-radius:5px;object-fit:contain;box-shadow:0 12px 46px rgba(0,0,0,.32)}
.inspection-photo-viewer-nav{position:absolute;top:50%;z-index:2;width:48px;height:58px;border-radius:8px;transform:translateY(-50%)}.inspection-photo-viewer-nav:hover{transform:translateY(-50%) scale(1.03)}.inspection-photo-viewer-nav svg{width:25px;height:25px}.inspection-photo-viewer-nav.is-previous{left:16px}.inspection-photo-viewer-nav.is-next{right:16px}.inspection-photo-viewer-nav:disabled{opacity:.25;cursor:default;transform:translateY(-50%)}
.inspection-photo-viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 18px;border-top:1px solid rgba(171,199,229,.13);color:#8295a9;background:#08131f;font-size:.53rem}.inspection-photo-viewer-footer span:last-child{color:#9fb4ca;font-weight:700;text-transform:uppercase;letter-spacing:.045em}
@media(max-width:620px){.inspection-media-image-open{width:100%;height:180px}.inspection-photo-viewer-modal{padding:0}.inspection-photo-viewer{width:100vw;height:100dvh;max-height:none;border:0;border-radius:0}.inspection-photo-viewer-header{padding:12px 13px}.inspection-photo-viewer-header h2{font-size:.82rem}.inspection-photo-viewer-header p:last-child{max-width:62vw}.inspection-photo-viewer-stage{padding:10px 52px}.inspection-photo-viewer-nav{width:40px;height:50px}.inspection-photo-viewer-nav.is-previous{left:6px}.inspection-photo-viewer-nav.is-next{right:6px}.inspection-photo-viewer-footer{justify-content:center;padding:8px 12px;text-align:center}.inspection-photo-viewer-footer span:first-child{display:none}}

/* Workshop activity is a compact timeline, not a repeated generic list. */
body.app-shell-active.module-mechanics .mechanics-secondary-panel--activity .mechanics-secondary-list{gap:0}
.mechanics-activity-entry{min-width:0;display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;padding:10px 0;border-bottom:1px solid var(--bf-border)}.mechanics-activity-entry:last-child{border-bottom:0}.mechanics-activity-icon{width:28px;height:28px;display:grid;place-items:center;margin-top:1px;border-radius:7px;color:#176cc5;background:#e8f2fd;font-size:.72rem;font-weight:800}.mechanics-activity-content{min-width:0;display:grid;gap:3px}.mechanics-activity-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.mechanics-activity-heading>span{color:#176cc5;font-size:.49rem;font-weight:800;letter-spacing:.065em;text-transform:uppercase}.mechanics-activity-heading time{flex:0 0 auto;color:var(--bf-muted);font-size:.52rem}.mechanics-activity-content>strong{overflow:hidden;color:var(--bf-text);font-size:.67rem;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.mechanics-activity-content>p{display:-webkit-box;overflow:hidden;margin:0;color:var(--bf-muted);font-size:.57rem;line-height:1.4;-webkit-box-orient:vertical;-webkit-line-clamp:2}.mechanics-activity-content>small{overflow:hidden;color:#7b8999;font-size:.5rem;text-overflow:ellipsis;white-space:nowrap}.mechanics-activity-entry.activity-success .mechanics-activity-icon{color:#1b754a;background:#e6f4ec}.mechanics-activity-entry.activity-warning .mechanics-activity-icon{color:#8a5a0c;background:#fff2d8}.mechanics-activity-entry.activity-neutral .mechanics-activity-icon{color:#63758a;background:#edf1f5}
body.app-shell-active.module-mechanics.theme-dark .mechanics-activity-entry{border-color:#243749}body.app-shell-active.module-mechanics.theme-dark .mechanics-activity-icon{color:#8fc2ff;background:#173453}body.app-shell-active.module-mechanics.theme-dark .mechanics-activity-content>strong{color:#e8eff7}body.app-shell-active.module-mechanics.theme-dark .mechanics-activity-content>p,body.app-shell-active.module-mechanics.theme-dark .mechanics-activity-heading time,body.app-shell-active.module-mechanics.theme-dark .mechanics-activity-content>small{color:#8fa2b6}body.app-shell-active.module-mechanics.theme-dark .mechanics-activity-entry.activity-success .mechanics-activity-icon{color:#8ed9ae;background:#153828}body.app-shell-active.module-mechanics.theme-dark .mechanics-activity-entry.activity-warning .mechanics-activity-icon{color:#f0c36b;background:#3b2c11}
@media(max-width:520px){.mechanics-activity-heading{align-items:flex-start;flex-direction:column;gap:2px}.mechanics-activity-content>strong{white-space:normal}}

/* Fixed-size table actions keep their accessible hit area without displacing the icon. */
body.app-shell-active .table-actions-inline .icon-btn{width:32px;height:32px;min-width:32px;min-height:32px;display:inline-grid;place-items:center;flex:0 0 32px;padding:0!important;border-radius:8px;line-height:0}
body.app-shell-active .table-actions-inline .icon-btn svg{width:15px;height:15px;display:block;margin:0;overflow:visible;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}

/* Sign-out feedback remains visible at the action point without blocking the workspace. */
#logoutButton.is-signing-out,#mechanicsHeaderLogout.is-signing-out{display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap;cursor:progress;opacity:.82}
.button-progress-spinner{width:12px;height:12px;display:inline-block;flex:0 0 12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:bayflow-button-spin .65s linear infinite}
.auth-form-actions .btn.is-loading{display:inline-flex;align-items:center;justify-content:center;gap:8px}
@keyframes bayflow-button-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.button-progress-spinner{animation-duration:1.4s}}

/* Mobile workspace hardening keeps operational content wider than its decoration. */
@media(max-width:900px){
  #workspaceModal .modal-panel{display:grid;grid-template-rows:auto minmax(0,1fr);padding:0;overflow:hidden}
  #workspaceModal .modal-header{min-width:0}
  #workspaceModal .modal-body{min-width:0;min-height:0;max-height:none;padding:16px;overflow-x:hidden;scroll-padding-bottom:96px}
  body.app-shell-active.module-mechanics .mechanics-enterprise-shell,
  body.app-shell-active.module-mechanics .mechanics-content-shell,
  body.app-shell-active.module-mechanics .mechanics-pane-stack,
  body.app-shell-active.module-mechanics .mechanics-pane{max-width:100%;min-width:0}
}

@media(max-width:620px){
  html,body{max-width:100%;overflow-x:hidden}
  body.app-shell-active.module-mechanics .app-page-shell,
  body.app-shell-active.module-mechanics .app-main,
  body.app-shell-active.module-mechanics #mechanicsWorkspaceShell{width:100%;max-width:100%;min-width:0}
  body.app-shell-active.module-mechanics .mechanics-sidebar{width:100%;max-width:100%;min-width:0;padding:8px 10px}
  body.app-shell-active.module-mechanics .mechanics-sidebar-brand{min-width:0;padding:0 126px 7px 2px}
  body.app-shell-active.module-mechanics .mechanics-sidebar-brand-copy{display:none}
  body.app-shell-active.module-mechanics .mechanics-sidebar-meta{right:8px;grid-template-columns:1fr}
  body.app-shell-active.module-mechanics .mechanics-account-avatar{display:none}
  body.app-shell-active.module-mechanics .mechanics-account-actions{right:0;display:flex;gap:5px}
  body.app-shell-active.module-mechanics .mechanics-account-btn{min-height:40px;padding:7px 9px}
  body.app-shell-active.module-mechanics .mechanics-nav{width:100%;max-width:100%;min-width:0;overscroll-behavior-x:contain;scrollbar-width:none}
  body.app-shell-active.module-mechanics .mechanics-nav::-webkit-scrollbar{display:none}
  body.app-shell-active.module-mechanics .mechanics-nav-btn{min-height:44px;padding:8px 11px}
  body.app-shell-active.module-mechanics .mechanics-header{align-items:flex-start;padding:11px 10px}
  body.app-shell-active.module-mechanics .mechanics-header-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
  body.app-shell-active.module-mechanics .mechanics-header-actions .btn{width:100%;min-width:0;min-height:42px;margin:0}
  body.app-shell-active.module-mechanics .mechanics-pane-stack{gap:14px;padding:12px 8px 22px}
  body.app-shell-active.module-mechanics .mechanics-pane:not([data-mechanics-pane="dashboard"]):not([data-mechanics-pane="jobCards"]):not([data-mechanics-pane="reports"]):not([data-mechanics-pane="locked"]){padding:0}
  body.app-shell-active.module-mechanics .mechanics-dashboard-summary,
  body.app-shell-active.module-mechanics .mechanics-dashboard-visual-card,
  body.app-shell-active.module-mechanics .mechanics-queue-panel,
  body.app-shell-active.module-mechanics .mechanics-secondary-panel,
  body.app-shell-active.module-mechanics .mechanics-jobcards-summary-card{border-radius:8px}
  body.app-shell-active.module-mechanics .section-heading-inline{display:grid;grid-template-columns:1fr;gap:10px}
  body.app-shell-active.module-mechanics .mechanics-create-btn{width:100%;min-height:44px}
  body.app-shell-active.module-mechanics .form-grid,
  body.app-shell-active.module-mechanics .app-form-grid{width:100%;min-width:0;grid-template-columns:minmax(0,1fr);gap:12px}
  body.app-shell-active.module-mechanics .field,
  body.app-shell-active.module-mechanics .money-field,
  body.app-shell-active.module-mechanics .money-field input{width:100%;min-width:0;max-width:100%}
  body.app-shell-active.module-mechanics input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  body.app-shell-active.module-mechanics select,
  .modal input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  .modal select{min-height:44px}
  body.app-shell-active.module-mechanics .form-actions,
  .modal .form-actions{display:grid;grid-template-columns:1fr;width:100%;gap:8px}
  body.app-shell-active.module-mechanics .form-actions .btn,
  .modal .form-actions .btn{width:100%;min-width:0;min-height:44px;margin:0}
  body.app-shell-active.module-mechanics .table-wrap{width:100%;max-width:100%;border-radius:8px;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  body.app-shell-active.module-mechanics .table-wrap table{min-width:760px}
  body.app-shell-active .table-actions-inline .icon-btn{width:42px;height:42px;min-width:42px;min-height:42px;flex-basis:42px}

  #workspaceModal .modal-panel{width:100vw;height:100dvh;max-height:100dvh;border:0;border-radius:0}
  #workspaceModal .modal-header{min-height:60px;padding:10px 10px 10px 12px}
  #workspaceModal .modal-header h2{font-size:1rem}
  #workspaceModal .modal-header p{display:none}
  #workspaceModal .modal-close{min-width:44px;min-height:44px;padding:8px 10px}
  #workspaceModal .modal-body{padding:12px 8px calc(16px + env(safe-area-inset-bottom));scroll-padding-bottom:110px}
  #workspaceModal .modal-body .app-pane-heading{margin-bottom:12px;padding-bottom:10px}
  #workspaceModal .modal-body .app-pane-heading p{font-size:.68rem}
  #workspaceModal .modal-body .form-actions{bottom:calc(-2px - env(safe-area-inset-bottom));margin-inline:-8px;width:calc(100% + 16px);padding:14px 8px calc(8px + env(safe-area-inset-bottom))}

  .vehicle-photo-checklist{gap:12px;margin-inline:0;padding:0;border:0;border-radius:0;background:transparent}
  .vehicle-photo-checklist-header{display:grid;gap:10px;padding:12px 0}
  .vehicle-photo-checklist-header p{max-width:none;font-size:.67rem}
  .vehicle-photo-coverage{width:100%}
  .vehicle-photo-coverage strong{text-align:left}
  .vehicle-photo-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .vehicle-photo-slot,.vehicle-photo-slot.is-optional{min-height:0;grid-template-columns:minmax(0,1fr);border-radius:8px}
  .vehicle-photo-preview{min-height:0;aspect-ratio:16/9;border-right:0;border-bottom:1px solid #dce5ee}
  .vehicle-photo-preview img{object-fit:contain;background:#eef3f8}
  .vehicle-photo-placeholder{min-height:148px;padding:18px}
  .vehicle-photo-slot-body{gap:11px;padding:12px}
  .vehicle-photo-slot-head span:not(.vehicle-photo-required):not(.vehicle-photo-optional){overflow:visible;text-overflow:clip;white-space:normal}
  .vehicle-photo-actions .btn{min-height:44px;padding:9px 12px;font-size:.67rem}
  .vehicle-photo-remove{width:44px;height:44px;flex-basis:44px}
  .vehicle-photo-quality{white-space:normal}
  .vehicle-photo-queue{align-items:stretch;flex-direction:column;gap:11px;padding:12px}
  .vehicle-photo-queue .btn{width:100%;min-height:44px}
  .inspection-standard-checklist{padding:11px;border-radius:8px}
  .inspection-standard-check{grid-template-columns:minmax(0,1fr);gap:7px}
  .inspection-standard-check select{min-height:42px}
  .inspection-finding-builder{gap:12px;padding:12px;border-radius:8px}
  .inspection-finding-builder-header{gap:10px}
  .inspection-finding-builder-header .btn{width:100%;min-height:44px}
  .inspection-finding-card{padding:12px;border-radius:8px}
  .inspection-media-chip{padding:10px}
  .inspection-media-image-open{width:100%;height:auto;aspect-ratio:4/3}
  .inspection-media-image-open img{object-fit:contain;background:#eef3f8}
  .inspection-coverage-review{padding:11px}
  .inspection-coverage-media{grid-template-columns:repeat(2,minmax(0,1fr))}
  .inspection-coverage-media img{object-fit:contain;background:#eef3f8}

  .modal:not(#workspaceModal):not(.inspection-photo-viewer-modal){padding:8px}
  .modal:not(#settingsModal):not(#workspaceModal):not(.inspection-photo-viewer-modal) .modal-card{width:100%;max-height:calc(100dvh - 16px);padding:14px;border-radius:9px}
  .modal .modal-close{min-width:44px;min-height:44px}
  .public-plans-body,.public-enquiry-body{padding:12px}
  .public-plan-card{padding:14px;border-radius:8px}
  .public-plan-table-wrap{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
  .legal-acceptance-card{padding:18px 14px}
  #settingsModal .settings-modal-heading{padding-inline:12px}
  #settingsModal .settings-accordion summary{padding:12px}
  #settingsModal .settings-accordion>.settings-section{padding:14px 12px 20px}
  .customer-portal-shell{width:calc(100% - 12px);margin:6px auto 20px}
  .customer-portal-hero{padding:16px;border-radius:8px}
  .customer-portal-main{gap:10px;margin-top:10px}
  .customer-portal-main .panel,
  .customer-portal-main .settings-section,
  .customer-portal-main .app-content-card{padding:14px;border-radius:8px}
  .customer-portal-approval-group,.customer-portal-approval-item{padding:12px;border-radius:8px}
  .platform-page-shell{width:calc(100% - 12px);margin:6px auto 20px}
  .platform-slab,.platform-access-card,.platform-tenant-card{padding:14px;border-radius:9px}
}

@media(max-width:430px){
  .inspection-coverage-media{grid-template-columns:minmax(0,1fr)}
  .customer-portal-body .customer-portal-progress{grid-template-columns:minmax(0,1fr)}
  .public-plan-matrix table{min-width:620px}
}

@media(hover:none){
  .vehicle-photo-slot:hover{transform:none}
}

/* Short desktop viewports (including browser zoom) keep the complete login composition visible. */
@media(min-width:1081px) and (max-height:900px){
  body.auth-shell-active .auth-brand-panel{min-height:0;align-items:stretch;padding:68px clamp(28px,4vw,60px) 16px;overflow-y:auto;scrollbar-width:thin}
  body.auth-shell-active .auth-brand-panel-inner{width:min(590px,100%);height:100%;min-height:0;max-height:none;align-content:space-between;gap:10px;padding:16px 24px 14px;overflow:auto;border-radius:22px;scrollbar-width:thin}
  body.auth-shell-active .auth-platform-wordmark{width:min(230px,34vw);max-height:155px;padding:5px 9px;object-fit:contain;object-position:center}
  body.auth-shell-active .auth-brand-copy{gap:3px}
  body.auth-shell-active .auth-kicker{font-size:.56rem}
  body.auth-shell-active .auth-panel-subtitle{font-size:.72rem;line-height:1.4}
  body.auth-shell-active .auth-panel-copy{max-width:540px;margin:0;font-size:.78rem;line-height:1.4}
  body.auth-shell-active .auth-feature-list{gap:1px}
  body.auth-shell-active .auth-feature-item{min-height:48px;padding:7px 10px}
  body.auth-shell-active .auth-feature-item strong{font-size:.66rem}
  body.auth-shell-active .auth-feature-item>div span{font-size:.55rem}
  body.auth-shell-active .auth-panel-footer{margin-top:0;padding-top:9px;font-size:.52rem}
  body.auth-shell-active .auth-form-panel{min-height:0;padding:68px clamp(28px,4vw,56px) 16px;overflow-y:auto;scrollbar-width:thin}
  body.auth-shell-active .auth-card{width:min(380px,100%);padding:18px 24px 16px}
  body.auth-shell-active .auth-card .auth-brand{margin-bottom:8px}
  body.auth-shell-active .auth-card-logo-frame,body.auth-shell-active .auth-card-logo-fallback{width:34px;height:34px}
  body.auth-shell-active .auth-title{font-size:1.3rem}
  body.auth-shell-active .auth-card-copy{margin:3px 0 12px;font-size:.72rem}
  body.auth-shell-active .auth-form{gap:8px}
  body.auth-shell-active .auth-form input{height:36px;min-height:36px}
  body.auth-shell-active .auth-form-actions .btn{height:36px;min-height:36px}
  body.auth-shell-active .auth-discovery{margin-top:10px;padding-top:9px}
  body.auth-shell-active .auth-footer{margin-top:9px;padding-top:9px}
}

/* Dashboard premium polish: one operational hierarchy with compact exceptions and detail. */
body.app-shell-active.module-mechanics .mechanics-pane[data-mechanics-pane="dashboard"]{display:grid;gap:12px}
body.app-shell-active.module-mechanics .mechanics-pane[data-mechanics-pane="dashboard"].hidden{display:none}
body.app-shell-active.module-mechanics .mechanics-control-tower{margin:0;border-radius:10px;box-shadow:0 8px 24px rgba(12,35,58,.055)}
body.app-shell-active.module-mechanics .mechanics-control-tower>header{min-height:50px;padding:10px 15px}
body.app-shell-active.module-mechanics .mechanics-control-tower>header h2{font-size:.86rem}
body.app-shell-active.module-mechanics .mechanics-control-queues{grid-template-columns:repeat(7,minmax(0,1fr))}
body.app-shell-active.module-mechanics .mechanics-control-queues button{min-height:78px;padding:12px 13px}
body.app-shell-active.module-mechanics .mechanics-control-queues strong{font-size:1.38rem}

.mechanics-attention-panel{overflow:hidden;border:1px solid var(--bf-border);border-radius:9px;background:#fff}
.mechanics-attention-panel>header{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 14px;border-bottom:1px solid var(--bf-border);background:#f9fbfd}
.mechanics-attention-panel>header>div{min-width:0;display:flex;align-items:center;gap:10px}.mechanics-attention-panel h2{margin:0;color:var(--bf-text);font-size:.8rem;line-height:1.25}.mechanics-attention-panel p{margin:2px 0 0;color:var(--bf-muted);font-size:.6rem;line-height:1.35}
.mechanics-attention-mark{width:25px;height:25px;display:grid;place-items:center;flex:0 0 25px;border-radius:7px;color:#89560b;background:#fff0d2;font-size:.72rem;font-weight:850}.mechanics-attention-count{flex:0 0 auto;padding:4px 7px;border-radius:999px;color:#80520d;background:#fff0d2;font-size:.54rem;font-weight:800;text-transform:uppercase;letter-spacing:.055em}
.mechanics-attention-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(225px,1fr));gap:0}.mechanics-attention-item{min-width:0;min-height:58px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px 13px;border:0;border-right:1px solid var(--bf-border);border-bottom:1px solid var(--bf-border);color:var(--bf-text);background:#fff;text-align:left;cursor:pointer;transition:background-color .14s ease,box-shadow .14s ease}.mechanics-attention-item:last-child{border-right:0}.mechanics-attention-item:hover,.mechanics-attention-item:focus-visible{outline:0;background:#f5f9fd;box-shadow:inset 0 -2px var(--bf-blue)}
.mechanics-attention-item-mark{width:23px;height:23px;display:grid;place-items:center;border-radius:6px;color:#8a580c;background:#fff0d4;font-size:.65rem;font-weight:850}.mechanics-attention-item.is-danger .mechanics-attention-item-mark{color:#a12d39;background:#fde8eb}.mechanics-attention-item.is-info .mechanics-attention-item-mark{color:#1768b9;background:#e6f1fc}.mechanics-attention-item>span:nth-child(2){min-width:0;display:grid;gap:2px}.mechanics-attention-item strong{overflow:hidden;font-size:.66rem;text-overflow:ellipsis;white-space:nowrap}.mechanics-attention-item small{overflow:hidden;color:var(--bf-muted);font-size:.55rem;text-overflow:ellipsis;white-space:nowrap}.mechanics-attention-open{color:var(--bf-blue);font-size:.56rem;font-weight:750}
.mechanics-attention-clear{min-height:58px;display:flex;align-items:center;gap:10px;padding:10px 14px;color:#286d4d}.mechanics-attention-clear>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#2f855a;font-size:.68rem}.mechanics-attention-clear>div{display:grid;gap:2px}.mechanics-attention-clear strong{font-size:.67rem}.mechanics-attention-clear small{color:var(--bf-muted);font-size:.57rem}.mechanics-attention-panel.is-clear>header{display:none}

body.app-shell-active.module-mechanics .mechanics-queue-panel{margin:0;padding:14px 14px 0;border-radius:10px}
body.app-shell-active.module-mechanics .mechanics-dashboard-table{max-height:none;overflow-x:auto;overflow-y:hidden}
body.app-shell-active.module-mechanics .mechanics-dashboard-table table{min-width:940px}
.dashboard-job-link{padding:0;border:0;color:#0d61ba;background:transparent;font:inherit;font-weight:750;text-decoration:none;cursor:pointer}.dashboard-job-link:hover{text-decoration:underline}.dashboard-job-link:focus-visible{outline:2px solid #4b96e7;outline-offset:3px;border-radius:2px}
.dashboard-job-actions{align-items:center}.dashboard-job-actions>.btn-primary{min-width:54px;box-shadow:none}
.dashboard-action-menu{position:relative}.dashboard-action-menu summary{width:31px;height:31px;display:grid;place-items:center;border:1px solid var(--bf-border-strong);border-radius:6px;color:#40566d;background:#fff;cursor:pointer;list-style:none;font-size:1rem;font-weight:800;line-height:1}.dashboard-action-menu summary::-webkit-details-marker{display:none}.dashboard-action-menu summary:hover,.dashboard-action-menu summary:focus-visible{outline:0;color:var(--bf-blue);border-color:#8bb7e6;background:#f0f6fc}.dashboard-action-menu>div{position:absolute;right:0;top:calc(100% + 5px);z-index:12;min-width:150px;padding:5px;border:1px solid var(--bf-border-strong);border-radius:7px;background:#fff;box-shadow:0 14px 34px rgba(12,32,52,.18)}.dashboard-action-menu>div button{width:100%;min-height:34px;padding:7px 9px;border:0;border-radius:5px;color:var(--bf-text);background:transparent;font-size:.64rem;font-weight:650;text-align:left;cursor:pointer}.dashboard-action-menu>div button:hover,.dashboard-action-menu>div button:focus-visible{outline:0;color:var(--bf-blue);background:#edf5fd}

body.app-shell-active.module-mechanics .mechanics-dashboard-visual-grid{margin:0;gap:12px}
body.app-shell-active.module-mechanics .mechanics-dashboard-visual-card{padding:14px 15px;border-radius:10px}
body.app-shell-active.module-mechanics .mechanics-dashboard-visual-card .app-pane-heading{margin-bottom:10px;padding-bottom:10px}
body.app-shell-active.module-mechanics .mechanics-dashboard-visual-card .mechanics-graph-card{gap:10px}
body.app-shell-active.module-mechanics .mechanics-dashboard-visual-card .mechanics-graph-header{display:none}
body.app-shell-active.module-mechanics .mechanics-dashboard-visual-card .mechanics-graph-metric{padding:8px 10px;border-radius:7px}
body.app-shell-active.module-mechanics .mechanics-dashboard-visual-card .mechanics-graph-surface{padding:8px;border-radius:8px}
body.app-shell-active.module-mechanics .mechanics-dashboard-visual-card .mechanics-analytics-empty{padding:13px 10px;border-radius:7px}

body.app-shell-active.module-mechanics .mechanics-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0}
body.app-shell-active.module-mechanics .mechanics-secondary-panel{padding:14px 15px;border-radius:10px}
body.app-shell-active.module-mechanics .mechanics-secondary-panel .app-pane-heading{margin-bottom:9px;padding-bottom:9px}
body.app-shell-active.module-mechanics .mechanics-secondary-panel--activity{grid-column:1/-1}
body.app-shell-active.module-mechanics .mechanics-secondary-panel--activity .mechanics-secondary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
body.app-shell-active.module-mechanics .mechanics-secondary-panel--activity .mechanics-activity-entry:nth-last-child(-n+2){border-bottom:0}
body.app-shell-active.module-mechanics .mechanics-secondary-panel .empty-state{min-height:50px;padding:14px 8px!important;display:grid;place-items:center}
body.app-shell-active.module-mechanics .mechanics-secondary-panel--collection h2 span{display:inline-flex;min-width:22px;justify-content:center;margin-left:4px;padding:2px 6px;border-radius:999px;color:#26734f;background:#e6f4ec;font-size:.58rem;vertical-align:middle}

body.app-shell-active.module-mechanics.theme-dark .mechanics-attention-panel,body.app-shell-active.module-mechanics.theme-dark .mechanics-attention-item,body.app-shell-active.module-mechanics.theme-dark .dashboard-action-menu summary,body.app-shell-active.module-mechanics.theme-dark .dashboard-action-menu>div{color:var(--bf-text);border-color:#293d51;background:#101f2b}
body.app-shell-active.module-mechanics.theme-dark .mechanics-attention-panel>header{border-color:#293d51;background:#122331}body.app-shell-active.module-mechanics.theme-dark .mechanics-attention-panel h2,body.app-shell-active.module-mechanics.theme-dark .mechanics-attention-item strong{color:#edf4fb}body.app-shell-active.module-mechanics.theme-dark .mechanics-attention-item:hover,body.app-shell-active.module-mechanics.theme-dark .mechanics-attention-item:focus-visible,body.app-shell-active.module-mechanics.theme-dark .dashboard-action-menu>div button:hover,body.app-shell-active.module-mechanics.theme-dark .dashboard-action-menu>div button:focus-visible{background:#183047}body.app-shell-active.module-mechanics.theme-dark .dashboard-action-menu>div button{color:#e3edf7}body.app-shell-active.module-mechanics.theme-dark .dashboard-job-link{color:#7fb8ff}
body.app-shell-active.module-mechanics.workshop-display-mode .mechanics-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}

@media(max-width:1180px){body.app-shell-active.module-mechanics .mechanics-control-queues{grid-template-columns:repeat(4,minmax(0,1fr))}body.app-shell-active.module-mechanics .mechanics-control-queues button{border-bottom:1px solid #dce4ec}body.app-shell-active.module-mechanics .mechanics-control-queues button:nth-child(4n){border-right:0}body.app-shell-active.module-mechanics .mechanics-control-queues button:nth-last-child(-n+3){border-bottom:0}}
@media(max-width:760px){body.app-shell-active.module-mechanics .mechanics-control-queues{grid-template-columns:repeat(2,minmax(0,1fr))}body.app-shell-active.module-mechanics .mechanics-control-queues button{min-height:68px;border-right:1px solid #dce4ec!important;border-bottom:1px solid #dce4ec!important}body.app-shell-active.module-mechanics .mechanics-control-queues button:nth-child(2n){border-right:0!important}body.app-shell-active.module-mechanics .mechanics-control-queues button:last-child{grid-column:1/-1;border-right:0!important;border-bottom:0!important}body.app-shell-active.module-mechanics .mechanics-attention-list{grid-template-columns:1fr}body.app-shell-active.module-mechanics .mechanics-attention-item{border-right:0}body.app-shell-active.module-mechanics .mechanics-dashboard-visual-grid,body.app-shell-active.module-mechanics .mechanics-secondary-grid{grid-template-columns:1fr}body.app-shell-active.module-mechanics .mechanics-secondary-panel--activity{grid-column:auto}body.app-shell-active.module-mechanics .mechanics-secondary-panel--activity .mechanics-secondary-list{grid-template-columns:1fr}body.app-shell-active.module-mechanics .mechanics-secondary-panel--activity .mechanics-activity-entry:nth-last-child(2){border-bottom:1px solid var(--bf-border)}body.app-shell-active.module-mechanics .mechanics-dashboard-table table{min-width:760px}}
@media(max-width:1180px){body.app-shell-active.module-mechanics.theme-dark .mechanics-control-queues button{border-color:#2a3e51!important}}
@media(max-width:430px){body.app-shell-active.module-mechanics .mechanics-pane[data-mechanics-pane="dashboard"]{gap:9px}body.app-shell-active.module-mechanics .mechanics-control-tower>header{padding:9px 11px}body.app-shell-active.module-mechanics .mechanics-control-tower>header time{display:none}body.app-shell-active.module-mechanics .mechanics-control-queues button{padding:10px 11px}body.app-shell-active.module-mechanics .mechanics-attention-panel>header{align-items:flex-start;padding:10px 11px}body.app-shell-active.module-mechanics .mechanics-attention-panel p{display:none}body.app-shell-active.module-mechanics .mechanics-attention-item{min-height:56px;padding:9px 11px}body.app-shell-active.module-mechanics .mechanics-attention-item small{white-space:normal}body.app-shell-active.module-mechanics .mechanics-queue-panel,body.app-shell-active.module-mechanics .mechanics-dashboard-visual-card,body.app-shell-active.module-mechanics .mechanics-secondary-panel{padding:12px 10px}body.app-shell-active.module-mechanics .mechanics-dashboard-visual-card .mechanics-graph-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}body.app-shell-active.module-mechanics .mechanics-dashboard-visual-card .mechanics-graph-metric{padding:7px}body.app-shell-active.module-mechanics .mechanics-dashboard-visual-card .mechanics-graph-metric span{font-size:.52rem}body.app-shell-active.module-mechanics .mechanics-dashboard-visual-card .mechanics-graph-metric strong{font-size:.9rem}}