*{box-sizing:border-box}body{margin:0;background:#f4f7f8;color:#10202a;font-family:'DM Sans',sans-serif}header{height:76px;background:rgba(255,255,255,.96);border-bottom:1px solid #e4e9ec;display:flex;align-items:center;padding:0 5vw;gap:34px;position:sticky;top:0;z-index:5;backdrop-filter:blur(12px)}.brand{font:700 26px 'Space Grotesk';color:#0e1c25;text-decoration:none;letter-spacing:-1.4px}.brand span{color:#1f9a76}nav{display:flex;gap:22px;flex:1}nav a{color:#66747d;text-decoration:none;font-size:13px;font-weight:700}.user{display:flex;align-items:center;gap:9px;font-size:13px;color:#44535d}.user small{color:#829099;text-transform:uppercase;font-size:9px;letter-spacing:1px}.user a{color:#1d8d6c;text-decoration:none;font-weight:700;margin-left:8px}.avatar{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#e2f3ed;color:#16785c;font-weight:700}main{max-width:1180px;margin:auto;padding:50px 24px 90px}footer{text-align:center;color:#94a0a7;font-size:11px;padding:0 0 30px}.login{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;min-height:74vh}.hero h1{font:700 clamp(52px,7vw,86px)/.92 'Space Grotesk';letter-spacing:-5px;margin:14px 0 26px}.hero h1 em{font-style:normal;color:#1f9a76}.hero p{font-size:18px;line-height:1.75;max-width:620px;color:#63727b}.eyebrow{font-size:11px;letter-spacing:2.2px;font-weight:800;color:#1d8f6e}.chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:30px}.chips span,.pill,.status{background:#e6f5ef;color:#197b60;border-radius:999px;padding:8px 12px;font-size:11px;font-weight:800}.card{background:#fff;border:1px solid #e1e7ea;border-radius:22px;padding:25px;box-shadow:0 12px 38px rgba(15,31,42,.045)}.login-card{padding:30px}.role-tabs{display:grid;grid-template-columns:repeat(3,1fr);background:#f1f4f5;border-radius:11px;padding:4px;margin-bottom:28px}.role-tabs a{padding:10px;text-align:center;text-decoration:none;color:#6c7a82;font-size:12px;font-weight:700;border-radius:8px}.role-tabs a.active{background:#fff;color:#10202a;box-shadow:0 2px 8px rgba(0,0,0,.06)}.card h2{font:700 21px 'Space Grotesk';margin:0 0 7px}.muted{color:#718089}.card label{display:block;font-size:12px;font-weight:800;color:#56656e;margin:16px 0}.card input,.card textarea{width:100%;margin-top:7px;border:1px solid #d9e1e5;border-radius:10px;padding:13px 14px;font:inherit;outline:none;background:#fbfcfd}.card input:focus,.card textarea:focus{border-color:#1f9a76;box-shadow:0 0 0 3px #e1f4ee}.button,button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:11px;background:#10202a;color:#fff;text-decoration:none;padding:13px 18px;font-weight:800;cursor:pointer}.button.wide{width:100%;margin-top:10px}.demo{margin-top:20px;padding:13px 15px;border-radius:12px;background:#f6f8f9;display:grid;gap:5px;font-size:11px}.demo span{color:#718089}.flash{padding:12px 15px;border-radius:10px;margin-bottom:18px;background:#fff1d7}.top{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}.top h1{font:700 43px 'Space Grotesk';letter-spacing:-2.5px;margin:8px 0 6px}.top p{margin:0}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:22px}.stats>div{background:#10202a;color:#fff;border-radius:20px;padding:22px}.stats span{font-size:10px;letter-spacing:1.4px;color:#b6c2c8}.stats b{font:700 30px 'Space Grotesk';display:block;margin:7px 0 2px}.stats small{color:#94a4ad;font-size:11px}.sectionhead,.row{display:flex;align-items:center;justify-content:space-between;gap:20px}.sectionhead{margin-bottom:10px}.sectionhead a{color:#1c8d6c;text-decoration:none;font-size:12px;font-weight:800}.row{padding:16px 0;border-top:1px solid #edf0f2}.row strong{display:block}.row small{display:block;color:#78868e;margin-top:6px}.linkrow{color:inherit;text-decoration:none}.linkrow>span{color:#1c8d6c;font-weight:800;font-size:12px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid.two{grid-template-columns:1.35fr .85fr;margin-bottom:22px}.vehiclecard{background:#fff;border:1px solid #e1e7ea;border-radius:20px;padding:22px;text-decoration:none;color:inherit;transition:.2s}.vehiclecard:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(19,35,45,.08)}.vehiclecard h3{font:700 22px 'Space Grotesk';margin:17px 0 5px}.vehiclecard p{color:#75828b;font-size:13px}.vehiclecard>span:last-child{color:#1d8d6c;font-size:12px;font-weight:800}.reg{display:inline-block;background:#f0f3f5;border-radius:7px;padding:7px 9px;font:700 13px 'Space Grotesk';letter-spacing:1px}.reg.big{font-size:19px;padding:8px 11px}.customer-banner{background:#10202a;color:#fff;border-radius:24px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.customer-banner h2{font:700 28px 'Space Grotesk';margin:10px 0 5px}.customer-banner p{color:#aebcc3;margin:0}.shield{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#1f9a76;font-size:25px}.vehiclehero{background:#10202a;color:#fff;border-radius:25px;padding:35px;display:flex;justify-content:space-between;align-items:center;margin:12px 0 20px}.vehiclehero h1{font:700 42px 'Space Grotesk';letter-spacing:-2px;margin:14px 0 5px}.vehiclehero p{color:#b7c2c8;margin:0}.verified{background:#1f9a76;color:#fff;border-radius:999px;padding:9px 13px;font-size:11px;font-weight:800}.timeline{display:grid;grid-template-columns:15px 1fr;gap:15px;padding:19px 0;border-top:1px solid #edf0f2}.dot{width:10px;height:10px;border-radius:50%;background:#1f9a76;margin-top:5px}.timeline strong{display:block}.timeline small{display:block;color:#78858e;margin:5px 0 8px}.timeline p{margin:0;color:#52616a;font-size:13px;line-height:1.55}.interval{padding:14px 0;border-top:1px solid #edf0f2}.interval span{display:block;color:#74818a;font-size:11px;margin-top:4px}.disclaimer{font-size:10px;color:#8a969d;line-height:1.5;margin-top:17px}.service-form{margin-top:18px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.formgrid .full{grid-column:1/-1}.notice{display:grid;gap:4px;background:#eef7f4;border:1px solid #d9eee7;border-radius:12px;padding:13px 15px;margin:18px 0;font-size:11px}.notice span{color:#6f7d85}.back{display:inline-block;color:#64737c;text-decoration:none;font-size:12px;font-weight:800;margin-bottom:12px}.form-card{max-width:760px}.form-card .button{margin-top:6px}@media(max-width:850px){.login,.grid,.grid.two{grid-template-columns:1fr}.login{gap:35px}.stats{grid-template-columns:1fr}.top,.vehiclehero{align-items:flex-start;flex-direction:column}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}nav{display:none}.user small{display:none}.customer-banner{align-items:flex-start;gap:20px}}
.card select{width:100%;margin-top:7px;border:1px solid #d9e1e5;border-radius:10px;padding:13px 14px;font:inherit;outline:none;background:#fbfcfd;color:#10202a}.card select:focus{border-color:#1f9a76;box-shadow:0 0 0 3px #e1f4ee}.privacy-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;background:#eef7f4;border:1px solid #d8ebe5;border-radius:16px;padding:17px 20px;margin:-4px 0 20px}.privacy-banner strong{display:block;font-size:13px}.privacy-banner span:not(.pill){display:block;color:#65757e;font-size:12px;line-height:1.5;margin-top:4px}.record-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:11px;color:#687780}.record-meta.privacy{color:#197b60}.workchips{display:flex;gap:6px;flex-wrap:wrap;margin:9px 0}.workchips span{background:#f0f6f4;border:1px solid #e0ece8;color:#376354;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:700}.compact{font-size:11px;margin:2px 0 0}.label-help{font-weight:500;color:#8b979e;margin-left:5px}.checkgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 16px}.checkitem{display:flex!important;align-items:center;gap:9px;margin:0!important;border:1px solid #e2e8eb;border-radius:10px;padding:10px 11px;background:#fbfcfd;font-size:11px!important;cursor:pointer}.checkitem:hover{border-color:#b7d9cf;background:#f4faf8}.checkitem input{width:auto!important;margin:0!important;accent-color:#1f9a76}.privacy-card{margin-top:18px;background:#fbfcfd}.privacy-card p{font-size:12px;line-height:1.6;color:#687780}.lookup-card{background:linear-gradient(135deg,#10202a,#18333e);color:#fff;border-radius:22px;padding:24px 26px;margin-bottom:22px;display:flex;align-items:center;justify-content:space-between;gap:30px}.lookup-card h2{font:700 23px 'Space Grotesk';margin:7px 0 5px}.lookup-card p{margin:0;color:#aebcc3;font-size:12px;max-width:600px}.lookup-card form{display:flex;gap:8px;min-width:350px}.lookup-card input{flex:1;border:1px solid #3b505a;background:#fff;border-radius:10px;padding:12px 14px;font:700 14px 'Space Grotesk';letter-spacing:1px;text-transform:uppercase}.lookup-card button{background:#1f9a76;white-space:nowrap}@media(max-width:850px){.privacy-banner,.lookup-card{align-items:flex-start;flex-direction:column}.lookup-card form{width:100%;min-width:0}.checkgrid{grid-template-columns:1fr}}

.field-help{display:block;margin-top:6px;color:#8b979e;font-size:10px;font-weight:500}.card select:disabled{color:#9aa5ab;background:#f1f4f5;cursor:not-allowed}
.lookup-panel{margin-bottom:22px}.lookup-row{display:flex;gap:10px;margin-top:7px}.lookup-row input{flex:1}.lookup-btn{white-space:nowrap;margin:0}.lookup-status{min-height:22px;margin-top:10px;font-size:14px;font-weight:650}.lookup-status.success{color:#16784a}.lookup-status.error{color:#b42318}.lookup-status.loading{opacity:.75}.vehicle-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0 22px}.vehicle-summary>div{padding:14px;border:1px solid var(--line,#e7e9ee);border-radius:12px;background:rgba(127,127,127,.04)}.vehicle-summary span{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.6;margin-bottom:4px}.vehicle-summary strong{font-size:16px}.manual-fields{margin:6px 0 20px}.customer-block{margin-top:18px}.optional{font-size:11px;font-weight:500;opacity:.55}@media(max-width:700px){.lookup-row{flex-direction:column}.vehicle-summary{grid-template-columns:repeat(2,1fr)}}

/* Polished vehicle workspace */
body.vehicle-page{background:#f6f8fb;overflow:hidden}.vehicle-main{max-width:none;margin:0;padding:0;height:100vh;overflow:hidden}.vehicle-workspace{display:grid;grid-template-columns:232px 1fr;height:100vh}.vehicle-sidebar{background:linear-gradient(180deg,#081522,#06111c);color:#eaf1f6;padding:24px 18px 16px;display:flex;flex-direction:column;gap:5px;min-height:100vh}.sidebar-brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font:700 21px 'Space Grotesk';margin:2px 0 24px}.brand-mark{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid #dce7ef;font-size:14px}.sidebar-label{font-size:10px;letter-spacing:1.2px;color:#768797;margin:19px 8px 7px}.vehicle-sidebar>a:not(.sidebar-brand){display:flex;align-items:center;gap:11px;text-decoration:none;color:#c7d1da;padding:11px 12px;border-radius:9px;font-size:14px}.vehicle-sidebar>a span{width:18px;text-align:center}.vehicle-sidebar>a.active,.vehicle-sidebar>a:not(.sidebar-brand):hover{background:#174ecf;color:#fff}.sidebar-user{margin-top:auto;border-top:1px solid #1b2a37;padding:16px 4px 0;display:flex;align-items:center;gap:10px}.sidebar-user>div{display:grid;flex:1}.sidebar-user strong{font-size:12px}.sidebar-user small{font-size:10px;color:#7e909f}.sidebar-user>a{color:#9fb0bd;text-decoration:none}.sidebar-avatar,.mini-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e1e9f6;color:#213b6f;font-weight:800}.vehicle-content{height:100vh;overflow:auto;padding:0 24px 60px}.vehicle-topbar{height:72px;display:flex;align-items:center;justify-content:space-between}.vehicle-topbar>a{color:#174ecf;text-decoration:none;font-weight:700;font-size:13px}.vehicle-hero-modern{min-height:305px;background:radial-gradient(circle at 68% 30%,#173446 0,#0d2230 35%,#091925 70%);border-radius:22px;position:relative;color:#fff;display:grid;grid-template-columns:38% 46% 16%;align-items:center;padding:34px 30px;overflow:hidden;box-shadow:0 16px 50px rgba(6,22,34,.12)}.hero-copy{z-index:2}.numberplate{display:inline-block;background:#ffd534;color:#101820;padding:9px 13px;border-radius:7px;font:800 18px 'Space Grotesk';letter-spacing:1px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}.hero-copy h1{font:700 clamp(30px,3vw,42px) 'Space Grotesk';letter-spacing:-2px;margin:18px 0 8px}.hero-copy p{margin:5px 0;color:#d0dae1}.hero-copy .vin-line{font-size:13px;color:#9db0bd}.inline-verified{display:inline-flex;align-items:center;gap:8px;margin-top:14px;font-size:12px}.inline-verified i{width:18px;height:18px;border-radius:50%;background:#2eb579;display:grid;place-items:center;font-style:normal;font-size:11px}.hero-verified{justify-self:end;align-self:start;margin-top:16px;white-space:nowrap}.modern-privacy{margin-top:14px;background:#eef7f4;border:1px solid #d5ece5;border-radius:13px;padding:12px 16px;display:flex;align-items:center;gap:14px;color:#36564d;font-size:11px}.modern-privacy strong{color:#163f34}.modern-privacy span{flex:1}.modern-privacy b{background:#d8f1e8;color:#23745c;border-radius:999px;padding:6px 9px;font-size:9px}.vehicle-tabs{display:flex;gap:4px;border-bottom:1px solid #dfe5eb;margin:22px 0 20px;overflow-x:auto}.vehicle-tabs button{background:none;color:#667184;border-radius:0;padding:13px 17px;border-bottom:2px solid transparent;font-weight:600;white-space:nowrap}.vehicle-tabs button.active{color:#174ecf;border-bottom-color:#174ecf}.tab-panel{display:none}.tab-panel.active{display:block}.modern-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(270px,.7fr);gap:18px}.modern-card{background:#fff;border:1px solid #e3e8ee;border-radius:14px;box-shadow:0 8px 25px rgba(28,46,63,.045);padding:22px}.modern-card h2{font:700 17px 'Space Grotesk';margin:0}.modern-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.modern-card-head p{margin:4px 0 0;color:#82909b;font-size:11px}.record-count,.fast-badge{font-size:10px;padding:7px 10px;border-radius:8px;background:#f4f7fa;color:#61717d;font-weight:700}.fast-badge{background:#e9f7f2;color:#1c7e61}.service-row-modern{display:grid;grid-template-columns:105px 38px 1fr auto;gap:12px;align-items:start;padding:19px 0;border-bottom:1px solid #edf0f3}.service-row-modern:last-child{border-bottom:0}.service-date strong,.service-date small{display:block}.service-date strong{font-size:12px}.service-date small{font-size:11px;color:#657684;margin-top:5px}.service-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#23a864;color:#fff;font-weight:800}.service-main>strong{font-size:14px}.service-main>small{color:#70818e;font-size:10px}.service-main p{margin:7px 0;color:#667683;font-size:12px}.work-list-modern{display:flex;flex-wrap:wrap;gap:5px 10px;margin:6px 0}.work-list-modern span{font-size:10px;color:#40525f}.verified-small{align-self:center;background:#e8f7f0;color:#21815f;border-radius:999px;padding:7px 9px;font-size:9px;font-weight:800}.overview-card>div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #ebeff3;padding:12px 0;font-size:11px}.overview-card>div span{color:#778794}.overview-card>div strong{text-align:right}.overview-card h2{margin-bottom:7px}.lower-grid{margin-top:18px;grid-template-columns:.75fr 1.25fr}.interval-modern{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf0f3;font-size:11px}.interval-modern span{color:#758693;text-align:right}.maintenance-card .disclaimer{font-size:9px;color:#9aa6ae;line-height:1.45}.quick-service-card select,.modern-card select{width:100%;margin-top:7px;border:1px solid #d9e1e5;border-radius:10px;padding:13px 14px;background:#fbfcfd}.tab-card{min-height:280px}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 26px;margin-top:18px}.details-grid>div{display:flex;justify-content:space-between;border-bottom:1px solid #edf0f3;padding:15px 0;font-size:12px}.details-grid span{color:#7c8a94}.empty-modern{padding:35px 0;color:#87959f;text-align:center}.read-only-card{background:#f8fafb}
@media(max-width:1000px){body.vehicle-page{overflow:auto}.vehicle-main,.vehicle-content{height:auto;overflow:visible}.vehicle-workspace{grid-template-columns:1fr;height:auto}.vehicle-sidebar{display:none}.vehicle-content{padding:0 16px 50px}.vehicle-hero-modern{grid-template-columns:1fr 1fr;min-height:340px}.hero-verified{position:absolute;right:20px;top:18px}.modern-grid,.lower-grid{grid-template-columns:1fr}.modern-card{padding:18px}}
@media(max-width:650px){.vehicle-hero-modern{grid-template-columns:1fr;min-height:480px;padding:28px 22px}.hero-copy h1{font-size:32px}.hero-verified{font-size:8px}.service-row-modern{grid-template-columns:82px 32px 1fr}.verified-small{display:none}.vehicle-tabs button{padding:11px 12px;font-size:11px}.details-grid{grid-template-columns:1fr}.modern-privacy b{display:none}}

/* Navigation + no-image vehicle header fixes */
.vehicle-hero-modern.no-image-hero{grid-template-columns:minmax(0,1fr) auto;min-height:235px;padding:36px 40px}
.vehicle-hero-modern.no-image-hero .hero-verified{position:static;align-self:center;justify-self:end}
.portal-list-page{background:#f6f8fb}
.portal-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:20px 0 22px}
.portal-page-head h1{font:700 40px 'Space Grotesk';letter-spacing:-2px;margin:7px 0 0}
.portal-list-card{max-width:1080px}
.portal-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:16px 8px;border-top:1px solid #e8edf1;text-decoration:none;color:#13222d;border-radius:10px}
.portal-row:hover{background:#f8fafc}.portal-row strong,.portal-row small{display:block}.portal-row small{color:#7b8993;margin-top:4px}.portal-row>b{color:#174ecf;font-size:12px}.small-plate{font-size:12px;padding:7px 9px;min-width:88px;text-align:center}
@media(max-width:760px){.vehicle-hero-modern.no-image-hero{grid-template-columns:1fr;gap:20px}.vehicle-hero-modern.no-image-hero .hero-verified{justify-self:start}.portal-page-head{align-items:flex-start;flex-direction:column}}


/* Core garage workflow */
.workspace-stats{grid-template-columns:repeat(4,1fr);margin:0 0 18px}
.workspace-stats>a,.workspace-stats>div{text-decoration:none;color:inherit;background:#fff;border:1px solid #e3e8ee;border-radius:14px;padding:20px;box-shadow:0 8px 25px rgba(28,46,63,.04)}
.workspace-stats>a:hover{border-color:#c7d8f4;transform:translateY(-1px)}
.workspace-stats span,.workspace-stats b,.workspace-stats small{display:block}.workspace-stats span{font-size:10px;letter-spacing:.08em;color:#7b8994;font-weight:700}.workspace-stats b{font:700 30px 'Space Grotesk';margin:5px 0}.workspace-stats small{color:#87939c;font-size:10px}
.dashboard-grid{grid-template-columns:1.25fr .75fr;margin-top:0}.dashboard-lookup{display:flex;gap:10px;margin-top:18px}.dashboard-lookup input{flex:1;border:1px solid #dbe2e8;border-radius:10px;padding:13px 14px;font-weight:700;letter-spacing:.08em}
.quick-links-card{display:grid;gap:4px}.quick-links-card h2{margin-bottom:7px}.quick-links-card>a{display:flex;justify-content:space-between;text-decoration:none;color:#243542;padding:11px 5px;border-top:1px solid #edf0f3;font-size:12px;font-weight:650}.quick-links-card>a span{color:#174ecf}.dashboard-vehicles{margin-top:18px}.text-link{color:#174ecf;text-decoration:none;font-size:11px;font-weight:700}
.static-row:hover{background:transparent}.add-vehicle-shell{max-width:900px}.add-vehicle-shell .form-card{max-width:none;margin:0}
.status-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 9px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}.status-chip.pass{background:#e8f7f0;color:#21795b}.status-chip.fail{background:#fdecec;color:#a52a2a}.status-chip.warn{background:#fff4dd;color:#9a6200}.status-chip.neutral{background:#eef2f5;color:#687781}
.reminder-row{grid-template-columns:1fr auto auto}.row-main-link{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:center;text-decoration:none;color:#13222d}.mini-action{border:1px solid #d6e0e7;background:#fff;color:#174ecf;padding:7px 10px;border-radius:8px;font-size:10px;font-weight:700;cursor:pointer}
.mot-history-row,.reminder-history-row{display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:12px;padding:15px 0;border-top:1px solid #edf0f3}.mot-history-row strong,.mot-history-row small,.reminder-history-row strong,.reminder-history-row small{display:block}.mot-history-row small,.reminder-history-row small{color:#798993;margin-top:4px;font-size:10px}.mot-history-row p,.reminder-history-row p{margin:7px 0 0;font-size:11px;color:#667581}
.compact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compact-form label{font-size:11px;font-weight:700;color:#465865}.compact-form input,.compact-form select,.compact-form textarea{width:100%;margin-top:6px;border:1px solid #dbe2e8;border-radius:10px;padding:12px 13px;background:#fbfcfd;font:inherit}.compact-form .full{grid-column:1/-1}
.polished-service-form .input-shell{display:flex;align-items:center;border:1px solid #dbe2e8;border-radius:10px;background:#fbfcfd;margin-top:7px;padding:0 11px}.polished-service-form .input-shell>span{color:#8b99a4;font-size:12px}.polished-service-form .input-shell input{border:0;background:transparent;margin:0;padding:13px 9px;min-width:0;flex:1;outline:none}.suffix-shell b{font-size:10px;color:#82909b;font-weight:600}.notes-field{position:relative}.notes-field textarea{border:1px solid #dbe2e8;border-radius:10px;background:#fbfcfd;padding:13px 14px;resize:vertical}.char-count{display:block;text-align:right;color:#8b98a2;margin-top:5px;font-size:9px}
@media(max-width:1000px){.workspace-stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}}
@media(max-width:650px){.workspace-stats{grid-template-columns:1fr 1fr}.dashboard-lookup{flex-direction:column}.compact-form{grid-template-columns:1fr}.compact-form .full{grid-column:auto}.reminder-row{grid-template-columns:1fr auto}.reminder-row form{grid-column:1/-1}.row-main-link{grid-template-columns:auto 1fr}}

/* Polished Service Entry */
.polished-service-card{overflow:hidden}
.polished-service-card .modern-card-head{padding-bottom:18px;border-bottom:1px solid #edf1f4;margin-bottom:22px}
.service-entry-form{display:grid;gap:22px}
.service-form-top{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.service-field{display:block}
.field-title{display:block;font-size:12px;font-weight:800;color:#243542;margin-bottom:3px}
.field-help{display:block;font-size:10px;color:#88959f;margin-bottom:8px;font-weight:500}
.service-input-wrap,.service-select-wrap{display:flex;align-items:center;border:1px solid #d8e0e6;background:#fbfcfd;border-radius:12px;min-height:48px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.service-input-wrap:focus-within,.service-select-wrap:focus-within{border-color:#7ea5f1;box-shadow:0 0 0 3px rgba(38,91,201,.08);background:#fff}
.field-icon{padding-left:13px;color:#8b99a4;font-size:13px;flex:0 0 auto}
.service-input-wrap input{width:100%;border:0;outline:0;background:transparent;padding:13px 12px;color:#1f2f3a;font:inherit;font-size:12px;font-weight:650}
.service-select-wrap select{width:100%;border:0;outline:0;background:transparent;padding:13px 14px;color:#1f2f3a;font:inherit;font-size:12px;font-weight:650}
.input-suffix{padding:0 14px 0 8px;color:#6f7f8a;font-size:11px;font-weight:700;white-space:nowrap}
.work-performed-field{padding-top:2px}
.field-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:10px}
.field-heading-row .field-help{margin-bottom:0}
.clear-checks{border:0;background:transparent;color:#2459c4;font-size:10px;font-weight:800;cursor:pointer;padding:5px 0}
.clear-checks:hover{text-decoration:underline}
.service-check-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.service-check{position:relative;display:flex;align-items:center;gap:9px;padding:10px 11px;border:1px solid #e0e6eb;border-radius:10px;background:#fff;cursor:pointer;min-height:42px;transition:.15s ease}
.service-check:hover{border-color:#c8d7e7;background:#fbfdff}
.service-check input{position:absolute;opacity:0;pointer-events:none}
.check-box{width:18px;height:18px;border:1px solid #c9d3dc;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;color:transparent;background:#fff;font-size:10px;font-weight:900;flex:0 0 auto}
.check-label{font-size:10px;font-weight:650;color:#43545f;line-height:1.25}
.service-check:has(input:checked){border-color:#a9c2ef;background:#f5f8ff}
.service-check input:checked + .check-box{background:#2459c4;border-color:#2459c4;color:#fff}
.invoice-field{max-width:360px}
.notes-field textarea{width:100%;box-sizing:border-box;border:1px solid #d8e0e6;background:#fbfcfd;border-radius:12px;padding:13px 14px;resize:vertical;outline:none;color:#273842;font:inherit;font-size:12px;line-height:1.5;min-height:112px}
.notes-field textarea:focus{border-color:#7ea5f1;box-shadow:0 0 0 3px rgba(38,91,201,.08);background:#fff}
.notes-meta{display:flex;justify-content:space-between;gap:12px;margin-top:6px;color:#8a97a1;font-size:9px}
.notes-meta strong{color:#657580}
.service-submit-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #edf1f4;padding-top:18px}
.verified-save-note{display:flex;align-items:center;gap:10px;min-width:0}
.verified-dot{width:28px;height:28px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:#e9f7f0;color:#257556;font-size:12px;font-weight:900;flex:0 0 auto}
.verified-save-note strong,.verified-save-note small{display:block}
.verified-save-note strong{font-size:10px;color:#334751}
.verified-save-note small{font-size:9px;color:#8a97a1;margin-top:2px;line-height:1.3}
.save-service-button{min-width:220px;min-height:46px;font-weight:800;white-space:nowrap}
@media(max-width:900px){.service-check-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-form-top{grid-template-columns:1fr}}
@media(max-width:620px){.service-check-grid{grid-template-columns:1fr}.service-submit-bar{align-items:stretch;flex-direction:column}.save-service-button{width:100%}.invoice-field{max-width:none}}

/* Garage Plans + Service Print */
.plan-strip{display:flex;align-items:center;gap:7px;margin:8px 0 4px}.plan-badge{display:inline-flex;padding:4px 7px;border-radius:999px;font-size:8px;font-weight:900;letter-spacing:.7px}.plan-essential{background:#eef2f5;color:#63727c}.plan-pro{background:#eef4ff;color:#2b5cc3}.plan-business{background:#f3edff;color:#6947b8}.plan-price{font-size:9px;color:#87939b;font-weight:700}.sidebar-premium{margin:16px 8px 8px;border-top:1px solid rgba(255,255,255,.08);padding-top:12px}.premium-row{display:flex;align-items:center;justify-content:space-between;padding:7px 6px;color:#8f9aa2;font-size:10px}.premium-row b{font-size:7px;background:rgba(255,255,255,.08);border-radius:999px;padding:3px 6px}.upgrade-card{display:block;margin:10px 7px;padding:12px;border-radius:12px;background:rgba(76,111,186,.12);border:1px solid rgba(123,153,216,.18);text-decoration:none}.upgrade-card strong,.upgrade-card span,.upgrade-card em{display:block}.upgrade-card strong{color:#fff;font-size:10px}.upgrade-card span{color:#98a7b2;font-size:8px;line-height:1.4;margin:4px 0 8px}.upgrade-card em{color:#a9c5ff;font-size:8px;font-style:normal;font-weight:800}.service-tab-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:16px 18px;background:#fff;border:1px solid #e5eaee;border-radius:14px}.service-tab-actions h2{margin:3px 0 2px;font-size:16px}.service-tab-actions p{margin:0;color:#84919a;font-size:10px}.service-action-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.secondary-button{background:#fff!important;color:#31516a!important;border:1px solid #d7e0e6!important;text-decoration:none}.pro-button{text-decoration:none}.pro-button span{font-size:7px;background:rgba(255,255,255,.18);padding:2px 5px;border-radius:999px;margin-left:6px}.upgrade-modal{position:fixed;inset:0;background:rgba(15,26,35,.58);backdrop-filter:blur(5px);display:none;align-items:center;justify-content:center;padding:20px;z-index:999}.upgrade-modal.open{display:flex}.upgrade-modal-card{position:relative;width:min(540px,100%);background:#fff;border-radius:18px;padding:28px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.plans-card{width:min(900px,100%)}.modal-close{position:absolute;right:17px;top:13px;border:0;background:transparent;font-size:24px;cursor:pointer;color:#7b8992}.upgrade-modal-card h2{font-size:22px;margin:7px 0}.upgrade-modal-card>p{font-size:11px;color:#72808a;line-height:1.55}.upgrade-price{display:flex;align-items:flex-end;gap:5px;margin:20px 0}.upgrade-price strong{font-size:34px}.upgrade-price span{color:#7a8790;font-size:11px;margin-bottom:6px}.upgrade-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-bottom:20px}.upgrade-feature-grid span{font-size:10px;background:#f6f8fa;border-radius:9px;padding:10px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:20px}.plan-card{border:1px solid #e1e7eb;border-radius:14px;padding:18px}.plan-card.featured{border-color:#9cb8ed;box-shadow:0 0 0 3px rgba(55,96,181,.07)}.plan-card>span{font-size:9px;font-weight:900;letter-spacing:.8px}.plan-card>strong{display:block;font-size:28px;margin:8px 0}.plan-card strong small{font-size:10px;color:#7e8b94}.plan-card p{font-size:10px;color:#7b8891;line-height:1.45}.plan-card ul{padding-left:16px;font-size:10px;line-height:1.9;color:#41545f}@media(max-width:760px){.service-tab-actions{align-items:stretch;flex-direction:column}.service-action-buttons{justify-content:flex-start}.upgrade-feature-grid,.plans-grid{grid-template-columns:1fr}}

/* Visible Garage Dashboard Pricing */
.garage-pricing-section{margin-top:24px;padding:24px;background:#fff;border:1px solid #e3e9ed;border-radius:18px;box-shadow:0 8px 26px rgba(24,42,56,.045)}
.pricing-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}
.pricing-heading h2{margin:4px 0 5px;font-size:22px;color:#1d303c}
.pricing-heading p{margin:0;color:#778690;font-size:11px;line-height:1.55}
.current-plan-pill{background:#edf3ff;color:#2858bd;border:1px solid #d5e1fa;border-radius:999px;padding:8px 12px;font-size:9px;font-weight:900;letter-spacing:.5px;white-space:nowrap}
.dashboard-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.dashboard-plan-card{position:relative;border:1px solid #e0e6ea;border-radius:15px;padding:20px;background:#fbfcfd;display:flex;flex-direction:column;min-height:365px}
.dashboard-plan-card.current{border-color:#759ce7;box-shadow:0 0 0 3px rgba(50,91,181,.07);background:#fff}
.dashboard-plan-card.pro-plan{background:#f8faff}
.plan-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.plan-top>span{font-size:10px;font-weight:900;letter-spacing:1px;color:#52636e}
.plan-top b{font-size:7px;color:#27624d;background:#e9f6f0;border-radius:999px;padding:4px 6px}
.plan-money{display:flex;align-items:flex-end;gap:5px;margin:13px 0 8px}
.plan-money strong{font-size:34px;line-height:1;color:#172a36}
.plan-money small{font-size:10px;color:#849099;margin-bottom:4px}
.dashboard-plan-card>p{font-size:10px;color:#76858f;line-height:1.5;min-height:45px}
.dashboard-plan-card ul{list-style:none;padding:0;margin:13px 0 20px;display:grid;gap:8px}
.dashboard-plan-card li{font-size:10px;color:#41535e}
.plan-button{margin-top:auto;width:100%;border:0;border-radius:10px;min-height:40px;font-size:10px;font-weight:850;cursor:pointer}
.plan-button.primary{background:#2559c4;color:#fff}.plan-button.business-button{background:#1e2d37;color:#fff}.plan-button.muted{background:#edf1f4;color:#71808a;cursor:default}
.popular-ribbon{position:absolute;right:14px;top:-9px;background:#2559c4;color:#fff;border-radius:999px;padding:5px 9px;font-size:7px;font-weight:900;letter-spacing:.6px}
.pricing-note{text-align:center;color:#95a0a7;font-size:9px;margin:15px 0 0}
@media(max-width:950px){.dashboard-plan-grid{grid-template-columns:1fr}.dashboard-plan-card{min-height:0}.pricing-heading{flex-direction:column}}

.limited-time-pricing-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px;padding:11px 14px;border-radius:11px;background:#fff7e8;border:1px solid #f0ddb7}
.limited-time-pricing-banner strong{font-size:9px;letter-spacing:.7px;color:#9b681a;white-space:nowrap}
.limited-time-pricing-banner span{font-size:9px;color:#7b6b50;line-height:1.4;text-align:right}
@media(max-width:700px){.limited-time-pricing-banner{align-items:flex-start;flex-direction:column}.limited-time-pricing-banner span{text-align:left}}

.top-avatar-upload{margin:0}.top-avatar-label{position:relative;display:inline-flex;width:34px;height:34px;border-radius:50%;cursor:pointer}.top-avatar-label input{position:absolute;width:1px;height:1px;opacity:0}.top-avatar-image{width:34px;height:34px;border-radius:50%;object-fit:cover;border:1px solid #dfe5e9}.avatar-edit-dot{position:absolute;right:-3px;bottom:-2px;width:15px;height:15px;border-radius:50%;background:#2859bf;color:#fff;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:7px;opacity:0;transition:.15s}.top-avatar-label:hover .avatar-edit-dot{opacity:1}.sidebar-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.account-current-plan{padding:8px 12px;border:1px solid #d7e2f6;background:#edf3ff;color:#2858bd;border-radius:999px;font-size:9px;font-weight:900}.account-alert{margin:14px 0;padding:11px 14px;border-radius:10px;font-size:10px}.account-alert.success{background:#eaf7f0;color:#27634d}.account-alert.error{background:#fff0f0;color:#9a3c3c}.account-card{margin-top:18px;background:#fff;border:1px solid #e3e9ed;border-radius:17px;padding:22px}.account-card h2{margin:5px 0 14px}.avatar-editor{display:flex;gap:20px;align-items:center}.garage-avatar-large{width:90px;height:90px;border-radius:50%;background:#eef2f5;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:28px;font-weight:900;flex:0 0 auto}.garage-avatar-large img{width:100%;height:100%;object-fit:cover}.avatar-copy p{font-size:10px;color:#778690}.avatar-upload-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.avatar-upload-form input{font-size:10px}.text-button{border:0;background:transparent;color:#8d4a4a;font-size:9px;padding:8px 0;cursor:pointer}.account-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.account-plan{border:1px solid #e1e7eb;border-radius:14px;padding:16px}.account-plan.current{border-color:#7b9ee6;box-shadow:0 0 0 3px rgba(49,88,178,.06)}.account-plan .plan-top{display:flex;justify-content:space-between}.account-plan .plan-top span{font-size:7px;background:#e9f6f0;color:#28634e;padding:4px 6px;border-radius:999px}.account-plan-price{font-size:27px;font-weight:900;margin:13px 0}.account-plan-price small{font-size:9px;color:#81909a;margin-left:3px}@media(max-width:760px){.avatar-editor{align-items:flex-start;flex-direction:column}.account-plan-grid{grid-template-columns:1fr}}


/* Wider Garage Account desktop layout */
.account-wide-page{
  width:100%;
  max-width:none;
}
.account-wide-page .portal-page-head,
.account-wide-page .account-alert,
.account-wide-page .account-card{
  width:100%;
  max-width:none;
}
.account-wide-page .account-card{
  padding:28px 30px;
}
.account-wide-page .avatar-editor{
  gap:30px;
}
.account-wide-page .garage-avatar-large{
  width:112px;
  height:112px;
}
.account-wide-page .account-plan-grid{
  grid-template-columns:repeat(3,minmax(240px,1fr));
  gap:18px;
}
.account-wide-page .account-plan{
  min-height:180px;
  padding:22px;
}
.account-wide-page .account-plan-price{
  font-size:32px;
}
@media (min-width: 1100px){
  .vehicle-content.account-wide-page{
    width:calc(100vw - 260px);
    max-width:none;
    padding-left:34px;
    padding-right:42px;
  }
}
@media (min-width: 1500px){
  .vehicle-content.account-wide-page{
    padding-left:46px;
    padding-right:60px;
  }
}
@media (max-width: 1099px){
  .account-wide-page .account-plan-grid{
    grid-template-columns:1fr;
  }
}

/* Bottom Account navigation + Team Permissions */
.vehicle-sidebar{display:flex;flex-direction:column}
.sidebar-bottom-actions{margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
.sidebar-bottom-actions a{margin-bottom:10px}
.team-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.team-heading h2{margin:5px 0}.team-heading p{font-size:10px;color:#76858f;margin:4px 0 0}
.team-locked{margin-top:18px;border:1px dashed #d7dfe5;background:#f8fafb;border-radius:13px;padding:18px;display:flex;align-items:center;gap:14px}
.team-lock-icon{width:42px;height:42px;border-radius:50%;background:#edf2f5;display:flex;align-items:center;justify-content:center}
.team-locked>div:nth-child(2){flex:1}.team-locked strong{font-size:11px}.team-locked p{font-size:9px;color:#77858e;margin:4px 0 0}
.invite-team-panel{display:none;margin-top:18px;padding:16px;border-radius:13px;background:#f6f8fa;border:1px solid #e3e8ec}.invite-team-panel.open{display:block}
.invite-team-form{display:grid;grid-template-columns:1.1fr 1.4fr 1fr 1fr auto;gap:10px;align-items:end}.invite-team-form label span{display:block;font-size:8px;font-weight:800;color:#687984;margin-bottom:5px;text-transform:uppercase;letter-spacing:.4px}.invite-team-form input,.invite-team-form select{width:100%;height:38px;border:1px solid #dbe3e8;border-radius:8px;padding:0 10px;background:#fff;font-size:10px}
.team-table-wrap{overflow:auto;margin-top:18px}.team-table{width:100%;border-collapse:collapse;min-width:720px}.team-table th{text-align:left;font-size:8px;color:#8a969e;text-transform:uppercase;letter-spacing:.5px;padding:9px 10px;border-bottom:1px solid #e5eaed}.team-table td{padding:13px 10px;border-bottom:1px solid #edf0f2;font-size:9px;color:#53646f}.team-table td strong,.team-table td small{display:block}.team-table td strong{font-size:10px;color:#263a46}.team-table td small{font-size:8px;color:#8a969e;margin-top:3px}.role-chip,.status-chip{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef2f5;font-size:8px;font-weight:800}.role-chip.owner{background:#eaf1ff;color:#2859bf}.status-chip.active{background:#e9f6ef;color:#2a684f}.status-chip.invited{background:#fff5df;color:#91681e}.protected-owner{font-size:8px;color:#89959d}.remove-team-member{border:0;background:transparent;color:#a34d4d;font-size:8px;font-weight:800;cursor:pointer}
@media(max-width:900px){.team-heading{flex-direction:column}.invite-team-form{grid-template-columns:1fr 1fr}.invite-team-form .button{grid-column:1/-1}}
@media(max-width:600px){.invite-team-form{grid-template-columns:1fr}.team-locked{align-items:flex-start;flex-direction:column}}


/* Dashboard alignment + bottom Account nav consistency fix */

/* Keep the sidebar fixed-width and let the workspace start immediately beside it. */
.vehicle-workspace{
  width:100%;
  max-width:1440px;
  margin:28px auto;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  align-items:stretch;
}
.vehicle-content,
.portal-list-page{
  min-width:0;
  width:100%;
  max-width:none;
  margin:0;
}

/* Undo the account-only viewport calculation that could push content right. */
@media (min-width:1100px){
  .vehicle-content.account-wide-page{
    width:100%;
    max-width:none;
    padding-left:28px;
    padding-right:28px;
  }
}
@media (min-width:1500px){
  .vehicle-content.account-wide-page{
    width:100%;
    padding-left:32px;
    padding-right:32px;
  }
}

/* Bottom Account stays at the bottom, but looks exactly like the other sidebar tabs. */
.sidebar-bottom-actions{
  margin-top:auto;
  padding:0;
  border-top:0;
}
.sidebar-bottom-actions a{
  margin:0 0 10px 0;
  width:100%;
  box-sizing:border-box;
}
/* Match the sidebar's normal navigation anchors even if inherited wrapper CSS differs. */
.vehicle-sidebar .sidebar-bottom-actions a{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:38px;
  padding:0 12px;
  border-radius:8px;
  text-decoration:none;
  font-size:10px;
  font-weight:700;
  transition:.15s ease;
}
.vehicle-sidebar .sidebar-bottom-actions a span{
  width:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.vehicle-sidebar .sidebar-bottom-actions a.active{
  background:#245bd7;
  color:#fff;
}

/* Responsive workspace remains centred rather than drifting right. */
@media(max-width:900px){
  .vehicle-workspace{
    margin:0;
    max-width:none;
    grid-template-columns:1fr;
  }
  .vehicle-content,
  .vehicle-content.account-wide-page{
    padding-left:18px;
    padding-right:18px;
  }
}


/* FINAL FIX — full-width garage portal layout */
body.vehicle-page .vehicle-main{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
}
body.vehicle-page .vehicle-workspace{
  width:100%;
  max-width:none;
  margin:0;
  height:100vh;
  display:grid;
  grid-template-columns:232px minmax(0,1fr);
  align-items:stretch;
}
body.vehicle-page .vehicle-content,
body.vehicle-page .portal-list-page,
body.vehicle-page .vehicle-content.account-wide-page{
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
  padding-left:28px;
  padding-right:28px;
}

/* Account uses the exact same sidebar link styling as the other tabs. */
.vehicle-sidebar>a.sidebar-account-bottom{
  margin-top:auto;
  margin-bottom:6px;
}
.vehicle-sidebar .sidebar-user{
  margin-top:0;
}

/* Neutralise the old wrapper rules. */
.sidebar-bottom-actions{
  margin:0!important;
  padding:0!important;
  border:0!important;
}

@media(max-width:1000px){
  body.vehicle-page .vehicle-workspace{
    display:block;
    height:auto;
  }
  body.vehicle-page .vehicle-content,
  body.vehicle-page .portal-list-page,
  body.vehicle-page .vehicle-content.account-wide-page{
    padding-left:16px;
    padding-right:16px;
  }
}


/* Account bottom alignment fix */
.vehicle-sidebar{
  display:flex!important;
  flex-direction:column!important;
  min-height:100vh;
}
.vehicle-sidebar>a.sidebar-account-bottom{
  margin-top:auto!important;
  margin-bottom:10px!important;
  flex:0 0 auto;
}
.vehicle-sidebar .sidebar-user{
  flex:0 0 auto;
  margin-top:0!important;
}


/* Account page uniform sizing — same as the rest of the garage portal */
.vehicle-content.account-wide-page{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:inherit!important;
}
.account-wide-page .portal-page-head,
.account-wide-page .account-alert,
.account-wide-page .account-card{
  width:100%!important;
  max-width:none!important;
}
body.vehicle-page .vehicle-content.portal-list-page{
  width:100%;
  max-width:none;
  min-width:0;
  margin:0;
}

/* Keep account cards visually consistent with other portal cards */
.portal-list-page .account-card{
  width:100%;
  max-width:none;
  box-sizing:border-box;
}


/* ACCOUNT PAGE — remove centred site wrapper completely */
body.vehicle-page .vehicle-workspace.account-workspace-full{
  width:100vw!important;
  max-width:none!important;
  margin:0!important;
  padding:0!important;
  position:relative!important;
  left:0!important;
  right:auto!important;
  transform:none!important;
  grid-template-columns:232px minmax(0,1fr)!important;
}

/* Account content fills every pixel remaining after the sidebar. */
body.vehicle-page .account-workspace-full > .vehicle-content{
  width:auto!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  padding:28px 32px!important;
  justify-self:stretch!important;
  align-self:stretch!important;
}

/* Do not let generic centred portal/list wrappers constrain Account. */
body.vehicle-page .account-workspace-full > .portal-list-page{
  width:auto!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
}

/* Account cards fill the available content column. */
body.vehicle-page .account-workspace-full .portal-page-head,
body.vehicle-page .account-workspace-full .account-alert,
body.vehicle-page .account-workspace-full .account-card{
  width:100%!important;
  max-width:none!important;
  margin-left:0!important;
  margin-right:0!important;
  box-sizing:border-box!important;
}

@media(max-width:1000px){
  body.vehicle-page .vehicle-workspace.account-workspace-full{
    width:100%!important;
    display:block!important;
  }
  body.vehicle-page .account-workspace-full > .vehicle-content{
    padding:18px!important;
  }
}

/* Garage branch identity / PDF certificate branding */
.account-section-copy{font-size:10px;color:#78868f;margin:-5px 0 16px}
.garage-identity-form{display:grid;grid-template-columns:1fr 1fr;gap:13px 16px;max-width:980px}
.garage-identity-form label span{display:block;font-size:8px;font-weight:850;letter-spacing:.45px;text-transform:uppercase;color:#71818b;margin-bottom:6px}
.garage-identity-form input{width:100%;height:42px;border:1px solid #dce4e9;border-radius:9px;padding:0 11px;background:#fff;font-size:10px;box-sizing:border-box}
.garage-identity-form input:focus{outline:0;border-color:#739ae8;box-shadow:0 0 0 3px rgba(44,89,190,.07)}
.garage-identity-form .identity-wide{grid-column:1/-1}
.identity-save{grid-column:1/-1;display:flex;justify-content:flex-end;margin-top:3px}
@media(max-width:700px){.garage-identity-form{grid-template-columns:1fr}.garage-identity-form .identity-wide,.identity-save{grid-column:auto}.identity-save{justify-content:flex-start}}

/* Vehicle ownership and customer activation */
.ownership-grid{align-items:start}.ownership-card{min-height:220px}.ownership-verified,.ownership-unclaimed{font-size:8px;font-weight:900;letter-spacing:.6px;border-radius:999px;padding:7px 9px}.ownership-verified{background:#e7f6ef;color:#21704f}.ownership-unclaimed{background:#f2f4f5;color:#6f7c84}.owner-identity{display:flex;align-items:center;gap:12px;margin:20px 0}.owner-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#e7f3ef;color:#19795c;font-weight:900}.owner-identity strong,.owner-identity small{display:block}.owner-identity small{font-size:8px;color:#788891;margin-top:4px}.ownership-protection{display:grid;gap:4px;background:#f4f8fa;border:1px solid #e2e9ed;border-radius:10px;padding:12px;font-size:9px}.ownership-protection span,.ownership-small-note{color:#75848d;line-height:1.45}.ownership-small-note{font-size:8px;margin-top:10px}.ownership-invites-card,.ownership-history-card{margin-top:16px}.ownership-invite-row{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-top:1px solid #edf0f2;align-items:center}.ownership-invite-row strong,.ownership-invite-row small{display:block}.ownership-invite-row small{font-size:8px;color:#7b8992;margin-top:4px}.invite-status{display:inline-block;margin-top:7px;font-size:7px;font-weight:900;letter-spacing:.5px;color:#246b4f;background:#eaf6f0;border-radius:999px;padding:5px 7px}.invite-status.waiting{color:#7b5b16;background:#fff4d7}.claim-link-box{display:flex;gap:7px;align-items:center}.claim-link-box input{width:280px;border:1px solid #dce4e8;border-radius:8px;padding:9px;font-size:8px;background:#fafcfd}.claim-link-box button{padding:9px 11px;font-size:8px;border-radius:8px}.claim-link-box form{margin:0}.mini-action.danger{background:#fff0f0;color:#a33636}.ownership-history-row{display:grid;grid-template-columns:110px 1fr auto;gap:12px;padding:12px 0;border-top:1px solid #edf0f2;font-size:9px}.ownership-history-row span,.ownership-history-row small{color:#788790}.claim-page{max-width:720px;margin:40px auto}.claim-card{background:#fff;border:1px solid #dfe7eb;border-radius:22px;padding:30px;box-shadow:0 18px 45px rgba(17,38,49,.06)}.claim-card h1{font:700 35px 'Space Grotesk';letter-spacing:-1.8px;margin:8px 0 22px}.claim-vehicle{display:flex;align-items:center;gap:16px;background:#f5f8fa;border-radius:14px;padding:16px;margin-bottom:20px}.claim-vehicle strong,.claim-vehicle small{display:block}.claim-vehicle small{font-size:9px;color:#75848d;margin-top:5px}.claim-warning,.claim-success,.claim-security{display:grid;gap:5px;border-radius:12px;padding:14px;font-size:10px;margin:14px 0}.claim-warning{background:#fff7df;border:1px solid #f4df9f}.claim-success{background:#eaf7f0;border:1px solid #cfe8da}.claim-security{background:#f4f7f9;border:1px solid #e2e8ec}.claim-warning span,.claim-success span,.claim-security span{color:#6f7e87;line-height:1.45}.claim-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.claim-form label{font-size:9px;font-weight:800;color:#55666f}.claim-form input{width:100%;margin-top:6px;border:1px solid #d9e2e7;border-radius:10px;padding:12px}.claim-form .wide{grid-column:1/-1}.customer-claim-card,.customer-ownership-alert{background:#fff;border:1px solid #e0e7eb;border-radius:18px;padding:20px;margin:18px 0}.customer-claim-card{display:flex;justify-content:space-between;align-items:end;gap:20px}.customer-claim-card h2,.customer-ownership-alert h2{margin:6px 0 5px;font:700 20px 'Space Grotesk'}.customer-claim-card p,.customer-ownership-alert p{font-size:10px;color:#75838c;margin:0}.customer-claim-card form{display:flex;gap:8px}.customer-claim-card input{border:1px solid #d9e2e7;border-radius:9px;padding:10px;width:130px}.customer-claim-card button,.approval-row button{font-size:9px;padding:10px 12px}.approval-row{display:flex;align-items:center;gap:8px;border-top:1px solid #edf0f2;padding-top:14px;margin-top:14px}.approval-row>div{flex:1}.approval-row strong,.approval-row small{display:block}.approval-row small{font-size:8px;color:#77858e;margin-top:4px}.secondary-customer-button{background:#eef2f4!important;color:#455a65!important}
@media(max-width:760px){.ownership-invite-row,.customer-claim-card{flex-direction:column;align-items:stretch}.claim-link-box{flex-wrap:wrap}.claim-link-box input{width:100%}.claim-form{grid-template-columns:1fr}.claim-form .wide{grid-column:auto}.customer-claim-card form{flex-direction:column}.customer-claim-card input{width:100%}.approval-row{flex-wrap:wrap}.ownership-history-row{grid-template-columns:1fr}}
.ownership-admin-row{display:flex;align-items:center;gap:8px;padding:13px 0;border-top:1px solid #edf0f2}.ownership-admin-row>div{flex:1}.ownership-admin-row strong,.ownership-admin-row small{display:block}.ownership-admin-row small{font-size:8px;color:#788790;margin-top:4px}


/* Garage onboarding + subscription billing */
.garage-signup-link{margin-top:14px;text-align:center;font-size:10px;color:#71818b}
.garage-signup-link a{font-weight:850;color:#245fc4;text-decoration:none}
.onboarding-shell{max-width:1180px;margin:0 auto;padding:36px 24px 70px;display:grid;grid-template-columns:.78fr 1.22fr;gap:38px;align-items:start}
.onboarding-intro{padding:42px 10px 0}
.onboarding-intro h1{font-size:38px;line-height:1.03;letter-spacing:-1.7px;margin:10px 0 16px;max-width:470px}
.onboarding-intro>p{font-size:12px;line-height:1.65;color:#647580;max-width:470px}
.onboarding-trust{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:23px}
.onboarding-trust span{font-size:9px;font-weight:800;color:#3e5663;background:#f2f6f8;border-radius:8px;padding:10px}
.onboarding-card{background:#fff;border:1px solid #e1e7eb;border-radius:16px;padding:25px;box-shadow:0 18px 45px rgba(20,35,45,.07)}
.onboarding-card-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}
.onboarding-card-head h2{margin:4px 0 0;font-size:20px}
.onboarding-card-head>a,.onboarding-text-link{font-size:9px;font-weight:800;color:#2760c5;text-decoration:none}
.registration-form{display:grid;grid-template-columns:1fr 1fr;gap:13px 14px}
.registration-form label>span,.field-heading{display:block;font-size:8px;font-weight:850;letter-spacing:.45px;text-transform:uppercase;color:#71818b;margin-bottom:6px}
.registration-form input{width:100%;height:42px;border:1px solid #dce4e9;border-radius:9px;padding:0 11px;font-size:10px;background:#fff}
.registration-form input:focus{outline:0;border-color:#739ae8;box-shadow:0 0 0 3px rgba(44,89,190,.07)}
.registration-wide{grid-column:1/-1}
.signup-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.signup-plan{position:relative;border:1px solid #dde5ea;border-radius:11px;padding:12px;cursor:pointer;background:#fbfcfd}
.signup-plan.selected{border-color:#5e86dc;background:#f5f8ff;box-shadow:0 0 0 2px rgba(55,104,204,.08)}
.signup-plan input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer;z-index:2}
.signup-plan:has(input:checked){border-color:#5e86dc;background:#f5f8ff;box-shadow:0 0 0 2px rgba(55,104,204,.08)}
.signup-plan > span,.signup-plan > strong,.signup-plan > em{position:relative;z-index:1;pointer-events:none}
.signup-plan-title{display:block;font-size:9px;font-weight:900;color:#334b58;margin-bottom:8px}
.signup-plan strong{display:block;font-size:17px;color:#102b39}
.signup-plan strong small{font-size:8px;color:#7c8c95;font-weight:700}
.signup-plan em{display:block;font-style:normal;font-size:8px;color:#71818b;margin-top:7px;line-height:1.4}
.onboarding-submit small{display:block;text-align:center;font-size:8px;color:#88959c;margin-top:8px}
.onboarding-single{max-width:560px;margin:0 auto;padding:55px 22px 80px}
.verification-card{text-align:center;padding:36px}
.verification-icon{width:54px;height:54px;margin:0 auto 16px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e9f7f0;color:#21724f;font-size:24px;font-weight:900}
.verification-icon.error{background:#fff0f0;color:#a43a3a}
.verification-card h1{font-size:28px;margin:8px 0 10px}
.verification-card p{font-size:11px;line-height:1.6;color:#667781}
.verification-state{border-radius:9px;padding:10px 12px;font-size:9px;margin:17px 0}
.verification-state.success{background:#edf8f2;color:#2f6f55}
.verification-state.neutral{background:#f4f6f8;color:#667781}
.dev-verification-link{border:1px dashed #aebdca;background:#f8fafb;border-radius:10px;padding:13px;margin:15px 0 18px}
.dev-verification-link span{display:block;font-size:7px;font-weight:900;letter-spacing:.8px;color:#87959d;margin-bottom:6px}
.dev-verification-link a{font-size:10px;font-weight:850;color:#255fc6;text-decoration:none;word-break:break-word}
.verification-card form{margin:14px 0}
.billing-shell{max-width:1180px;margin:0 auto;padding:38px 24px 75px}
.billing-heading{text-align:center;max-width:680px;margin:0 auto 28px}
.billing-heading h1{font-size:34px;letter-spacing:-1.3px;margin:8px 0 10px}
.billing-heading p{font-size:11px;color:#70808a}
.billing-required{display:inline-block;background:#fff5df;color:#805b16;border-radius:999px;padding:8px 12px;font-size:8px;font-weight:900;margin-top:8px}
.billing-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:stretch}
.billing-plan-card{position:relative;background:#fff;border:1px solid #dfe6ea;border-radius:15px;padding:22px;display:flex;flex-direction:column}
.billing-plan-card.recommended{border-color:#5a83d8;box-shadow:0 14px 32px rgba(43,80,160,.10)}
.recommended-tag{position:absolute;right:14px;top:14px;font-size:7px;background:#245fc4;color:#fff;padding:5px 7px;border-radius:999px;font-weight:900}
.billing-price{font-size:28px;font-weight:900;color:#122e3b;margin:10px 0}
.billing-price small,.checkout-price small{font-size:9px;font-weight:700;color:#829099}
.billing-plan-card>p{font-size:9px;color:#6f7f88;line-height:1.5;min-height:42px}
.billing-features{display:grid;gap:8px;margin:13px 0 20px;flex:1}
.billing-features span{font-size:9px;color:#415864;font-weight:750}
.billing-mode-note{margin:18px auto 0;max-width:760px;background:#f3f6f8;border-radius:10px;padding:12px 14px;font-size:9px;color:#64757f;text-align:center}
.checkout-card{text-align:center}
.checkout-card h1{font-size:28px;margin:8px 0 2px}
.checkout-price{font-size:31px;font-weight:900;color:#102c39;margin-bottom:12px}
.checkout-card>p{font-size:10px;color:#6e7e88;line-height:1.55}
.checkout-summary{margin:18px 0;background:#f5f7f9;border-radius:10px;padding:5px 13px}
.checkout-summary span{display:flex;justify-content:space-between;gap:18px;padding:10px 0;border-bottom:1px solid #e4e9ec;font-size:9px}
.checkout-summary span:last-child{border-bottom:0}
.checkout-summary b{color:#71818b}
.demo-billing-warning{margin-top:16px;font-size:7px;font-weight:900;letter-spacing:.8px;color:#8b969c}
.billing-account-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.billing-status-pill{font-size:7px;font-weight:900;letter-spacing:.6px;border-radius:999px;padding:7px 9px;background:#eef2f4;color:#61717b}
.billing-status-pill.active,.billing-status-pill.trialing{background:#eaf7f0;color:#256d4d}
.billing-status-pill.past_due,.billing-status-pill.unpaid{background:#fff0ea;color:#a04a2a}
.billing-account-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:15px 0}
.billing-account-summary>div{background:#f5f7f9;border-radius:9px;padding:11px}
.billing-account-summary span{display:block;font-size:7px;font-weight:850;letter-spacing:.4px;color:#87949b;text-transform:uppercase;margin-bottom:5px}
.billing-account-summary strong{font-size:9px;color:#334b57}
.billing-portal-button{display:inline-flex;margin:0 0 13px}
.demo-billing-inline{background:#f4f6f8;color:#687983;border-radius:8px;padding:10px 11px;font-size:8px;margin-bottom:12px}
.change-plan-heading{font-size:11px;margin:16px 0 10px;color:#314854}
@media(max-width:900px){
 .onboarding-shell{grid-template-columns:1fr}
 .onboarding-intro{padding-top:10px}
 .billing-plan-grid{grid-template-columns:1fr}
 .billing-account-summary{grid-template-columns:1fr}
}
@media(max-width:650px){
 .registration-form{grid-template-columns:1fr}
 .registration-wide{grid-column:auto}
 .signup-plan-grid{grid-template-columns:1fr}
 .onboarding-trust{grid-template-columns:1fr}
}


/* Customer portal refresh */
.customer-nav{max-width:1180px;margin:-24px auto 30px;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e1e7eb;border-radius:14px;padding:10px 12px;box-shadow:0 8px 28px rgba(18,35,46,.045)}
.customer-nav-brand{display:flex;align-items:center;gap:8px;color:#10202a;text-decoration:none;padding:5px 8px;white-space:nowrap}
.customer-nav-brand>span{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#10202a;color:#fff;font:700 12px 'Space Grotesk'}
.customer-nav-brand strong{font:700 13px 'Space Grotesk'}
.customer-nav-links{display:flex;align-items:center;gap:3px;flex:1;min-width:0}
.customer-nav-links a{color:#687882;text-decoration:none;font-size:10px;font-weight:800;padding:9px 10px;border-radius:8px;white-space:nowrap}
.customer-nav-links a:hover,.customer-nav-links a.active{background:#edf3ff;color:#174fc9}
.customer-nav-claim{background:#10202a;color:#fff;text-decoration:none;font-size:9px;font-weight:850;padding:10px 12px;border-radius:9px;white-space:nowrap}
.customer-page{max-width:1180px;margin:0 auto}
.customer-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:22px}
.customer-page-head.compact{align-items:flex-start}
.customer-page-head h1{font:700 38px 'Space Grotesk';letter-spacing:-1.8px;margin:7px 0 5px}
.customer-page-head p{margin:0;color:#71818b;font-size:11px}
.customer-account-chip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid #e1e7eb;border-radius:12px;padding:9px 12px}
.customer-account-chip>span{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#e8f4f0;color:#19765b;font-weight:900}
.customer-account-chip strong,.customer-account-chip small{display:block}
.customer-account-chip strong{font-size:9px}.customer-account-chip small{font-size:8px;color:#839099;margin-top:2px}
.customer-overview-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:22px}
.customer-overview-stats>div{background:#fff;border:1px solid #e1e7eb;border-radius:14px;padding:17px}
.customer-overview-stats span{font-size:7px;letter-spacing:.8px;font-weight:900;color:#829099}
.customer-overview-stats strong{display:block;font:700 24px 'Space Grotesk';margin:5px 0 1px}
.customer-overview-stats small{font-size:8px;color:#84919a}
.customer-status-ok{color:#1d8b68}
.customer-section-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:12px}
.customer-section-title h2{font:700 19px 'Space Grotesk';margin:5px 0 3px}
.customer-section-title p{font-size:9px;color:#7a8992;margin:0}
.customer-section-title>a{font-size:9px;color:#235dc3;text-decoration:none;font-weight:850;margin-top:12px}
.customer-action-panel,.customer-simple-card,.customer-list-card,.customer-detail-card{background:#fff;border:1px solid #e0e7eb;border-radius:15px;padding:20px;box-shadow:0 8px 25px rgba(20,39,50,.035)}
.customer-action-panel{margin-bottom:22px;border-color:#ecdcae;background:#fffdf7}
.customer-request-row{display:flex;align-items:center;gap:9px;border-top:1px solid #eee7d7;padding:13px 0}
.customer-request-row:first-of-type{border-top:0}
.customer-request-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#fff1cc;color:#815e17;font-weight:900}
.customer-request-row>div{flex:1}.customer-request-row strong,.customer-request-row small{display:block}
.customer-request-row strong{font-size:10px}.customer-request-row small{font-size:8px;color:#7c898f;margin-top:3px}
.customer-primary-small,.customer-secondary-small{border-radius:8px;padding:8px 10px;font-size:8px;font-weight:850}
.customer-primary-small{background:#10202a;color:#fff}
.customer-secondary-small{background:#eef2f4;color:#435864}
.customer-vehicles-section{margin:3px 0 24px}
.customer-vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.customer-vehicle-card{background:#fff;border:1px solid #dde5e9;border-radius:17px;padding:20px;box-shadow:0 9px 26px rgba(18,36,47,.04)}
.customer-vehicle-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.customer-vehicle-card h3{font:700 21px 'Space Grotesk';margin:12px 0 3px}
.customer-vehicle-card p{font-size:9px;color:#7a8993;margin:0}
.customer-plate{font-size:15px;padding:7px 10px}
.customer-owner-badge{font-size:7px;font-weight:900;color:#1c7657;background:#e8f6ef;border-radius:999px;padding:7px 9px;white-space:nowrap}
.customer-health-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:17px 0}
.customer-health-grid>div{background:#f6f8fa;border-radius:10px;padding:11px;min-width:0}
.customer-health-grid span{display:block;font-size:7px;font-weight:900;letter-spacing:.5px;color:#84929a;margin-bottom:6px}
.customer-health-grid strong{display:block;font-size:10px;color:#2e4450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.customer-health-grid small{display:block;font-size:7.5px;line-height:1.45;color:#7e8b93;margin-top:4px}
.customer-open-vehicle{display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:#1b55bc;font-size:9px;font-weight:900;border-top:1px solid #edf0f2;padding-top:13px}
.customer-empty-state{grid-column:1/-1;background:#fff;border:1px dashed #cad6dc;border-radius:16px;padding:42px 25px;text-align:center}
.customer-empty-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;background:#10202a;color:#fff;font:700 17px 'Space Grotesk'}
.customer-empty-state h2{font:700 20px 'Space Grotesk';margin:0 0 6px}
.customer-empty-state p{max-width:580px;margin:0 auto 12px;color:#75858e;font-size:10px;line-height:1.55}
.customer-empty-state a{font-size:9px;color:#1d58be;text-decoration:none;font-weight:900}
.customer-simple-card{margin:0 0 22px}
.customer-simple-row{display:flex;align-items:center;gap:12px;border-top:1px solid #edf0f2;padding:12px 0}
.customer-simple-row>div{flex:1}.customer-simple-row strong,.customer-simple-row small{display:block}
.customer-simple-row strong{font-size:10px}.customer-simple-row small{font-size:8px;color:#7d8991;margin-top:3px}
.customer-simple-row>a{font-size:9px;font-weight:900;color:#1f59bd;text-decoration:none}
.customer-claim-modern{background:#0d202d;color:#fff;border-radius:18px;padding:24px;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;scroll-margin-top:100px}
.customer-claim-modern h2{font:700 22px 'Space Grotesk';margin:6px 0}
.customer-claim-modern p{font-size:10px;line-height:1.55;color:#b4c2c9;margin:0}
.customer-claim-security{display:inline-block;margin-top:12px;background:#173544;color:#cce0e8;border-radius:8px;padding:8px 10px;font-size:8px}
.customer-claim-modern form{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.customer-claim-modern label span{display:block;font-size:7px;font-weight:900;letter-spacing:.5px;color:#aebcc4;margin-bottom:5px}
.customer-claim-modern input{width:100%;border:1px solid #2b4655;background:#122b39;color:#fff;border-radius:9px;padding:11px;font-size:10px}
.customer-claim-modern input::placeholder{color:#7e949f}
.customer-claim-modern button{grid-column:1/-1;background:#fff;color:#10202a;font-size:9px;border-radius:9px}
.customer-list-page{max-width:950px}
.customer-list-card{padding:6px 18px}
.customer-list-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:13px;align-items:center;padding:15px 2px;border-bottom:1px solid #edf0f2;text-decoration:none;color:inherit}
.customer-list-row:last-child{border-bottom:0}
.customer-list-row:hover{background:#fafcfd}
.customer-list-row>div strong,.customer-list-row>div small{display:block}
.customer-list-row>div strong{font-size:10px}.customer-list-row>div small{font-size:8px;color:#7c8b93;margin-top:4px}
.customer-list-row>b{color:#275dc0;font-size:12px}
.customer-mini-plate{font-size:11px;padding:6px 8px;min-width:73px;text-align:center}
.customer-list-icon{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;background:#e7f5ef;color:#1a785a;font-weight:900}
.customer-list-icon.reminder{background:#fff3dc;color:#8b651e}
.customer-row-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 8px;font-size:7px;font-weight:900;letter-spacing:.4px;white-space:nowrap}
.customer-row-status.ok{background:#e8f6ef;color:#1d7457}.customer-row-status.warn{background:#fff3db;color:#815d18}.customer-row-status.danger{background:#ffeded;color:#a03c3c}.customer-row-status.neutral{background:#eef2f4;color:#687780}
.customer-list-empty{padding:34px;text-align:center;color:#7d8a92;font-size:10px}
.customer-list-empty a{color:#1e58bd;text-decoration:none;font-weight:850}
.customer-back-link{display:inline-block;color:#225cc0;text-decoration:none;font-size:9px;font-weight:850;margin-bottom:12px}
.customer-vehicle-hero{background:radial-gradient(circle at 85% 20%,#173647 0,#0f2735 36%,#0a1d29 70%);color:#fff;border-radius:19px;padding:26px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.customer-large-plate{font-size:17px}
.customer-vehicle-hero h1{font:700 34px 'Space Grotesk';letter-spacing:-1.5px;margin:13px 0 4px}
.customer-vehicle-hero p{font-size:10px;color:#b9c7ce;margin:0}
.customer-vehicle-hero>div>small{display:block;color:#8fa6b1;font-size:8px;margin-top:7px}
.customer-verified-owner-panel{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:13px 15px;min-width:190px}
.customer-owner-check{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:#23a774;color:#fff;font-size:17px;font-weight:900}
.customer-owner-check.small{width:30px;height:30px;font-size:13px}
.customer-verified-owner-panel strong,.customer-verified-owner-panel small{display:block}
.customer-verified-owner-panel strong{font-size:10px}.customer-verified-owner-panel small{font-size:8px;color:#aabcc5;margin-top:3px}
.customer-status-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0 18px}
.customer-status-cards article{background:#fff;border:1px solid #e1e7eb;border-radius:12px;padding:14px}
.customer-status-cards span{font-size:7px;font-weight:900;letter-spacing:.65px;color:#849199}
.customer-status-cards strong{display:block;font-size:11px;margin:6px 0 3px;color:#304753}
.customer-status-cards small{font-size:8px;color:#7c8a92}
.customer-vehicle-tabs{display:flex;gap:3px;border-bottom:1px solid #dfe5e9;margin-bottom:15px;overflow-x:auto}
.customer-vehicle-tabs button{background:transparent;color:#6c7b84;border-radius:0;padding:11px 13px;border-bottom:2px solid transparent;font-size:9px;white-space:nowrap}
.customer-vehicle-tabs button.active{color:#1d56bb;border-bottom-color:#1d56bb}
.customer-tab-panel{display:none}.customer-tab-panel.active{display:block}
.customer-content-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);gap:14px}
.customer-record-count{font-size:8px;font-weight:900;background:#f1f4f6;color:#687882;border-radius:8px;padding:7px 9px}
.customer-service-record{display:grid;grid-template-columns:28px 88px minmax(0,1fr) auto;gap:11px;padding:16px 0;border-top:1px solid #edf0f2;align-items:start}
.customer-service-record:first-child{border-top:0}
.customer-service-marker{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e6f5ee;color:#197757;font-size:10px;font-weight:900}
.customer-service-date strong,.customer-service-date small{display:block}.customer-service-date strong{font-size:9px}.customer-service-date small{font-size:8px;color:#7d8a91;margin-top:4px}
.customer-service-body>strong,.customer-service-body>small{display:block}.customer-service-body>strong{font-size:11px}.customer-service-body>small{font-size:8px;color:#788790;margin-top:3px}
.customer-service-body p{font-size:9px;line-height:1.5;color:#5e6e77;margin:8px 0 0}
.customer-work-items{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
.customer-work-items span{background:#f3f6f8;border-radius:999px;padding:5px 7px;font-size:7px;color:#52656f}
.customer-invoice-ref{font-size:8px;color:#72808a;margin-top:8px}
.customer-maintenance-card h2{font:700 17px 'Space Grotesk';margin:5px 0 10px}
.customer-interval-row{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-top:1px solid #edf0f2}
.customer-interval-row strong{font-size:8px}.customer-interval-row span{font-size:8px;color:#788790;text-align:right}
.customer-guidance-note{font-size:7.5px;line-height:1.5;color:#909ba2;margin:12px 0 0}
.customer-mot-record,.customer-reminder-record{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:15px 0;border-top:1px solid #edf0f2}
.customer-mot-record:first-of-type,.customer-reminder-record:first-of-type{border-top:0}
.customer-mot-record strong,.customer-mot-record small,.customer-reminder-record strong,.customer-reminder-record small{display:block}
.customer-mot-record strong,.customer-reminder-record strong{font-size:10px}.customer-mot-record small,.customer-reminder-record small{font-size:8px;color:#7d8991;margin-top:3px}
.customer-mot-record p,.customer-reminder-record p{font-size:9px;line-height:1.45;color:#60717a;margin:7px 0 0}
.customer-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 22px}
.customer-details-grid>div{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #edf0f2;font-size:9px}
.customer-details-grid>div.wide{grid-column:1/-1}.customer-details-grid span{color:#7d8a92}.customer-details-grid strong{text-align:right}
.customer-privacy-card{text-align:center;padding:27px}
.customer-privacy-card .customer-owner-check{margin:0 auto 10px}.customer-privacy-card h2{font:700 16px 'Space Grotesk';margin:7px 0}
.customer-privacy-card p{font-size:9px;line-height:1.55;color:#74838c}
.customer-owner-summary{display:flex;align-items:center;gap:12px;background:#f5f8f9;border-radius:11px;padding:13px;margin-top:13px}
.customer-owner-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e6f3ee;color:#1b775a;font-weight:900}
.customer-owner-summary strong,.customer-owner-summary small{display:block}.customer-owner-summary strong{font-size:10px}.customer-owner-summary small{font-size:8px;color:#7a8992;margin-top:3px}
.customer-privacy-note{margin-top:12px;background:#eef7f4;color:#45625a;border-radius:9px;padding:10px;font-size:8px;line-height:1.45}
.customer-transfer-card h2{font:700 17px 'Space Grotesk';margin:5px 0}.customer-transfer-card>p{font-size:9px;line-height:1.5;color:#74838c}
.customer-transfer-card form{display:grid;gap:9px;margin-top:13px}
.customer-transfer-card label span{display:block;font-size:7px;font-weight:900;color:#798891;margin-bottom:5px}
.customer-transfer-card input{width:100%;border:1px solid #dbe3e7;border-radius:9px;padding:11px;font-size:9px}
.customer-transfer-card button{font-size:9px}
.customer-pending-transfer-card,.customer-ownership-history{margin-top:14px}
.customer-pending-transfer-row{display:flex;align-items:center;gap:12px;border-top:1px solid #edf0f2;padding:12px 0}
.customer-pending-transfer-row>div{flex:1}.customer-pending-transfer-row strong,.customer-pending-transfer-row small{display:block}
.customer-pending-transfer-row strong{font-size:10px}.customer-pending-transfer-row small{font-size:8px;color:#7b8991;margin-top:3px}
.customer-ownership-history-row{display:flex;gap:11px;align-items:center;border-top:1px solid #edf0f2;padding:12px 0}
.customer-history-dot{width:10px;height:10px;border-radius:50%;background:#aeb9bf}.customer-history-dot.active{background:#23a474}
.customer-ownership-history-row strong,.customer-ownership-history-row small{display:block}.customer-ownership-history-row strong{font-size:9px}.customer-ownership-history-row small{font-size:8px;color:#7b8991;margin-top:3px}
@media(max-width:900px){
 .customer-nav{margin-top:-24px;overflow:hidden}.customer-nav-brand strong{display:none}.customer-nav-links{overflow-x:auto}.customer-nav-claim{display:none}
 .customer-vehicle-grid{grid-template-columns:1fr}.customer-content-grid{grid-template-columns:1fr}
 .customer-claim-modern{grid-template-columns:1fr}.customer-page-head{align-items:flex-start}
}
@media(max-width:700px){
 main{padding-left:16px;padding-right:16px}
 .customer-nav{margin-left:0;margin-right:0;padding:7px 8px;gap:5px}.customer-nav-brand{padding:4px}
 .customer-nav-links a{padding:8px 9px;font-size:9px}
 .customer-page-head{flex-direction:column;margin-bottom:16px}.customer-page-head h1{font-size:30px}
 .customer-account-chip{display:none}.customer-overview-stats{grid-template-columns:1fr 1fr}.customer-overview-stats>div:last-child{display:none}
 .customer-health-grid,.customer-status-cards{grid-template-columns:1fr}.customer-health-grid strong{white-space:normal}
 .customer-vehicle-card-top{flex-direction:column}.customer-owner-badge{align-self:flex-start}
 .customer-request-row{flex-wrap:wrap}.customer-request-row>div{min-width:calc(100% - 44px)}
 .customer-claim-modern form{grid-template-columns:1fr}.customer-claim-modern button{grid-column:auto}
 .customer-vehicle-hero{align-items:flex-start;flex-direction:column}.customer-verified-owner-panel{width:100%}
 .customer-service-record{grid-template-columns:28px 1fr}.customer-service-date{grid-column:2}.customer-service-body{grid-column:2}.customer-service-record>.customer-row-status{grid-column:2;justify-self:start}
 .customer-details-grid{grid-template-columns:1fr}.customer-details-grid>div.wide{grid-column:auto}
 .customer-list-row{grid-template-columns:auto minmax(0,1fr) auto}.customer-list-row>.customer-row-status{display:none}.customer-list-row>b{display:none}
}

.customer-history-actions{display:flex;align-items:center;gap:8px}.customer-history-actions>a{font-size:8px;font-weight:850;color:#2059bd;text-decoration:none;background:#f2f6fc;border-radius:8px;padding:7px 9px;white-space:nowrap}@media(max-width:650px){.customer-history-actions{align-items:flex-end;flex-direction:column}}

.header-spacer{flex:1}


/* Step 6 — My Service Record admin controls and reporting */
.admin-page{min-width:0}
.admin-live-pill{font-size:7px;font-weight:900;letter-spacing:.7px;color:#1d7457;background:#e9f6ef;border-radius:999px;padding:7px 9px}
.admin-system-badge{font-size:8px;font-weight:800;color:#72818a;cursor:default}
.admin-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:17px}
.admin-stat-grid>a,.admin-stat-grid>div{display:block;text-decoration:none;color:inherit;background:#fff;border:1px solid #e0e7eb;border-radius:13px;padding:15px}
.admin-stat-grid span{display:block;font-size:7px;font-weight:900;letter-spacing:.65px;color:#829099}
.admin-stat-grid strong{display:block;font:700 23px 'Space Grotesk';margin:6px 0 2px;color:#253f4b}
.admin-stat-grid small{font-size:8px;color:#839099}
.admin-dashboard-grid{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);margin-bottom:15px}
.admin-garage-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:11px;align-items:center;text-decoration:none;color:inherit;padding:13px 0;border-top:1px solid #edf0f2}
.admin-garage-row:first-of-type{border-top:0}
.admin-garage-row>div strong,.admin-garage-row>div small{display:block}
.admin-garage-row>div strong{font-size:10px}.admin-garage-row>div small{font-size:8px;color:#7d8a92;margin-top:3px}
.admin-garage-row>b{font-size:8px;color:#245bc0}
.admin-status{display:inline-flex;align-items:center;justify-content:center;font-size:7px;font-weight:900;letter-spacing:.4px;border-radius:999px;padding:6px 8px;background:#eef2f4;color:#687781;white-space:nowrap}
.admin-status.active{background:#e7f6ef;color:#1c7657}.admin-status.warning{background:#fff3dd;color:#825f1c}.admin-status.disabled{background:#ffeded;color:#a13d3d}.admin-status.large{font-size:8px;padding:8px 10px}
.admin-plan-chip{font-size:7px;font-weight:850;border-radius:999px;padding:6px 8px;background:#eef3fb;color:#365f9f}
.admin-audit-row{display:flex;align-items:center;gap:10px;padding:11px 0;border-top:1px solid #edf0f2}
.admin-audit-row:first-of-type{border-top:0}.admin-audit-dot{width:8px;height:8px;border-radius:50%;background:#3d71c8;flex:0 0 auto}
.admin-audit-row>div strong,.admin-audit-row>div small{display:block}.admin-audit-row>div strong{font-size:9px}.admin-audit-row>div small{font-size:8px;color:#819099;margin-top:3px}
.admin-filter-bar{display:grid;grid-template-columns:minmax(220px,1fr) 170px 170px auto auto;gap:8px;align-items:center;background:#fff;border:1px solid #e0e7eb;border-radius:13px;padding:10px;margin-bottom:13px}
.admin-filter-bar input,.admin-filter-bar select{height:38px;border:1px solid #dce4e8;border-radius:8px;padding:0 10px;background:#fff;font-size:9px}
.admin-filter-bar>a{font-size:8px;font-weight:850;color:#245bc0;text-decoration:none;padding:8px}
.admin-customer-row{display:grid;grid-template-columns:auto minmax(0,1fr) 100px 120px;gap:12px;align-items:center;padding:13px 0;border-top:1px solid #edf0f2}
.admin-customer-row:first-of-type{border-top:0}.admin-customer-row>div strong,.admin-customer-row>div small,.admin-customer-row>span small{display:block}
.admin-customer-row>div strong{font-size:10px}.admin-customer-row>div small,.admin-customer-row>span small{font-size:8px;color:#7d8991;margin-top:3px}.admin-customer-row>span>b{font-size:13px}
.admin-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}
.admin-key-values{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.admin-key-values>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #edf0f2;font-size:8px}
.admin-key-values span{color:#7e8b93}.admin-key-values strong{text-align:right;color:#344b57}
.admin-control-card form{margin-bottom:10px}.admin-danger-button{background:#9e3e3e;color:#fff;border:0;border-radius:8px;padding:10px;font-size:9px;font-weight:850}
.admin-plan-form{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end}
.admin-plan-form label span{display:block;font-size:7px;font-weight:900;color:#7d8b93;margin-bottom:5px}.admin-plan-form select{width:100%;height:38px;border:1px solid #dce4e8;border-radius:8px;background:#fff;padding:0 8px;font-size:9px}
.admin-control-note{display:block;color:#87949b;font-size:7.5px;line-height:1.45}
.admin-team-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px 0;border-top:1px solid #edf0f2}
.admin-team-row:first-of-type{border-top:0}.admin-team-row>div strong,.admin-team-row>div small{display:block}.admin-team-row>div strong{font-size:9px}.admin-team-row>div small{font-size:8px;color:#7e8c94;margin-top:3px}.admin-team-row>span:not(.admin-status){font-size:8px;color:#62737d}
.admin-note-form{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:end}.admin-note-form textarea{min-height:86px;resize:vertical;border:1px solid #dce4e8;border-radius:9px;padding:10px;font-size:9px}
.admin-audit-table{overflow:hidden}.admin-table-head,.admin-table-row{display:grid;grid-template-columns:160px minmax(180px,.8fr) minmax(220px,1.3fr) minmax(100px,.5fr);gap:12px;align-items:center;padding:11px 13px}
.admin-table-head{background:#f4f6f8;border-radius:9px;font-size:7px;font-weight:900;color:#7d8a92;letter-spacing:.4px;text-transform:uppercase}.admin-table-row{border-top:1px solid #edf0f2;font-size:8px}
.admin-table-row strong,.admin-table-row small{display:block}.admin-table-row small{color:#86939a;margin-top:2px}
.admin-table-head.three,.admin-table-row.three{grid-template-columns:1fr 150px 120px}
.admin-report-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #edf0f2}.admin-report-list>div:first-child{border-top:0}.admin-report-list span{font-size:9px;color:#667780}.admin-report-list strong{font-size:11px;color:#2f4854}
.reports-grid{align-items:start}
@media(max-width:980px){
 .admin-stat-grid{grid-template-columns:repeat(2,1fr)}
 .admin-dashboard-grid,.admin-detail-grid{grid-template-columns:1fr}
 .admin-filter-bar{grid-template-columns:1fr 1fr}.admin-filter-bar input{grid-column:1/-1}
}
@media(max-width:680px){
 .admin-stat-grid{grid-template-columns:1fr 1fr}.admin-garage-row{grid-template-columns:auto 1fr auto}.admin-garage-row .admin-plan-chip,.admin-garage-row>b{display:none}
 .admin-customer-row{grid-template-columns:auto 1fr}.admin-customer-row>span{display:none}
 .admin-key-values{grid-template-columns:1fr}.admin-plan-form,.admin-note-form{grid-template-columns:1fr}
 .admin-table-head{display:none}.admin-table-row{grid-template-columns:1fr;gap:4px;padding:12px 2px}
 .admin-table-head.three,.admin-table-row.three{grid-template-columns:1fr}.admin-filter-bar{grid-template-columns:1fr}.admin-filter-bar input{grid-column:auto}
}


/* Complete admin garage lifecycle controls */
.admin-status.removed{background:#f4e8eb;color:#862f43}
.admin-head-statuses{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.admin-lifecycle-banner{display:flex;flex-direction:column;gap:5px;border-radius:12px;padding:13px 15px;margin:-3px 0 15px;font-size:9px}
.admin-lifecycle-banner strong{font:700 12px 'Space Grotesk'}
.admin-lifecycle-banner span{line-height:1.5}
.admin-lifecycle-banner small{font-size:7.5px;opacity:.75}
.admin-lifecycle-banner.suspended{background:#fff5df;border:1px solid #efd9a8;color:#75561d}
.admin-lifecycle-banner.removed{background:#fff0f2;border:1px solid #efc9d1;color:#7b3040}
.admin-stack-form{display:grid;gap:8px}
.admin-stack-form label span,.admin-remove-form label span{display:block;font-size:7px;font-weight:900;color:#7d8b93;margin-bottom:5px}
.admin-stack-form input,.admin-remove-form input{width:100%;height:38px;border:1px solid #dce4e8;border-radius:8px;padding:0 10px;font-size:9px}
.admin-warning-button{border:0;border-radius:8px;padding:10px;background:#b77a1c;color:#fff;font-size:9px;font-weight:850}
.admin-preservation-card{background:#f7fbf9;border-color:#d9ebe3}
.admin-preservation-list{display:grid;gap:9px}
.admin-preservation-list span{font-size:8.5px;color:#47645a}
.admin-remove-zone{margin-top:14px;border-color:#efcbd1;background:#fffafa}
.danger-text{color:#9d3c4b!important}
.admin-billing-warning{display:flex;flex-direction:column;gap:4px;background:#fff4dc;border:1px solid #eed7a7;color:#795a22;border-radius:9px;padding:10px 11px;margin-bottom:11px}
.admin-billing-warning strong{font-size:9px}.admin-billing-warning span{font-size:8px;line-height:1.45}
.admin-remove-form{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1fr) auto;gap:9px;align-items:end}
.admin-remove-form button{min-height:38px}
@media(max-width:820px){
 .admin-remove-form{grid-template-columns:1fr}
 .admin-head-statuses{justify-content:flex-start}
}

/* Step 7 security error page */
.security-error-page{min-height:70vh;display:grid;place-items:center;padding:40px 20px}
.security-error-card{width:min(520px,100%);background:#fff;border:1px solid #e3e9ec;border-radius:16px;padding:30px;text-align:center;box-shadow:0 14px 36px rgba(19,41,51,.07)}
.security-error-code{display:block;font:800 42px 'Space Grotesk';margin:8px 0 0;color:#1f343d}
.security-error-card h1{margin:4px 0 8px}.security-error-card p{color:#6d7d84;margin:0 0 18px;line-height:1.55}

/* Step 7 CSRF-safe logout controls */
.logout-inline-form,.logout-icon-form,.logout-text-form{display:inline;margin:0;padding:0}
.logout-link-button{appearance:none;border:0;background:none;padding:0;margin:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}
.logout-icon-button{appearance:none;border:0;background:none;color:inherit;font:inherit;cursor:pointer;padding:3px 5px}
.logout-text-form .onboarding-text-link{background:none;border:0;cursor:pointer}

/* Vehicle Data Global MOT import */
.mot-head-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mot-head-actions form{margin:0}


/* Admin readability polish — typography only; sidebar flow and geometry preserved */
.admin-page .admin-live-pill{font-size:9px;line-height:1.25}
.admin-sidebar .admin-system-badge{font-size:10px;line-height:1.35}
.admin-page .admin-stat-grid span{font-size:9px;line-height:1.3}
.admin-page .admin-stat-grid small{font-size:10px;line-height:1.4}
.admin-page .admin-garage-row>div strong,
.admin-page .admin-customer-row>div strong{font-size:12px;line-height:1.35}
.admin-page .admin-garage-row>div small,
.admin-page .admin-customer-row>div small,
.admin-page .admin-customer-row>span small{font-size:10px;line-height:1.4}
.admin-page .admin-garage-row>b{font-size:10px}
.admin-page .admin-status{font-size:9px;line-height:1.25}
.admin-page .admin-status.large{font-size:10px}
.admin-page .admin-plan-chip{font-size:9px;line-height:1.25}
.admin-page .admin-audit-row>div strong{font-size:11px;line-height:1.35}
.admin-page .admin-audit-row>div small{font-size:10px;line-height:1.4}
.admin-page .admin-filter-bar input,
.admin-page .admin-filter-bar select{font-size:11px}
.admin-page .admin-filter-bar>a{font-size:10px}
.admin-page .admin-key-values>div{font-size:10px;line-height:1.45}
.admin-page .admin-danger-button,
.admin-page .admin-warning-button{font-size:11px}
.admin-page .admin-plan-form label span,
.admin-page .admin-stack-form label span,
.admin-page .admin-remove-form label span{font-size:9px}
.admin-page .admin-plan-form select,
.admin-page .admin-stack-form input,
.admin-page .admin-remove-form input{font-size:11px}
.admin-page .admin-control-note{font-size:9.5px;line-height:1.5}
.admin-page .admin-team-row>div strong{font-size:11px;line-height:1.35}
.admin-page .admin-team-row>div small,
.admin-page .admin-team-row>span:not(.admin-status){font-size:10px;line-height:1.4}
.admin-page .admin-note-form textarea{font-size:11px;line-height:1.45}
.admin-page .admin-table-head{font-size:9px;line-height:1.3}
.admin-page .admin-table-row{font-size:10px;line-height:1.4}
.admin-page .admin-report-list span{font-size:11px;line-height:1.4}
.admin-page .admin-report-list strong{font-size:12px}
.admin-page .admin-lifecycle-banner{font-size:11px;line-height:1.45}
.admin-page .admin-lifecycle-banner strong{font-size:13px}
.admin-page .admin-lifecycle-banner small{font-size:9.5px}
.admin-page .admin-preservation-list span{font-size:10.5px;line-height:1.45}
.admin-page .admin-billing-warning strong{font-size:11px}
.admin-page .admin-billing-warning span{font-size:10px;line-height:1.5}


/* My Service Record mobile/tablet app shell */
.mobile-app-nav{display:none}

@media(max-width:1000px){
  body.app-authenticated{
    padding-bottom:86px;
    background:#f6f8fb;
  }
  body.app-authenticated>header,
  body.app-authenticated>footer{
    display:none;
  }

  .mobile-app-nav{
    position:fixed;
    left:max(10px,env(safe-area-inset-left));
    right:max(10px,env(safe-area-inset-right));
    bottom:max(10px,env(safe-area-inset-bottom));
    z-index:1000;
    min-height:66px;
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:1fr;
    align-items:center;
    gap:3px;
    padding:7px 8px;
    border:1px solid rgba(212,221,227,.95);
    border-radius:20px;
    background:rgba(255,255,255,.96);
    box-shadow:0 14px 40px rgba(12,31,43,.18);
    backdrop-filter:blur(18px);
    -webkit-backdrop-filter:blur(18px);
  }
  .mobile-app-nav a{
    min-width:0;
    min-height:52px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:3px;
    border-radius:14px;
    text-decoration:none;
    color:#70808b;
    font-weight:700;
    -webkit-tap-highlight-color:transparent;
  }
  .mobile-app-nav a span{
    min-height:22px;
    display:grid;
    place-items:center;
    font-size:20px;
    line-height:1;
  }
  .mobile-app-nav a small{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:10px;
    line-height:1.1;
  }
  .mobile-app-nav a.active{
    color:#174ecf;
    background:#edf3ff;
  }
  .mobile-app-nav .mobile-nav-primary{
    color:#fff;
    background:#0b1d29;
  }
  .mobile-app-nav .mobile-nav-primary.active{
    color:#fff;
    background:#174ecf;
  }

  /* Desktop navigation hands over cleanly to the app-style bottom bar. */
  .vehicle-sidebar{display:none!important}
  .customer-nav{display:none!important}
  body.vehicle-page .vehicle-workspace,
  .vehicle-workspace{
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:100vh;
  }
  body.vehicle-page .vehicle-main,
  .vehicle-main{
    width:100%!important;
    height:auto!important;
    min-height:100vh;
    overflow:visible!important;
  }
  body.vehicle-page .vehicle-content,
  .vehicle-content,
  .vehicle-content.account-wide-page{
    width:100%!important;
    height:auto!important;
    overflow:visible!important;
    padding:0 18px 96px!important;
    box-sizing:border-box;
  }
  .customer-page{
    padding-bottom:28px;
  }

  /* Vehicle section navigation behaves like an in-app secondary tab bar. */
  .vehicle-tabs,
  .customer-vehicle-tabs{
    position:sticky;
    top:0;
    z-index:35;
    margin-left:-18px;
    margin-right:-18px;
    padding:8px 18px;
    gap:6px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
    background:rgba(246,248,251,.96);
    border-bottom:1px solid #dde5ea;
    box-shadow:0 5px 16px rgba(14,36,49,.045);
    backdrop-filter:blur(14px);
    -webkit-backdrop-filter:blur(14px);
  }
  .vehicle-tabs::-webkit-scrollbar,
  .customer-vehicle-tabs::-webkit-scrollbar{display:none}
  .vehicle-tabs button,
  .customer-vehicle-tabs button{
    flex:0 0 auto;
    min-height:44px;
    padding:0 15px!important;
    border-radius:12px;
    white-space:nowrap;
    font-size:12px!important;
  }

  /* Tablet-friendly content density */
  .portal-page-head{
    align-items:flex-start;
  }
  .portal-page-head .button,
  .service-action-buttons .button{
    min-height:44px;
  }
  .modern-card,
  .customer-detail-card,
  .customer-vehicle-card{
    border-radius:16px;
  }
  .dashboard-lookup input,
  .lookup-row input,
  input,select,textarea,button{
    min-height:44px;
  }
  input,select,textarea{
    font-size:16px!important;
  }
  button,.button,.mini-action,
  .customer-primary-small,.customer-secondary-small{
    touch-action:manipulation;
  }
}

@media(max-width:760px){
  .portal-page-head{
    margin-top:14px;
    gap:14px;
    flex-direction:column;
  }
  .portal-page-head h1{
    font-size:34px;
    letter-spacing:-1.5px;
  }
  .portal-page-head>.button{
    width:100%;
    justify-content:center;
    text-align:center;
  }
  .vehicle-topbar{
    height:58px;
  }
  .vehicle-hero-modern.no-image-hero{
    min-height:0!important;
    padding:26px 22px!important;
    border-radius:18px;
  }
  .vehicle-hero-modern.no-image-hero .hero-verified{
    justify-self:start!important;
  }
  .hero-copy h1{
    font-size:30px!important;
    line-height:1.05;
  }
  .numberplate{
    font-size:16px;
  }
  .modern-grid,.dashboard-grid,.lower-grid,
  .customer-content-grid,.customer-status-cards,
  .customer-health-grid,.customer-overview-stats{
    grid-template-columns:1fr!important;
  }
  .workspace-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .portal-row{
    grid-template-columns:auto minmax(0,1fr);
    gap:12px;
  }
  .portal-row>b{
    grid-column:2;
    justify-self:start;
  }
  .service-row-modern{
    grid-template-columns:1fr!important;
    gap:8px!important;
  }
  .service-row-modern .service-icon{display:none}
  .service-date{
    display:flex;
    align-items:center;
    gap:10px;
  }
  .customer-service-record,
  .customer-request-row,
  .customer-mot-record{
    grid-template-columns:1fr!important;
    gap:8px;
  }
  .customer-service-marker,
  .customer-request-icon{
    display:none;
  }
  .customer-row-status{
    justify-self:start;
  }
  .service-action-buttons,
  .customer-history-actions{
    width:100%;
    flex-wrap:wrap;
  }
  .service-action-buttons .button{
    flex:1 1 180px;
  }
  .lookup-row{
    gap:10px;
  }
  .lookup-row .button{
    width:100%;
  }
  .vehicle-summary{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .formgrid,
  .customer-block{
    grid-template-columns:1fr!important;
  }
  .formgrid .full,
  .customer-block .full{
    grid-column:auto!important;
  }
  .details-grid{
    grid-template-columns:1fr!important;
  }
}

@media(max-width:520px){
  body.app-authenticated{padding-bottom:82px}
  .mobile-app-nav{
    left:7px;
    right:7px;
    bottom:max(7px,env(safe-area-inset-bottom));
    min-height:62px;
    border-radius:18px;
    padding:6px;
  }
  .mobile-app-nav a{
    min-height:50px;
    border-radius:12px;
  }
  .mobile-app-nav a span{font-size:18px}
  .mobile-app-nav a small{font-size:9px}
  body.vehicle-page .vehicle-content,
  .vehicle-content,
  .vehicle-content.account-wide-page{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  .vehicle-tabs,
  .customer-vehicle-tabs{
    margin-left:-12px;
    margin-right:-12px;
    padding-left:12px;
    padding-right:12px;
  }
  .modern-card,
  .customer-detail-card,
  .customer-vehicle-card{
    padding:16px!important;
  }
  .workspace-stats{
    grid-template-columns:1fr 1fr!important;
  }
  .vehicle-summary{
    grid-template-columns:1fr!important;
  }
}