/* Garage and date records. This interface does not send notifications. */
.garage-page { padding-bottom: 20px; }
.garage-heading { display: flex; justify-content: space-between; align-items: center; gap: 24px; }
.garage-heading .page-heading { padding-block: 44px 25px; }
.garage-heading .page-heading h1 { font-size: 39px; }
.garage-heading-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; }
.garage-summary { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; margin-bottom: 19px; }
.garage-summary>div { display: flex; align-items: center; gap: 15px; border: 1px solid var(--line); background: #fff; border-radius: 15px; padding: 19px 23px; }
.garage-summary strong { font-size: 28px; line-height: 1.25; font-weight: 600; color: var(--navy); }
.garage-summary span { font-size: 13px; color: #687475; }
.garage-summary>.garage-summary-warning { background: #fff4e4; border-color: #e8cda6; }
.garage-summary-warning strong, .garage-summary-warning span { color: #8a4c0f; }
.garage-storage-note { display: flex; align-items: flex-start; gap: 10px; color: #657173; margin: 17px 0 27px; }
.garage-storage-note>.icon { width: 18px; height: 18px; margin-top: 3px; color: #76878a; }
.garage-storage-note p { font-size: 12px; line-height: 1.9; margin: 0; }
.garage-page .account-guest-prompt { margin-block: 20px 30px; }
.garage-page .section-heading { align-items: center; margin-bottom: 19px; }
.garage-page .section-title { font-size: 26px; margin: 0; }
.garage-page .section-description { margin-top: 7px; font-size: 12px; }
.garage-page .result-count { flex-shrink: 0; margin: 0; color: #748082; font-size: 12px; }
.garage-page .vehicle-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.garage-vehicle-card { padding: 26px; display: flex; flex-direction: column; }
.garage-vehicle-card .vehicle-card-header { margin-bottom: 19px; }
.garage-vehicle-card .vehicle-card-header>div { min-width: 0; }
.garage-vehicle-card .vehicle-card-header h3 { font-size: 23px; margin: 11px 0 7px; line-height: 1.45; overflow-wrap: anywhere; }
.garage-vehicle-card .vehicle-card-header .icon-box { width: 42px; height: 42px; background: #fff0f4; color: #ce0042; border-radius: 50%; }
.garage-vehicle-card .vehicle-meta { font-size: 12px; line-height: 1.8; margin: 0; }
.garage-next-date { border-radius: 12px; padding: 17px 18px; background: #f5f7f8; border: 1px solid #e4e8e9; margin-bottom: 21px; }
.garage-next-date>span { display: block; color: #6d797b; font-size: 11px; margin-bottom: 7px; }
.garage-next-date>strong { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; flex-wrap: wrap; font-size: 14px; color: #303b3d; font-weight: 600; }
.garage-next-date time { white-space: nowrap; }
.garage-next-date small { display: block; margin-top: 8px; font-size: 11px; color: #6d797b; line-height: 1.8; }
.garage-next-date p { font-size: 13px; line-height: 1.8; margin: 0; }
.garage-next-date.is-overdue { background: #fff7ec; border-color: #ebd7b9; }
.garage-next-date.is-overdue>span, .garage-next-date.is-overdue>strong { color: #805019; }
.garage-card-primary { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: auto; }
.garage-card-primary .btn { min-width: 0; width: 100%; font-size: 12px; padding-inline: 13px; min-height: 48px; }
.garage-card-secondary { display: flex; flex-wrap: wrap; gap: 3px 13px; margin-top: 12px; }
.garage-card-secondary .btn { min-height: 44px; padding: 9px 2px; font-size: 11px; border-radius: 7px; }
.garage-card-secondary .btn:hover { background: #f3f5f6; }
.garage-secondary-grid { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 30px; align-items: start; margin-top: 38px; }
.garage-dates, .garage-saved-lists { min-width: 0; }
.garage-date-groups { display: grid; gap: 12px; }
.garage-date-group { border: 1px solid #dce3e4; border-radius: 15px; background: #fff; overflow: hidden; }
.garage-date-group>summary { display: flex; align-items: center; gap: 10px; min-height: 58px; cursor: pointer; list-style: none; padding: 15px 20px; font-size: 14px; font-weight: 500; color: #354446; background: #f8fafb; }
.garage-date-group>summary::-webkit-details-marker { display: none; }
.garage-date-group>summary:after { content: '+'; font-size: 22px; font-weight: 400; margin-left: auto; line-height: 1; }
.garage-date-group[open]>summary:after { content: '−'; }
.garage-date-group[open]>summary { border-bottom: 1px solid #e1e6e7; }
.garage-group-count { display: inline-flex; align-items: center; justify-content: center; border: 1px solid #d8e0e2; border-radius: 999px; background: #fff; min-width: 25px; height: 25px; font-size: 11px; }
.garage-date-overdue>summary { background: #fff4e4; color: #805019; }
.garage-date-completed>summary { background: #eaf6f0; color: #126855; }
.garage-date-group-body { padding: 0 19px; }
.garage-reminder-row { display: flex; align-items: center; gap: 13px; padding: 20px 0; border-bottom: 1px solid #e6ebec; }
.garage-reminder-row:last-child { border-bottom: 0; }
.garage-reminder-copy { min-width: 0; flex: 1; }
.garage-reminder-vehicle { display: block; font-size: 11px; color: #728082; overflow-wrap: anywhere; }
.garage-reminder-copy h3 { font-size: 16px; margin: 5px 0 9px; line-height: 1.5; }
.garage-reminder-date { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.garage-reminder-date time { font-size: 13px; color: #3e4c4f; }
.garage-reminder-date .badge { font-size: 10px; }
.garage-reminder-row>.btn { flex-shrink: 0; font-size: 11px; padding-inline: 14px; min-height: 44px; }
.garage-date-empty { padding: 20px; color: #6a787a; font-size: 13px; line-height: 1.9; }
.garage-date-empty p { margin: 0 0 7px; }
.garage-date-empty p:last-child { margin: 0; }
.garage-dates>.garage-date-empty { background: #fff; border: 1px dashed #cdd9db; border-radius: 15px; }
.garage-list-panel { padding: 2px 22px; }
.garage-saved-lists .report-row { gap: 12px; padding-block: 21px; }
.garage-saved-lists .report-row h3 { font-size: 16px; line-height: 1.55; overflow-wrap: anywhere; }
.garage-saved-lists .report-row p { font-size: 11px; line-height: 1.9; color: #708082; }
.garage-saved-lists .report-row .spacer { min-width: 0; }
.garage-saved-lists .report-row>.btn { min-height: 44px; flex-shrink: 0; font-size: 11px; padding-inline: 15px; }
.garage-record-settings { border-top: 1px solid #dce3e4; margin-top: 35px; padding-top: 9px; }
.garage-record-settings>summary { min-height: 48px; cursor: pointer; padding-block: 12px; font-size: 13px; color: #657577; }
.garage-record-settings>div { padding-block: 10px; }
.garage-record-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.garage-record-actions .btn { min-height: 44px; }
.garage-reminder-form .form-grid { gap: 20px 17px; }
.garage-form-intro { color: #607173; font-size: 13px; margin-bottom: 22px; }
.garage-reminder-help { margin: 22px 0 0; padding: 14px 16px; font-size: 12px; line-height: 1.85; border-radius: 10px; background: #f4f6f7; color: #667577; }
.garage-vehicle-details .garage-detail-meta { font-size: 12px; color: #718082; line-height: 1.9; overflow-wrap: anywhere; margin-bottom: 23px; }
.garage-vehicle-details>h3 { font-size: 20px; margin-bottom: 4px; }
.garage-detail-date { border-bottom: 1px solid #dfe5e6; padding-block: 22px; }
.garage-detail-date-heading { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.garage-detail-date-heading>strong { color: #354548; font-size: 15px; font-weight: 600; }
.garage-detail-date-heading .badge { font-size: 10px; }
.garage-detail-date>p { color: #5b6d70; font-size: 14px; line-height: 1.8; margin: 9px 0 14px; }
.garage-detail-date-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.garage-detail-date-actions .btn { min-height: 44px; font-size: 11px; padding-inline: 14px; }
.garage-detail-date-actions [data-action=delete-reminder] { color: #a12c41; margin-left: auto; }
.garage-vehicle-details>.btn { margin-top: 18px; }
@media (max-width: 1000px) {
  .garage-heading { align-items: flex-start; }
  .garage-heading-actions { padding-top: 51px; }
  .garage-heading-actions .btn { font-size: 12px; padding-inline: 16px; }
  .garage-summary>div { padding-inline: 18px; gap: 12px; }
  .garage-summary span { font-size: 12px; }
  .garage-vehicle-card { padding: 23px; }
  .garage-secondary-grid { gap: 23px; }
  .garage-reminder-row { align-items: flex-start; flex-wrap: wrap; }
  .garage-reminder-copy { flex-basis: 100%; }
  .garage-saved-lists .report-row { flex-wrap: wrap; }
  .garage-saved-lists .report-row>.btn { margin-left: 0; }
}
@media (max-width: 760px) {
  .garage-heading { display: block; }
  .garage-heading .page-heading { padding-block: 28px 19px; }
  .garage-heading .page-heading h1 { font-size: 31px; }
  .garage-heading-actions { padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-bottom: 21px; }
  .garage-heading-actions .btn { width: 100%; min-height: 48px; font-size: 13px; }
  .garage-heading-actions .btn:only-child { grid-column: 1/-1; }
  .garage-summary { gap: 8px; margin-bottom: 16px; }
  .garage-summary>div { display: flex; flex-direction: column; gap: 7px; text-align: center; padding: 15px 5px; border-radius: 12px; }
  .garage-summary strong { font-size: 26px; }
  .garage-summary span { font-size: 10px; line-height: 1.7; }
  .garage-storage-note { margin-block: 16px 24px; gap: 9px; }
  .garage-storage-note p { font-size: 12px; }
  .garage-page .section-title { font-size: 24px; }
  .garage-page .section-heading { gap: 12px; }
  .garage-page .vehicle-grid { grid-template-columns: minmax(0, 1fr); gap: 17px; }
  .garage-vehicle-card { padding: 23px 21px; }
  .garage-vehicle-card .vehicle-card-header h3 { font-size: 23px; }
  .garage-vehicle-card .vehicle-meta { font-size: 12px; }
  .garage-next-date { padding: 16px; margin-bottom: 18px; }
  .garage-next-date>strong { font-size: 14px; gap: 5px 12px; }
  .garage-next-date small { font-size: 12px; }
  .garage-card-primary { gap: 9px; }
  .garage-card-primary .btn { min-height: 48px; padding-inline: 10px; font-size: 12px; }
  .garage-card-secondary { gap: 3px 16px; margin-top: 10px; }
  .garage-card-secondary .btn { font-size: 12px; min-height: 44px; }
  .garage-secondary-grid { grid-template-columns: minmax(0, 1fr); gap: 31px; margin-top: 30px; }
  .garage-dates .section-heading>.btn { min-height: 44px; font-size: 11px; padding-inline: 14px; }
  .garage-date-group>summary { padding: 17px; font-size: 14px; min-height: 59px; }
  .garage-date-group-body { padding-inline: 17px; }
  .garage-reminder-row { gap: 15px; padding-block: 20px; }
  .garage-reminder-vehicle { font-size: 12px; }
  .garage-reminder-copy h3 { font-size: 17px; margin-block: 6px 10px; }
  .garage-reminder-date time { font-size: 14px; }
  .garage-reminder-row>.btn { width: 100%; min-height: 46px; font-size: 12px; }
  .garage-saved-lists .report-row { gap: 14px; }
  .garage-saved-lists .report-row h3 { font-size: 17px; }
  .garage-saved-lists .report-row p { font-size: 12px; }
  .garage-saved-lists .report-row>.btn { width: 100%; min-height: 46px; font-size: 12px; }
  .garage-list-panel { padding-inline: 21px; }
  .garage-record-actions { display: grid; grid-template-columns: minmax(0, 1fr); }
  .garage-record-actions .btn { width: 100%; font-size: 12px; min-height: 46px; }
  .garage-vehicle-details .garage-detail-meta { font-size: 12px; }
  .garage-detail-date-heading>strong { font-size: 16px; }
  .garage-detail-date-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  .garage-detail-date-actions .btn { width: 100%; min-height: 46px; padding-inline: 9px; font-size: 12px; }
  .garage-detail-date-actions [data-action=delete-reminder] { grid-column: 1/-1; margin: 0; }
  .garage-reminder-form .form-grid { grid-template-columns: 1fr; gap: 20px; }
  .garage-reminder-form .input, .garage-reminder-form .select { font-size: 16px; min-height: 50px; }
  .garage-reminder-form .field-hint { font-size: 12px; }
  .garage-reminder-help { font-size: 12px; padding: 14px; }
  .modal:has(.garage-vehicle-details) .modal-actions { flex-wrap: wrap; }
  .modal:has(.garage-vehicle-details) .modal-actions .btn { min-height: 46px; font-size: 12px; }
}
@media (max-width: 350px) {
  .garage-card-primary { grid-template-columns: 1fr; }
  .garage-summary span { font-size: 9px; }
  .garage-vehicle-card { padding-inline: 18px; }
  .garage-detail-date-heading { align-items: flex-start; flex-wrap: wrap; gap: 8px; }
  .garage-detail-date-actions { grid-template-columns: 1fr; }
  .garage-heading-actions .btn { font-size: 12px; padding-inline: 10px; }
}
@media print {
  .garage-heading-actions, .garage-card-primary, .garage-card-secondary, .garage-record-settings { display: none; }
  .garage-date-group { break-inside: avoid; }
  .garage-date-group::details-content { content-visibility: visible; }
  .garage-summary, .garage-secondary-grid { display: block; }
}

/* Three-panel control centre. App owns selection, keyboard navigation and rendering. */
.garage-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:7px;border:1px solid #e5d9de;border-radius:16px;background:#fff;margin:22px 0 20px;max-width:100%;min-width:0}
.garage-tab{display:flex;align-items:center;justify-content:center;gap:9px;min-height:54px;min-width:0;padding:10px 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:#647073;font:inherit;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer;overflow-wrap:anywhere;text-align:center}
.garage-tab[aria-selected=true]{background:#fff0f5;border-color:#f0c8d5;color:#b7003b}.garage-tab:hover{background:#fff5f8}.garage-tab-count{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:25px;min-height:25px;border-radius:99px;background:#f0f2f3;color:#5f6b6d;font-size:11px;padding:2px 6px;font-variant-numeric:tabular-nums;box-sizing:border-box}.garage-tab[aria-selected=true] .garage-tab-count{background:#e00047;color:#fff}
.garage-toolbar{display:grid;grid-template-columns:minmax(170px,.7fr) minmax(0,1.3fr);gap:14px;padding:20px;border:1px solid #e1e5e6;border-radius:16px;background:#fff;margin-bottom:20px;min-width:0}.garage-toolbar label{display:block;min-width:0;color:#405154;font-size:12px;font-weight:500}.garage-toolbar label>span{display:block;margin-bottom:8px}.garage-toolbar .input,.garage-toolbar .select,.garage-toolbar input,.garage-toolbar select{display:block;min-width:0;width:100%;max-width:100%;height:48px;box-sizing:border-box;border:1px solid #b4bfc1;border-radius:10px;background:#fff;color:#26383b;font:inherit;font-size:14px;padding:10px 12px}.garage-toolbar-search{position:relative}.garage-toolbar-search .input{padding-right:44px}.garage-search-clear{position:absolute;bottom:2px;right:2px;min-width:44px;min-height:44px;border:0;border-radius:9px;background:transparent;color:#56676a;font:inherit;cursor:pointer}.garage-toolbar-help{grid-column:1/-1;font-size:12px;line-height:1.7;color:#697b7e;margin:0}.garage-toolbar-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:10px 0 18px}.garage-toolbar-actions p{margin:0;font-size:12px;color:#687a7e}.garage-toolbar-actions button{min-height:44px}
.garage-filter-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;min-width:0}.garage-filter-chip{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;max-width:100%;min-width:0;padding:10px 14px;border:1px solid #d6dfe1;border-radius:99px;background:#fff;color:#52676b;font:inherit;font-size:12px;line-height:1.45;cursor:pointer;white-space:normal;overflow-wrap:anywhere}.garage-filter-chip[aria-pressed=true]{border-color:#df8ba7;background:#fff0f5;color:#b6003a}.garage-filter-chip .garage-tab-count{min-width:22px;min-height:22px;font-size:10px}.garage-panel{min-width:0;scroll-margin-top:100px}.garage-panel[hidden]{display:none!important}.garage-panel .garage-secondary-grid{display:block;margin-top:0}.garage-panel .garage-vehicles,.garage-panel .garage-dates,.garage-panel .garage-saved-lists{margin:0;min-width:0}.garage-panel .garage-saved-lists .report-row>.btn{margin-left:auto}.garage-panel .garage-list-panel{margin-bottom:16px}.garage-no-matches{padding:30px 24px;border:1px dashed #d0d9dc;border-radius:16px;background:#fff;text-align:center;color:#5f7377}.garage-no-matches h3{font-size:19px;color:#354b50;margin:0 0 9px}.garage-no-matches p{font-size:13px;line-height:1.8;margin:8px 0 16px}.garage-stale-note{font-size:12px!important;line-height:1.7;color:#876127!important;background:#fff6e8;padding:9px 12px;border-radius:8px;margin-top:8px!important}.garage-date-today>summary,.garage-date-soon>summary{background:#fff3f7;color:#a90037}.garage-date-invalid>summary{background:#fff7e7;color:#8a591c}.garage-record-status{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:12px;line-height:1.6}.garage-panel-title{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0 18px}.garage-panel-title h2{font-size:26px;margin:0}.garage-page button:focus-visible,.garage-page input:focus-visible,.garage-page select:focus-visible,.garage-page summary:focus-visible,.garage-page a:focus-visible{outline:3px solid #aa246a;outline-offset:3px}.garage-page h1,.garage-page h2,.garage-page h3,.garage-page p,.garage-page label{overflow-wrap:anywhere}
@media(max-width:760px){.garage-tabs{gap:4px;padding:5px;margin-top:20px;border-radius:13px}.garage-tab{flex-direction:column;gap:5px;min-height:76px;padding:9px 5px;font-size:12px;border-radius:9px}.garage-tab>span:first-child{min-height:2.8em;display:flex;align-items:center;justify-content:center}.garage-tab-count{min-height:23px;min-width:23px;font-size:10px}.garage-toolbar{grid-template-columns:minmax(0,1fr);gap:14px;padding:17px 15px;border-radius:14px}.garage-toolbar .input,.garage-toolbar .select,.garage-toolbar input,.garage-toolbar select{font-size:16px;min-height:48px}.garage-toolbar-help{font-size:12px}.garage-filter-chips{gap:7px}.garage-filter-chip{font-size:12px;padding:9px 12px;min-height:44px}.garage-panel-title{gap:12px;margin-top:21px}.garage-panel-title h2{font-size:23px}.garage-panel-title>.btn{min-height:46px}.garage-no-matches{padding:24px 18px}.garage-toolbar-actions{align-items:flex-start}.garage-panel .garage-saved-lists .report-row>.btn{margin-left:0;width:100%}.garage-stale-note{padding:9px 10px}.garage-panel .garage-list-panel{padding-inline:17px}.garage-panel .garage-date-group-body{padding-inline:15px}}
@media(max-width:350px){.garage-tab{font-size:11px;padding-inline:3px}.garage-filter-chip{font-size:11px;padding-inline:11px}.garage-panel-title>.btn{width:100%}.garage-toolbar-actions{display:block}.garage-toolbar-actions button{margin-top:8px}.garage-heading-actions{grid-template-columns:minmax(0,1fr)}.garage-heading-actions .btn{grid-column:1/-1}.garage-page .garage-vehicle-card{padding:20px 16px}.garage-page .garage-next-date{padding:14px}.garage-page .garage-next-date time{white-space:normal}}
@media print{.garage-tabs,.garage-toolbar,.garage-filter-chips,.garage-toolbar-actions{display:none!important}.garage-panel{display:block}.garage-panel[hidden]{display:none!important}}

.garage-resume{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid #f0ccd8;background:#fff2f6;border-radius:16px;padding:20px 24px;margin:20px 0}.garage-resume strong{font-size:15px}.garage-resume p{font-size:12px;margin:6px 0 0;color:#687475}.garage-resume .btn{flex-shrink:0;min-height:46px}.garage-panel-title h2{font-size:26px;margin:0 0 7px}.garage-panel-title p{font-size:13px;color:#687475;margin:0}.garage-date-section-heading{display:flex;gap:12px;align-items:center;margin:0;padding:17px 20px;background:#f7f8fa;font-size:15px}.garage-date-overdue .garage-date-section-heading{background:#fff3e2;color:#875217}.garage-date-today .garage-date-section-heading{background:#fff0f5;color:#ad0039}.garage-date-completed .garage-date-section-heading{background:#eef7f3;color:#26725a}.garage-reminder-copy h4{font-size:17px;margin:5px 0 9px}.garage-date-row-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.garage-date-row-actions .btn{font-size:12px;min-height:44px;padding-inline:13px}.garage-list-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.garage-result-card{padding:24px;min-width:0}.garage-result-top{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.garage-result-top time{font-size:12px;color:#697476}.garage-result-card h3{margin:18px 0 8px;font-size:22px;overflow-wrap:anywhere}.garage-result-plate{font-size:13px;color:#657173}.garage-result-card progress{display:block;width:100%;height:7px;accent-color:#d60045;margin:17px 0 20px}.garage-result-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.garage-result-actions .btn{min-height:46px;font-size:12px}.garage-result-actions .ghost{font-size:11px;color:#795a63}.garage-plate{display:inline-block;border:1px solid #d4dadf;background:#f8fafb;padding:4px 9px;font-size:12px;border-radius:5px;margin:0 0 7px;font-weight:600;letter-spacing:.05em}.result-flow-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:-6px 0 24px}.result-flow-links>span{font-size:12px;color:#657173;line-height:1.7}.result-flow-links .btn{min-height:44px}.garage-panel:focus{outline:none}.garage-page button:focus-visible,.garage-page a:focus-visible,.garage-page input:focus-visible,.garage-page select:focus-visible{outline:3px solid #a32c82;outline-offset:3px}
@media(max-width:1000px){.garage-date-row-actions{justify-content:flex-start}.garage-list-grid{grid-template-columns:minmax(0,1fr)}}
@media(max-width:760px){.garage-resume{padding:18px;align-items:flex-start;flex-direction:column;gap:13px}.garage-resume .btn{width:100%}.garage-list-grid{gap:14px}.garage-result-card{padding:20px}.garage-date-row-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.garage-date-row-actions .btn{font-size:11px;padding-inline:10px}.garage-date-row-actions .btn:last-child{grid-column:1/-1}.result-flow-links .btn{width:100%}.garage-reminder-copy h4{font-size:17px}}
.garage-toolbar-actions>.text-link{border:0;background:transparent;color:#b9003c;font:inherit;font-size:12px;min-height:44px;padding:8px 0;cursor:pointer;text-decoration:underline}
.modal:has(.garage-reminder-form),.modal:has(.garage-vehicle-details){display:flex;flex-direction:column;max-height:90svh;max-height:90dvh;overflow:hidden}.modal:has(.garage-reminder-form) .modal-body,.modal:has(.garage-vehicle-details) .modal-body{min-height:0;overflow-y:auto;overscroll-behavior:contain}.modal:has(.garage-reminder-form) .modal-header,.modal:has(.garage-vehicle-details) .modal-header,.modal:has(.garage-reminder-form) .modal-actions,.modal:has(.garage-vehicle-details) .modal-actions{flex-shrink:0;background:#fff}.modal:has(.garage-reminder-form) .modal-actions{flex-wrap:wrap;gap:10px}
@media(max-width:760px){#garage-tab-navigation{position:sticky;top:var(--am-header-height,74px);z-index:20;padding:5px 0;background:#f4f6f7}#garage-tab-navigation .garage-tabs{margin:0;box-shadow:0 5px 14px #1f232308}.garage-toolbar input,.garage-toolbar select{scroll-margin-top:180px}}

/* Optional local-only reminder simulations; never a live message delivery control. */
.garage-notification-options{border:1px solid #ebcad6;border-radius:13px;background:#fff7fa;padding:18px;margin:24px 0 8px;min-width:0}.garage-notification-options legend{padding:0 6px;font-size:15px;font-weight:600;color:#9e0034}.garage-notification-note{font-size:12px;line-height:1.8;color:#627276;margin:8px 0 15px;overflow-wrap:anywhere}.garage-notification-check{display:flex;align-items:flex-start;gap:10px;min-height:44px;line-height:1.75;font-size:13px;color:#334b50;padding:7px 0;cursor:pointer}.garage-notification-check input{width:20px;height:20px;flex-shrink:0;margin:3px 0 0;accent-color:#d60044}.garage-notification-check>span{min-width:0;overflow-wrap:anywhere}.garage-notification-check small{display:block;font-size:12px;color:#657a7f;overflow-wrap:anywhere}.garage-notification-options .field{display:block;margin:15px 0}.garage-notification-options input:not([type=checkbox]),.garage-notification-options select{box-sizing:border-box;width:100%;max-width:100%;min-width:0}.garage-notification-consent{border-top:1px solid #e8d0d9;margin-top:18px;padding-top:15px;font-size:12px}.garage-notification-options input:disabled{cursor:not-allowed}.garage-delivery-history{margin-top:24px;border-top:1px solid #dce3e5;padding-top:18px;min-width:0}.garage-delivery-history h3{font-size:18px;margin:0 0 14px}.garage-delivery-history>div{min-width:0}.garage-delivery-history p{font-size:12px;line-height:1.75;overflow-wrap:anywhere}.garage-delivery-list{list-style:none;margin:16px 0;padding:0}.garage-delivery-list>li{border:1px solid #e0e6e8;border-radius:11px;padding:15px;margin:10px 0;background:#fff;min-width:0}.garage-delivery-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;line-height:1.7}.garage-delivery-heading strong{font-size:13px;color:#354c51}.garage-delivery-heading span{color:#60767c}.garage-delivery-list p{margin:6px 0;color:#60767c}.garage-delivery-pages{display:flex;align-items:center;gap:9px;flex-wrap:wrap;font-size:12px;color:#60767c}.garage-delivery-pages .btn{min-height:44px;white-space:normal}.garage-delivery-history>.btn{min-height:44px}@media(max-width:760px){.garage-notification-options{padding:15px 13px}.garage-notification-options legend{font-size:14px}.garage-notification-options input:not([type=checkbox]),.garage-notification-options select{font-size:16px;min-height:48px}.garage-notification-check{font-size:13px}.garage-notification-consent{font-size:12px}.garage-delivery-list>li{padding:13px 12px}.garage-delivery-pages .btn{flex:1 1 95px;text-align:center}.garage-delivery-pages>span{flex-basis:100%}.garage-delivery-history h3{font-size:17px}}
[data-reminder-history][tabindex="-1"]:focus-visible{outline:2px solid #ac2a65;outline-offset:5px;border-radius:8px}