/* Byggehelten / Worksite 02 — reversible full product redesign. */
:root {
  --ink:#111113;--ink-2:#37373d;--muted:#717178;--green:#3457ff;--green-dark:#1f3bd8;--green-soft:#e9edff;--gold:#ee5634;--blue:#3457ff;--coral:#ee5634;--sand:#f1f0eb;--paper:#fff;--white:#fff;--line:#d9d8d2;
  --surface-page:#f1f0eb;--surface-card:#fff;--surface-inset:#e9e8e2;--surface-hover:#e3e2dc;--surface-border:#d9d8d2;--surface-heading:#111113;--surface-caption:#717178;
  --premium-primary:#3457ff;--premium-primary-dark:#1f3bd8;--premium-primary-soft:#e9edff;--premium-accent:#ee5634;--premium-page:#f1f0eb;--premium-surface:#fff;--premium-inset:#e9e8e2;--premium-border:#d9d8d2;--premium-border-strong:#aaa9a4;--premium-copy:#111113;--premium-muted:#717178;
  --shadow:0 16px 44px rgba(22,22,26,.065);--glass-shadow:0 26px 70px rgba(22,22,26,.1);--nav-height:86px;--utility-height:68px;--ui-font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text",Inter,"Segoe UI",sans-serif;color-scheme:light;
}
html[data-theme="dark"] {
  --ink:#f6f5f1;--ink-2:#d6d5d1;--muted:#98979d;--green:#6680ff;--green-dark:#4c68f6;--green-soft:#202949;--gold:#ff7657;--sand:#09090b;--paper:#161619;--white:#1b1b1f;--line:#303034;
  --surface-page:#09090b;--surface-card:#161619;--surface-inset:#202024;--surface-hover:#29292e;--surface-border:#303034;--surface-heading:#f6f5f1;--surface-caption:#98979d;
  --premium-primary:#6680ff;--premium-primary-dark:#4c68f6;--premium-primary-soft:#202949;--premium-accent:#ff7657;--premium-page:#09090b;--premium-surface:#161619;--premium-inset:#202024;--premium-border:#303034;--premium-border-strong:#505057;--premium-copy:#f6f5f1;--premium-muted:#98979d;color-scheme:dark;
}
html,body{font-family:var(--ui-font);letter-spacing:-.012em}html body{background:var(--surface-page)!important;color:var(--ink)}button,input,select,textarea{font-family:inherit}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--green) 30%,transparent)!important;outline-offset:3px}

/* Horizontal product dock replaces the old application sidebar. */
html .app-shell{min-height:100vh;padding-top:calc(var(--nav-height) + var(--utility-height));background:var(--surface-page)!important}
html .sidebar{position:fixed;inset:0 0 auto 0;z-index:80;display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:center;width:auto;height:var(--nav-height);padding:0 clamp(18px,3vw,48px);border:0;border-radius:0;background:#111113!important;box-shadow:none;overflow:visible}
html .sidebar .brand{display:flex;gap:11px;align-items:center;min-height:auto;padding:0;color:#fff;font-size:12px;font-weight:780;letter-spacing:.16em}
html .sidebar .brand-mark,.auth-brand .brand-mark{width:39px;height:39px;border-radius:50%;background:#ee5634;color:#111113;box-shadow:none}
html .main-nav{display:flex;flex-flow:row nowrap;gap:3px;align-items:center;min-width:0;height:58px;padding:0 16px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.main-nav .nav-label{display:none}.main-nav .admin-nav-shell{display:contents}
html .sidebar .nav-item{position:relative;display:inline-flex;flex:0 0 auto;grid-template-columns:none;gap:7px;align-items:center;min-height:40px;margin:0;padding:0 11px;border:1px solid transparent;border-radius:999px;color:#99999f;font-size:11px;font-weight:670;white-space:nowrap}
html .sidebar .nav-item svg{width:16px;height:16px}html .sidebar .nav-item::before{display:none}html .sidebar .nav-item:hover{color:#fff;background:#222226;transform:none}html .sidebar .nav-item.active{border-color:#333338;color:#fff!important;background:#28282d!important;box-shadow:inset 0 1px rgba(255,255,255,.06)}
.nav-count{min-width:19px;height:19px;padding:2px 5px;border-radius:999px;background:#3a3a40;color:#d4d4d7;font-size:9px;text-align:center}.nav-item.active .nav-count{background:#fff;color:#111113}
html .sidebar-footer{display:flex;gap:9px;align-items:center;padding:0}html .sidebar .plan-card{position:relative;display:flex;gap:6px;align-items:center;min-width:auto;margin:0;padding:9px 11px;border:1px solid #333338;border-radius:999px;background:#1c1c20;color:#fff}.sidebar .plan-card .plan-icon{color:#ffb04d}.sidebar .plan-card strong{font-size:10px;white-space:nowrap}.sidebar .plan-card p{display:none}.sidebar .plan-card button{position:absolute;inset:0;opacity:0;width:100%}
html .sidebar .profile-card{display:grid;grid-template-columns:34px 1fr 18px;gap:8px;width:158px;margin:0;padding:7px 9px;border:1px solid #333338;border-radius:999px;background:#1c1c20;color:#fff}.profile-card .avatar{width:34px;height:34px;border-radius:50%;background:#f5f4ef;color:#111113}.profile-card strong{max-width:72px;color:#fff;font-size:10px}.profile-card small{max-width:72px;color:#8f8f95!important;font-size:9px}.profile-settings-icon{color:#85858b}

/* Utility row, clearly separate from the primary routes. */
html .main-content{margin-left:0;min-width:0;background:var(--surface-page)!important}
html .topbar{position:fixed;inset:var(--nav-height) 0 auto 0;z-index:70;display:flex;height:var(--utility-height);padding:0 clamp(20px,3vw,52px);border:0;border-bottom:1px solid color-mix(in srgb,var(--surface-border) 76%,transparent);background:color-mix(in srgb,var(--surface-page) 88%,transparent)!important;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}
.menu-button{display:none!important}.topbar-context{display:flex;gap:10px;align-items:center;margin-right:auto}.topbar-context-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--ink);color:var(--surface-page)}.topbar-context-mark svg{width:15px}.topbar-context span:last-child{display:grid;line-height:1.05}.topbar-context small{color:var(--muted);font-size:9px;font-weight:650;letter-spacing:.05em;text-transform:uppercase}.topbar-context strong{margin-top:4px;font-size:12px}html .search-button{min-width:195px}html .ai-top-button{border-radius:999px;background:transparent}html .logout-button{border-color:transparent;background:transparent}

/* Editorial page rhythm. */
.view{max-width:1680px;padding:clamp(32px,4vw,64px) clamp(22px,4vw,64px) 92px;animation:worksiteEnter .45s cubic-bezier(.22,.8,.2,1) both}@keyframes worksiteEnter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.page-heading{position:relative;align-items:flex-end;min-height:178px;margin-bottom:30px;padding:10px 4px 38px;border-bottom:1px solid var(--surface-border)}
.eyebrow{margin-bottom:11px;color:var(--gold);font-size:9px;font-weight:780;letter-spacing:.2em}h1,.page-heading h1,.auth-hero h1,.signing-intro h1{font-family:var(--ui-font)!important;font-weight:620!important;letter-spacing:-.06em!important}.page-heading h1{max-width:920px;font-size:clamp(50px,6vw,84px);line-height:.88}.heading-copy{max-width:620px;margin-top:18px;color:var(--muted);font-size:14px;line-height:1.55}.page-heading>.primary-button,.asset-heading-actions,.inbox-heading-actions{margin-bottom:2px}

/* Overview behaves like a premium product landing page inside the app. */
#overview-view{padding-top:28px}#overview-view .page-heading{min-height:355px;margin:0;padding:58px clamp(30px,5vw,76px);border:0;border-radius:42px;overflow:hidden;color:#fff;background:#111113;box-shadow:0 30px 80px rgba(17,17,19,.16)}
#overview-view .page-heading::before{content:"";position:absolute;right:-110px;bottom:-210px;width:520px;height:520px;border-radius:50%;background:#3457ff;box-shadow:-140px -85px 0 -90px #ee5634}#overview-view .page-heading>div:first-child{position:relative;z-index:2}#overview-view .page-heading .eyebrow{color:#ff8a70}#overview-view .page-heading h1{max-width:760px;font-size:clamp(48px,6.3vw,94px)}#overview-view .heading-copy{color:#a9a9ae;font-size:15px}
.overview-hero-actions{display:flex;gap:10px;margin-top:28px}.hero-primary,.hero-secondary{display:inline-flex;gap:8px;align-items:center;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:999px;font-size:12px;font-weight:720}.hero-primary{background:#fff;color:#111113}.hero-primary:hover{background:#ee5634;transform:translateY(-2px)}.hero-secondary{border-color:#3a3a40;background:#202024;color:#fff}.hero-secondary:hover{border-color:#66666d;background:#28282d}
.overview-hero-signal{position:absolute;right:clamp(38px,8vw,130px);bottom:42px;z-index:2;display:grid;place-items:center;width:150px;height:150px;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#fff;font-size:40px;font-weight:760;letter-spacing:-.07em;backdrop-filter:blur(10px)}.overview-hero-signal i{position:absolute;top:17px;right:19px;width:14px;height:14px;border-radius:50%;background:#ff7657;box-shadow:0 0 0 7px rgba(255,118,87,.15)}

/* Asymmetric bento metrics. */
.stats-grid{position:relative;z-index:3;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:12px;margin:-36px 28px 28px}.stat-card{min-height:190px;padding:24px;border:0!important;border-radius:28px!important;background:var(--surface-card)!important;box-shadow:var(--shadow)!important;overflow:hidden}.stat-card::before{display:none!important}.stat-card:first-child{background:#ee5634!important;color:#111113}.stat-card:nth-child(2){background:#d9e0ff!important;color:#111113}html[data-theme="dark"] .stat-card:nth-child(2){background:#27325d!important;color:#fff}.stat-card:nth-child(4){background:#111113!important;color:#fff}.stat-card p{margin-top:auto;color:inherit!important;opacity:.62;font-size:11px}.stat-card strong{margin-top:9px;color:inherit!important;font-size:clamp(27px,3vw,42px);font-weight:620;letter-spacing:-.055em}.stat-card .trend{border:1px solid color-mix(in srgb,currentColor 20%,transparent);background:transparent!important;color:inherit!important}.stat-card .stat-icon{background:color-mix(in srgb,currentColor 8%,transparent)!important;color:inherit!important}.stat-card .mini-detail,.stat-card small{color:inherit!important;opacity:.62}.stat-card .progress{background:rgba(17,17,19,.12)}.stat-card .progress i{background:#111113}
.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:16px}.panel,.job-card,.customer-card,.vehicle-card,.trailer-card,.tool-card,.member-card,.receipt-card,.finance-metric,.team-metric,.admin-metric{border:0!important;border-radius:30px!important;background:var(--surface-card)!important;box-shadow:var(--shadow)!important}.panel{padding:28px}.ai-panel{position:relative;grid-row:span 2;min-height:580px;color:#fff;background:#3457ff!important;overflow:hidden}.ai-panel::after{content:"";position:absolute;right:-100px;bottom:-140px;width:380px;height:380px;border:1px solid rgba(255,255,255,.28);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.04),0 0 0 96px rgba(255,255,255,.03)}.ai-panel :is(h2,.ai-kicker,.ai-status,.ai-answer p,.ai-answer small,.ai-disclaimer){color:#fff!important}.ai-panel .ai-kicker,.ai-panel .ai-answer small,.ai-panel .ai-disclaimer{opacity:.7}.ai-panel .ai-orb{background:#fff;color:#3457ff}.ai-panel .ai-status{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.1)}.ai-panel .ai-ask{position:relative;z-index:2;border-color:rgba(255,255,255,.18);background:#fff;color:#111113}.ai-panel .ai-prompts button{border-color:rgba(255,255,255,.22);background:rgba(255,255,255,.09);color:#fff}.ai-panel .ai-insight{position:relative;z-index:2;border-color:rgba(255,255,255,.16);background:rgba(14,20,75,.22);color:#fff}.ai-panel .ai-insight :is(small,strong,em){color:#fff!important}.jobs-panel{min-height:280px}.offers-panel{grid-column:2;min-height:280px}.panel-header{align-items:flex-start}.panel-header h2{font-size:20px;letter-spacing:-.035em}.panel-header p{margin-top:5px;font-size:11px}

/* Controls. */
.primary-button,.secondary-button,.danger-button,.auth-primary,.auth-free-button{min-height:46px;border-radius:999px!important;font-weight:720;letter-spacing:-.01em;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}html .primary-button{border-color:#3457ff!important;background:#3457ff!important;color:#fff!important;box-shadow:0 10px 28px rgba(52,87,255,.2)!important}html .primary-button:hover{border-color:#1f3bd8!important;background:#1f3bd8!important;transform:translateY(-2px)}html .secondary-button,html .icon-button,html .search-button{border-color:var(--surface-border)!important;background:var(--surface-card)!important;color:var(--ink)}html .secondary-button:hover,html .icon-button:hover,html .search-button:hover{border-color:var(--premium-border-strong)!important;transform:translateY(-1px)}.icon-button,.search-button{border-radius:999px}.text-button{color:#3457ff}.filter-group{gap:4px;padding:5px;border:0;border-radius:999px;background:var(--surface-inset)}.filter{min-height:37px;padding:0 15px;border:0!important;border-radius:999px!important;background:transparent!important}.filter.active{background:var(--surface-card)!important;color:var(--ink)!important;box-shadow:0 3px 14px rgba(25,25,28,.08)}.toolbar{gap:16px;margin-bottom:24px;padding:8px;border:0;border-radius:24px;background:var(--surface-card);box-shadow:var(--shadow)}.inline-search{border-radius:999px!important;background:var(--surface-inset)!important}input,select,textarea{border-radius:14px!important}

/* Data-heavy pages become clean editorial ledgers. */
.offer-summary,.asset-summary,.economy-grid,.team-summary,.admin-summary{gap:1px;padding:0;border:0!important;border-radius:28px!important;background:var(--surface-border);box-shadow:var(--shadow);overflow:hidden}.offer-summary>div,.asset-summary>div{min-height:122px;padding:24px;background:var(--surface-card)}.offer-summary strong,.asset-summary strong{margin-top:auto;font-size:30px;font-weight:620;letter-spacing:-.05em}.full-panel{padding:0!important;overflow:hidden}.full-panel>.panel-header{padding:27px 28px 20px}.offer-table-wrap{overflow-x:auto}table{border-collapse:separate;border-spacing:0}thead{background:var(--surface-inset)}th{padding-block:14px!important;color:var(--muted)!important;font-size:9px!important;letter-spacing:.12em!important}td{padding-block:18px!important;border-bottom:1px solid var(--surface-border)!important}tbody tr:last-child td{border-bottom:0!important}tbody tr:hover td{background:color-mix(in srgb,var(--green-soft) 45%,var(--surface-card))}.status-pill,.case-badge{border-radius:999px!important}

/* Mail is a dedicated workspace. */
.inbox-overview-grid{gap:12px}.inbox-address-card,.inbox-account-card,.inbox-connect-prompt{border:0!important;border-radius:28px!important;box-shadow:var(--shadow)!important}.inbox-address-card{min-height:116px}.inbox-shell{min-height:680px;border:0!important;border-radius:32px!important;box-shadow:var(--glass-shadow)!important;overflow:hidden}.inbox-list-pane{width:360px;background:var(--surface-card)}.inbox-reader{background:color-mix(in srgb,var(--surface-inset) 62%,var(--surface-card))}.inbox-thread{margin:7px 9px;border:0!important;border-radius:18px}.inbox-thread.is-active{background:var(--green-soft)!important;box-shadow:inset 4px 0 #3457ff}.inbox-bubble{border:0!important;border-radius:24px!important;box-shadow:var(--shadow)}.inbox-bubble.is-outbound{background:#e9edff!important;color:#111113}.inbox-reply{margin:16px!important;border:0!important;border-radius:26px!important;box-shadow:var(--glass-shadow)!important}

/* Modal windows become focused workspaces. */
.modal-backdrop{background:rgba(8,8,11,.62)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.modal{border:0!important;border-radius:34px!important;background:var(--surface-card)!important;box-shadow:0 40px 120px rgba(0,0,0,.3)!important}.modal>h2{font-size:clamp(29px,3vw,42px)!important;font-weight:620!important;letter-spacing:-.05em!important}.form-grid{gap:18px}.form-field label{margin-bottom:8px;color:var(--ink);font-size:11px;font-weight:680}.form-field input,.form-field select,.form-field textarea{min-height:52px;border-color:transparent!important;background:var(--surface-inset)!important}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#3457ff!important;background:var(--surface-card)!important}.modal-actions{padding-top:22px;border-top:1px solid var(--surface-border)}.mail-compose-window{border-radius:30px;overflow:hidden}.mail-compose-title{background:#111113;color:#fff}.mail-compose-title h2,.mail-compose-title .eyebrow{color:#fff!important}.mail-format-toolbar{background:var(--surface-inset)}

/* Login and public signing share the new campaign language. */
html .auth-gate{min-height:100vh;background:#111113!important;color:#fff;overflow:hidden}html .auth-gate::before{display:block!important;content:"";position:fixed;width:52vw;height:52vw;right:-14vw;bottom:-25vw;border-radius:50%;background:#3457ff;box-shadow:-24vw -7vw 0 -17vw #ee5634;pointer-events:none}.auth-header,.auth-footer{position:relative;z-index:2;border-color:#2a2a2f!important;background:transparent!important;color:#aaaab0}.auth-header .auth-brand{color:#fff}.auth-layout{position:relative;z-index:2;grid-template-columns:minmax(0,1.18fr) minmax(360px,.64fr);gap:clamp(44px,7vw,130px);max-width:1450px}.auth-hero{text-align:left}.auth-hero h1{max-width:850px;color:#fff;font-size:clamp(58px,7.4vw,112px);line-height:.84}html .auth-hero h1 em{color:#85858c!important}.auth-hero>p{max-width:650px;color:#aaaab0!important;font-size:16px}.auth-benefits,.auth-price{margin-inline:0}.auth-benefits{border-color:#303035!important;background:#18181c!important}.auth-benefits span{color:#dedee2!important}.auth-benefits b{color:#ff7657!important}.auth-price{border-color:#303035!important;background:#18181c!important}.auth-price strong{color:#fff!important}.auth-price span{color:#aaaab0!important}.auth-price small{color:#6680ff!important}.auth-card{border:0!important;border-radius:34px!important;background:#f5f4ef!important;color:#111113!important;box-shadow:0 42px 100px rgba(0,0,0,.35)!important}.auth-card .auth-kicker{color:#ee5634}.auth-card h2,.auth-card p,.auth-card label{color:#111113!important}.auth-card .auth-input{border-color:#d9d8d2!important;background:#fff!important;color:#111113!important}.auth-card .auth-primary{background:#3457ff!important}html .signing-gate{background:#f1f0eb!important}.signing-header{background:#111113!important;color:#fff}.signing-header .auth-brand{color:#fff}.signing-layout{max-width:1540px}.signing-intro h1{font-size:clamp(48px,6vw,86px);line-height:.88}.signing-card{border:0!important;border-radius:34px!important;box-shadow:var(--glass-shadow)!important}

/* Dark mode stays genuinely dark. */
html[data-theme="dark"] .app-shell{background:#09090b!important}html[data-theme="dark"] .topbar{background:rgba(9,9,11,.84)!important}html[data-theme="dark"] #overview-view .page-heading{background:#161619}html[data-theme="dark"] .stat-card:first-child{color:#111113}html[data-theme="dark"] .toolbar{background:#161619}html[data-theme="dark"] :is(.panel,.stat-card,.job-card,.customer-card,.vehicle-card,.trailer-card,.tool-card,.member-card,.receipt-card,.finance-metric,.team-metric,.admin-metric,.inbox-shell,.inbox-address-card,.inbox-account-card){box-shadow:0 1px 0 rgba(255,255,255,.025),0 22px 70px rgba(0,0,0,.22)!important}

@media(max-width:1260px){html .sidebar{grid-template-columns:155px minmax(0,1fr) auto;padding-inline:22px}html .sidebar .brand{font-size:10px}html .sidebar .nav-item{padding-inline:9px}html .sidebar .profile-card{width:48px;grid-template-columns:32px;padding:7px}.profile-card>span:nth-child(2),.profile-settings-icon,.sidebar .plan-card strong{display:none}.sidebar .plan-card{width:40px;height:40px;justify-content:center;padding:0!important}.dashboard-grid{grid-template-columns:1fr 1fr}}
@media(max-width:980px){:root{--nav-height:72px;--utility-height:62px}html .sidebar{grid-template-columns:140px minmax(0,1fr) auto;padding-inline:14px}html .sidebar .brand-mark{width:34px;height:34px}html .sidebar .nav-item{width:40px;justify-content:center;padding:0}html .sidebar .nav-item>span:nth-child(2),html .sidebar .nav-item .nav-count{display:none}.main-nav{justify-content:center}.stats-grid{grid-template-columns:1fr 1fr;margin-inline:18px}.dashboard-grid{grid-template-columns:1fr}.ai-panel{grid-row:auto;min-height:520px}.offers-panel{grid-column:auto}.overview-hero-signal{width:112px;height:112px;font-size:30px}}
@media(max-width:800px){:root{--nav-height:0px;--utility-height:66px}html .app-shell{padding-top:var(--utility-height)}html .sidebar{inset:0 auto 0 0;z-index:100;display:flex;flex-direction:column;align-items:stretch;width:282px;height:100vh;padding:20px 14px;border-radius:0 28px 28px 0;box-shadow:30px 0 80px rgba(0,0,0,.28);transform:translateX(-105%);transition:transform .25s ease}html .sidebar.open{transform:translateX(0)}html .sidebar .brand{padding:0 8px 20px;font-size:12px}html .main-nav{display:block;flex:1;padding:0;overflow-y:auto}html .sidebar .nav-item{display:grid;grid-template-columns:22px 1fr auto;width:100%;justify-content:stretch;min-height:46px;margin:2px 0;padding:0 12px;border-radius:14px}html .sidebar .nav-item>span:nth-child(2),html .sidebar .nav-item .nav-count{display:block}html .sidebar-footer{display:grid}html .sidebar .plan-card{display:grid;width:auto;height:auto;grid-template-columns:22px 1fr;border-radius:16px;padding:13px!important}.sidebar .plan-card strong{display:block}html .sidebar .profile-card{display:grid;grid-template-columns:36px 1fr 18px;width:100%;border-radius:17px}.profile-card>span:nth-child(2),.profile-settings-icon{display:grid}.profile-card strong,.profile-card small{max-width:150px}html .topbar{top:0;padding:0 13px}.menu-button{display:grid!important}.topbar-context{display:none}.topbar .ai-top-button span:last-child,.topbar .search-button span:nth-child(2),.topbar .search-button kbd,.topbar .logout-button{display:none}html .topbar .search-button{min-width:44px;width:44px;padding:0;justify-content:center}.view{padding:28px 15px 58px}.page-heading{display:grid;min-height:0;padding-bottom:28px}.page-heading h1{font-size:46px}#overview-view{padding-top:15px}#overview-view .page-heading{min-height:390px;padding:38px 28px;border-radius:30px;align-items:flex-start}#overview-view .page-heading h1{font-size:52px}#overview-view .page-heading::before{right:-170px;bottom:-235px}.overview-hero-signal{right:24px;bottom:24px;width:86px;height:86px;font-size:23px}.overview-hero-actions{flex-direction:column;align-items:flex-start}.stats-grid{grid-template-columns:1fr 1fr;gap:9px;margin:-22px 10px 22px}.stat-card{min-height:166px;padding:18px;border-radius:22px!important}.stat-card strong{font-size:26px}.ai-layout{grid-template-columns:1fr}.ai-panel{min-height:auto;border-radius:26px!important}.toolbar{display:grid;border-radius:22px}.filter-group{width:100%;overflow-x:auto}.offer-summary,.asset-summary{grid-template-columns:1fr 1fr!important}.inbox-shell{min-height:620px;border-radius:24px!important}.inbox-list-pane{width:100%}.inbox-reader{position:fixed;inset:66px 0 0;z-index:60}.modal{border-radius:26px 26px 0 0!important}.auth-gate{padding-inline:16px}.auth-header{min-height:64px}.auth-layout{grid-template-columns:1fr;padding-top:38px}.auth-hero h1{font-size:52px}.auth-card{padding:23px!important;border-radius:28px!important}}
@media(max-width:520px){.topbar .notification-button,.topbar .ai-top-button{display:none}html .topbar #newOfferButton{width:auto;min-width:122px;min-height:42px;margin-left:auto;padding-inline:15px;white-space:nowrap;font-size:12px;flex-shrink:0}html .topbar #newOfferButton svg{flex-shrink:0}.page-heading h1{font-size:42px}#overview-view .page-heading h1{font-size:46px}.stats-grid{grid-template-columns:1fr;margin-top:-16px}.stat-card{min-height:148px}.overview-hero-signal{display:none}}
@media(prefers-reduced-motion:reduce){.view,.job-card,.nav-item,.primary-button,.secondary-button,.hero-primary,.hero-secondary{animation:none!important;transition:none!important}}

/* Final specificity bridge for legacy theme rules. */
html .auth-price{border-color:#303035!important;background:#18181c!important}
html body .auth-gate .auth-layout .auth-price{border-color:#303035!important;background:#18181c!important;background-color:#18181c!important;color:#fff!important}

/* Quiet-luxury tone pass: flow and materiality over loud colour contrast. */
:root{
  --green:#263746;--green-dark:#17232e;--green-soft:#edf0f2;--gold:#a37850;--blue:#63717f;--coral:#9a6f5d;
  --premium-primary:#263746;--premium-primary-dark:#17232e;--premium-primary-soft:#edf0f2;--premium-accent:#a37850;
}
html[data-theme="dark"]{--green:#a6b6c3;--green-dark:#c5d0d8;--green-soft:#20262b;--gold:#c49b73;--premium-primary:#a6b6c3;--premium-primary-dark:#c5d0d8;--premium-primary-soft:#20262b;--premium-accent:#c49b73}
html .sidebar .brand-mark,.auth-brand .brand-mark{background:linear-gradient(145deg,#d2b18d,#9a7654);color:#111113}
html .sidebar{background:linear-gradient(100deg,#111214,#18191c)!important}
html .sidebar .nav-item{transition:color .22s ease,background .22s ease,transform .22s ease}
html .sidebar .nav-item:hover{background:rgba(255,255,255,.075);transform:translateY(-1px)}
html .sidebar .nav-item.active{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.11)!important;box-shadow:inset 0 1px rgba(255,255,255,.06),0 7px 20px rgba(0,0,0,.16)}
.nav-item.active .nav-count{background:#e8e4de;color:#27282b}
.topbar-context-mark{background:#252b31}
.eyebrow{color:#9a7654}
#overview-view .page-heading{background:linear-gradient(118deg,#151619 0%,#202226 58%,#292a2e 100%);box-shadow:0 34px 86px rgba(25,25,28,.14)}
#overview-view .page-heading::before{right:-135px;bottom:-250px;width:560px;height:560px;border:1px solid rgba(220,205,190,.24);background:radial-gradient(circle at 34% 28%,rgba(196,155,115,.23),rgba(104,119,130,.09) 44%,transparent 67%);box-shadow:0 0 0 64px rgba(255,255,255,.025),0 0 0 128px rgba(255,255,255,.018)}
#overview-view .page-heading .eyebrow{color:#c6a27e}.overview-hero-signal{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.035)}.overview-hero-signal i{background:#c49b73;box-shadow:0 0 0 7px rgba(196,155,115,.12)}
.hero-primary{background:#eeeae4;color:#17181a}.hero-primary:hover{background:#fff}.hero-secondary{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.06)}
.stat-card{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(22,22,26,.1)!important}
.stat-card:first-child{background:#e6ded3!important;color:#24211e}.stat-card:nth-child(2){background:#dfe4e7!important;color:#1e2428}.stat-card:nth-child(3){background:#fff!important;color:#191a1c}.stat-card:nth-child(4){background:#202226!important;color:#f3f1ed}
html[data-theme="dark"] .stat-card:first-child{background:#392f29!important;color:#f3eee9}html[data-theme="dark"] .stat-card:nth-child(2){background:#273036!important;color:#f4f4f1}html[data-theme="dark"] .stat-card:nth-child(3){background:#191a1d!important;color:#f4f4f1}
.ai-panel{background:linear-gradient(145deg,#1d2024,#2a2e33 58%,#36383c)!important}.ai-panel::after{border-color:rgba(210,190,170,.18);box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.018)}.ai-panel .ai-orb{background:#d8c1a9;color:#292a2d}.ai-panel .ai-ask{box-shadow:0 18px 45px rgba(0,0,0,.18)}
html .primary-button{border-color:#263746!important;background:#263746!important;box-shadow:0 10px 26px rgba(25,38,49,.16)!important}html .primary-button:hover{border-color:#17232e!important;background:#17232e!important}.text-button{color:#465968}.inbox-thread.is-active{background:#edf0f2!important;box-shadow:inset 4px 0 #63717f}.inbox-bubble.is-outbound{background:#e8ecef!important}
.panel,.job-card,.customer-card,.vehicle-card,.trailer-card,.tool-card,.member-card,.receipt-card{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease}.job-card:hover,.customer-card:hover,.vehicle-card:hover,.trailer-card:hover,.tool-card:hover,.member-card:hover{transform:translateY(-4px);box-shadow:0 24px 58px rgba(22,22,26,.095)!important}
.page-heading{animation:headingSettle .6s cubic-bezier(.18,.85,.25,1) both}@keyframes headingSettle{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.auth-gate::before{background:radial-gradient(circle at 35% 30%,#2d3740 0%,#20252a 34%,#151619 68%);box-shadow:-24vw -7vw 0 -17vw #9f7d5e!important}.auth-card{background:#f2f0eb!important}.auth-card .auth-primary{background:#263746!important}.auth-benefits{background:rgba(255,255,255,.035)!important}.auth-benefits b{color:#c49b73!important}.auth-price small{color:#aebbc5!important}
html .auth-gate::before{background:radial-gradient(circle at 35% 30%,#2d3740 0%,#20252a 34%,#151619 68%);box-shadow:-24vw -7vw 0 -17vw #9f7d5e!important}

/* Softer material contrast: charcoal against mineral surfaces, never pure black/white. */
:root{--ink:#202124;--ink-2:#45464a;--sand:#e9e6df;--paper:#f5f2ec;--white:#f8f6f1;--line:#d2cfc7;--surface-page:#e9e6df;--surface-card:#f7f4ee;--surface-inset:#e2dfd7;--surface-hover:#dcd8cf;--surface-border:#d2cfc7;--surface-heading:#202124;--premium-page:#e9e6df;--premium-surface:#f7f4ee;--premium-inset:#e2dfd7;--premium-border:#d2cfc7;--premium-copy:#202124}
html .sidebar{background:linear-gradient(105deg,#1c1e21,#27292d)!important}
html .sidebar .nav-item.active{background:rgba(245,241,234,.12)!important}
#overview-view .page-heading{background:linear-gradient(120deg,#242629 0%,#303238 58%,#393a3e 100%)}
.stat-card:nth-child(3){background:#f7f4ee!important}.stat-card:nth-child(4){background:#303237!important}
.auth-gate{background:#1c1e21!important}html .auth-gate{background:#1c1e21!important}
.auth-card{background:#ebe7df!important}.auth-card .auth-input{background:#f8f6f1!important}.auth-card .auth-input-wrap{background:#f8f6f1!important}
.auth-header,.auth-footer{border-color:#34363a!important}.auth-benefits{background:rgba(255,255,255,.055)!important}.auth-price{background:rgba(255,255,255,.045)!important}html .auth-price,html body .auth-gate .auth-layout .auth-price{background:#25272b!important;background-color:#25272b!important}
.signing-header{background:#242629!important}.signing-gate{background:#e9e6df!important}html .signing-gate{background:#e9e6df!important}

/* Desktop navigation 03: a floating tool dock and one quiet command bar. */
@media(min-width:801px){
  :root{--nav-height:0px;--utility-height:0px}
  html .app-shell{padding-top:94px}
  html .sidebar{
    inset:16px auto 16px 16px;
    display:flex;
    flex-direction:column;
    align-items:center;
    width:72px;
    height:auto;
    padding:12px 10px;
    border:1px solid rgba(255,255,255,.08);
    border-radius:25px;
    background:linear-gradient(180deg,#24262a,#1d1f22)!important;
    box-shadow:0 26px 60px rgba(24,25,28,.2);
    overflow:visible;
  }
  html .sidebar .brand{display:grid;place-items:center;width:48px;height:52px;padding:0;border-bottom:1px solid rgba(255,255,255,.09);font-size:0}
  html .sidebar .brand-mark{width:38px;height:38px}
  html .main-nav{display:flex;flex:1;flex-flow:column nowrap;gap:3px;align-items:center;width:100%;height:auto;min-height:0;padding:10px 0;overflow:visible}
  .main-nav .admin-nav-shell{display:contents}
  html .sidebar .nav-item{
    position:relative;
    display:grid;
    flex:0 0 auto;
    place-items:center;
    width:48px;
    min-height:46px;
    padding:0;
    border-radius:15px;
  }
  html .sidebar .nav-item svg{width:18px;height:18px}
  html .sidebar .nav-item>span:nth-child(2){
    position:absolute;
    left:58px;
    z-index:120;
    width:max-content;
    max-width:190px;
    padding:9px 12px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:11px;
    background:#2b2d31;
    color:#f3f1ed;
    box-shadow:0 14px 34px rgba(0,0,0,.24);
    font-size:11px;
    opacity:0;
    pointer-events:none;
    transform:translateX(-6px) scale(.96);
    transform-origin:left center;
    transition:opacity .16s ease,transform .16s ease;
  }
  html .sidebar .nav-item:hover>span:nth-child(2),html .sidebar .nav-item:focus-visible>span:nth-child(2){opacity:1;transform:none}
  html .sidebar .nav-count{position:absolute;top:2px;right:1px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border:2px solid #24262a;font-size:8px}
  html .sidebar .nav-item.active{background:#e4ded4!important;color:#242629!important;box-shadow:0 8px 20px rgba(0,0,0,.2)}
  html .sidebar .nav-item.active .nav-count{border-color:#e4ded4;background:#3a4148;color:#fff}
  html .sidebar-footer{display:flex;flex-direction:column;gap:7px;width:100%;padding-top:10px;border-top:1px solid rgba(255,255,255,.09)}
  html .sidebar .plan-card{display:grid;place-items:center;width:46px;height:46px;padding:0;border-radius:15px}
  .sidebar .plan-card strong,.sidebar .plan-card p{display:none}
  html .sidebar .profile-card{display:grid;grid-template-columns:1fr;width:46px;height:46px;padding:5px;border-radius:15px}
  .profile-card .avatar{width:34px;height:34px}.profile-card>span:nth-child(2),.profile-settings-icon{display:none}
  html .main-content{margin-left:96px}
  html .topbar{
    inset:16px 18px auto 104px;
    height:64px;
    padding:0 13px 0 17px;
    border:1px solid color-mix(in srgb,var(--surface-border) 78%,transparent);
    border-radius:22px;
    background:color-mix(in srgb,var(--surface-card) 86%,transparent)!important;
    box-shadow:0 14px 40px rgba(31,32,35,.08);
  }
  .topbar-context-mark{width:34px;height:34px}
  .view{padding-top:34px}
}

@media(min-width:801px) and (max-height:820px){
  html .sidebar .nav-item{min-height:39px;height:39px}
  html .sidebar .brand{height:45px}
  html .sidebar .plan-card,html .sidebar .profile-card{width:40px;height:40px}
  .profile-card .avatar{width:30px;height:30px}
}

/* Navigation 04: one command bar above, one unobtrusive route dock below. */
@media(min-width:801px){
  html .app-shell{padding-top:94px;padding-bottom:94px}
  html .sidebar{
    inset:auto auto 18px 50%;
    z-index:90;
    display:flex;
    flex-direction:row;
    width:auto;
    height:66px;
    max-width:calc(100vw - 40px);
    padding:8px;
    border-color:rgba(255,255,255,.1);
    border-radius:24px;
    background:rgba(34,36,40,.94)!important;
    box-shadow:0 22px 52px rgba(23,24,27,.22),inset 0 1px rgba(255,255,255,.07);
    transform:translateX(-50%);
    -webkit-backdrop-filter:blur(22px) saturate(145%);
    backdrop-filter:blur(22px) saturate(145%);
  }
  html .sidebar .brand,html .sidebar-footer{display:none}
  html .main-nav{display:flex;flex:none;flex-flow:row nowrap;gap:3px;width:auto;height:50px;padding:0;overflow:visible}
  html .sidebar .nav-item{width:46px;height:50px;min-height:50px;border-radius:16px}
  html .sidebar .nav-item>span:nth-child(2){
    left:50%;
    bottom:62px;
    padding:8px 11px;
    transform:translate(-50%,6px) scale(.96);
    transform-origin:center bottom;
  }
  html .sidebar .nav-item:hover>span:nth-child(2),html .sidebar .nav-item:focus-visible>span:nth-child(2){transform:translate(-50%,0)}
  html .sidebar .nav-item.active{background:#d8d1c6!important;color:#23262a!important}
  html .sidebar .nav-item.active .nav-count{border-color:#d8d1c6}
  html .main-content{margin-left:0}
  html .topbar{inset:16px 18px auto 18px}
  .view{padding-bottom:126px}
}

/* Readability pass: deliberate contrast without returning to stark black and white. */
#overview-view .page-heading h1{color:#f1eee8!important;text-shadow:none!important;-webkit-text-stroke:0!important;opacity:1!important}
#overview-view .page-heading .heading-copy{color:#d0cdc7!important;opacity:1!important}
#overview-view .page-heading .eyebrow{color:#d8af86!important}
.overview-company-logo{width:78px;height:78px;border:1px solid rgba(255,255,255,.16);border-radius:25px;background:rgba(245,242,235,.92);color:#2c3035;font-size:24px;box-shadow:0 18px 42px rgba(0,0,0,.18)}
.overview-company-logo img{object-fit:contain!important;padding:9px}.overview-company-logo>span{font-weight:760;letter-spacing:-.05em}
.topbar-context-mark{overflow:hidden;background:#e5dfd5;color:#25292d}.topbar-context-mark img{object-fit:contain!important;padding:4px}
html .app-shell .stats-grid .stat-card:first-child{background:#e2d4c5!important;color:#27231f!important}
html .app-shell .stats-grid .stat-card:nth-child(2){background:#dbe2e5!important;color:#20272c!important}
html .app-shell .stats-grid .stat-card:nth-child(3){background:#f7f4ee!important;color:#222427!important}
html .app-shell .stats-grid .stat-card:nth-child(4){background:#30343a!important;color:#f4f1eb!important}
html .app-shell .stats-grid .stat-card:nth-child(4) :is(p,strong,small,b,span){color:#f4f1eb!important}
html .app-shell .dashboard-grid .ai-panel{background:linear-gradient(145deg,#2d3136,#3a3e44)!important;color:#f5f2ec!important}
html .app-shell .dashboard-grid .ai-panel :is(h2,.ai-kicker,.ai-status,.ai-answer p,.ai-answer small,.ai-disclaimer,strong,em){color:#f5f2ec!important}
html .app-shell .dashboard-grid .ai-panel .ai-ask{background:#f2eee7!important;color:#25292d!important}
html .app-shell .dashboard-grid .ai-panel .ai-ask :is(input,button,span){color:#25292d!important}

@media(min-width:801px) and (max-width:1080px){
  html .sidebar .nav-item{width:40px}
  html .sidebar .nav-item svg{width:17px;height:17px}
}

/* Product theme 05: carry the dashboard materials through every workspace. */
:root{
  --premium-page:#e9e6df;--premium-card:#f7f4ee;--premium-inset:#e3dfd6;--premium-hover:#dad5cb;
  --premium-border:#d0cbc1;--premium-border-strong:#aaa397;--premium-ink:#232529;--premium-copy:#50545a;--premium-muted:#74777c;
  --premium-primary:#263746;--premium-primary-hover:#17232e;--premium-primary-soft:#dce2e5;--premium-amber:#a37850;
  --premium-shadow-sm:0 10px 28px rgba(31,32,35,.055);--premium-shadow-md:0 24px 64px rgba(31,32,35,.11);
  --premium-radius-sm:13px;--premium-radius:19px;--premium-radius-lg:28px;
  --menu-bg:#f7f4ee;--menu-text:#292c31;--menu-border:#d0cbc1;--menu-hover:#e5e0d7;--menu-selected:#dbd5ca;
  --surface-page:var(--premium-page);--surface-card:var(--premium-card);--surface-inset:var(--premium-inset);--surface-hover:var(--premium-hover);--surface-border:var(--premium-border);
}
html[data-theme="dark"]{
  --premium-page:#17191c;--premium-card:#222428;--premium-inset:#2b2d32;--premium-hover:#363940;
  --premium-border:#3c3f46;--premium-border-strong:#5b6069;--premium-ink:#f0ede7;--premium-copy:#cbc8c2;--premium-muted:#98989b;
  --premium-primary:#b6c3cc;--premium-primary-hover:#d3dce2;--premium-primary-soft:#303942;--premium-amber:#c49b73;
  --menu-bg:#25272b;--menu-text:#f0ede7;--menu-border:#42454c;--menu-hover:#33363c;--menu-selected:#3c4147;
}

html body,html .app-shell,html .main-content{background:var(--premium-page)!important;color:var(--premium-ink)}
html .app-shell .view{max-width:1680px}
html .app-shell .page-heading:not(#overview-view .page-heading){min-height:154px;margin-bottom:28px;padding-bottom:30px;border-color:var(--premium-border)}
html .app-shell .page-heading h1{color:var(--premium-ink);font-size:clamp(46px,5vw,72px);font-weight:610!important;letter-spacing:-.055em!important}
html .app-shell .page-heading .heading-copy{max-width:670px;color:var(--premium-muted)}

html .app-shell :is(.panel,.job-card,.customer-card,.vehicle-card,.trailer-card,.tool-card,.member-card,.receipt-card,.finance-metric,.team-metric,.admin-metric,.calendar-card,.workflow-empty,.admin-registry-panel,.completed-summary>article,.completed-summary>div){
  border-color:var(--premium-border)!important;border-radius:28px!important;background:var(--premium-card)!important;box-shadow:var(--premium-shadow-sm)!important
}
html .app-shell :is(.offer-summary,.asset-summary,.economy-grid,.team-summary,.admin-summary){border-color:transparent!important;border-radius:28px!important;background:var(--premium-border)!important;box-shadow:var(--premium-shadow-sm)!important}
html .app-shell :is(.offer-summary,.asset-summary)>div{background:var(--premium-card)!important}
html .app-shell .full-panel{border-radius:28px!important}
html .app-shell .panel-header{padding:28px 29px 20px}
html .app-shell .panel-header h2{font-size:19px;font-weight:680;letter-spacing:-.03em}
html .app-shell .toolbar{border-radius:24px;background:var(--premium-card)!important;box-shadow:var(--premium-shadow-sm)!important}
html .app-shell .filter-group{border:0;border-radius:999px;background:var(--premium-inset)!important;box-shadow:none}
html .app-shell .filter{border-radius:999px!important}.app-shell .filter.active{background:var(--premium-card)!important;box-shadow:0 4px 14px rgba(31,32,35,.08)}
html .app-shell .inline-search{border:0;border-radius:999px;background:var(--premium-inset)!important;box-shadow:none}
html .app-shell :is(th,.calendar-day-name){background:var(--premium-inset)!important;color:var(--premium-muted)!important}
html .app-shell tbody tr:hover td{background:color-mix(in srgb,var(--premium-inset) 68%,transparent)}
html .app-shell :is(.status-pill,.job-status,.case-badge,.trend){border-radius:999px!important}

/* Open work gets the full stage: app chrome yields while dialogs/search are active. */
.topbar,.sidebar{transition:opacity .18s ease,visibility .18s ease,transform .22s ease}
body.modal-open .topbar,body.modal-open .sidebar,body.command-open .topbar,body.command-open .sidebar{opacity:0;visibility:hidden;pointer-events:none}
body.modal-open .modal-backdrop,body.command-open .command-backdrop{z-index:300!important}
.modal-backdrop,.command-backdrop{background:rgba(28,29,32,.48)!important;-webkit-backdrop-filter:blur(22px) saturate(110%);backdrop-filter:blur(22px) saturate(110%)}
html .modal{border:1px solid color-mix(in srgb,var(--premium-border) 72%,transparent)!important;border-radius:32px!important;background:var(--premium-card)!important;box-shadow:0 42px 120px rgba(22,23,26,.28)!important}
html .modal .modal-close{border:0!important;border-radius:14px;background:var(--premium-inset)!important;color:var(--premium-copy)}
html .modal h2{font-size:clamp(30px,3vw,43px)!important;font-weight:620!important;letter-spacing:-.05em!important}
html .modal .eyebrow{color:var(--premium-amber)!important}
html .modal .modal-subtitle{max-width:720px;color:var(--premium-muted);line-height:1.6}
html .modal :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,button.site-select-trigger){border:1px solid transparent!important;border-radius:15px!important;background:color-mix(in srgb,var(--premium-card) 58%,var(--premium-inset))!important;color:var(--premium-ink)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--premium-border) 76%,transparent)!important}
html .modal :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,button.site-select-trigger):focus{border-color:var(--premium-primary)!important;background:var(--premium-card)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--premium-primary) 12%,transparent)!important}
html .modal .form-field>label{color:var(--premium-copy);font-weight:720}
html .modal :is(.offer-form-section,.offer-content-section,.offer-inclusion-grid section,.offer-photo-section,.offer-materials,.offer-detail-section,.offer-list-card,.offer-note,.offer-terms,.offer-auto-flow,.offer-lock-notice,.material-editor,.employee-material-editor,.material-calculation,.material-basis,.material-suggestion-form,.hourly-price-fields,.hourly-invoice-block,.invoice-estimate-materials,.theme-choice,.settings-toggle,.document-settings-card,.modal-note,.detail-top,.detail-grid>div,.finish-flow>div,.finish-confirm,.finish-material-toggle,.attachment-field,.completion-report-banner,.checkout-summary,.workflow-note){
  border:1px solid var(--premium-border)!important;border-radius:22px!important;background:var(--premium-inset)!important;box-shadow:none!important
}
html .modal .modal-actions,html .modal .offer-editor-footer,html #profileForm>.modal-actions{border-color:var(--premium-border)!important;background:color-mix(in srgb,var(--premium-card) 94%,transparent)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
html .modal .primary-button{border-color:var(--premium-primary)!important;background:var(--premium-primary)!important;color:#fff!important;box-shadow:0 10px 26px color-mix(in srgb,var(--premium-primary) 20%,transparent)!important}
html .modal .secondary-button{border-color:var(--premium-border)!important;background:var(--premium-card)!important;color:var(--premium-ink)!important;box-shadow:none!important}
html .modal .danger-button{border-color:#d9b9b2!important;background:#f5e9e5!important;color:#874238!important}

/* Offer builder and the rest of the operational forms share one visual language. */
html .modal:has(#offerForm){width:min(960px,calc(100vw - 36px));max-height:calc(100vh - 36px);padding:32px;background:var(--premium-card)!important}
.offer-builder-head{border-color:var(--premium-border)}.offer-builder-head>div>p:last-child{color:var(--premium-muted)}
html #offerForm .offer-form-section{padding:24px}
html #offerForm .offer-section-title>span{width:34px;height:34px;border-radius:11px;background:var(--premium-primary-soft);color:var(--premium-primary)}
html #offerForm .offer-section-title strong{color:var(--premium-ink);font-size:13px}.offer-section-title small{color:var(--premium-muted)!important;font-size:10px}
html #offerForm .form-field label,html #offerForm .price-type-grid legend{color:var(--premium-copy);font-size:11px}
html #offerForm .form-field input,html #offerForm .form-field textarea{min-height:50px;background:var(--premium-card)!important;font-size:14px!important}
html #offerForm .price-type-grid label>span{min-height:72px;border-color:var(--premium-border);border-radius:16px;background:var(--premium-card)!important}
html #offerForm .price-type-grid :is(strong,small){color:var(--premium-copy)}
html #offerForm .price-type-grid input:checked+span{border-color:var(--premium-primary);background:var(--premium-primary-soft)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--premium-primary) 10%,transparent)}
html #offerForm .material-editor-head :is(strong,small),html #offerForm .material-total :is(span,strong){color:var(--premium-copy)}
html #offerForm .material-row :is(input,select){border-color:var(--premium-border);border-radius:12px;background:var(--premium-card)}
html #offerForm .offer-auto-flow>span{background:var(--premium-primary);box-shadow:none}
html #offerForm .offer-auto-flow :is(strong,small){color:var(--premium-copy)}
html #offerForm>.modal-actions{border-color:var(--premium-border);background:color-mix(in srgb,var(--premium-card) 94%,transparent)}

/* Menus, search, mail and settings use the same warm mineral surfaces. */
.site-select-menu{border-color:var(--premium-border);border-radius:18px;background:var(--premium-card);color:var(--premium-ink);box-shadow:0 22px 60px rgba(26,27,30,.2)}
.site-select-menu [role="option"]{border-radius:12px}.site-select-menu [role="option"]:hover,.site-select-menu .highlighted{background:var(--premium-inset)}.site-select-menu [aria-selected="true"]{background:var(--premium-hover)}
html .command-box{border-radius:28px!important;background:var(--premium-card)!important;box-shadow:0 36px 100px rgba(22,23,26,.25)!important}.command-input{border-color:var(--premium-border)}.command-result{border-color:var(--premium-border)}
html .inbox-shell{border-radius:32px!important;background:var(--premium-card)!important}.inbox-list-pane{background:var(--premium-card)}.inbox-reader{background:color-mix(in srgb,var(--premium-inset) 72%,var(--premium-card))}.inbox-thread{border-radius:18px!important}.inbox-thread.is-active{background:var(--premium-primary-soft)!important;box-shadow:inset 4px 0 var(--premium-primary)}
html .mail-compose-title{background:var(--premium-card)!important;color:var(--premium-ink)}html .mail-compose-title :is(h2,.eyebrow){color:var(--premium-ink)!important}.mail-format-toolbar,.mail-compose-footer{background:var(--premium-inset)!important}.mail-compose-body{background:var(--premium-card)}
html .profile-photo-editor{border-color:var(--premium-border);border-radius:22px;background:var(--premium-inset)}.theme-choice,.settings-toggle,.document-settings-card{border-radius:18px!important}
.toast{border-color:var(--premium-border);border-radius:18px;background:var(--premium-card)!important;box-shadow:var(--premium-shadow-md)}

@media(min-width:801px){body.modal-open .modal-backdrop,body.command-open .command-backdrop{padding:18px}}
@media(max-width:800px){
  html .app-shell .page-heading h1{font-size:44px}
  body.modal-open .topbar,body.modal-open .sidebar,body.command-open .topbar,body.command-open .sidebar{opacity:0;visibility:hidden}
  .modal-backdrop,.command-backdrop{z-index:300!important;padding:0}
  html .modal{border-radius:26px 26px 0 0!important}
}

/* Colour system 06: one calm, high-contrast palette across every workspace. */
:root{
  color-scheme:light;
  --premium-page:#ecefed;--premium-card:#fbfaf7;--premium-inset:#e5e9e7;--premium-hover:#dbe1de;
  --premium-border:#cbd2cf;--premium-border-strong:#9ea9a4;--premium-ink:#1c2429;--premium-copy:#3f4a50;--premium-muted:#68737a;
  --premium-primary:#263d4b;--premium-primary-hover:#172c37;--premium-primary-soft:#dce7e9;--premium-amber:#9a6c42;
  --premium-positive:#286d58;--premium-positive-soft:#deede6;--premium-info:#3f667c;--premium-info-soft:#dde9ef;
  --premium-warning:#99601f;--premium-warning-soft:#f3e7d5;--premium-danger:#97493f;--premium-danger-soft:#f2dfdc;
  --ink:var(--premium-ink);--ink-2:var(--premium-copy);--muted:var(--premium-muted);--sand:var(--premium-page);--paper:var(--premium-card);
  --white:#fff;--line:var(--premium-border);--green:var(--premium-positive);--green-dark:#1f5848;--green-soft:var(--premium-positive-soft);
  --blue:var(--premium-info);--gold:var(--premium-amber);--coral:var(--premium-danger);
  --surface-page:var(--premium-page);--surface-card:var(--premium-card);--surface-inset:var(--premium-inset);--surface-hover:var(--premium-hover);--surface-border:var(--premium-border);
  --menu-bg:var(--premium-card);--menu-text:var(--premium-ink);--menu-border:var(--premium-border);--menu-hover:var(--premium-inset);--menu-selected:var(--premium-primary-soft);
  --premium-shadow-sm:0 10px 28px rgba(29,40,45,.06);--premium-shadow-md:0 26px 70px rgba(29,40,45,.12);
}
html[data-theme="dark"]{
  color-scheme:dark;
  --premium-page:#15191c;--premium-card:#20262a;--premium-inset:#293136;--premium-hover:#333d43;
  --premium-border:#3b464c;--premium-border-strong:#667178;--premium-ink:#f1f3f2;--premium-copy:#cbd1ce;--premium-muted:#9aa5a2;
  --premium-primary:#9cb5c2;--premium-primary-hover:#bfd0d8;--premium-primary-soft:#30424a;--premium-amber:#d0a271;
  --premium-positive:#86cfb5;--premium-positive-soft:#28483e;--premium-info:#91bfd4;--premium-info-soft:#2d454f;
  --premium-warning:#e0b36f;--premium-warning-soft:#4b3d28;--premium-danger:#e59a8f;--premium-danger-soft:#4d312f;
  --ink:var(--premium-ink);--ink-2:var(--premium-copy);--muted:var(--premium-muted);--sand:var(--premium-page);--paper:var(--premium-card);
  --white:var(--premium-card);--line:var(--premium-border);--green:var(--premium-positive);--green-dark:var(--premium-primary-hover);--green-soft:var(--premium-positive-soft);
  --blue:var(--premium-info);--gold:var(--premium-amber);--coral:var(--premium-danger);
  --surface-page:var(--premium-page);--surface-card:var(--premium-card);--surface-inset:var(--premium-inset);--surface-hover:var(--premium-hover);--surface-border:var(--premium-border);
  --menu-bg:var(--premium-card);--menu-text:var(--premium-ink);--menu-border:var(--premium-border);--menu-hover:var(--premium-inset);--menu-selected:var(--premium-primary-soft);
}

/* Foundation and typography. */
html body,html .app-shell,html .main-content{background:var(--premium-page)!important;color:var(--premium-ink)!important}
html .app-shell :is(h1,h2,h3,h4,strong,b,legend){color:var(--premium-ink)}
html .app-shell :is(p,small,.heading-copy,.modal-subtitle){color:var(--premium-muted)}
html .app-shell a:not(.primary-button){color:var(--premium-primary)}
html :is(input,textarea,select,button){caret-color:var(--premium-primary)}
html :is(button,input,textarea,select):focus-visible{outline:3px solid color-mix(in srgb,var(--premium-primary) 24%,transparent);outline-offset:2px}

/* Navigation chrome. */
html .topbar{border-color:color-mix(in srgb,var(--premium-border) 85%,transparent)!important;background:color-mix(in srgb,var(--premium-card) 92%,transparent)!important;color:var(--premium-ink)!important}
html .topbar :is(.icon-button,.search-button,.ai-top-button,.logout-button){border-color:var(--premium-border)!important;background:var(--premium-card)!important;color:var(--premium-copy)!important}
html .topbar :is(.icon-button,.search-button,.ai-top-button,.logout-button):hover{border-color:var(--premium-border-strong)!important;background:var(--premium-inset)!important;color:var(--premium-ink)!important}
html .topbar .search-button kbd{border-color:var(--premium-border)!important;background:var(--premium-inset)!important;color:var(--premium-muted)!important}
html .topbar .primary-button,html .primary-button{border-color:var(--premium-primary)!important;background:var(--premium-primary)!important;color:#fff!important;box-shadow:0 10px 25px color-mix(in srgb,var(--premium-primary) 18%,transparent)!important}
html .topbar .primary-button:hover,html .primary-button:hover{border-color:var(--premium-primary-hover)!important;background:var(--premium-primary-hover)!important;color:#fff!important}
html[data-theme="dark"] .topbar .primary-button,html[data-theme="dark"] .primary-button,html[data-theme="dark"] .primary-button:hover{color:#14232a!important}
html[data-theme="dark"] .primary-button svg{color:inherit;stroke:currentColor}
html .secondary-button,html .icon-button{border-color:var(--premium-border)!important;background:var(--premium-card)!important;color:var(--premium-ink)!important}
html .secondary-button:hover,html .icon-button:hover{border-color:var(--premium-border-strong)!important;background:var(--premium-inset)!important;color:var(--premium-primary)!important}
html .text-button{color:var(--premium-primary)!important}
html .sidebar{background:linear-gradient(180deg,#283038,#20262b)!important;color:#dce2df!important}
html .sidebar :is(.nav-item,.plan-card,.profile-card){color:#b8c1bd}
html .sidebar .nav-item:hover{background:rgba(255,255,255,.08)!important;color:#fff!important}
html .sidebar .nav-item.active{background:#e5e9e7!important;color:#1d292f!important}
html .sidebar .nav-item.active .nav-count{border-color:#e5e9e7!important;background:#344854!important;color:#fff!important}
html .sidebar .nav-count{background:rgba(255,255,255,.1);color:#e6ebe8}

/* Surfaces, data views and controls. */
html .app-shell :is(.panel,.stat-card,.job-card,.customer-card,.vehicle-card,.trailer-card,.tool-card,.member-card,.receipt-card,.finance-metric,.team-metric,.admin-metric,.calendar-card,.workflow-empty,.admin-registry-panel,.completed-summary>article,.completed-summary>div,.inbox-address-card,.inbox-account-card,.inbox-connect-prompt,.inbox-shell){border-color:var(--premium-border)!important;background:var(--premium-card)!important;color:var(--premium-ink)!important}
html .app-shell :is(.toolbar,.filter-group,.inline-search){border-color:var(--premium-border)!important;background:var(--premium-card)!important;color:var(--premium-copy)!important}
html .app-shell .filter-group{background:var(--premium-inset)!important}
html .app-shell .filter{color:var(--premium-muted)!important}
html .app-shell .filter:hover{color:var(--premium-ink)!important;background:color-mix(in srgb,var(--premium-card) 62%,transparent)!important}
html .app-shell .filter.active{color:var(--premium-ink)!important;background:var(--premium-card)!important}
html .app-shell :is(.inline-search input,.command-input input){color:var(--premium-ink)!important}
html .app-shell :is(.inline-search input,.command-input input)::placeholder{color:var(--premium-muted)!important}
html .app-shell :is(th,.calendar-day-name){border-color:var(--premium-border)!important;background:var(--premium-inset)!important;color:var(--premium-copy)!important}
html .app-shell td{border-color:var(--premium-border)!important;color:var(--premium-copy)!important;background:var(--premium-card)}
html .app-shell td strong{color:var(--premium-ink)!important}
html .app-shell tbody tr:hover td{background:var(--premium-inset)!important}
html .app-shell :is(.job-card-footer,.customer-details,.notification-row,.activity-list>div,.job-row,.material-total){border-color:var(--premium-border)!important}
html .app-shell :is(.job-main>span,.activity-icon.note){background:var(--premium-info-soft)!important;color:var(--premium-info)!important}

/* Dashboard cards keep variety, but every combination passes readable contrast. */
html .app-shell .stats-grid .stat-card:first-child{background:#e7ded3!important;color:#2a2723!important}
html .app-shell .stats-grid .stat-card:nth-child(2){background:#dfe7e9!important;color:#202b31!important}
html .app-shell .stats-grid .stat-card:nth-child(3){background:var(--premium-card)!important;color:var(--premium-ink)!important}
html .app-shell .stats-grid .stat-card:nth-child(4){background:#29323a!important;color:#f4f6f5!important}
html .app-shell .stats-grid .stat-card :is(p,small,.mini-detail){color:color-mix(in srgb,currentColor 69%,transparent)!important}
html .app-shell .stats-grid .stat-card :is(strong,b){color:currentColor!important}
html .app-shell .stats-grid .stat-card:nth-child(4) :is(p,strong,small,b,span){color:#f4f6f5!important}
html .app-shell .progress{background:color-mix(in srgb,currentColor 15%,transparent)!important}
html .app-shell .progress i{background:var(--premium-positive)!important}

/* AI overview: compact, light and legible instead of a dark frame around pale content. */
html .app-shell .dashboard-grid .ai-panel{grid-row:auto;min-height:0;padding:0!important;border:1px solid var(--premium-border)!important;background:var(--premium-card)!important;color:var(--premium-ink)!important;box-shadow:var(--premium-shadow-sm)!important}
html .app-shell .dashboard-grid .ai-panel::after{display:none!important}
html .app-shell .dashboard-grid .ai-panel .ai-panel-head{border-color:var(--premium-border)!important;background:linear-gradient(120deg,var(--premium-primary-soft),#ebe6de)!important}
html .app-shell .dashboard-grid .ai-panel .ai-summary{border-color:var(--premium-border)!important;background:var(--premium-card)!important}
html .app-shell .dashboard-grid .ai-panel .ai-insights{background:var(--premium-inset)!important}
html .app-shell .dashboard-grid .ai-panel :is(h2,.ai-answer p,.ai-answer small,.ai-disclaimer,strong,em){color:var(--premium-copy)!important}
html .app-shell .dashboard-grid .ai-panel h2,html .app-shell .dashboard-grid .ai-panel .ai-insight strong{color:var(--premium-ink)!important}
html .app-shell .dashboard-grid .ai-panel .ai-kicker{color:var(--premium-amber)!important}
html .app-shell .dashboard-grid .ai-panel .ai-status{border-color:color-mix(in srgb,var(--premium-positive) 24%,transparent)!important;background:var(--premium-positive-soft)!important;color:var(--premium-positive)!important}
html .app-shell .dashboard-grid .ai-panel .ai-orb{border-color:transparent!important;background:var(--premium-primary)!important;color:#fff!important;box-shadow:none!important}
html .app-shell .dashboard-grid .ai-panel .ai-ask{border:1px solid var(--premium-border)!important;background:#fff!important;color:var(--premium-ink)!important;box-shadow:0 8px 22px rgba(33,45,51,.07)!important}
html .app-shell .dashboard-grid .ai-panel .ai-ask :is(input,span){color:var(--premium-ink)!important}
html .app-shell .dashboard-grid .ai-panel .ai-ask input::placeholder{color:var(--premium-muted)!important}
html .app-shell .dashboard-grid .ai-panel .ai-ask button{background:var(--premium-primary)!important;color:#fff!important}
html .app-shell .dashboard-grid .ai-panel .ai-prompts button{color:var(--premium-primary)!important}
html .app-shell .dashboard-grid .ai-panel .ai-insight{border-color:var(--premium-border)!important;background:var(--premium-card)!important;color:var(--premium-ink)!important;box-shadow:none!important}
html .app-shell .dashboard-grid .ai-panel .ai-insight:hover{border-color:var(--premium-border-strong)!important;background:#fff!important;box-shadow:0 9px 24px rgba(33,45,51,.07)!important}
html .app-shell .dashboard-grid .ai-panel .ai-insight small,html .app-shell .dashboard-grid .ai-panel .ai-insight em{color:var(--premium-muted)!important}
html .app-shell .dashboard-grid .ai-panel .ai-insight.priority .insight-icon{background:var(--premium-danger-soft)!important;color:var(--premium-danger)!important}
html .app-shell .dashboard-grid .ai-panel .ai-insight.opportunity .insight-icon{background:var(--premium-info-soft)!important;color:var(--premium-info)!important}
html .app-shell .dashboard-grid .ai-panel .ai-insight.finance .insight-icon{background:var(--premium-positive-soft)!important;color:var(--premium-positive)!important}

/* Status is communicated consistently everywhere. */
html .status-active,html .status-accepted,html .status-signed,html .admin-status.status-active,html .admin-status.status-trialing{background:var(--premium-positive-soft)!important;color:var(--premium-positive)!important}
html .status-planned,html .status-sent,html .admin-status.status-free{background:var(--premium-info-soft)!important;color:var(--premium-info)!important}
html .status-paused,html .status-awaiting_approval,html .status-signature_pending,html .admin-status.status-pending,html .admin-status.status-complimentary,html .admin-status.status-admin_panel{background:var(--premium-warning-soft)!important;color:var(--premium-warning)!important}
html .status-expired,html .status-overdue,html .admin-status.status-past_due{background:var(--premium-danger-soft)!important;color:var(--premium-danger)!important}
html .status-draft{background:var(--premium-inset)!important;color:var(--premium-copy)!important}

/* Forms, dialogs, menus and inbox. */
html .modal,html .command-box{border-color:var(--premium-border)!important;background:var(--premium-card)!important;color:var(--premium-ink)!important}
html .modal :is(.offer-form-section,.offer-content-section,.offer-inclusion-grid section,.offer-photo-section,.offer-materials,.offer-detail-section,.offer-list-card,.offer-note,.offer-terms,.offer-auto-flow,.offer-lock-notice,.material-editor,.employee-material-editor,.material-calculation,.material-basis,.material-suggestion-form,.hourly-price-fields,.hourly-invoice-block,.invoice-estimate-materials,.theme-choice,.settings-toggle,.document-settings-card,.modal-note,.detail-top,.detail-grid>div,.finish-flow>div,.finish-confirm,.finish-material-toggle,.attachment-field,.completion-report-banner,.checkout-summary,.workflow-note){border-color:var(--premium-border)!important;background:var(--premium-inset)!important;color:var(--premium-copy)!important}
html .modal :is(input:not([type="checkbox"]):not([type="radio"]),textarea,select,button.site-select-trigger),html .mail-compose-window :is(input,textarea){border-color:var(--premium-border)!important;background:var(--premium-card)!important;color:var(--premium-ink)!important}
html .modal :is(input,textarea)::placeholder,html .mail-compose-window :is(input,textarea)::placeholder{color:var(--premium-muted)!important}
html .modal :is(.modal-actions,.offer-editor-footer),html #profileForm>.modal-actions{border-color:var(--premium-border)!important;background:color-mix(in srgb,var(--premium-card) 95%,transparent)!important}
html .modal .danger-button{border-color:color-mix(in srgb,var(--premium-danger) 25%,transparent)!important;background:var(--premium-danger-soft)!important;color:var(--premium-danger)!important}
html .site-select-menu,html .command-box{border-color:var(--premium-border)!important;background:var(--premium-card)!important;color:var(--premium-ink)!important}
html .site-select-menu [role="option"]:hover,html .site-select-menu .highlighted,html .command-result:hover,html .command-result.selected{background:var(--premium-inset)!important;color:var(--premium-ink)!important}
html .inbox-list-pane{border-color:var(--premium-border)!important;background:var(--premium-card)!important}
html .inbox-reader{background:var(--premium-inset)!important;color:var(--premium-ink)!important}
html .inbox-thread{color:var(--premium-copy)!important}
html .inbox-thread:hover{background:var(--premium-inset)!important}
html .inbox-thread.is-active{background:var(--premium-primary-soft)!important;box-shadow:inset 4px 0 var(--premium-primary)!important}
html .inbox-bubble,html .inbox-reply{border-color:var(--premium-border)!important;background:var(--premium-card)!important;color:var(--premium-copy)!important}
html .inbox-bubble.is-outbound{background:var(--premium-primary-soft)!important;color:var(--premium-ink)!important}
html .mail-compose-title{border-color:var(--premium-border)!important;background:var(--premium-card)!important;color:var(--premium-ink)!important}
html .mail-format-toolbar,html .mail-compose-footer{border-color:var(--premium-border)!important;background:var(--premium-inset)!important;color:var(--premium-copy)!important}
html .mail-compose-body{background:var(--premium-card)!important;color:var(--premium-ink)!important}
html .toast{border-color:var(--premium-border)!important;background:var(--premium-card)!important;color:var(--premium-ink)!important}

/* Dark mode mirrors the same hierarchy instead of reintroducing the legacy green glass theme. */
html[data-theme="dark"] body,html[data-theme="dark"] .app-shell,html[data-theme="dark"] .main-content{background:var(--premium-page)!important}
html[data-theme="dark"] .topbar{background:color-mix(in srgb,var(--premium-card) 92%,transparent)!important}
html[data-theme="dark"] .app-shell .stats-grid .stat-card:first-child{background:#3c332c!important;color:#f4ede6!important}
html[data-theme="dark"] .app-shell .stats-grid .stat-card:nth-child(2){background:#293942!important;color:#edf3f4!important}
html[data-theme="dark"] .app-shell .stats-grid .stat-card:nth-child(3){background:var(--premium-card)!important;color:var(--premium-ink)!important}
html[data-theme="dark"] .app-shell .stats-grid .stat-card:nth-child(4){background:#101519!important;color:#f4f6f5!important}
html[data-theme="dark"] .app-shell .dashboard-grid .ai-panel{background:var(--premium-card)!important;color:var(--premium-ink)!important}
html[data-theme="dark"] .app-shell .dashboard-grid .ai-panel .ai-panel-head{background:linear-gradient(120deg,var(--premium-primary-soft),#342f2a)!important}
html[data-theme="dark"] .app-shell .dashboard-grid .ai-panel .ai-summary,html[data-theme="dark"] .app-shell .dashboard-grid .ai-panel .ai-insight{background:var(--premium-card)!important}
html[data-theme="dark"] .app-shell .dashboard-grid .ai-panel .ai-insights{background:var(--premium-inset)!important}
html[data-theme="dark"] .app-shell .dashboard-grid .ai-panel .ai-ask{background:#151b1f!important}
html[data-theme="dark"] .app-shell .dashboard-grid .ai-panel .ai-insight:hover{background:var(--premium-hover)!important}
html[data-theme="dark"] .app-shell td{background:var(--premium-card)}
html[data-theme="dark"] .auth-card{background:#e9e6df!important;color:#1c2429!important}
html[data-theme="dark"] .auth-card :is(h1,h2,h3,p,label,strong,small){color:#1c2429!important}

@media(max-width:800px){
  html .app-shell .dashboard-grid .ai-panel .ai-layout{grid-template-columns:1fr}
  html .app-shell .dashboard-grid .ai-panel .ai-summary{border-right:0;border-bottom:1px solid var(--premium-border)!important}
}

/* Material accents 07: stronger hierarchy without losing the quiet-luxury palette. */
:root{
  --mineral-sand:#ebe0d2;
  --mineral-blue:#dce7eb;
  --mineral-sage:#dce9e2;
  --mineral-blush:#ecded9;
  --mineral-slate:#dfe4e7;
  --mineral-navy:#263946;
  --mineral-navy-2:#344d59;
}

/* Summary rows are separate objects, not one long white strip. */
html .app-shell :is(.asset-summary,.team-summary,.finance-summary,.economy-grid,.admin-summary){
  gap:12px!important;
  padding:0!important;
  overflow:visible!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html .app-shell :is(.asset-summary>article,.team-summary>.team-metric,.finance-summary>.finance-metric,.economy-grid>* , .admin-summary>*){
  position:relative;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--premium-border) 82%,transparent)!important;
  background:linear-gradient(145deg,#f7f3ec,#ece1d4)!important;
  box-shadow:0 14px 32px rgba(31,45,52,.075)!important;
}
html .app-shell :is(.asset-summary>article,.team-summary>.team-metric,.finance-summary>.finance-metric,.economy-grid>* , .admin-summary>*):nth-child(2){
  background:linear-gradient(145deg,#f5f7f6,var(--mineral-blue))!important;
}
html .app-shell :is(.asset-summary>article,.team-summary>.team-metric,.finance-summary>.finance-metric,.economy-grid>* , .admin-summary>*):nth-child(3){
  background:linear-gradient(145deg,#f7f7f2,var(--mineral-sage))!important;
}
html .app-shell :is(.asset-summary>article,.team-summary>.team-metric,.finance-summary>.finance-metric,.economy-grid>* , .admin-summary>*):nth-child(4){
  background:linear-gradient(145deg,#f8f4f1,var(--mineral-blush))!important;
}
html .app-shell :is(.asset-summary>article,.team-summary>.team-metric,.finance-summary>.finance-metric,.economy-grid>* , .admin-summary>*):nth-child(5){
  background:linear-gradient(145deg,#f5f7f7,var(--mineral-slate))!important;
}
html .app-shell .asset-summary article>span{
  color:#176c59!important;
  background:rgba(255,255,255,.68)!important;
  box-shadow:inset 0 0 0 1px rgba(35,63,66,.08),0 7px 18px rgba(32,56,61,.08)!important;
}
html .app-shell .asset-summary article:nth-child(2)>span{color:#315f73!important}
html .app-shell .asset-summary article:nth-child(3)>span{color:#2d725f!important}
html .app-shell .asset-summary article:nth-child(4)>span{color:#915348!important}
html .app-shell :is(.asset-summary,.team-summary,.finance-summary) :is(strong,h3){color:var(--premium-ink)!important}
html .app-shell :is(.asset-summary,.team-summary,.finance-summary) :is(small,span:not(.asset-condition)){color:var(--premium-muted)!important}

/* Operational cards receive depth, identity and clearly separated information bands. */
html .app-shell :is(.vehicle-card,.trailer-card,.tool-card,.member-card){
  border-color:#c8d0cd!important;
  background:linear-gradient(155deg,#fffdfa 0%,#f4f1ea 62%,#e8eeeb 100%)!important;
  box-shadow:0 18px 42px rgba(30,44,50,.09)!important;
}
html .app-shell :is(.vehicle-card,.trailer-card,.tool-card,.member-card):hover{
  border-color:#9caaa5!important;
  box-shadow:0 25px 55px rgba(30,44,50,.14)!important;
}
html .app-shell :is(.vehicle-icon,.trailer-icon,.tool-card-icon){
  background:linear-gradient(145deg,#21846d,#176554)!important;
  box-shadow:0 10px 24px rgba(24,105,86,.18)!important;
}
html .app-shell :is(.vehicle-driver,.tool-location,.member-stats>div){
  border:1px solid rgba(72,98,94,.11)!important;
  background:linear-gradient(135deg,#e3ebe8,#dce4e2)!important;
}
html .app-shell .vehicle-facts{
  border-color:#d4dad7!important;
  background:rgba(255,255,255,.36)!important;
}
html .app-shell .vehicle-facts span+span{border-color:#d4dad7!important}
html .app-shell .tool-card:nth-child(3n+2){background:linear-gradient(155deg,#fffdfa 0%,#f3f1eb 58%,#e3eaed 100%)!important}
html .app-shell .tool-card:nth-child(3n+3){background:linear-gradient(155deg,#fffdfa 0%,#f4f1eb 58%,#e6e9df 100%)!important}
html .app-shell .member-card{
  min-height:244px;
  background:linear-gradient(145deg,#fffdfa 0%,#f2eee6 54%,#dfe8e4 100%)!important;
}
html .app-shell .member-avatar{border-color:rgba(39,88,76,.12)!important;background:linear-gradient(145deg,#e1eee8,#bdd6cc)!important;color:#235f50!important}
html .app-shell .team-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))!important}

/* Tool filters form a deliberate blue-grey control deck. */
html .app-shell .asset-toolbar{
  border:1px solid #c7d0ce!important;
  background:linear-gradient(120deg,#f8f6f1,#e2e9e8)!important;
  box-shadow:0 14px 34px rgba(30,44,50,.075)!important;
}
html .app-shell .asset-toolbar .filter-group{background:#d8e0df!important}
html .app-shell .asset-toolbar .filter.active{background:#fffdfa!important;color:#20323b!important}
html .app-shell .asset-toolbar .inline-search{background:rgba(255,255,255,.58)!important}

/* The AI overview has its own premium stage with guaranteed readable contrast. */
html .app-shell .dashboard-grid .ai-panel{
  border-color:#aebbb8!important;
  background:#edf1ef!important;
  box-shadow:0 20px 52px rgba(31,47,55,.11)!important;
}
html .app-shell .dashboard-grid .ai-panel .ai-panel-head{
  min-height:92px;
  border-color:rgba(255,255,255,.13)!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(214,179,139,.25),transparent 31%),
    linear-gradient(118deg,var(--mineral-navy),var(--mineral-navy-2))!important;
}
html .app-shell .dashboard-grid .ai-panel .ai-panel-head .ai-title h2{
  color:#f8f5ef!important;
  opacity:1!important;
}
html .app-shell .dashboard-grid .ai-panel .ai-panel-head .ai-kicker{
  color:#e8c39b!important;
  opacity:1!important;
}
html .app-shell .dashboard-grid .ai-panel .ai-panel-head .ai-orb{
  border:1px solid rgba(255,255,255,.16)!important;
  background:rgba(255,255,255,.10)!important;
  color:#f7dfc4!important;
}
html .app-shell .dashboard-grid .ai-panel .ai-panel-head .ai-status{
  border:1px solid rgba(179,232,210,.25)!important;
  background:#245f51!important;
  color:#e8f6f0!important;
  opacity:1!important;
  box-shadow:0 7px 18px rgba(12,35,31,.18)!important;
}
html .app-shell .dashboard-grid .ai-panel .ai-panel-head .ai-status i{background:#61d1aa!important}
html .app-shell .dashboard-grid .ai-panel .ai-summary{
  border-color:#cbd4d1!important;
  background:linear-gradient(145deg,#f8f4ed,#ece1d4)!important;
}
html .app-shell .dashboard-grid .ai-panel .ai-summary :is(.ai-answer p,.ai-answer strong,.ai-answer small,.ai-disclaimer){color:var(--premium-copy)!important;opacity:1!important}
html .app-shell .dashboard-grid .ai-panel .ai-summary .ai-answer strong{color:var(--premium-ink)!important}
html .app-shell .dashboard-grid .ai-panel .ai-insights{background:linear-gradient(145deg,#e4ebea,#dce5e4)!important}
html .app-shell .dashboard-grid .ai-panel .ai-insight{background:rgba(255,253,249,.82)!important}
html .app-shell .dashboard-grid .ai-panel .ai-insight:nth-child(2){background:rgba(242,246,247,.9)!important}
html .app-shell .dashboard-grid .ai-panel .ai-insight:nth-child(3){background:rgba(241,246,242,.9)!important}

/* Dark mode keeps the same material hierarchy. */
html[data-theme="dark"] .app-shell :is(.asset-summary>article,.team-summary>.team-metric,.finance-summary>.finance-metric,.economy-grid>* , .admin-summary>*){
  border-color:#404b50!important;
  background:linear-gradient(145deg,#2b3034,#3a342f)!important;
}
html[data-theme="dark"] .app-shell :is(.asset-summary>article,.team-summary>.team-metric,.finance-summary>.finance-metric,.economy-grid>* , .admin-summary>*):nth-child(2){background:linear-gradient(145deg,#292f33,#2d3e46)!important}
html[data-theme="dark"] .app-shell :is(.asset-summary>article,.team-summary>.team-metric,.finance-summary>.finance-metric,.economy-grid>* , .admin-summary>*):nth-child(3){background:linear-gradient(145deg,#292f2d,#2d3e38)!important}
html[data-theme="dark"] .app-shell :is(.asset-summary>article,.team-summary>.team-metric,.finance-summary>.finance-metric,.economy-grid>* , .admin-summary>*):nth-child(4){background:linear-gradient(145deg,#302d2c,#44332f)!important}
html[data-theme="dark"] .app-shell :is(.vehicle-card,.trailer-card,.tool-card,.member-card){border-color:#3c474c!important;background:linear-gradient(155deg,#252b2f,#202529 62%,#293530)!important}
html[data-theme="dark"] .app-shell :is(.vehicle-driver,.tool-location,.member-stats>div){border-color:#445054!important;background:linear-gradient(135deg,#2b3736,#303b3c)!important}
html[data-theme="dark"] .app-shell .asset-toolbar{border-color:#414b50!important;background:linear-gradient(120deg,#242a2e,#303a3e)!important}
html[data-theme="dark"] .app-shell .asset-toolbar .filter-group{background:#20282c!important}
html[data-theme="dark"] .app-shell .asset-toolbar .filter.active{background:#3a4449!important;color:#f3f5f4!important}
html[data-theme="dark"] .app-shell .dashboard-grid .ai-panel{border-color:#445159!important;background:#20272b!important}
html[data-theme="dark"] .app-shell .dashboard-grid .ai-panel .ai-panel-head{background:radial-gradient(circle at 82% 12%,rgba(214,179,139,.18),transparent 31%),linear-gradient(118deg,#21333d,#304651)!important}
html[data-theme="dark"] .app-shell .dashboard-grid .ai-panel .ai-summary{background:linear-gradient(145deg,#2b2d2f,#3b332c)!important}
html[data-theme="dark"] .app-shell .dashboard-grid .ai-panel .ai-summary :is(.ai-answer p,.ai-answer strong,.ai-answer small,.ai-disclaimer){color:#e5e2dc!important}
html[data-theme="dark"] .app-shell .dashboard-grid .ai-panel .ai-insights{background:linear-gradient(145deg,#263135,#2d393b)!important}
html[data-theme="dark"] .app-shell .dashboard-grid .ai-panel .ai-insight,html[data-theme="dark"] .app-shell .dashboard-grid .ai-panel .ai-insight:nth-child(n){background:#20272b!important}

@media(max-width:800px){
  html .app-shell :is(.asset-summary,.team-summary,.finance-summary){gap:9px!important}
  html .app-shell .team-grid{grid-template-columns:1fr!important}
  html .app-shell .dashboard-grid .ai-panel .ai-panel-head{min-height:78px}
}

/* Interaction clarity 08: transparent logos, unmistakable alerts and discoverable settings. */
html .topbar .topbar-settings-button{
  display:grid!important;
  place-items:center;
  width:46px;
  min-width:46px;
  height:46px;
  padding:0;
  border-radius:15px!important;
}
html .topbar .topbar-settings-button svg{width:19px;height:19px}
html .topbar .topbar-settings-button:hover{transform:rotate(18deg);background:var(--premium-primary-soft)!important;color:var(--premium-primary)!important}

/* A transparent PNG is shown as the file itself — never on an invented tile. */
html :is(.overview-company-logo,.topbar-context-mark,.profile-card .avatar):has(>img){
  overflow:visible!important;
  border-color:transparent!important;
  background:transparent!important;
  box-shadow:none!important;
}
html :is(.overview-company-logo,.topbar-context-mark,.profile-card .avatar)>img{
  width:100%!important;
  height:100%!important;
  padding:0!important;
  object-fit:contain!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
html .overview-company-logo:has(>img){width:102px;height:102px}
html .topbar-context-mark:has(>img){width:38px;height:38px}

/* Red is reserved for a real action, making it impossible to confuse with status. */
html .app-shell #overview-view .stat-card.requires-action{
  border:1px solid #8f292d!important;
  background:linear-gradient(145deg,#7d2027 0%,#a92f35 58%,#c34842 100%)!important;
  color:#fff8f4!important;
  box-shadow:0 22px 54px rgba(128,32,38,.28)!important;
}
html .app-shell #overview-view .stat-card.requires-action::after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  right:-56px;
  bottom:-66px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:50%;
  box-shadow:0 0 0 28px rgba(255,255,255,.045);
  pointer-events:none;
}
html .app-shell #overview-view .stat-card.requires-action :is(p,strong,small,span,b,.mini-detail){color:#fff8f4!important;opacity:1!important}
html .app-shell #overview-view .stat-card.requires-action .stat-icon{
  border-color:rgba(255,255,255,.24)!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
}
html .app-shell #overview-view .stat-card.requires-action .trend.warning{
  border-color:#fff!important;
  background:#fff8f4!important;
  color:#8f2329!important;
  box-shadow:0 7px 20px rgba(74,12,18,.24)!important;
}
html .app-shell #overview-view .stat-card.requires-action .trend.warning::before{
  content:"!";
  width:16px;
  height:16px;
  display:inline-grid;
  place-items:center;
  margin-right:5px;
  border-radius:50%;
  background:#a92f35;
  color:#fff;
  font-size:10px;
  font-weight:900;
}
html .app-shell .finance-metric.danger.has-action{
  border-color:#a53639!important;
  background:linear-gradient(145deg,#8a272d,#bd423f)!important;
  color:#fff8f4!important;
  box-shadow:0 18px 42px rgba(132,37,42,.22)!important;
}
html .app-shell .finance-metric.danger.has-action :is(span,strong,small){color:#fff8f4!important}

html[data-theme="dark"] .app-shell #overview-view .stat-card.requires-action{background:linear-gradient(145deg,#711d25,#9d2b31 60%,#bd403d)!important}
html[data-theme="dark"] .app-shell .finance-metric.danger.has-action{background:linear-gradient(145deg,#711f26,#a93436)!important}

@media(max-width:800px){
  html .topbar .topbar-settings-button{display:none!important}
}

/* Workspace flow 09: calmer chrome, purposeful motion and full-height workspaces. */
html .topbar-context span:last-child{display:block;line-height:1}
html .topbar-context strong{display:block;margin:0;font-size:13px;letter-spacing:-.015em}

html .topbar .topbar-settings-button,
html .topbar .topbar-settings-button:hover,
html .topbar .topbar-settings-button:focus-visible{
  transform:none!important;
}

/* The AI composer reads as one control instead of three unrelated dark tiles. */
html .app-shell .dashboard-grid .ai-panel .ai-ask{
  grid-template-columns:18px minmax(0,1fr) 36px 40px!important;
  gap:5px!important;
  min-height:52px!important;
  padding:5px 6px 5px 15px!important;
  border:1px solid rgba(37,41,45,.13)!important;
  border-radius:18px!important;
  background:#f7f4ee!important;
  box-shadow:0 12px 30px rgba(27,30,34,.10),inset 0 1px rgba(255,255,255,.72)!important;
}
html .app-shell .dashboard-grid .ai-panel .ai-ask>span{color:#9a7654!important}
html .app-shell .dashboard-grid .ai-panel .ai-ask input{height:40px;color:#25292d!important;font-size:12px!important}
html .app-shell .dashboard-grid .ai-panel .ai-ask input::placeholder{color:#747980!important}
html .app-shell .dashboard-grid .ai-panel .ai-ask button{
  width:36px!important;
  height:36px!important;
  border:1px solid #d8d4cc!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#42505a!important;
  box-shadow:none!important;
  transform:none!important;
}
html .app-shell .dashboard-grid .ai-panel .ai-ask button[type="submit"]{
  width:40px!important;
  height:40px!important;
  border-color:#263746!important;
  background:#263746!important;
  color:#f7f4ee!important;
  box-shadow:0 8px 18px rgba(28,42,53,.2)!important;
}
html .app-shell .dashboard-grid .ai-panel .ai-ask button:hover{border-color:#9c968c!important;background:#ebe7df!important}
html .app-shell .dashboard-grid .ai-panel .ai-ask button[type="submit"]:hover{border-color:#17232e!important;background:#17232e!important}
html .app-shell .dashboard-grid .ai-panel .ai-ask button svg{width:16px;height:16px}

/* Rings unfold from the company mark whenever the overview enters. */
#overview-view.active .page-heading::before{
  transform-origin:center;
  animation:heroRingsUnfold 1.15s cubic-bezier(.18,.82,.2,1) both;
}
#overview-view.active .overview-hero-signal{
  animation:heroSignalArrive .78s .32s cubic-bezier(.18,.82,.2,1) both;
}
#overview-view.active .overview-hero-signal i{animation:heroSignalDot .55s 1.02s cubic-bezier(.2,.9,.25,1) both}
@keyframes heroRingsUnfold{
  0%{opacity:0;transform:scale(.18)}
  62%{opacity:1;transform:scale(1.035)}
  100%{opacity:1;transform:scale(1)}
}
@keyframes heroSignalArrive{
  from{opacity:0;transform:scale(.62);filter:blur(7px)}
  to{opacity:1;transform:scale(1);filter:none}
}
@keyframes heroSignalDot{
  from{opacity:0;transform:scale(.2) translate(-18px,18px)}
  to{opacity:1;transform:none}
}

/* Mail and calendar are applications, not long documents. */
@media(min-width:981px){
  html #inbox-view,
  html #calendar-view{
    box-sizing:border-box;
    width:100%;
    height:calc(100dvh - 94px);
    min-height:660px;
    padding-top:18px!important;
    padding-bottom:88px!important;
    display:none;
    flex-direction:column;
    overflow:hidden;
  }
  html #inbox-view.active,
  html #calendar-view.active{display:flex}
  html #inbox-view .page-heading,
  html #calendar-view .page-heading{
    flex:0 0 auto;
    min-height:94px!important;
    margin-bottom:12px!important;
    padding:0 4px 14px!important;
    align-items:center!important;
  }
  html #inbox-view .page-heading h1,
  html #calendar-view .page-heading h1{font-size:clamp(42px,4.2vw,62px);line-height:.92}
  html #inbox-view .page-heading .heading-copy,
  html #calendar-view .page-heading .heading-copy{margin-top:8px;font-size:12px}
  html #inbox-view .page-heading .eyebrow,
  html #calendar-view .page-heading .eyebrow{margin-bottom:6px}
  html #inbox-view .inbox-overview-grid{flex:0 0 auto;gap:8px;margin-bottom:10px}
  html #inbox-view .inbox-address-card{
    min-height:72px!important;
    margin:0!important;
    padding:10px 14px!important;
    grid-template-columns:42px minmax(0,1fr) auto;
    border-radius:20px!important;
  }
  html #inbox-view .inbox-address-icon{width:42px;height:42px;border-radius:13px}
  html #inbox-view .inbox-address-icon svg{width:19px;height:19px}
  html #inbox-view .inbox-address-card small{font-size:9px}
  html #inbox-view .inbox-address-card strong{font-size:14px}
  html #inbox-view .inbox-address-card p{margin-top:2px;font-size:11px}
  html #inbox-view .inbox-connect-prompt{min-height:54px;padding:8px 14px!important;border-radius:18px!important}
  html #inbox-view .inbox-connect-prompt p{margin-top:2px;font-size:11px}
  html #inbox-view .inbox-account-card{max-height:168px;overflow:auto;padding:12px 14px!important;border-radius:20px!important}
  html #inbox-view .inbox-shell{
    flex:1 1 auto;
    height:auto!important;
    min-height:0!important;
    border-radius:24px!important;
  }
  html #inbox-view .inbox-list-pane,
  html #inbox-view .inbox-reader{height:100%;min-height:0}
  html #inbox-view .inbox-reader-empty{min-height:0}
  html #inbox-view .inbox-conversation{min-height:0}

  html #calendar-view .calendar-card{
    display:flex;
    flex:1 1 auto;
    min-height:0;
    flex-direction:column;
    padding:16px 18px!important;
    border-radius:24px!important;
    overflow:hidden;
  }
  html #calendar-view .calendar-head{flex:0 0 auto;margin-bottom:10px}
  html #calendar-view .calendar-head h2{font-family:var(--ui-font)!important;font-size:22px;font-weight:650}
  html #calendar-view .calendar-head>div{align-items:center}
  html #calendar-view .calendar-today-button{
    width:auto!important;
    min-width:58px;
    min-height:32px;
    padding:0 13px;
    border:1px solid var(--surface-border);
    border-radius:999px;
    background:var(--surface-inset);
    color:var(--ink);
    font:inherit;
    font-size:11px;
    font-weight:700;
    cursor:pointer;
  }
  html #calendar-view .calendar-today-button:hover{background:var(--surface-hover)}
  html #calendar-view .calendar-grid{
    flex:1 1 auto;
    min-height:0;
    grid-template-rows:32px repeat(6,minmax(0,1fr));
  }
  html #calendar-view .calendar-day-name{display:grid;place-items:center;padding:4px}
  html #calendar-view .calendar-cell{min-height:0;padding:6px;overflow:hidden}
  html #calendar-view .calendar-event{margin-top:4px;padding:3px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

@media(prefers-reduced-motion:reduce){
  #overview-view.active .page-heading::before,
  #overview-view.active .overview-hero-signal,
  #overview-view.active .overview-hero-signal i{animation:none!important}
}

/* Workspace fit 10: protect the actual mail and calendar content from compression. */
@media(min-width:981px){
  html #inbox-view .inbox-overview-grid:has(.inbox-connect-prompt:not([hidden])){
    grid-template-columns:minmax(520px,1.15fr) minmax(360px,.85fr);
    align-items:stretch;
  }
  html #inbox-view .inbox-connect-prompt{
    min-height:72px;
    padding:10px 14px!important;
  }
  html #inbox-view .inbox-connect-prompt>[data-icon]{width:38px;height:38px}
  html #inbox-view .inbox-connect-prompt .secondary-button{white-space:nowrap}

  html #inbox-view .inbox-reader{
    display:grid!important;
    grid-template-rows:auto auto auto minmax(180px,1fr) auto;
    overflow:hidden;
  }
  html #inbox-view .inbox-reader-head{padding:14px 18px 12px}
  html #inbox-view .inbox-reader-head h2{margin:5px 0 3px;font-size:18px}
  html #inbox-view .inbox-reader-head .icon-button{width:34px;height:34px}
  html #inbox-view .inbox-link-panel summary{padding:8px 18px}
  html #inbox-view .inbox-link-panel summary>[data-icon]{width:30px;height:30px;padding:7px}
  html #inbox-view .inbox-ai-card{
    grid-template-columns:36px minmax(0,1fr) auto;
    gap:10px;
    margin:9px 18px 0;
    padding:9px 11px;
  }
  html #inbox-view .inbox-ai-icon{width:36px;height:36px;border-radius:11px}
  html #inbox-view .inbox-ai-card>div>p{margin-top:2px;line-height:1.3}
  html #inbox-view .inbox-conversation{
    min-height:180px!important;
    padding:15px 18px!important;
    overflow-y:auto;
    overscroll-behavior:contain;
  }
  html #inbox-view .inbox-bubble{width:min(92%,720px);padding:13px 15px}
  html #inbox-view .inbox-reply-bottom{
    margin:10px 18px 14px!important;
    align-self:stretch;
  }
  html #inbox-view .inbox-reply-bottom>.inbox-reply-head{padding:9px 13px 8px}
  html #inbox-view .inbox-reply-bottom>.inbox-reply-toolbar{min-height:34px;padding:3px 9px}
  html #inbox-view .inbox-reply-bottom>.inbox-reply-editor{
    min-height:52px;
    max-height:88px;
    padding:10px 13px;
  }
  html #inbox-view .inbox-reply-actions{padding:7px 9px 8px}

  html #calendar-view .calendar-card{overflow:auto}
  html #calendar-view .calendar-grid{
    flex:none;
    min-height:550px;
    grid-template-rows:34px repeat(6,minmax(86px,1fr));
  }
  html #calendar-view .calendar-cell{
    min-height:86px!important;
    padding:8px;
    overflow:hidden;
  }
  html #calendar-view .calendar-event{font-size:8px;line-height:1.35}
}

@media(min-width:981px) and (max-width:1220px){
  html #inbox-view .inbox-overview-grid:has(.inbox-connect-prompt:not([hidden])){
    grid-template-columns:1fr;
  }
  html #inbox-view .inbox-connect-prompt{display:none}
}

/* Workspace fit 11: favour full working surfaces over compressed one-screen previews. */
@media(min-width:981px){
  html #inbox-view,
  html #calendar-view{
    height:auto;
    min-height:calc(100dvh - 94px);
    overflow:visible;
  }

  html #inbox-view .inbox-shell{
    flex:0 0 auto;
    height:780px!important;
    min-height:780px!important;
  }
  html #inbox-view .inbox-reader{
    display:flex!important;
    min-height:0;
    flex-direction:column;
    overflow-y:auto;
    scrollbar-gutter:stable;
  }
  html #inbox-view .inbox-reader-head,
  html #inbox-view .inbox-link-panel,
  html #inbox-view .inbox-ai-card,
  html #inbox-view .inbox-reply-bottom{flex:0 0 auto}
  html #inbox-view .inbox-conversation{
    min-height:300px!important;
    flex:1 0 300px;
    padding:20px 22px!important;
  }
  html #inbox-view .inbox-reply-bottom{
    margin:12px 18px 18px!important;
    border-radius:18px;
  }
  html #inbox-view .inbox-reply-bottom>.inbox-reply-editor{
    min-height:118px;
    max-height:190px;
    padding:15px 16px;
    font-size:14px;
    line-height:1.6;
  }
  html #inbox-view .inbox-reply-actions{padding:10px 12px 12px}

  html #calendar-view .calendar-card{
    flex:0 0 auto;
    min-height:820px;
    overflow:auto;
  }
  html #calendar-view .calendar-grid{
    min-height:744px;
    grid-template-rows:36px repeat(6,minmax(118px,1fr));
  }
  html #calendar-view .calendar-cell{
    min-height:118px!important;
    padding:10px;
    font-size:11px;
  }
  html #calendar-view .calendar-event{
    margin-top:6px;
    padding:5px 7px;
    font-size:9px;
  }
}

@media(min-width:721px){
  html .mail-compose-modal{
    width:min(920px,calc(100vw - 44px))!important;
    max-height:min(820px,calc(100dvh - 28px))!important;
  }
  html .mail-compose-window{
    height:min(780px,calc(100dvh - 30px));
    max-height:780px;
  }
  html .mail-compose-body{
    min-height:300px;
    padding:26px 28px;
    font-size:14px;
    line-height:1.7;
  }
}

/* Dashboard state 12: green means healthy; red remains reserved for action. */
html .app-shell #overview-view .stat-card.is-healthy{
  border:1px solid #367b66!important;
  background:linear-gradient(145deg,#1e5b4b 0%,#28705b 56%,#34856b 100%)!important;
  color:#f5fff9!important;
  box-shadow:0 22px 52px rgba(28,91,73,.22)!important;
}
html .app-shell #overview-view .stat-card.is-healthy :is(p,strong,small,span,b,.mini-detail){
  color:#f5fff9!important;
}
html .app-shell #overview-view .stat-card.is-healthy :is(p,small,.mini-detail){opacity:.78!important}
html .app-shell #overview-view .stat-card.is-healthy .stat-icon{
  border-color:rgba(255,255,255,.25)!important;
  background:rgba(255,255,255,.13)!important;
  color:#fff!important;
}
html .app-shell #overview-view .stat-card.is-healthy .trend.warning{
  border-color:rgba(221,255,240,.48)!important;
  background:#e2f3eb!important;
  color:#185442!important;
  box-shadow:none!important;
}
html .overview-hero-signal>i{display:none!important}

/* Login trust 13: coherent benefit colours, quiet focus and readable legal access. */
html .auth-gate .secure-access-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:34px;
  padding:0 14px;
  border:1px solid rgba(136,205,178,.28)!important;
  border-radius:999px;
  background:rgba(27,65,55,.52)!important;
  color:#a9e0c9!important;
  box-shadow:inset 0 1px rgba(255,255,255,.06),0 10px 30px rgba(0,0,0,.12)!important;
  font-size:9px;
  font-weight:850;
  letter-spacing:.04em;
}
html .auth-gate .secure-access-pill::before{
  content:"✓";
  width:17px;
  height:17px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#8fd2b6;
  color:#173b31;
  font-size:10px;
  font-weight:950;
}
html .auth-gate .auth-benefits{
  gap:9px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
}
html .auth-gate .auth-benefit{
  width:min(100%,560px);
  min-height:43px;
  padding:8px 14px 8px 9px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:14px;
  color:#f1f0ec!important;
  box-shadow:inset 0 1px rgba(255,255,255,.035);
}
html .auth-gate .auth-benefit b{
  width:27px;
  height:27px;
  border:1px solid currentColor!important;
  background:rgba(255,255,255,.07)!important;
}
html .auth-gate .auth-benefit-offers{background:linear-gradient(90deg,rgba(174,125,75,.22),rgba(174,125,75,.055))!important}
html .auth-gate .auth-benefit-offers b{color:#dfb07f!important}
html .auth-gate .auth-benefit-ai{background:linear-gradient(90deg,rgba(112,124,164,.22),rgba(112,124,164,.055))!important}
html .auth-gate .auth-benefit-ai b{color:#b8c2e3!important}
html .auth-gate .auth-benefit-team{background:linear-gradient(90deg,rgba(73,139,112,.23),rgba(73,139,112,.055))!important}
html .auth-gate .auth-benefit-team b{color:#9bd2bb!important}

html .auth-gate .auth-input-wrap:focus-within,
html .auth-gate .auth-input:focus{
  border-color:#b9b2a8!important;
  outline:0!important;
  box-shadow:inset 0 1px rgba(255,255,255,.9),0 6px 18px rgba(31,38,42,.07)!important;
}
html .auth-gate .auth-input-wrap input:focus{outline:0!important;box-shadow:none!important}

html .auth-gate .auth-legal{
  color:#747970!important;
  font-size:8px;
}
html .auth-gate .auth-legal button,
html .auth-gate .auth-footer :is(a,button){
  margin:0;
  padding:0;
  border:0;
  color:inherit;
  background:transparent;
  font:inherit;
  text-decoration:underline;
  text-decoration-color:rgba(255,255,255,.32);
  text-underline-offset:3px;
  cursor:pointer;
}
html .auth-gate .auth-legal button{color:#35434b;text-decoration-color:#a3aaa5}
html .auth-gate .auth-footer{align-items:center}
html .auth-gate .auth-footer nav{display:flex;align-items:center;gap:18px}
html .auth-gate .auth-footer :is(a,button):hover,
html .auth-gate .auth-footer :is(a,button):focus-visible{color:#fff}

html .modal.legal-center-modal{
  width:min(880px,calc(100vw - 34px));
  max-height:min(820px,calc(100dvh - 34px));
  padding:0!important;
  overflow:hidden;
  border:1px solid #cfd4d1!important;
  border-radius:30px!important;
  background:#f7f5f0!important;
}
html .legal-center{color:#20272b}
html .legal-center-head{
  padding:34px 38px 26px;
  border-bottom:1px solid #d7dad7;
  background:linear-gradient(135deg,#202a31,#30404a);
  color:#fff;
}
html .legal-center-head .eyebrow{color:#d5ad84!important}
html .legal-center-head h2{margin:7px 0 8px;color:#fff!important;font-size:34px;letter-spacing:-.045em}
html .legal-center-head p{max-width:650px;margin:0;color:#ced5d6!important;font-size:12px;line-height:1.6}
html .legal-tabs{display:flex;gap:7px;padding:16px 38px;border-bottom:1px solid #d7dad7;overflow-x:auto}
html .legal-tabs button{
  flex:0 0 auto;
  min-height:36px;
  padding:0 14px;
  border:1px solid #d0d5d2;
  border-radius:999px;
  background:#fff;
  color:#536068;
  font-size:10px;
  font-weight:780;
  cursor:pointer;
}
html .legal-tabs button.active{border-color:#273944;background:#273944;color:#fff}
html .legal-center-body{max-height:530px;padding:30px 38px 38px;overflow:auto;scrollbar-gutter:stable}
html .legal-center-body h3{margin:0 0 12px;color:#20272b;font-size:24px;letter-spacing:-.035em}
html .legal-center-body h4{margin:24px 0 7px;color:#273944;font-size:12px}
html .legal-center-body :is(p,li){color:#58636a;font-size:11px;line-height:1.7}
html .legal-center-body ul{margin:8px 0 0;padding-left:20px}
html .legal-contact-card{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:18px 20px;border:1px solid #cfd7d2;border-radius:18px;background:#edf3ef}
html .legal-contact-card strong,html .legal-contact-card span{display:block}
html .legal-contact-card strong{color:#233b33;font-size:13px}
html .legal-contact-card span{margin-top:3px;color:#65736d;font-size:10px}
html .legal-contact-card a{padding:10px 14px;border-radius:999px;background:#1f6652;color:#fff;font-size:10px;font-weight:800;text-decoration:none}
html .legal-fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:18px 0}
html .legal-fact-grid>div{padding:15px;border:1px solid #d7dad7;border-radius:15px;background:#fff}
html .legal-fact-grid small,html .legal-fact-grid strong{display:block}
html .legal-fact-grid small{color:#7b858a;font-size:8px;text-transform:uppercase;letter-spacing:.1em}
html .legal-fact-grid strong{margin-top:5px;color:#273138;font-size:11px}
html .legal-note{padding:13px 15px;border-left:3px solid #ae845e;border-radius:9px;background:#efe8df;color:#4f5355!important}

/* The submit arrow inherits an old text colour through its span. Keep the icon explicit. */
html .app-shell .dashboard-grid .ai-panel .ai-ask button[type="submit"] :is(span,svg,path){color:#fff!important;stroke:#fff!important}
html .app-shell .dashboard-grid .ai-panel .ai-ask button[type="submit"] svg{opacity:1!important}

@media(max-width:720px){
  html .auth-gate .auth-footer{align-items:flex-start}
  html .auth-gate .auth-footer nav{flex-wrap:wrap;justify-content:center;gap:10px 16px}
  html .legal-center-head{padding:28px 23px 22px}
  html .legal-tabs{padding:13px 23px}
  html .legal-center-body{padding:23px}
  html .legal-contact-card{grid-template-columns:1fr}
  html .legal-contact-card a{width:max-content}
  html .legal-fact-grid{grid-template-columns:1fr}
}

/* Opgavetildeling: tydelig forskel på ansvar og læseadgang. */
html .job-team-field>small{
  display:block;
  margin-top:8px;
  color:#68747a;
  font-size:12px;
  line-height:1.45;
}
html .job-team-field>small b{color:#203540}
html .job-visibility-field{
  grid-column:1/-1;
  min-width:0;
  margin:2px 0 4px;
  padding:0;
  border:0;
}
html .job-visibility-field legend{
  margin-bottom:9px;
  color:#28363d;
  font-size:13px;
  font-weight:780;
}
html .job-visibility-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
html .job-visibility-options label{position:relative;display:block;cursor:pointer}
html .job-visibility-options input{position:absolute;opacity:0;pointer-events:none}
html .job-visibility-options label>span{
  display:block;
  min-height:82px;
  padding:16px 17px;
  border:1px solid #d3d8d5;
  border-radius:17px;
  background:#f7f7f4;
  box-shadow:0 1px 0 rgba(255,255,255,.9) inset;
  transition:border-color .16s ease,background .16s ease,box-shadow .16s ease;
}
html .job-visibility-options label:hover>span{border-color:#9aa8a2;background:#fff}
html .job-visibility-options input:checked+span{
  border-color:#244b40;
  background:#e7f0ec;
  box-shadow:0 0 0 2px rgba(36,75,64,.12),0 1px 0 rgba(255,255,255,.9) inset;
}
html .job-visibility-options b,html .job-visibility-options small{display:block}
html .job-visibility-options b{color:#26343b;font-size:13px}
html .job-visibility-options small{margin-top:5px;color:#69747a;font-size:12px;line-height:1.4}
html .job-shared-label{
  display:inline-flex;
  width:max-content;
  align-items:center;
  gap:6px;
  margin-top:10px;
  padding:6px 9px;
  border:1px solid #cbd9d4;
  border-radius:999px;
  background:#edf4f1;
  color:#315b4f;
  font-size:11px;
  font-weight:760;
}
html .job-shared-label svg{width:14px;height:14px}
html .assignees .all-team{
  width:auto;
  min-width:42px;
  padding:0 9px;
  border-radius:999px;
  background:#203846;
  color:#fff;
  font-size:9px;
  letter-spacing:.06em;
}
html .job-readonly-label{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin:12px 16px 16px;
  border:1px solid #d7dcda;
  border-radius:13px;
  background:#f3f5f4;
  color:#617078;
  font-size:12px;
  font-weight:760;
}
html .employee-job-readonly{
  display:flex;
  align-items:flex-start;
  gap:13px;
  margin-top:18px;
  padding:16px;
  border:1px solid #ccd8d3;
  border-radius:16px;
  background:#edf4f1;
  color:#28483f;
}
html .employee-job-readonly>span{display:grid;flex:0 0 34px;height:34px;place-items:center;border-radius:11px;background:#d8e8e1}
html .employee-job-readonly svg{width:18px;height:18px}
html .employee-job-readonly strong,html .employee-job-readonly small{display:block}
html .employee-job-readonly strong{font-size:13px}
html .employee-job-readonly small{margin-top:4px;color:#5f716b;font-size:12px;line-height:1.45}

@media(max-width:720px){
  html .job-visibility-options{grid-template-columns:1fr}
}
/* Opgaver: tydelige frister og sikre kunderevisioner */
.jobs-heading-actions{display:flex;align-items:center;gap:10px;margin-bottom:2px}.jobs-heading-actions .jobs-search{width:min(320px,30vw);min-width:230px;height:46px;padding-inline:16px;border:1px solid var(--premium-border)!important;background:rgba(255,255,255,.72)!important;box-shadow:0 8px 24px rgba(31,49,58,.055)}.jobs-heading-actions .jobs-search:focus-within{border-color:#8fa2aa!important;background:#fff!important;box-shadow:0 0 0 4px rgba(52,87,255,.07)}.jobs-heading-actions .jobs-search input{font-size:11px}.jobs-heading-actions .primary-button{flex:0 0 auto}
.job-board{grid-template-columns:repeat(3,minmax(280px,1fr));align-items:start}.job-card.job-card-prioritized{padding:18px;border-color:rgba(31,49,58,.15);border-radius:22px;background:#fbfaf7;box-shadow:0 13px 32px rgba(28,41,45,.07)}
.job-card.job-card-prioritized:hover{transform:translateY(-2px);border-color:rgba(31,49,58,.25);box-shadow:0 18px 42px rgba(28,41,45,.11)}.job-card.job-card-prioritized::before{display:none}
.job-card-prioritized .job-card-top{justify-content:flex-start;align-items:center}.job-document-label.is-live{border-color:rgba(36,58,69,.18);background:linear-gradient(135deg,#edf4f6,#f8f4ec)}.job-document-label.is-live>span{color:#fff;background:#243a45}.job-document-label.is-live small{color:#66757c}
.job-card-prioritized h3{margin-top:20px;font-family:inherit;font-size:20px;font-weight:800;letter-spacing:-.035em}.job-card-prioritized .client{display:block;font-size:10px;font-weight:700;color:#26373d}.job-card-prioritized .location{min-height:18px;margin-top:8px;font-size:9px}
.job-deadline{display:flex;align-items:center;gap:10px;margin:16px 0 12px;padding:11px 12px;border:1px solid transparent;border-radius:14px}.job-deadline>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px}.job-deadline svg{width:15px;height:15px}.job-deadline small,.job-deadline strong{display:block}.job-deadline small{margin-bottom:2px;font-size:8px;font-weight:800}.job-deadline strong{font-size:12px}.job-deadline-later{color:#31515d;border-color:#cbdde2;background:#edf4f6}.job-deadline-later>span{background:#d8e9ee}.job-deadline-soon,.job-deadline-today{color:#78521e;border-color:#ead5ae;background:#fcf3e4}.job-deadline-soon>span,.job-deadline-today>span{background:#f2dfbd}.job-deadline-overdue{color:#9b2f2a;border-color:#efc1bc;background:#fff0ee}.job-deadline-overdue>span{background:#f8d6d2}.job-deadline-undated{color:#7d302a;border-color:#efc1bc;background:#fff0ee}.job-deadline-undated>span{background:#f8d6d2}
.job-card-prioritized .job-card-footer{min-height:34px;margin-top:6px;padding-top:11px}.job-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.job-card-actions .job-finish-button,.job-card-actions .job-open-button{width:100%;min-height:42px;margin:0;display:flex;align-items:center;justify-content:center;gap:7px;border-radius:12px;font-size:9px;font-weight:850;cursor:pointer}.job-card-actions svg{width:14px;height:14px}.job-open-button{border:1px solid rgba(31,49,58,.17);color:#243a45;background:#fff}.job-open-button:hover{border-color:#243a45;background:#f0f4f4}.job-card-actions .job-readonly-label{display:grid;place-items:center;margin:0;border:1px solid rgba(31,49,58,.12);border-radius:12px;color:#6f7a7e;background:#f2f4f3;font-size:9px;font-weight:800}
.job-change-notice{display:flex;align-items:flex-start;gap:12px;padding:14px;border:1px solid rgba(40,107,91,.2);border-radius:15px;color:#174f43;background:linear-gradient(135deg,#e9f5f1,#f5faf7)}.job-change-notice>span{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border-radius:10px;color:#fff;background:#23755f}.job-change-notice svg{width:16px;height:16px}.job-change-notice strong,.job-change-notice small{display:block}.job-change-notice strong{font-size:10px}.job-change-notice small{margin-top:4px;color:#58736b;font-size:8px;line-height:1.5}
.job-revision-history{padding:14px;border:1px solid rgba(31,49,58,.12);border-radius:14px;background:#f4f5f3}.job-revision-history>strong{font-size:9px}.job-revision-history ul{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}.job-revision-history li{display:flex;gap:9px;align-items:center}.job-revision-history li>span{width:28px;height:28px;padding:7px;border-radius:9px;color:#23755f;background:#e5f2ed}.job-revision-history li strong,.job-revision-history li small{display:block}.job-revision-history li strong{font-size:8px}.job-revision-history li small{margin-top:2px;color:#6e7a78;font-size:7px}
@media(max-width:1100px){.job-board{grid-template-columns:repeat(2,minmax(260px,1fr))}}
@media(max-width:800px){.jobs-page-heading{gap:20px}.jobs-heading-actions{width:100%;margin:0}.jobs-heading-actions .jobs-search{flex:1;width:auto;min-width:0}}
@media(max-width:700px){.toolbar{align-items:stretch;flex-direction:column}.inline-search{width:100%;min-width:0}.job-board{grid-template-columns:1fr}.job-card-actions{grid-template-columns:1fr}.job-workspace .job-operation-pane{padding-bottom:90px}}
@media(max-width:520px){.jobs-heading-actions{display:grid;grid-template-columns:1fr}.jobs-heading-actions .jobs-search,.jobs-heading-actions .primary-button{width:100%}}
/* Email-confirmed offer acceptance: compact, accessible, and separate from the document. */
.acceptance-steps{display:flex;gap:12px;flex-wrap:wrap;padding:0;list-style:none;counter-reset:accept-step;margin:0 0 24px}
.acceptance-steps li{counter-increment:accept-step;display:flex;align-items:center;gap:8px;color:#334e5a;font-size:13px}
.acceptance-steps li::before{content:counter(accept-step);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#dfece8;color:#17624e;font-weight:700}
.acceptance-email,.acceptance-contract-scope{padding:24px;margin:20px 0;border:1px solid #cbd8d5;border-radius:18px;background:#f0f5f2;color:#243d49}
.acceptance-email p,.acceptance-contract-scope p{line-height:1.65;overflow-wrap:anywhere}
.acceptance-code-entry{margin-top:18px}.acceptance-code-entry label{display:grid;gap:8px}.acceptance-code-entry input{max-width:240px;font-size:24px;letter-spacing:5px}
.acceptance-feedback{font-size:14px;margin-bottom:0}.acceptance-feedback:empty{display:none}
#customerSignatureForm .signing-submit:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:600px){.acceptance-email,.acceptance-contract-scope{padding:16px}.acceptance-steps{gap:8px}.acceptance-steps li{font-size:12px}}
@media print{.acceptance-contract-scope{break-inside:avoid}.acceptance-steps,.acceptance-email{display:none}}

/* Approved monochrome Byggehelten identity. Tenant logos stay independent. */
.dinero-payment-entry{margin-top:18px;padding:18px;border:1px solid var(--surface-border);border-radius:16px}
.dinero-payment-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0}
.dinero-payment-summary>div{display:flex;flex-direction:column;gap:6px;padding:16px;background:var(--surface-soft,#edf1ef);border-radius:14px}
.dinero-payment-summary span{font-size:12px;color:var(--text-muted,#65747b)}
.dinero-payment-summary strong{font-size:19px}
.dinero-payment-history{margin-top:24px}.dinero-payment-history article{display:grid;gap:8px;padding:16px 0;border-top:1px solid var(--surface-border);overflow-wrap:anywhere}
.dinero-payment-history p{margin:0}.dinero-payment-history small{line-height:1.6;color:var(--text-muted,#65747b)}
@media(max-width:520px){.dinero-payment-summary{grid-template-columns:1fr}.dinero-payment-summary>div{flex-direction:row;justify-content:space-between;align-items:center}}
#dineroPaymentForm .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#dineroPaymentForm .form-field{min-width:0}
#dineroPaymentForm .accounting-consent{display:flex;gap:10px;align-items:flex-start;margin-top:18px;padding:14px;border:1px solid var(--surface-border);border-radius:14px;font-size:13px;line-height:1.5}
#dineroPaymentForm .accounting-consent input{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;accent-color:#243f4d}
.dinero-payment-summary~.accounting-notice{padding:14px;border-radius:14px;background:var(--surface-soft,#eef2f0);font-size:13px;line-height:1.55}
.dinero-payment-history small{overflow-wrap:anywhere}
@media(max-width:600px){#dineroPaymentForm .form-grid{grid-template-columns:minmax(0,1fr)}}
.bh-symbol,.bh-wordmark{display:block;flex-shrink:0;object-fit:contain;filter:brightness(0)}
.bh-symbol{width:30px;height:33px}
.bh-wordmark{width:164px;height:28px}
html :is(.auth-header,.signing-header,.sidebar) :is(.bh-symbol,.bh-wordmark){filter:brightness(0) invert(1)}
html .auth-brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;line-height:1}
.bh-home-link{display:grid;place-items:center;flex-shrink:0;min-width:44px;min-height:44px;margin-right:2px;padding-right:12px;border-right:1px solid var(--surface-border)}
.bh-home-link .bh-symbol{width:26px;height:29px}
.bh-home-link:focus-visible,.auth-brand:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:4px}
html[data-theme="dark"] .bh-home-link .bh-symbol{filter:brightness(0) invert(1)}
@media(max-width:600px){html .auth-brand{gap:9px}.auth-brand .bh-symbol{width:25px;height:28px}.auth-brand .bh-wordmark{width:136px;height:24px}}
@media(max-width:760px){.topbar>.bh-home-link{min-width:28px;min-height:40px;padding:0;margin:0 auto 0 0;border:0}.topbar>.bh-home-link .bh-symbol{width:23px;height:26px}}