#car-dashboard{--dash-blue:var(--green,#245ea8);--dash-border:var(--line,#dce5ef);--dash-muted:var(--mute,#5a6472);color:var(--ink,#172d48);word-break:keep-all;overflow-wrap:anywhere;padding:12px 0 20px}#car-dashboard *{box-sizing:border-box}#car-dashboard button,#car-dashboard input,#car-dashboard select{font:inherit}#car-dashboard button,#car-dashboard a,#car-dashboard summary{touch-action:manipulation}#car-dashboard button{cursor:pointer;border:1px solid var(--dash-border);border-radius:9px;padding:9px 12px;background:var(--surface,#fff);color:var(--dash-blue);min-height:42px;font-size:14px}#car-dashboard button:disabled{opacity:.5;cursor:default}#car-dashboard :focus-visible,#dashboard-alert-button:focus-visible{outline:3px solid #70a7ec;outline-offset:3px}.dash-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:4px 0 25px}.dash-heading h1{font-size:clamp(26px,4vw,38px);line-height:1.3;letter-spacing:-.035em;margin:8px 0 12px}.dash-heading p{margin:0;color:var(--dash-muted);font-size:15px;line-height:1.7}.dash-heading .dash-kicker{color:var(--dash-blue);font-size:13px;font-weight:750}.dash-heading>button{flex-shrink:0}.dash-toolbar{display:flex;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:22px}.dash-toolbar>label{flex:1;max-width:430px}#car-dashboard label{display:grid;gap:7px;min-width:0;font-size:13px;color:var(--dash-muted)}#car-dashboard input,#car-dashboard select{width:100%;min-width:0;border:1px solid var(--dash-border);border-radius:9px;background:var(--surface,#fff);color:var(--ink,#172d48);min-height:45px;padding:10px 12px;font-size:16px}.dash-toolbar details{position:relative}.dash-toolbar summary,.dash-add summary,.dashboard-legacy summary{cursor:pointer;padding:12px 0;color:var(--dash-blue);font-size:14px;font-weight:650}.dash-toolbar details form{padding:16px;border:1px solid var(--dash-border);border-radius:12px;margin-top:10px;background:var(--surface,#fff)}.dash-toolbar form button{margin-top:12px}.dash-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:20px}.dash-stats article{padding:24px;background:var(--surface,#fff);border:1px solid var(--dash-border);border-radius:16px}.dash-stats article:first-child{background:#15385f;color:#fff;border-color:#15385f}.dash-stats span{display:block;font-size:14px;margin-bottom:16px}.dash-stats strong{display:block;font-size:clamp(25px,3.2vw,36px);letter-spacing:-.035em;line-height:1.3}.dash-stats em{font-size:16px;font-style:normal;margin-left:4px}.dash-stats small{display:block;font-size:13px;line-height:1.6;margin-top:12px;opacity:.85}.dash-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:start}.dash-panel{padding:24px;border:1px solid var(--dash-border);border-radius:16px;background:var(--surface,#fff);min-width:0}.dash-panel h2{font-size:20px;line-height:1.5;margin:0 0 16px;letter-spacing:-.025em}.dash-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.dash-title h2{margin:0}.dash-title h2 span{display:inline-block;border-radius:8px;background:#e5effd;color:#194f94;font-size:14px;padding:1px 7px;vertical-align:middle}.dash-title>a{font-size:14px}.dash-list{list-style:none;margin:0;padding:0}.dash-list li{display:flex;justify-content:space-between;gap:14px;padding:16px 0;border-bottom:1px solid var(--dash-border);align-items:flex-start}.dash-list li:last-child{border:0}.dash-list strong{display:block;font-size:15px;line-height:1.6}.dash-list span{display:block;font-size:13px;color:var(--dash-muted);line-height:1.7}.dash-end{display:flex;gap:5px;flex-wrap:wrap;justify-content:end;max-width:185px;flex-shrink:0}.dash-end button{font-size:12px!important;padding:6px 9px!important}.dash-pill{display:block;width:100%;text-align:right;color:var(--dash-blue);font-size:13px;font-weight:650}.dash-pill.is-overdue{color:#9c5207}.dash-muted,.dash-note{color:var(--dash-muted);font-size:14px;line-height:1.75;margin:10px 0}.dash-note{font-size:13px}.is-read{opacity:.75}.dash-add{border-top:1px solid var(--dash-border);margin-top:14px}.dash-add form,#dashboard-profile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:12px}.dash-add form button,#dashboard-profile button{background:var(--dash-blue);color:white;border-color:var(--dash-blue);justify-self:start}.dash-recalls{margin-top:20px}.dash-recall-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dash-recall-list a{display:block;text-decoration:none;border:1px solid var(--dash-border);border-radius:12px;padding:18px;height:100%;color:inherit}.dash-recall-list a:hover{border-color:#6191d2;background:var(--tint,#f3f7fd)}.dash-recall-list strong{font-size:15px;line-height:1.7;display:block}.dash-recall-list span{display:block;font-size:14px;line-height:1.7;margin:8px 0;color:var(--dash-muted)}.dash-recall-list small{font-size:13px;color:var(--dash-blue)}.dash-empty{background:var(--surface,#fff);border:1px dashed var(--dash-border);border-radius:16px;padding:24px;margin:0 0 20px}.dash-storage{font-size:13px;line-height:1.8;color:var(--dash-muted);margin-top:18px}#dashboard-status{min-height:25px;font-size:14px;line-height:1.6;color:var(--dash-blue)}.dashboard-legacy{border-top:1px solid var(--line,#dce5ef);padding-top:12px}#dashboard-alert-count{font-size:11px;background:#245ea8;color:#fff;border-radius:20px;min-width:18px;padding:1px 5px;display:inline-block}#dashboard-alert-button[hidden]{display:none!important}.dash-skeleton{padding:25px;border-radius:12px;background:var(--tint,#edf3fa);color:var(--dash-muted)}@media(max-width:900px){.dash-grid{grid-template-columns:1fr}.dash-stats{gap:10px}.dash-stats article{padding:18px}.dash-heading{align-items:flex-start}.dash-heading>button{font-size:12px!important}}@media(max-width:560px){.dash-heading{display:block}.dash-heading>button{margin-top:14px}.dash-stats{grid-template-columns:1fr}.dash-stats article{padding:18px;display:grid;grid-template-columns:1fr auto;gap:5px 12px}.dash-stats span{margin:0;align-self:center}.dash-stats strong{font-size:25px}.dash-stats small{margin:0;grid-column:1/-1}.dash-panel{padding:18px}.dash-title{flex-wrap:wrap}.dash-list li{flex-wrap:wrap}.dash-end{max-width:100%;width:100%;justify-content:start}.dash-pill{width:auto;text-align:left;align-self:center;margin-right:8px}.dash-recall-list{grid-template-columns:1fr}.dash-add form,#dashboard-profile{grid-template-columns:1fr}.dash-toolbar>label{width:100%;max-width:none;flex:auto}}
/* r54: dashboard layout follows its content width, including foldable screens. */
#v-mycar{container-type:inline-size}
#car-dashboard{--dash-radius:20px;--dash-blue:var(--pri,#245ea8);--dash-muted:var(--mute,#5a6472);padding:8px 0 24px;max-width:1200px;margin-inline:auto}
#car-dashboard button{min-height:44px;font-weight:600;transition:background .15s,border-color .15s}
#car-dashboard button:not(:disabled):hover{border-color:var(--dash-blue);background:var(--tint,#edf3fb)}
#car-dashboard .dash-primary{background:#245ea8;border-color:#245ea8;color:#fff}
#car-dashboard .dash-primary:hover{background:#194a87;color:#fff}
.dash-heading{gap:20px;margin-bottom:24px;align-items:center}
.dash-heading h1{font-size:clamp(27px,3vw,36px);letter-spacing:-.04em;margin:7px 0 10px}
.dash-heading p{max-width:44em;line-height:1.65}
.dash-heading-actions{display:flex;flex-wrap:wrap;gap:8px;flex-shrink:0}
.dash-toolbar{background:var(--surface,#fff);border:1px solid var(--dash-border);border-radius:var(--dash-radius);padding:18px 20px;align-items:center;gap:16px;margin-bottom:14px}
.dash-vehicle-symbol{width:54px;height:54px;border-radius:16px;background:var(--pri-t,#e8f0ff);color:var(--dash-blue);display:grid;place-items:center;flex-shrink:0}
.dash-vehicle-symbol svg{width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.dash-toolbar>label{max-width:none;flex:1;gap:5px!important}
#car-dashboard .dash-toolbar select{border:0;background:var(--tint,#f4f6fa);font-weight:700;font-size:17px;padding:10px 12px;max-width:100%}
.dash-toolbar>details{margin-left:auto}
.dash-toolbar>details summary{list-style:none;border:1px solid var(--dash-border);border-radius:10px;padding:11px 15px;min-height:44px}
.dash-toolbar>details summary::-webkit-details-marker{display:none}
.dash-toolbar>details[open]{width:100%;margin:0}
.dash-toolbar>details[open] summary{width:fit-content;margin-left:auto}
.dash-toolbar details form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end;background:var(--tint,#f4f6fa);margin-top:12px}
.dash-toolbar form button{margin:0;min-height:46px}
#car-dashboard .dash-shortcuts{position:static;background:none;backdrop-filter:none;border:0;box-shadow:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 24px;padding:0;width:100%;height:auto;overflow:visible}
#car-dashboard .dash-shortcuts button{border:0;border-radius:11px;background:var(--tint,#eaf0f8);color:var(--ink,#203650);padding:12px 8px;font-size:14px;line-height:1.4;display:block;min-width:0;white-space:normal;text-align:center}
.dash-shortcuts b{display:inline-block;min-width:20px;background:var(--surface,#fff);color:var(--dash-blue);border-radius:6px;padding:1px 5px;font-size:12px;margin-left:3px}
.dash-stats{gap:16px;margin-bottom:24px}
.dash-stats article{border-radius:var(--dash-radius);padding:24px;min-width:0;box-shadow:0 4px 14px rgba(20,50,90,.025)}
.dash-stats article:first-child{background:linear-gradient(125deg,#15385f,#204d7d);color:#fff}
.dash-stats article:first-child span,.dash-stats article:first-child small{color:#e0eaf6;opacity:1}
.dash-stats article:not(:first-child)>span{color:var(--dash-muted)}
.dash-stats article:not(:first-child)>strong{color:var(--dash-blue)}
.dash-stats strong{font-size:clamp(26px,3vw,35px);letter-spacing:-.04em}
.dash-stats small{font-size:13px;line-height:1.7;opacity:1;color:var(--dash-muted)}
.dash-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:stretch}
.dash-panel{border-radius:var(--dash-radius);padding:24px;scroll-margin-top:100px;box-shadow:0 4px 14px rgba(20,50,90,.02)}
.dash-panel h2{font-size:19px;letter-spacing:-.025em}
.dash-title{margin-bottom:18px;align-items:center}
#car-dashboard .dash-title>button{font-size:13px;padding:8px 10px;min-height:40px;flex-shrink:0}
.dash-list li{align-items:center;padding:17px 0;gap:12px;flex-wrap:nowrap}
.dash-list li>div:first-child{min-width:0;flex:1}
.dash-list strong{font-size:15px}
.dash-list span{font-size:13px;line-height:1.8}
.dash-end{max-width:168px;gap:6px;flex-shrink:0}
.dash-end button{min-height:44px!important;font-size:13px!important;padding:7px 11px!important}
.dash-pill{width:100%;font-size:13px;text-align:right;line-height:1.6;color:var(--dash-blue)}
.dash-pill.is-overdue{color:#a85a00}
#dashboard-notifications .dash-list li.is-read{opacity:1}
#dashboard-notifications .is-read strong{font-weight:500;color:var(--dash-muted)}
.dash-add{margin-top:16px;padding-top:4px}
.dash-add summary{min-height:44px;line-height:1.6}
.dash-add form,#dashboard-profile{gap:14px;grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0}
#car-dashboard input,#car-dashboard select{min-height:48px;line-height:1.4}
.dash-add form>button,#dashboard-profile>button{grid-column:1/-1;justify-self:stretch;min-height:46px}
.dash-note{font-size:13px;line-height:1.8;margin:12px 0 0}
.dash-recalls{margin-top:20px}
.dash-recall-list{gap:12px}
.dash-recall-list a{padding:20px;transition:border-color .15s,background .15s}
.dash-recall-list strong{font-size:15px;line-height:1.75}
.dash-empty{padding:28px;border-radius:var(--dash-radius);background:var(--surface,#fff)}
.dash-empty h2{margin:0 0 8px;font-size:22px}
.dash-empty p{line-height:1.8;color:var(--dash-muted);font-size:15px}
.dash-storage{padding:16px 0;font-size:13px}
#dashboard-status:empty{min-height:0;margin:0;padding:0}
#dashboard-status:not(:empty){position:sticky;bottom:calc(78px + env(safe-area-inset-bottom,0px));z-index:12;border:1px solid var(--dash-blue);background:var(--surface,#fff);border-radius:12px;padding:14px 18px;box-shadow:0 8px 30px rgba(10,30,65,.15);font-size:14px;line-height:1.7}
@container(max-width:1000px){.dash-grid{grid-template-columns:1fr}.dash-heading{align-items:flex-start}.dash-heading-actions{max-width:200px;justify-content:flex-end}.dash-heading-actions button{flex:1}.dash-list li{flex-wrap:nowrap}.dash-stats article{padding:20px}.dash-panel{padding:22px}}
@container(max-width:650px){.dash-heading{display:block}.dash-heading-actions{margin-top:18px;max-width:none;display:grid;grid-template-columns:1fr 1fr}.dash-heading-actions button{font-size:14px}.dash-heading h1{font-size:28px}.dash-toolbar{padding:16px;gap:12px}.dash-vehicle-symbol{width:44px;height:44px;border-radius:13px}.dash-toolbar>label{width:auto;flex:1;min-width:0}.dash-toolbar>details{width:100%;margin:0}.dash-toolbar>details summary{width:100%;text-align:center}.dash-toolbar>details[open] summary{width:100%}.dash-toolbar details form{grid-template-columns:1fr}.dash-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.dash-stats article{display:block;padding:18px}.dash-stats article:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}.dash-stats article:first-child>span{margin:0;align-self:center}.dash-stats article:first-child>small{grid-column:1/-1;margin:0}.dash-stats article:not(:first-child)>span{font-size:13px;margin:0 0 12px}.dash-stats strong{font-size:26px;line-height:1.4}.dash-stats article:not(:first-child)>small{margin-top:8px;font-size:12px}.dash-panel{padding:20px}.dash-list li{flex-wrap:wrap}.dash-end{width:100%;max-width:none;justify-content:flex-start}.dash-pill{width:auto;align-self:center;text-align:left;margin-right:auto}.dash-recall-list{grid-template-columns:1fr}.dash-recall-list a{padding:17px}.dash-title{gap:10px;flex-wrap:wrap}.dash-add form,#dashboard-profile{grid-template-columns:repeat(2,minmax(0,1fr))}#car-dashboard .dash-shortcuts{gap:5px}#car-dashboard .dash-shortcuts button{font-size:12px;padding:11px 4px}.dash-storage>button{display:block;margin-top:10px}}
@container(max-width:380px){.dash-heading h1{font-size:25px}.dash-panel{padding:16px}.dash-stats{gap:9px}.dash-stats article{padding:14px}.dash-stats strong{font-size:23px}.dash-stats article:first-child{display:block}.dash-stats article:first-child>span{margin-bottom:10px}.dash-stats article:first-child>small{margin-top:8px}.dash-add form,#dashboard-profile{grid-template-columns:1fr}.dash-title h2{font-size:18px}.dash-shortcuts b{margin:3px 0 0}.dash-heading-actions button{padding-inline:8px!important;font-size:13px!important}}
@media(max-width:650px){#car-dashboard .dash-shortcuts{position:static!important}.dash-panel{scroll-margin-top:85px}}
@media(prefers-reduced-motion:reduce){#car-dashboard *{scroll-behavior:auto!important;transition:none!important}}
/* r55: registration uses its own compact picker, never the full-search datalist. */
#car-dashboard #dashboard-add-car{display:block;margin-top:14px;padding:22px;border:1px solid var(--dash-border);border-radius:14px;background:var(--tint,#f4f6fa)}
.car-picker{max-width:100%;min-width:0}.car-picker-intro strong{font-size:17px;display:block}.car-picker-intro p,.car-picker-help{font-size:13px;line-height:1.8;color:var(--dash-muted);margin:8px 0 16px}
.car-picker-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0}.car-picker-steps label>span{display:flex;gap:7px;align-items:center}.car-picker-steps b{display:inline-grid;place-items:center;width:21px;height:21px;background:#245ea8;color:white;border-radius:6px;font-size:12px}
.car-picker-selection{display:grid;gap:5px;background:var(--surface,#fff);border:1px solid var(--dash-border);border-radius:12px;padding:15px 17px;margin:16px 0}.car-picker-selection>span,.car-picker-selection small{font-size:13px;color:var(--dash-muted);line-height:1.7}.car-picker-selection strong{font-size:18px;color:var(--ink,#172d48)}
#car-dashboard .car-picker-variants{border:0;margin:12px 0 18px;width:100%}#car-dashboard .car-picker-variants summary{width:100%;margin:0;text-align:left;background:var(--surface,#fff);font-size:14px}#car-dashboard .car-picker-variants summary span{font-size:12px;font-weight:400;margin-left:6px;color:var(--dash-muted)}.car-picker-variants label{margin-top:14px}
.car-picker-results{list-style:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0;margin:12px 0}.car-picker-results li{min-width:0}#car-dashboard .car-picker-results button{width:100%;text-align:left;white-space:normal;line-height:1.7;overflow-wrap:anywhere;font-size:13px;min-height:46px;padding:10px 12px}#car-dashboard .car-picker-results button[aria-pressed=true]{background:var(--pri-t,#e8f0ff);border-color:var(--dash-blue);color:var(--dash-blue)}
.car-picker-actions{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0}.car-picker-actions>.dash-primary{min-width:160px}.car-picker-pages{display:flex;justify-content:space-between;gap:10px;margin:12px 0}.car-picker-pages button{flex:1}#car-dashboard .car-picker-manual{font-size:13px;background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:4px;color:var(--dash-muted)}
@container(max-width:580px){#car-dashboard #dashboard-add-car{padding:16px}.car-picker-steps,.car-picker-results{grid-template-columns:1fr}.car-picker-actions{display:grid;grid-template-columns:1fr}.car-picker-actions>.dash-primary{grid-row:1}.car-picker-actions button{width:100%}}