:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--sv-primary:#0d47a1;--sv-secondary:#1976d2;--sv-light-blue:#42a5f5;--sv-charcoal:#111827;--sv-light-grey:#f1f3f6;--sv-white:#fff;--brand-900:#0d47a1;--brand-700:#1976d2;--brand-400:#42a5f5;--ink:#111827;--muted:#526176;--canvas:#f1f3f6;--surface:#fff;--border:#d7e0eb;--positive:#176b3a;--positive-bg:#e8f5ed;--attention:#7a4d00;--attention-bg:#fff4d6;--urgent:#a12622;--urgent-bg:#fdebea;--neutral:#3f5268;--neutral-bg:#eaf0f6;--focus:#ffbf47;--shadow:0 8px 24px #0d47a114;--shadow-raised:0 14px 36px #0f23411a;--radius-sm:.4rem;--radius-md:.7rem;--radius-lg:1rem;color:var(--ink);background:var(--canvas);font-family:Inter,Segoe UI,Arial,sans-serif}.brand-link{color:inherit;text-decoration:none}.brand-logo{background:var(--sv-white);border-radius:var(--radius-lg);object-fit:contain;width:5.5rem;height:auto;padding:.35rem;display:block}.brand-name{color:inherit;letter-spacing:-.025em;font-size:1.25rem;line-height:1}.nav-count{background:var(--sv-secondary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:1.4rem;min-height:1.4rem;margin-left:auto;padding:0 .35rem;font-size:.72rem;display:inline-flex}.dashboard-summary{order:2;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.dashboard-summary>div{background:var(--sv-white);border:1px solid var(--border);border-top:.22rem solid var(--sv-secondary);border-radius:var(--radius-md);box-shadow:var(--shadow);gap:.1rem;padding:1rem 1.15rem;display:grid}.dashboard-summary strong{color:var(--sv-charcoal);font-size:1.75rem;line-height:1}.dashboard-summary span{color:var(--muted);font-size:.82rem;font-weight:700}.garage-intro{order:1}.garage-dashboard>.notification-panel{order:3}.my-vehicles{order:4;gap:1rem;display:grid}.garage-add-vehicle{order:5}.garage-dashboard>.ownership-invitations{order:6}.garage-dashboard>.page-feedback{order:1}.page-feedback{overflow-wrap:anywhere;min-width:0}.page-feedback:focus-visible{outline:.2rem solid var(--focus);outline-offset:.2rem}.page-feedback>.feedback{margin-block:0}.my-vehicles .garage-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr))}.registration-mark{background:#fff8d8;border-color:#273244;box-shadow:inset 0 0 0 1px #ffffffb3}.health-breakdown-disclosure{border-top:1px solid var(--border);grid-column:1/-1;padding-top:.8rem}.health-breakdown-disclosure>summary{color:var(--sv-primary);cursor:pointer;font-weight:800}.health-breakdown-disclosure .health-breakdown{margin-top:.8rem}@media (min-width:60rem){body{padding-left:17rem}.app-header{background:linear-gradient(180deg, #092f70 0%, var(--sv-primary) 100%);color:#fff;border:0;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;align-content:start;width:17rem;padding:1.5rem 1.2rem;display:grid;position:fixed;top:0;bottom:0;left:0;box-shadow:8px 0 28px #0d47a124}.app-header .brand-block{text-align:center;border-bottom:1px solid #ffffff2e;grid-template-columns:1fr;place-items:center;gap:.65rem;padding-bottom:1.25rem;display:grid}.app-header .brand-logo{width:6.75rem}.app-header .brand-name{font-size:1.4rem}.app-header .brand-block span{color:#dceaff;font-size:.72rem}.primary-nav{align-content:start;gap:.45rem;padding-top:1.5rem;display:grid}.primary-nav button,.header-notifications{color:#eaf3ff;background:0 0;border:1px solid #0000;justify-content:flex-start;width:100%}.primary-nav button:hover,.header-notifications:hover,.primary-nav button[aria-current=page]{color:#fff;background:#ffffff1f;border-color:#ffffff2e}.primary-nav button:last-child{border-color:#ffffff3d;align-self:end;margin-top:auto}.app-header .context-label{color:#dceaff;grid-column:auto}main{max-width:82rem}}@media (max-width:59.999rem){.app-header .brand-block{grid-template-rows:auto auto;grid-template-columns:3.5rem minmax(8rem,1fr);align-items:center;gap:.6rem;display:grid}.app-header .brand-logo{grid-row:1/3;width:3.5rem}.app-header .brand-block span{font-size:.68rem}}.authentication-logo{background:var(--sv-white);border-radius:var(--radius-lg);object-fit:contain;width:min(42vw,10rem);max-width:10rem;height:auto;margin-inline:auto;padding:.4rem;display:block}.authentication-brand-name{color:var(--sv-primary);letter-spacing:-.035em;margin:.7rem 0 0;font-size:clamp(1.65rem,5vw,2.15rem)}.onboarding-page{align-items:center;min-height:100vh;padding:2rem 1rem;display:grid}.onboarding-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-raised);gap:1.25rem;width:100%;max-width:42rem;margin-inline:auto;padding:clamp(1.25rem,4vw,2.5rem);display:grid}.onboarding-card .authentication-logo{width:6.5rem}.onboarding-card form,.onboarding-fields{gap:1rem;display:grid}.onboarding-card label{gap:.35rem;font-weight:700;display:grid}.onboarding-card input[readonly],.profile-panel input[readonly]{background:var(--canvas);color:var(--muted)}.usage-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1.25rem;display:grid}.usage-options button{color:var(--ink);text-align:left;background:#f7faff;border:1px solid #b9d3ed;align-items:start;gap:.45rem;min-height:9rem;display:grid}.usage-options button:hover,.usage-options button:focus-visible{border-color:var(--sv-secondary);background:#e8f1fc}.onboarding-fields fieldset{gap:1rem;display:flex}.onboarding-fields fieldset label{align-items:center;font-weight:600;display:flex}.profile-panel{order:6}.profile-sections,.profile-sections form{gap:1rem;display:grid}.profile-sections{grid-template-columns:repeat(auto-fit,minmax(min(100%,20rem),1fr));padding-top:1rem}@media (min-width:60rem){:is(body:has(.onboarding-page),body:has(.centred-state)){padding-left:0}}@media (max-width:44rem){.onboarding-page{padding:1rem}.usage-options{grid-template-columns:1fr}.dashboard-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-summary>div:last-child{grid-column:1/-1}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;line-height:1.55}button,input,select,textarea{font:inherit}button,.primary-action{border-radius:var(--radius-sm);background:var(--brand-700);color:#fff;cursor:pointer;border:0;justify-content:center;align-items:center;min-height:2.75rem;padding:.65rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}button:hover,.primary-action:hover{background:var(--brand-900)}button:disabled{cursor:not-allowed;opacity:.55}.quiet-action{color:var(--brand-900);background:0 0;border:1px solid}.quiet-action:hover{color:var(--brand-900);background:#e8f1fc}.destructive-action{background:var(--urgent)}a{color:var(--brand-900);font-weight:650}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.app-header{background:linear-gradient(120deg, var(--brand-900), #08387f);color:#fff;grid-template-columns:minmax(15rem,1fr) auto;align-items:center;gap:.75rem 1.5rem;padding:1rem max(1rem,50vw - 36rem);display:grid;box-shadow:0 2px 10px #1118272e}.brand-block{flex-direction:column;display:flex}.brand-block span,.brand-block p{margin:0}.brand-block-large{align-items:center;margin-bottom:1rem}.wordmark{color:inherit;letter-spacing:-.03em;font-size:1.65rem}.primary-nav{flex-wrap:wrap;gap:.5rem;display:flex}.mobile-menu-button{display:none}.primary-nav button{background:0 0;border:1px solid #8fc5f4}.primary-nav button[aria-current=page]{color:var(--brand-900);background:#fff;box-shadow:0 0 0 2px #fff3}.app-header .context-label{color:#dbeeff;grid-column:1/-1;margin:0;font-size:.9rem;font-weight:750}main{max-width:72rem;margin:0 auto;padding:2rem}.centred-state{text-align:center;place-content:center;min-height:70vh;display:grid}.owner-vehicle-detail{gap:1.5rem;display:grid}.vehicle-hero,.section-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.major-disclosure>.major-summary{color:var(--brand-900);cursor:pointer;overflow-wrap:anywhere;justify-content:space-between;align-items:center;gap:1rem;min-height:3.25rem;display:flex}.major-disclosure>.major-summary span{color:var(--ink);font-size:1.2rem;font-weight:850}.major-disclosure>.major-summary small{color:var(--muted);text-align:right;font-weight:700}.major-disclosure[open]>.major-summary{border-bottom:1px solid var(--border);margin-bottom:1.25rem;padding-bottom:.8rem}.secondary-disclosure{border:1px solid var(--border);border-radius:var(--radius-md);margin-top:.8rem;overflow:hidden}.secondary-disclosure>summary{color:var(--brand-900);cursor:pointer;overflow-wrap:anywhere;background:#f7f9fc;min-height:2.75rem;padding:.72rem .9rem;font-weight:800}.secondary-disclosure[open]>summary{border-bottom:1px solid var(--border)}.secondary-disclosure>:not(summary){margin-left:.9rem;margin-right:.9rem}.compact-empty{color:var(--muted);overflow-wrap:anywhere}.vehicle-hero{border-top:.35rem solid var(--brand-700);overflow:hidden}.vehicle-hero-topline{border-bottom:1px solid var(--border);background:#f7faff;justify-content:space-between;align-items:center;gap:1rem;padding:.85rem 1.5rem;display:flex}.vehicle-identity{grid-template-columns:minmax(0,1fr) minmax(17rem,.75fr);align-items:end;gap:2rem;padding:1.7rem;display:grid}.vehicle-identity h1{margin:.2rem 0 .7rem;font-size:clamp(2rem,5vw,3.25rem);line-height:1.08}.eyebrow{color:var(--brand-900);letter-spacing:.1em;text-transform:uppercase;margin:0;font-size:.76rem;font-weight:800}.registration-mark{border-radius:var(--radius-sm);letter-spacing:.12em;overflow-wrap:anywhere;background:#f7f9fc;border:2px solid #233044;max-width:100%;margin:0;padding:.35rem .75rem;font-size:clamp(1.35rem,4vw,2rem);font-weight:850;display:inline-block}.context-chip{color:var(--brand-900);background:#dcecff;border-radius:999px;padding:.3rem .7rem;font-size:.85rem;font-weight:800}.vehicle-hero-facts{gap:.65rem;display:grid}.vehicle-hero-facts span{border-left:3px solid var(--brand-400);overflow-wrap:anywhere;padding-left:.75rem;display:grid}.vehicle-hero-facts strong{color:var(--muted);text-transform:uppercase;font-size:.78rem}.section-nav{flex-wrap:wrap;gap:.5rem;margin:-.5rem 0 0;display:flex}.section-nav a{background:#e5f0fc;border:1px solid #c5ddf5;border-radius:999px;padding:.48rem .8rem;text-decoration:none}.section-panel{padding:clamp(1rem,3vw,1.7rem);scroll-margin-top:1rem}.section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.25rem;padding-bottom:1rem;display:flex}.section-header h2{margin:.2rem 0 0;font-size:clamp(1.5rem,3vw,2rem);line-height:1.2}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.summary-card{border-radius:var(--radius-md);background:#f7faff;border:1px solid #d7e7f7;gap:.25rem;min-width:0;padding:1rem;display:grid}.summary-card span,.metric-label{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.summary-card strong{overflow-wrap:anywhere;font-size:1.45rem}.summary-card small{color:var(--muted)}.health-presentation{grid-template-columns:1fr;gap:1rem;display:grid}.health-values{align-content:center;gap:.75rem;display:grid}.health-completion-track{background:#dce4ec;border:1px solid #52677d;border-radius:999px;max-width:36rem;height:1rem;margin-top:.35rem;overflow:hidden}.health-completion-fill{background:var(--brand-700);height:100%}.health-values>div{display:grid}.health-values span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.health-values strong{font-size:clamp(1.8rem,5vw,2.7rem)}.health-values p{color:var(--muted);margin:0}.health-breakdown{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;display:grid}.health-area{border-radius:var(--radius-sm);background:#f7faff;border:1px solid #d7e7f7;gap:.25rem;min-width:0;padding:.8rem;display:grid}.health-area span{color:var(--muted);text-transform:uppercase;font-size:.78rem;font-weight:800}.health-area strong,.health-area small{overflow-wrap:anywhere}.health-area small{color:var(--muted)}.health-attention,.health-unavailable{border-left:.3rem solid var(--brand-700);background:#f4f6f8;grid-column:1/-1;padding:.85rem 1rem}.health-unavailable{gap:.35rem;display:grid}.health-unavailable p{margin:0}.health-calculation{grid-column:1/-1;margin-top:0}.health-calculation>div{padding:0 1rem}.garage-health-summary{gap:.2rem;margin-bottom:0;display:grid}.garage-health-summary strong{color:var(--muted);text-transform:uppercase;font-size:.78rem}.current-mot-card{border-left:.35rem solid var(--brand-700);border-radius:var(--radius-md);background:#f7faff;grid-template-columns:1fr auto;gap:.5rem;margin-bottom:1.5rem;padding:1rem 1.2rem;display:grid}.current-mot-card p{grid-column:1/-1;margin:0}.current-mot-card>div{display:grid}.current-mot-card>div strong{font-size:1.65rem}.status-badge,.provenance{border-radius:999px;padding:.22rem .55rem;font-size:.76rem;font-weight:800;line-height:1.35;display:inline-block}.status-pass{background:var(--positive-bg);color:var(--positive)}.status-fail,.status-urgent,.status-overdue{background:var(--urgent-bg);color:var(--urgent)}.status-attention,.status-due{background:var(--attention-bg);color:var(--attention)}.status-advisory,.status-upcoming,.status-neutral,.provenance{background:var(--neutral-bg);color:var(--neutral)}.record-list,.timeline-list,.evidence-library{gap:.8rem;margin:1rem 0;padding:0;list-style:none;display:grid}.record-card{border:1px solid var(--border);border-radius:var(--radius-md);overflow-wrap:anywhere;background:#fbfcfe;padding:1rem}.record-card>:first-child{margin-top:0}.record-title{font-size:1.05rem;font-weight:750}.timeline-list{counter-reset:history}.timeline-card{border-left:.3rem solid var(--brand-400);position:relative}.timeline-card time{color:var(--brand-900);font-weight:800}.timeline-card h3{margin:.25rem 0}.evidence-row{border-radius:var(--radius-sm);background:#f2f7fc;border:1px solid #d5e4f3;justify-content:space-between;align-items:center;gap:1rem;min-width:0;margin-top:.8rem;padding:.8rem;display:flex}.evidence-row>div{min-width:0;display:grid}.evidence-row strong,.evidence-row span{overflow-wrap:anywhere}.evidence-row span{color:var(--muted);font-size:.9rem}.measurement-grid{grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:.65rem;display:grid}.measurement-card{border-radius:var(--radius-sm);background:#f7f9fc;min-width:0;padding:.75rem}.measurement-card strong,.measurement-card label{overflow-wrap:normal;word-break:normal}.empty-state,.feedback{border-left:.3rem solid var(--brand-700);padding:.85rem 1rem}.empty-state{color:var(--muted);background:#f4f6f8}.empty-state p{margin-bottom:0}.feedback{margin-block:1rem}.feedback-loading{background:#e8f1fc}.feedback-empty{background:#f2f4f7}.feedback-success{background:var(--positive-bg);border-color:var(--positive)}.feedback-error{background:var(--urgent-bg);border-color:var(--urgent)}.disclosure-panel{border:1px solid var(--border);border-radius:var(--radius-md);margin-top:1rem;overflow:hidden}.disclosure-panel summary{color:var(--brand-900);cursor:pointer;background:#f4f7fb;min-height:2.75rem;padding:.75rem 1rem;font-weight:800}.disclosure-panel[open] summary{border-bottom:1px solid var(--border)}form{gap:.85rem;padding:1rem;display:grid}label{gap:.35rem;font-weight:700;display:grid}fieldset{border:1px solid var(--border);border-radius:var(--radius-sm);padding:.8rem}fieldset label{align-items:center;font-weight:400;display:flex}input,select,textarea{border-radius:var(--radius-sm);background:#fff;border:1px solid #718096;max-width:100%;min-height:2.75rem;padding:.55rem .65rem}textarea{resize:vertical}ul{padding-left:1.25rem}li{overflow-wrap:anywhere;margin-block:.45rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.garage-dashboard{gap:1.5rem;display:grid}.garage-intro{max-width:44rem}.garage-intro h1{margin:.25rem 0;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.garage-intro p:last-child{color:var(--muted);font-size:1.05rem}.garage-add-vehicle{background:var(--surface);box-shadow:var(--shadow);margin:0}.garage-add-vehicle .vehicle-identifier-type{width:min(100%,10rem)}.garage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.ownership-transfer-panel,.ownership-invitations{margin-top:2rem}.transfer-form{gap:.75rem;max-width:38rem;display:grid}.transfer-pending{gap:1rem;display:grid}.transfer-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:0;display:grid}.transfer-facts div,.transfer-summary{background:var(--neutral-bg);border:1px solid var(--border);border-radius:.5rem;padding:.75rem}.transfer-facts dt{color:var(--muted);font-size:.85rem}.transfer-facts dd{overflow-wrap:anywhere;margin:.2rem 0 0}.ownership-invitations>ul,.transfer-relationships{gap:1rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.ownership-invitation-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;gap:1rem;padding:1.25rem;display:grid}.relationship-review,.transfer-invitation-actions{gap:.9rem;display:grid}.transfer-relationships>li{border:1px solid var(--border);border-radius:.5rem;gap:.75rem;padding:1rem;display:grid}.transfer-relationships li>div,.transfer-relationships label,.transfer-summary{justify-content:space-between;gap:.5rem;display:flex}.transfer-relationships fieldset{gap:.65rem;display:grid}.transfer-relationships label{justify-content:flex-start;align-items:flex-start}.transfer-relationships label small{color:var(--muted)}@media (max-width:640px){.transfer-facts{grid-template-columns:1fr}.transfer-relationships li>div,.transfer-summary{flex-direction:column;align-items:flex-start}}.vehicle-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);gap:1.1rem;min-width:0;margin:0;padding:1.25rem;display:grid}.vehicle-card h2{margin:.2rem 0 .7rem}.vehicle-card .registration-mark{font-size:1.25rem}.vehicle-card-attention{border-left:3px solid var(--brand-400);gap:.3rem;padding-left:.75rem;display:grid}.vehicle-card-attention span{overflow-wrap:anywhere}.workshop-portal,.workshop-vehicle-detail{gap:1.5rem;min-width:0;display:grid}.workshop-portal>*,.workshop-vehicle-detail>*,.workshop-portal form,.workshop-vehicle-detail form,.workshop-portal fieldset,.workshop-vehicle-detail fieldset{min-width:0}.workshop-portal button,.workshop-vehicle-detail button,.workshop-portal label,.workshop-vehicle-detail label{overflow-wrap:break-word}.workshop-heading{max-width:46rem}.workshop-heading h1{margin:.25rem 0;font-size:clamp(2rem,5vw,3rem);line-height:1.1}.workshop-heading p:last-child{color:var(--muted);font-size:1.05rem}.workshop-context-control{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:1rem}.workshop-context-banner{border-left:.35rem solid var(--brand-700);border-radius:var(--radius-sm);overflow-wrap:anywhere;background:#e8f1fc;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;padding:.85rem 1rem;display:flex}.workshop-context-banner span{color:var(--brand-900);text-transform:uppercase;font-size:.78rem;font-weight:800}.workshop-search-row{grid-template-columns:minmax(12rem,1fr) auto;align-items:end;gap:.75rem;display:grid}.workshop-search-form{padding:0}.workshop-search-form .feedback,.form-feedback .feedback{overflow-wrap:anywhere;margin:0}.authorised-vehicle-filter{max-width:28rem;margin-bottom:1rem}.permission-grid{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin:.75rem;display:grid}.workshop-requests{margin:0}.workshop-vehicle-hero h2{margin:.25rem 0 .8rem;font-size:clamp(1.8rem,4vw,2.75rem);line-height:1.1}.workshop-action{background:var(--surface);box-shadow:var(--shadow);margin-top:0}.workshop-action form{max-width:50rem;margin:0 auto}.record-card-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.workshop-add-records{gap:1rem;display:grid}@media (max-width:60rem){.summary-grid,.measurement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-identity,.permission-grid{grid-template-columns:1fr}.health-breakdown{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:44rem){.app-header{grid-template-columns:minmax(0,1fr) auto}.garage-add-vehicle .vehicle-identifier-type{width:100%}.app-header .brand-block{min-width:0}.app-header .brand-block span{display:none}.mobile-menu-button{align-self:center;width:auto;display:inline-flex}.primary-nav{grid-column:1/-1;display:none}.primary-nav.mobile-menu-open{display:flex}.app-header .context-label{grid-column:1/-1}.primary-nav,.primary-nav button{width:100%}main{padding:1rem}.vehicle-hero-topline,.section-header,.evidence-row{flex-direction:column;align-items:stretch}.vehicle-identity{padding:1.1rem}.summary-grid,.measurement-grid,.health-presentation,.health-breakdown{grid-template-columns:1fr}button,.primary-action{width:100%}.section-nav{flex-wrap:nowrap;padding-bottom:.4rem;overflow-x:auto}.section-nav a{flex:none}.registration-mark{letter-spacing:.08em}.garage-grid,.workshop-search-row{grid-template-columns:1fr}.major-disclosure>.major-summary{flex-direction:column;align-items:flex-start}.major-disclosure>.major-summary small{text-align:left}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.temporary-access-panel{margin-top:1.5rem}.temporary-access-list{gap:.75rem;padding:0;list-style:none;display:grid}.temporary-access-list li{border:1px solid var(--border);border-radius:.75rem;gap:.35rem;padding:1rem;display:grid}.temporary-invitation-card{border-left:.3rem solid var(--brand-700)}.temporary-vehicle-view pre{overflow-wrap:anywhere;white-space:pre-wrap;font:inherit}@media (max-width:640px){.temporary-access-list li,.temporary-invitation-card{grid-template-columns:1fr;min-width:0}}body{background:linear-gradient(180deg, #f8fbff 0, var(--canvas) 22rem) no-repeat, var(--canvas)}.app-header{border-bottom:1px solid var(--border);color:var(--ink);z-index:20;background:#fffffff5;position:sticky;top:0;box-shadow:0 2px 14px #11182714}.wordmark{color:var(--brand-900)}.primary-nav button{border-color:var(--border);color:var(--brand-900)}.primary-nav button[aria-current=page]{box-shadow:none;background:#e8f1fc;border-color:#a9cbed}.app-header .context-label{color:var(--muted)}.header-notifications{border-radius:var(--radius-sm);align-items:center;min-height:2.75rem;padding:.65rem .8rem;text-decoration:none;display:inline-flex}.section-heading{justify-content:space-between;align-items:center;gap:1rem;display:flex}.section-heading h2{margin:.15rem 0 0;font-size:clamp(1.25rem,2.5vw,1.65rem);line-height:1.2}.notification-panel{background:var(--surface);border:1px solid var(--border);border-left:.3rem solid var(--brand-700);border-radius:var(--radius-md);box-shadow:var(--shadow);padding:1rem 1.2rem;scroll-margin-top:7rem}.notification-count{color:var(--brand-900);background:#e8f1fc;border-radius:999px;padding:.28rem .65rem;font-size:.78rem;font-weight:800}.notification-list{gap:.65rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.notification-card{border-radius:var(--radius-sm);background:#f8fbff;border:1px solid #d7e7f7;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem;margin:0;padding:.8rem .9rem;display:grid}.notification-card>div{gap:.2rem;display:grid}.notification-card p{color:var(--muted);margin:0}.notification-card time,.notification-empty{color:var(--muted);font-size:.86rem}.notification-empty{margin:.75rem 0 0}.vehicle-card{padding:1.4rem;transition:border-color .16s,box-shadow .16s,transform .16s}.vehicle-card:hover{box-shadow:var(--shadow-raised);border-color:#b9d3ed;transform:translateY(-2px)}.vehicle-card-identity{gap:.35rem;display:grid}.vehicle-card h2{margin:.35rem 0 0;font-size:1.3rem}.vehicle-card .registration-mark{justify-self:start;margin-top:.35rem;font-size:1.4rem}.vehicle-class{color:var(--muted);margin:0}.vehicle-card .garage-health-summary{border-radius:var(--radius-md);background:#f7faff;border:1px solid #d7e7f7;padding:.9rem}.vehicle-card .garage-health-summary>strong{color:var(--ink);text-transform:none;font-size:1.3rem}.vehicle-card .health-completion-track{height:.65rem;margin-top:.25rem}@media (max-width:44rem){.header-notifications{justify-content:center;width:100%}.notification-card{grid-template-columns:1fr;align-items:stretch}.notification-heading{align-items:flex-start}.vehicle-card:hover{transform:none}}@media (min-width:60rem){.app-header{background:linear-gradient(180deg, #092f70 0%, var(--sv-primary) 100%);color:#fff;border:0;grid-template-rows:auto 1fr auto;grid-template-columns:1fr;align-content:start;width:17rem;padding:1.5rem 1.2rem;display:grid;position:fixed;top:0;bottom:0;left:0;box-shadow:8px 0 28px #0d47a124}.primary-nav button,.header-notifications{color:#eaf3ff;background:0 0;border-color:#0000}.primary-nav button[aria-current=page]{color:#fff;background:#ffffff1f;border-color:#ffffff2e}.app-header .context-label{color:#dceaff}}