/* Nexus Auto Guard — electric blue / cyan / silver. All surfaces share the same theme tokens. */
:root{
  color-scheme:light;--bg:#f2f6fb;--surface:#fff;--surface-soft:#eaf1fa;--surface-raised:#fff;
  --ink:#10233d;--muted:#526783;--border:#d5e1ef;--accent:#0875d1;--accent-strong:#0562b4;
  --accent-ink:#ffffff;--accent-soft:#e3f2ff;--sidebar:#e8f0fa;--sidebar-ink:#223e60;
  --selected:#d8ecff;--shadow:0 8px 30px #183d6810;--focus:#096bb8;--danger:#ae392f;
  --danger-bg:#ffebe6;--warning:#906013;--warning-bg:#fff2d9;--hero:#0c2848;
  --halo:#54caff30;--overlay:#071525c0;--radius:20px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--bg);color:var(--ink);font-synthesis:none;-webkit-font-smoothing:antialiased;
}
:root[data-theme="dark"]{
  color-scheme:dark;--bg:#08111e;--surface:#101f32;--surface-soft:#14283f;--surface-raised:#1a304a;
  --ink:#edf5ff;--muted:#a4b6cd;--border:#29415e;--accent:#48bdff;--accent-strong:#75d3ff;
  --accent-ink:#062139;--accent-soft:#143652;--sidebar:#0b182a;--sidebar-ink:#c4d7ee;
  --selected:#183c60;--shadow:0 10px 34px #0003;--focus:#48bdff;--danger:#ffad9d;
  --danger-bg:#41251f;--warning:#f8d685;--warning-bg:#3b301c;--hero:#0d2a48;
  --halo:#149dff14;--overlay:#020914d9;
}
*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% -15%,var(--halo),transparent 55%)}
a{color:var(--focus);text-underline-offset:4px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}
button{cursor:pointer;border:1px solid var(--border);background:var(--surface);color:var(--ink);padding:12px 17px;border-radius:12px;font-size:13px;font-weight:600;transition:transform .2s ease,background .2s,border-color .2s,box-shadow .2s}
button:hover:not(:disabled){background:var(--surface-raised);border-color:var(--focus);transform:translateY(-2px);box-shadow:0 5px 12px #0000000b}
button:active:not(:disabled){transform:translateY(0) scale(.98)}button:disabled{opacity:.55;cursor:wait}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
[hidden]{display:none!important}
aside{position:fixed;inset:0 auto 0 0;width:250px;height:100dvh;display:flex;flex-direction:column;padding:34px 23px 24px;background:var(--sidebar);border-right:1px solid var(--border);overflow-y:auto;z-index:5;animation:sidebar-in .45s ease both}
.brand{display:flex;align-items:center;flex-wrap:wrap;gap:10px;color:var(--ink);font-size:23px;font-weight:800;line-height:1.25;text-decoration:none;letter-spacing:-1.1px}.brand svg{width:32px;height:32px;flex-shrink:0;color:var(--focus)}
.brand span{flex-basis:100%;padding-left:42px;font-size:9px;letter-spacing:1.8px;font-weight:650;color:var(--muted)}
nav{display:grid;gap:7px;margin:48px 0 24px}nav button{display:flex;gap:12px;align-items:center;text-align:left;position:relative;background:transparent;border-color:transparent;color:var(--sidebar-ink);padding:14px 16px;font-weight:550;border-radius:13px}
nav button svg{width:18px;height:18px;flex-shrink:0;opacity:.8}nav button:hover:not(:disabled){background:var(--surface-soft);box-shadow:none;border-color:transparent;transform:translateX(3px)}
nav button.active{background:var(--accent);color:var(--accent-ink);font-weight:750;box-shadow:0 5px 16px #0875d120}nav button.active::after{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;position:absolute;right:13px}
.aside-note{margin-top:auto;line-height:1.6;color:var(--muted);font-size:12px;overflow-wrap:anywhere;padding:18px 4px 0;border-top:1px solid var(--border)}#logout{margin-top:12px;background:transparent;color:var(--sidebar-ink)}
main{margin-left:250px;width:calc(100% - 250px);max-width:1780px;padding:38px clamp(24px,3.8vw,65px) 28px}
header{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-bottom:22px;animation:enter .55s ease both}header>div{flex:1;min-width:280px}small{color:var(--muted);font-size:10px;font-weight:700;letter-spacing:1.8px}header>div>small::before{content:"";display:inline-block;width:7px;height:7px;background:var(--accent-strong);border-radius:50%;margin-right:9px;box-shadow:0 0 0 4px var(--accent-soft)}
h1{font-size:clamp(26px,2.8vw,41px);font-weight:780;line-height:1.13;letter-spacing:-1.7px;margin:15px 0 10px}h2{font-size:19px;font-weight:750;letter-spacing:-.5px;margin:0 0 18px}h3{font-size:17px;letter-spacing:-.3px}p{line-height:1.65}header p{font-size:13px;color:var(--muted);margin:0}
label{display:grid;gap:8px;font-size:12px;color:var(--muted);font-weight:550}input,select,textarea{padding:12px 14px;border:1px solid var(--border);border-radius:11px;background:var(--surface);color:var(--ink);max-width:100%;min-width:0;transition:border-color .18s,box-shadow .18s}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.85}input:focus,select:focus,textarea:focus{border-color:var(--focus);box-shadow:0 0 0 4px var(--accent-soft)}select{cursor:pointer}.language-picker{min-width:145px}.language-picker select{width:100%}
#themeToggle{display:flex;align-items:center;gap:10px;margin-top:22px;white-space:nowrap;background:var(--surface);font-size:12px}.theme-symbol{font-size:17px;color:var(--focus)}.theme-track{width:30px;height:18px;background:var(--border);border-radius:20px;padding:3px;display:block;transition:background .2s}.theme-track::after{content:"";display:block;width:12px;height:12px;border-radius:50%;background:var(--muted);transition:transform .22s,background .22s}#themeToggle[aria-checked="true"] .theme-track{background:var(--accent)}#themeToggle[aria-checked="true"] .theme-track::after{transform:translateX(12px);background:var(--accent-ink)}
#refresh{margin-top:22px}.portal-banner{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:28px 0 20px}.portal-banner strong{font-size:14px;letter-spacing:-.2px}.portal-banner label{max-width:230px;font-size:11px}.portal-banner select{padding:9px 12px;font-size:12px}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:25px}.stat{position:relative;overflow:hidden;background:var(--surface);padding:24px;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);transition:transform .25s,border-color .25s}.stat::after{content:"";position:absolute;top:18px;right:18px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:var(--accent-soft);border:7px solid var(--accent-soft);box-shadow:inset 0 0 0 2px var(--focus)}.stat:hover{transform:translateY(-3px);border-color:var(--focus)}.stat span{display:block;padding-right:28px;color:var(--muted);font-size:12px}.stat strong{font-size:38px;line-height:1.2;font-weight:750;letter-spacing:-1.7px;display:block;margin-top:14px}.stat em{font-size:11px;color:var(--muted);font-style:normal}
.toolbar,.actions{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.toolbar input{flex:1;min-width:190px;background:var(--surface)}.workspace{display:grid;grid-template-columns:minmax(270px,.8fr) minmax(350px,1.35fr);gap:24px;align-items:start}
.list-panel,#detail,#history,#clients,#account,#enterprise,#memberships{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow);min-width:0}
.section-title{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.section-title h2{margin-bottom:0}.section-title span{font-size:12px;color:var(--muted)}
.vehicle{width:100%;display:block;text-align:left;background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:20px;margin:12px 0;position:relative}.vehicle.selected{background:var(--accent-soft);border-color:var(--focus);box-shadow:inset 3px 0 0 var(--accent-strong)}.vehicle strong{font-size:14px;font-weight:700}.vehicle p{font-size:12px;color:var(--muted);margin:7px 0 14px}.tag{display:inline-block;font-size:10px;line-height:1.4;padding:6px 9px;border-radius:7px;background:var(--accent-soft);color:var(--focus);font-weight:700}.tag.warning{color:var(--warning);background:var(--warning-bg)}.tag.danger{color:var(--danger);background:var(--danger-bg)}
#detail>small{display:block;margin-top:20px}#detail h2{font-size:25px;margin:9px 0 5px}#detail p{color:var(--muted);font-size:12px}.membership-note{background:var(--accent-soft);border:1px solid var(--border);border-radius:10px;padding:12px 14px;color:var(--focus)!important;margin-top:0;font-size:11px!important}
.oil{position:relative;overflow:hidden;background:var(--hero);color:#edf5ff;padding:27px;border-radius:17px;margin:24px 0}.oil::after{content:"";position:absolute;right:-30px;top:-45px;width:155px;height:155px;border:30px solid #48bdff13;border-radius:50%;pointer-events:none}.oil small{position:relative;color:#b9d8f1;letter-spacing:1.4px;font-size:9px}.oil strong{position:relative;display:block;color:#48bdff;font-size:clamp(25px,2.8vw,39px);font-weight:750;letter-spacing:-1.3px;margin:15px 0 10px;line-height:1.2}.oil p{position:relative;color:#c4d7ee!important;font-size:12px!important;margin-bottom:0}
.maintenance-progress{display:block;appearance:none;-webkit-appearance:none;width:100%;height:6px;border:0;border-radius:10px;overflow:hidden;margin:20px 0;background:#ffffff16}.maintenance-progress::-webkit-progress-bar{background:#ffffff16;border-radius:10px}.maintenance-progress::-webkit-progress-value{background:linear-gradient(90deg,#0875d1,#65d9ff);border-radius:10px}.maintenance-progress::-moz-progress-bar{background:#48bdff;border-radius:10px}
.metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px}.metric{border:1px solid var(--border);background:var(--surface-soft);padding:18px;border-radius:13px;min-width:0}.metric small{font-size:9px;letter-spacing:.8px}.metric strong{display:block;font-size:23px;letter-spacing:-.8px;font-weight:700;margin-top:9px}.location{border:1px solid var(--border);background:var(--surface-soft);padding:20px;border-radius:14px;margin-top:22px}.location a{font-size:12px}.location small{font-size:9px}iframe{width:100%;height:260px;border:0;border-radius:12px;margin-bottom:10px;background:var(--surface-soft)}
.primary{position:relative;overflow:hidden;background:var(--accent);border:1px solid transparent;color:var(--accent-ink);font-weight:750;padding:13px 19px;box-shadow:0 3px 9px #0875d116}.primary:hover:not(:disabled){background:var(--accent-strong);border-color:transparent;box-shadow:0 7px 18px #0875d133}.primary::after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff55,transparent 80%);transform:translateX(-120%);transition:transform .6s}.primary:hover::after{transform:translateX(120%)}.full{width:100%}
.company-card{padding:22px;border:1px solid var(--border);border-radius:16px;margin:20px 0;background:var(--surface-soft)}.company-card h3{margin-top:0}.company-card>p{font-size:12px;color:var(--muted)}.member-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:18px 0;border-top:1px solid var(--border)}.member-row strong{font-size:13px}.member-row span{font-size:12px;color:var(--muted)}.member-row button{font-size:11px}.history-row{padding:20px 0;border-bottom:1px solid var(--border);font-size:13px;line-height:1.8}.history-row:last-child{border-bottom:0}.history-row p{color:var(--muted)}.empty{padding:24px;color:var(--muted);font-size:13px}
#login,#register{position:relative;max-width:490px;margin:46px auto 20px;padding:35px;background:var(--surface);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow)}#login::before,#register::before{content:"";display:block;width:38px;height:5px;background:var(--accent);border-radius:10px;margin-bottom:27px}#login h2,#register h2{font-size:27px;letter-spacing:-1px;margin:19px 0 9px}#login>p,#register>p{font-size:13px;color:var(--muted);margin-bottom:25px}.portal-entry{display:flex;gap:6px;flex-wrap:wrap;padding:5px;background:var(--surface-soft);border-radius:12px}.portal-entry a{flex:1;text-align:center;padding:10px 12px;border-radius:9px;color:var(--ink);font-size:11px;text-decoration:none;font-weight:600;transition:background .2s}.portal-entry a:hover,.portal-entry a[aria-current="page"]{background:var(--accent);color:var(--accent-ink)}
form{display:grid;gap:18px;max-width:540px}#login form{margin-top:26px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}textarea{min-height:90px;resize:vertical}fieldset{border:1px solid var(--border);border-radius:11px;display:grid;gap:14px;padding:18px}.check-row{display:flex;align-items:center;gap:10px}.check-row input{width:auto;accent-color:var(--focus)}
dialog{background:var(--surface);color:var(--ink);border:1px solid var(--border);border-radius:22px;padding:30px;width:560px;max-width:94vw;box-shadow:0 24px 90px #0005}dialog::backdrop{background:var(--overlay);backdrop-filter:blur(5px)}dialog[open]{animation:dialog-in .24s cubic-bezier(.2,.75,.25,1) both}#dialog .section-title{margin-bottom:22px}#closeDialog{border:0;background:var(--surface-soft);padding:8px 12px}#dialog form{max-height:65dvh;overflow:auto;padding:5px}#dialog p{font-size:12px;color:var(--muted)}#inviteLink{width:100%}#message,#dialogError,#registerError,#formError{color:var(--danger);font-size:13px}#message:empty{display:none}
footer{display:flex;gap:20px;justify-content:space-between;font-size:10px;line-height:1.6;color:var(--muted);margin-top:28px;padding:18px 0;border-top:1px solid var(--border)}footer span{max-width:340px;text-align:right}
#portal:not([hidden]),#login:not([hidden]),#register:not([hidden]){animation:enter .45s cubic-bezier(.2,.7,.2,1) both}.motion-enter{animation:enter .38s cubic-bezier(.2,.7,.2,1) both}
@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes sidebar-in{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(min-width:1500px){main{padding-left:65px;padding-right:65px}.stats{gap:22px}.workspace{gap:28px}}
@media(max-width:1150px){aside{width:215px;padding:30px 19px}.brand{font-size:21px}.brand svg{width:27px;height:27px}.brand span{padding-left:37px;font-size:8px}main{margin-left:215px;width:calc(100% - 215px);padding:30px 24px}.workspace{grid-template-columns:1fr}header>div{flex-basis:100%}#themeToggle,#refresh{margin-top:20px}.stat{padding:20px}.stat span{padding-right:18px}.stat::after{width:25px;height:25px;right:12px;font-size:13px}}
@media(max-width:760px){body{display:block}aside{position:sticky;top:0;width:100%;height:auto;min-height:0;padding:15px 18px;overflow:visible;box-shadow:0 3px 15px #00000008}.brand{font-size:21px;gap:8px;flex-wrap:nowrap}.brand span{margin-left:auto;padding-left:0;flex-basis:auto;font-size:8px;letter-spacing:1px}nav{display:flex;gap:5px;overflow-x:auto;margin:14px -3px 0;padding-bottom:3px}nav button{font-size:11px;padding:11px 13px;flex-shrink:0;white-space:nowrap;gap:7px}nav button svg{width:15px;height:15px}nav button.active::after{display:none}#identity{display:none}#logout{position:absolute;right:17px;top:9px;font-size:10px;padding:8px 10px}.brand:has(~#logout:not([hidden])) span{display:none}main{margin:0;width:100%;padding:28px 20px}header{gap:12px}header>div{min-width:0;flex-basis:100%}h1{font-size:31px;letter-spacing:-1.2px}.language-picker{flex:1;min-width:130px}#themeToggle{margin-top:20px}#refresh{margin-top:20px;padding:12px}.stats{gap:10px}.stat{padding:18px 12px}.stat span{font-size:10px;padding-right:0}.stat::after{display:none}.stat strong{font-size:30px}.portal-banner{align-items:start;flex-direction:column}.portal-banner label{width:100%;max-width:none}.portal-banner select{width:100%}.list-panel,#detail,#history,#clients,#account,#enterprise,#memberships{padding:21px}.company-card{padding:18px}#login,#register{margin-top:25px;padding:26px}.oil{padding:24px}.oil strong{font-size:32px}footer{flex-direction:column;gap:5px}footer span{text-align:left}.section-title button{padding:10px 12px}.form-grid{grid-template-columns:1fr}}
@media(max-width:400px){main{padding:23px 14px}.brand span{display:none}h1{font-size:28px}.theme-track{display:none}.metrics{gap:10px}.metric{padding:14px}.metric strong{font-size:20px}.oil strong{font-size:28px}.toolbar{gap:8px}.toolbar input{min-width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:hover:not(:disabled),nav button:hover:not(:disabled),.stat:hover{transform:none}.primary::after{display:none}}
.brand img{display:block;width:100%;height:auto;border-radius:10px}
.brand.brand span{padding-left:0;text-align:center}
.login-logo{display:block;width:min(100%,320px);height:auto;margin:0 auto 24px;border-radius:16px}
@media(max-width:760px){.brand img{width:180px;max-width:55vw}.brand span{padding-left:0}}

/* One brand system; a personal garage and a compact business console. */
.oil{color:#edf5ff}.oil small{color:#b9d8f1}.oil strong{color:#65caff}
.maintenance-progress::-webkit-progress-value{background:linear-gradient(90deg,#0875d1,#65d9ff)}
.maintenance-progress::-moz-progress-bar{background:#48bdff}
.account-security{border-top:1px solid var(--border);margin-top:30px;padding-top:25px}
.account-security p{color:var(--muted);font-size:13px}
.plan-card{padding:24px;background:var(--surface-soft);border:1px solid var(--border);border-radius:20px}
.plan-card>strong{display:block;font-size:32px;margin:26px 0 0;letter-spacing:-1px}.plan-card>p{font-size:12px;color:var(--muted);margin-top:4px}
.plan-card dl{display:grid;grid-template-columns:1fr auto;gap:15px;font-size:12px;border-top:1px solid var(--border);padding-top:20px}.plan-card dt{color:var(--muted)}.plan-card dd{margin:0;text-align:right}
.table-scroll{overflow-x:auto;max-width:100%}.fleet-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}
.fleet-table th{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:var(--muted);font-weight:650;white-space:nowrap;background:var(--surface-soft)}
.fleet-table td,.fleet-table th{padding:15px 12px;border-bottom:1px solid var(--border)}
.fleet-table tr.selected td{background:var(--accent-soft)}.fleet-table td:first-child{min-width:175px}
.fleet-table td button{display:grid;gap:5px;background:transparent;border:0;box-shadow:none;text-align:left;padding:5px 0;width:100%;color:var(--focus)}
.fleet-table td button span{font-size:11px;color:var(--muted)}.fleet-table td small{display:block;font-size:10px;letter-spacing:0;margin-top:7px;white-space:nowrap}
.fleet-filter{display:flex;align-items:center;gap:12px;margin:18px 0 0}.fleet-filter select{font-size:12px;max-width:100%}
.table-hint{font-size:12px;color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;background:var(--muted);border-radius:50%;margin-right:7px}.status-dot.on{background:var(--focus)}
.garage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin:22px 0}
.garage-card{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:0;overflow:hidden;border-radius:22px;background:var(--surface);box-shadow:var(--shadow);min-width:0}
.garage-card>strong{font-size:21px;letter-spacing:-.7px;padding:22px 24px 5px}.garage-card .plate{font-size:12px;color:var(--muted);padding:0 24px;letter-spacing:1.5px}
.car-illustration{height:145px;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,var(--surface-soft),var(--accent-soft));color:var(--focus)}
.car-illustration svg{width:155px;height:75px}.car-illustration .tag{position:absolute;top:14px;left:16px}
.garage-service{display:grid;gap:7px;margin:23px 24px 0;padding-top:20px;border-top:1px solid var(--border)}
.garage-service small{font-size:9px;letter-spacing:1px}.garage-service b{font-size:23px;letter-spacing:-.8px}.garage-service>span{font-size:12px;color:var(--muted)}
.card-link{font-size:12px;color:var(--focus);padding:24px;font-weight:750}
.fleet-overview{display:grid;grid-template-columns:minmax(250px,.8fr) minmax(350px,1.4fr);gap:22px;margin-bottom:24px}
.command-card{padding:30px;background:var(--hero);color:#edf5ff;border-radius:20px;position:relative;overflow:hidden}
.command-card small{color:#99c6e9}.command-card h2{font-size:29px;margin:28px 0 12px}.command-card p{color:#bed2e6;font-size:13px}
.command-card button:not(.primary){color:#edf5ff;background:#ffffff12;border-color:#ffffff35}
.priority-panel,.recent-services{background:var(--surface);border:1px solid var(--border);padding:26px;border-radius:20px;box-shadow:var(--shadow)}
.priority-row{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;background:transparent;border:0;border-bottom:1px solid var(--border);border-radius:0;text-align:left;padding:18px 0;font-size:11px}
.priority-row strong{font-size:13px}.priority-row small{display:block;font-size:10px;letter-spacing:0;margin-top:6px}.priority-row>span:last-child{color:var(--muted);white-space:nowrap}
.recent-services{margin-top:24px}.service-event{display:flex;align-items:center;gap:16px;padding:21px 0;border-bottom:1px solid var(--border);font-size:12px}
.service-event:last-child{border:0}.service-event>div{flex:1;min-width:0}.service-event strong{font-size:13px}.service-event p{margin:5px 0;color:var(--muted);overflow-wrap:anywhere}
.service-event>span:last-child{color:var(--muted);text-align:right;line-height:1.7;white-space:nowrap}.event-mark{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:var(--accent-soft);color:var(--focus);flex-shrink:0}
.empty-state{padding:35px;text-align:center;grid-column:1/-1;color:var(--muted);border:1px dashed var(--border);border-radius:18px;background:var(--surface)}
.empty-state svg{width:100px;height:50px;color:var(--focus)}.empty-state h2{margin:15px 0}.empty-state p{font-size:13px}
body[data-portal="enterprise"]{--radius:13px}
body[data-portal="enterprise"] aside{background:var(--hero);color:#edf5ff}
body[data-portal="enterprise"] aside .brand span,body[data-portal="enterprise"] .aside-note{color:#b9d0e6}
body[data-portal="enterprise"] nav button,body[data-portal="enterprise"] #logout{color:#d3e6f8}
body[data-portal="enterprise"] nav button.active{color:var(--accent-ink)}
body[data-portal="enterprise"] nav button:hover:not(.active){background:#ffffff12}
body[data-portal="enterprise"] .workspace{grid-template-columns:minmax(0,1fr)}
body[data-portal="enterprise"] .stat{padding:20px 24px;border-radius:13px}
body[data-portal="enterprise"] .stat strong{font-size:32px}
body[data-portal="enterprise"] #detail{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
body[data-portal="enterprise"] #detail>.location{grid-column:2;grid-row:1/span 8;margin:0}
body[data-portal="enterprise"] #detail>.actions{grid-column:1/-1}
body[data-portal="individual"] .workspace{grid-template-columns:1fr}
body[data-portal="individual"] #list{padding:0;border:0;background:transparent;box-shadow:none}
body[data-portal="individual"] #list>.garage-grid{margin-top:16px}
body[data-portal="individual"] .portal-banner{margin-top:24px}
body[data-auth="signed-out"] nav,body[data-auth="signed-out"] .aside-note{display:none}
body[data-auth="signed-out"] #login{margin-top:24px}
body[data-portal="enterprise"][data-auth="signed-out"] #login{border-top:4px solid var(--accent);border-radius:14px}
body[data-portal="individual"] #login .login-logo{max-width:240px}
@media(min-width:1000px){
 body[data-portal="individual"]{display:block}
 body[data-portal="individual"] aside{position:relative;inset:auto;width:100%;height:auto;display:flex;flex-direction:row;align-items:center;gap:24px;padding:14px 4vw;overflow:visible;background:var(--surface)}
 body[data-portal="individual"] .brand{width:165px;flex-shrink:0;gap:4px}
 body[data-portal="individual"] .brand span{font-size:8px}
 body[data-portal="individual"] nav{display:flex;gap:4px;margin:0 auto}
 body[data-portal="individual"] nav button{padding:12px;font-size:12px;gap:7px}
 body[data-portal="individual"] nav button.active::after{display:none}
 body[data-portal="individual"] #identity{border:0;padding:0;margin:0;max-width:170px;font-size:11px}
 body[data-portal="individual"] #logout{margin:0;font-size:11px}
 body[data-portal="individual"] main{margin:0 auto;width:100%;max-width:1320px;padding:38px 4vw}
 body[data-portal="individual"] h1{font-size:38px}
 body[data-portal="individual"] .garage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 body[data-portal="individual"][data-auth="signed-out"] aside{justify-content:center}
}
@media(max-width:1100px){.fleet-overview{grid-template-columns:1fr}.garage-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}
@media(max-width:760px){
 .garage-grid{grid-template-columns:1fr;gap:18px}.car-illustration{height:130px}.priority-panel,.recent-services{padding:20px}.priority-row{flex-wrap:wrap}
 body[data-portal="enterprise"] #detail{display:block}body[data-portal="enterprise"] #detail>.location{margin-top:22px}
 body[data-portal="enterprise"] .stat{padding:18px 12px}.stat em{display:none}
 .fleet-filter{align-items:flex-start;flex-direction:column}.fleet-filter select{width:100%}
 .fleet-table{min-width:620px}.fleet-table td,.fleet-table th{padding:12px 10px}
 .service-event{gap:10px}.command-card{padding:24px}.service-event>span:last-child{font-size:10px}
 body[data-auth="signed-out"] aside{position:relative}
 .portal-entry a{padding:10px 8px;font-size:10px}
}

/* Refined workspace chrome and a transparent, scalable brand lockup. */
:root{--radius:16px;--shadow:0 6px 24px #183d6808}
:root[data-theme="dark"]{--bg:#080f1a;--surface:#101c2c;--surface-raised:#142338;--sidebar:#0b1626;--border:#22364e;--shadow:0 8px 30px #00000010}
body::before{background:radial-gradient(ellipse at 95% 0%,var(--halo),transparent 48%)}
.brand{display:flex;flex-wrap:nowrap;align-items:center;gap:11px;letter-spacing:0}
.brand .brand-mark{display:block;width:40px;height:46px;flex:0 0 40px;border-radius:0;max-width:none}
.brand-wordmark{display:flex;flex-direction:column;gap:3px;min-width:0}
.brand-wordmark b{font-size:23px;line-height:1;font-weight:850;letter-spacing:2px;color:var(--ink)}
.brand-wordmark em{font-style:normal;font-weight:750;font-size:10px;line-height:1.2;letter-spacing:2.1px;color:var(--focus)}
.brand .brand-wordmark .brand-context{display:block;flex-basis:auto;text-align:left;padding:0;margin:5px 0 0;font-size:8px;line-height:1.6;font-weight:500;letter-spacing:.6px;color:var(--muted)}
body[data-portal="enterprise"] aside{background:var(--sidebar)}
body[data-portal="enterprise"] nav button,body[data-portal="enterprise"] #logout{color:var(--sidebar-ink)}
body[data-portal="enterprise"] aside .brand .brand-context,body[data-portal="enterprise"] .aside-note{color:var(--muted)}
body[data-portal="enterprise"] nav button:hover:not(.active){background:var(--surface-soft)}
.login-brand{display:flex;align-items:center;justify-content:center;gap:15px;margin:8px auto 32px}
.login-brand img{width:58px;height:66px;flex-shrink:0}.login-brand>div{display:grid;gap:5px}
.login-brand strong{color:var(--ink);font-size:34px;letter-spacing:3px;font-weight:850;line-height:1}
.login-brand span{color:var(--focus);font-size:12px;letter-spacing:3px;font-weight:750}
aside{padding-top:30px}nav{margin-top:40px;gap:6px}nav button{border-radius:10px;font-size:12px;min-height:44px}
nav button:hover:not(:disabled){transform:none}nav button.active{box-shadow:none}
header{align-items:center;margin-bottom:30px;gap:16px}h1{font-size:clamp(27px,2.4vw,36px);line-height:1.15;letter-spacing:-1.3px;max-width:820px;margin:12px 0 11px}
header p{max-width:700px;font-size:13px;line-height:1.65}header small{font-size:10px;letter-spacing:1.4px}
button{border-radius:10px;transition:background .15s,border-color .15s,box-shadow .15s}
button:hover:not(:disabled){transform:none;box-shadow:none}.primary{box-shadow:none}.primary::after{display:none}
input,select,textarea{border-radius:10px;font-size:13px;min-height:44px}
select{-webkit-appearance:none;appearance:none;display:block;width:100%;background-color:var(--surface);background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 19px) 19px,calc(100% - 14px) 19px;background-size:5px 5px;background-repeat:no-repeat;padding:12px 36px 12px 14px;line-height:18px}
option{background:var(--surface);color:var(--ink)}
.language-picker{width:160px;min-width:140px;gap:7px}.language-picker>span{font-size:10px}
#themeToggle,#refresh{height:44px;margin-top:21px;font-size:11px}#themeToggle{gap:8px;padding:10px 12px}
.portal-banner{padding:0 0 22px;margin:0 0 25px;border-bottom:1px solid var(--border);min-height:70px}
.portal-banner strong{font-size:12px;font-weight:550;color:var(--muted)}
.portal-banner label{min-width:230px;max-width:280px;gap:7px;font-size:10px;color:var(--muted)}
.portal-banner select{font-size:12px;font-weight:650;border-color:var(--border);padding:12px 38px 12px 15px;background-color:var(--surface-soft)}
.stats{gap:18px;margin-bottom:24px}.stat{padding:22px 24px;border-radius:14px;box-shadow:none}.stat::after{display:none}
.stat span{font-size:11px;padding-right:38px;line-height:1.5}.stat strong{font-size:34px;font-weight:700;margin-top:14px;letter-spacing:-1px}
.stat em{font-size:10px;margin-top:6px;display:block}.stat:hover{transform:none;border-color:var(--border)}
.stat-icon{position:absolute;right:21px;top:21px;width:34px;height:34px;background:var(--accent-soft);border:1px solid var(--border);color:var(--focus);border-radius:10px;display:grid;place-items:center}
.stat-icon svg{width:19px;height:19px}.toolbar{gap:12px;margin:0 0 24px}.toolbar input{min-height:46px}.toolbar button{min-height:46px}
.workspace-intro{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid var(--border);border-radius:18px;padding:32px;background:linear-gradient(120deg,var(--surface),var(--surface-soft));position:relative;overflow:hidden}
.workspace-intro>div:first-child{position:relative;z-index:1}.workspace-intro h2{font-size:28px;letter-spacing:-.8px;margin:17px 0 12px}.workspace-intro p{font-size:13px;color:var(--muted);max-width:560px;line-height:1.8;margin:0}
.workspace-intro small{color:var(--focus);font-size:10px;letter-spacing:1.2px}.workspace-intro .actions{margin:25px 0 0}.workspace-intro button{font-size:12px}
.workspace-emblem{display:grid;place-items:center;width:130px;height:130px;flex-shrink:0;border:1px solid var(--border);border-radius:32px;color:var(--focus);background:var(--accent-soft);transform:rotate(-8deg)}
.workspace-emblem svg{width:60px;height:60px;transform:rotate(8deg)}
.workspace-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:20px 0 28px;border:1px solid var(--border);border-radius:14px;background:var(--surface)}
.workspace-totals>div{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:23px 25px;border-right:1px solid var(--border)}.workspace-totals>div:last-child{border:0}
.workspace-totals span{font-size:12px;color:var(--muted)}.workspace-totals strong{font-size:25px;line-height:1;font-variant-numeric:tabular-nums;font-weight:650}
.operations-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px}.operations-grid>.recent-services{margin-top:0}
.operations-grid .section-title h2{font-size:16px}.operations-grid .section-title button{font-size:11px;padding:8px 10px}
.empty-state{padding:48px 24px;border:1px solid var(--border);border-radius:16px;background:var(--surface)}
.empty-emblem{display:grid;place-items:center;margin:0 auto 20px;width:62px;height:62px;border:1px solid var(--border);border-radius:18px;background:var(--accent-soft);color:var(--focus)}
.empty-emblem svg{width:28px;height:28px}.empty-state h2{font-size:19px;letter-spacing:-.3px;margin:0 0 10px}.empty-state p{font-size:12px;color:var(--muted);max-width:440px;margin:0 auto 22px;line-height:1.8}
.empty-state button{font-size:12px}.list-panel:has(>.empty-state){padding:0;border:0;box-shadow:none;background:transparent}
.workspace.no-detail{grid-template-columns:1fr}.muted{color:var(--muted);font-size:12px;padding:20px 0}
body[data-portal="individual"] .garage-card{border-radius:16px}.garage-card>strong{font-size:19px}.car-illustration{background:linear-gradient(135deg,var(--surface-soft),var(--accent-soft))}
.company-card{border-radius:12px}.member-row{gap:15px}.history-row strong{font-size:13px}footer{margin-top:32px;padding-top:22px;font-size:10px}
body[data-auth="signed-out"]{display:block}body[data-auth="signed-out"] aside{position:relative;inset:auto;width:100%;height:auto;padding:25px 5vw;align-items:center;border-bottom:1px solid var(--border);border-right:0}
body[data-auth="signed-out"] .brand{width:auto}body[data-auth="signed-out"] main{margin:0 auto;width:100%;max-width:1200px;padding-top:28px}
body[data-auth="signed-out"] #login::before{display:none}body[data-auth="signed-out"] #login{padding:34px;box-shadow:var(--shadow);border-top:1px solid var(--border)}
@media(min-width:1000px){body[data-portal="individual"] .brand{width:184px}body[data-portal="individual"] nav{gap:2px}body[data-portal="individual"] nav button{padding:11px 10px;font-size:11px}.brand .brand-wordmark .brand-context{font-size:8px}}
@media(min-width:1000px) and (max-width:1300px){body[data-portal="individual"] aside{flex-wrap:wrap;gap:12px}body[data-portal="individual"] nav{order:5;flex-basis:100%;justify-content:center}body[data-portal="individual"] #identity{margin-left:auto}}
@media(max-width:1100px){.operations-grid{grid-template-columns:1fr}.workspace-emblem{width:100px;height:100px}.workspace-totals>div{padding:20px 15px}}
@media(max-width:760px){
 .brand .brand-mark{width:33px;height:38px;flex-basis:33px}.brand-wordmark b{font-size:20px}.brand-wordmark em{font-size:8px}.brand .brand-wordmark .brand-context{display:none}
 aside{padding:15px 18px}.brand{gap:9px}nav{margin-top:16px}nav button{font-size:11px;min-height:40px}#logout{top:17px}
 header{margin-bottom:24px;gap:12px}h1{font-size:27px;letter-spacing:-.8px}header>div{flex-basis:100%}
 .language-picker{width:auto;min-width:120px}#themeToggle,#refresh{margin-top:21px}#themeToggle{font-size:10px;gap:7px}
 .portal-banner{padding-bottom:20px;margin-bottom:20px;gap:16px}.portal-banner label{width:100%;max-width:none}.portal-banner select{width:100%}
 .stat{padding:18px 12px}.stat-icon{display:none}.stat span{padding-right:0;font-size:10px}.stat strong{font-size:28px}.stat em{display:none}
 .workspace-intro{padding:25px}.workspace-intro h2{font-size:23px}.workspace-emblem{display:none}.workspace-intro .actions{gap:9px}
 .workspace-totals{gap:0;margin-top:16px}.workspace-totals>div{flex-direction:column;align-items:flex-start;gap:13px;padding:18px 12px}.workspace-totals span{font-size:10px}.workspace-totals strong{font-size:24px}
 .empty-state{padding:36px 22px}.empty-state h2{font-size:18px}.empty-state p{font-size:12px}.login-brand strong{font-size:29px}
 body[data-auth="signed-out"] #login{padding:26px}.portal-entry a{font-size:10px;padding:12px 8px}
}

/* Author signature remains visible on login and every workspace. */
.gtech-signature{display:flex;align-items:center;justify-content:flex-end;gap:7px;margin:20px 0 4px;color:var(--muted);font-size:10px;letter-spacing:.25px}.gtech-signature strong{color:var(--ink);font-weight:800;letter-spacing:1.6px}.gtech-signature>span{color:var(--focus);font-size:13px}@media(max-width:760px){.gtech-signature{justify-content:center;margin-top:24px}}

/* Guided onboarding and email support. */
#reset{max-width:510px;margin:32px auto;padding:32px;background:var(--surface);border:1px solid var(--border);border-radius:20px;box-shadow:var(--shadow)}
#reset h2{font-size:25px;letter-spacing:-.7px}#resetError{color:var(--danger);font-size:12px}.account-preview{padding:12px 14px;background:var(--accent-soft);border:1px solid var(--border);border-radius:10px;color:var(--focus);overflow-wrap:anywhere;font-size:12px}
#supportButton{height:44px;margin-top:21px;font-size:11px;background:transparent;color:var(--focus)}
#support{padding:30px;background:var(--surface);border:1px solid var(--border);border-radius:18px;display:grid;grid-template-columns:1fr 1fr;gap:32px}
.support-intro .empty-emblem{margin:0 0 24px;width:50px;height:50px;border-radius:14px}.support-intro h2{font-size:25px;margin:16px 0 12px}.support-intro p,.support-guidance p{font-size:13px;color:var(--muted);line-height:1.9}.support-address{display:inline-block;font-size:17px;font-weight:650;margin:12px 0;overflow-wrap:anywhere}.support-guidance{border-left:1px solid var(--border);padding:18px 0 0 30px}.support-guidance h3{font-size:15px}.support-guidance>small{display:block;letter-spacing:0;line-height:1.7;font-weight:400;margin-top:18px}.support-compose{display:inline-block;padding:13px 18px;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:700;text-decoration:none;border-radius:10px;margin-top:12px}
#editForm .support-guidance{border:0;padding:0}.text-button{border:0;background:transparent;color:var(--focus);padding:12px 0;text-align:left;font-size:12px;box-shadow:none}#forgotPassword{margin-top:10px}.onboarding-steps{display:flex;gap:10px;justify-content:space-between;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:16px}.onboarding-steps span{font-size:10px;color:var(--muted);line-height:1.6}.onboarding-steps .current{color:var(--focus);font-weight:700}.account-type{display:flex;align-items:center;gap:14px;background:var(--surface-soft);border:1px solid var(--border);border-radius:13px;padding:18px}.account-type>svg{width:30px;height:30px;flex-shrink:0;color:var(--focus)}.account-type strong{font-size:13px}.account-type p{margin:6px 0 0;font-size:11px;color:var(--muted)}.delivery-choice{border-top:1px solid var(--border);padding-top:18px}.delivery-choice p,.delivery-summary{font-size:12px;color:var(--muted);line-height:1.8}.password-feedback{margin:0;font-size:12px;color:var(--muted)}.password-feedback[data-valid="true"]{color:var(--focus)}.invitation-status{font-size:11px;color:var(--focus);padding:8px 11px;background:var(--accent-soft);border-radius:8px;display:inline-block}.success-panel{padding:20px;background:var(--accent-soft);border:1px solid var(--border);border-radius:13px}.success-panel h3{color:var(--focus)}
@media(max-width:760px){#support{grid-template-columns:1fr;padding:24px;gap:12px}.support-guidance{border-left:0;border-top:1px solid var(--border);padding:20px 0 0}.support-address{font-size:15px}#supportButton{margin-top:0;width:100%}#reset{padding:25px}.onboarding-steps{gap:8px}.onboarding-steps span{font-size:9px}}