/* Final mobile alignment for the existing Garage screens. Desktop layouts stay intact. */
@media(max-width:759px){
 :is(#raExactData,#raExactDeadlines[data-section-view],#raExactHistory[data-ledger-view]){--ra-screen-muted:#526781;--ra-screen-blue:#006be6}
 :is(#raExactData,#raExactDeadlines[data-section-view],#raExactHistory[data-ledger-view]) :is(.exact-data-back,.ra-way-back){display:flex;align-items:center;min-height:44px;margin:0 0 4px;line-height:22px;text-align:left}
 :is(#raExactData,#raExactDeadlines[data-section-view],#raExactHistory[data-ledger-view]) h1{font-size:clamp(28px,8vw,32px)!important;line-height:1.16}
 :is(#raExactData,#raExactDeadlines[data-section-view]) :is(input:not([type=checkbox],[type=radio],[type=file]),select){box-sizing:border-box;min-height:44px;height:44px;min-width:0;max-width:100%;font-size:16px;border-radius:8px}
 :is(#raExactData,#raExactDeadlines[data-section-view]) textarea{min-height:96px;font-size:16px;border-radius:8px}
 :is(#raExactData,#raExactDeadlines[data-section-view],#raExactHistory[data-ledger-view]) :is(.page-heading>p,#raExactDataCar,.ra-help,.ra-maint-entry-date,.ra-maint-entry-meta p,.ra-reminder-copy small,.exact-service-hint,.exact-service-note,.exact-service-success-details,.exact-data-note,.ra-faithful-local-note){color:#526781}
 #raExactData .ra-guided-field select,#raExactData .ra-catalog-choice select{font-size:16px}
 #raExactDeadlines[data-section-view=scadenze] .ra-reminder-buttons{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) 44px}
 #raExactDeadlines .ra-reminder-more>summary,#raExactHistory[data-ledger-view=interventi] .ra-faithful-entry-more>summary{width:44px;min-height:44px}
 #raExactHistory[data-ledger-view] .ra-maint-filter,#raExactHistory[data-ledger-view] .ra-faithful-search>summary,#raExactData .exact-data-extras>summary{min-height:44px}
 .ra-concept-opening .ra-garage-hero:before{background:linear-gradient(90deg,#f2f9fff0 0%,#f2f9ffdb 50%,#f2f9ff38 78%,transparent 100%)}
 #raExactDeadlines[data-section-view=scadenze] #raReminderForm button[type=submit]{display:block;width:100%;min-height:46px;padding:11px 15px;border-radius:10px;font-size:16px;font-weight:500}
 /* Dates and distance can wrap between values, rather than leaving “km” alone. */
 .ra-garage-b4 .ra-launch-upcoming .ra-reminder-line{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;gap:6px}
 .ra-garage-b4 .ra-launch-upcoming .ra-reminder-copy{min-width:0}
 .ra-garage-b4 .ra-launch-upcoming .ra-state{justify-self:start;max-width:100%;margin:0;font-size:11px;padding:4px 8px}
 .ra-garage-b4 .ra-launch-upcoming .ra-reminder-copy small{line-height:21px}
 /* Empty lists and status messages share a restrained, readable surface. */
 :is(#raExactData,#raExactDeadlines[data-section-view],#raExactHistory[data-ledger-view]) :is(.ra-empty,.ra-maint-empty){padding:16px;border:1px solid #dce6f0;border-radius:12px;background:#f7faff;color:#526781;font-size:14px;line-height:22px;overflow-wrap:anywhere}
 :is(#carStatus,#raReminderStatus,#raBackupStatus,.ra-expense-edit-feedback,#raGarageTyreStatus,#raTyreProfileStatus):not(:empty){padding:12px 14px;margin-top:12px;border:1px solid #d4e3f1;border-radius:10px;background:#f1f7fd;color:#294b69;font-size:14px;line-height:21px;overflow-wrap:anywhere}
 :is(#carStatus,#raReminderStatus,#raBackupStatus,.ra-expense-edit-feedback,#raGarageTyreStatus,#raTyreProfileStatus):empty{display:none}
 /* One high-contrast primary blue across save, add and next actions. */
 #raExactData #carForm>.exact-data-save,#raExactDeadlines[data-section-view=scadenze] #raOpenReminders,#raExactDeadlines[data-section-view=scadenze] #raReminderForm button[type=submit],#raExactDeadlines[data-section-view=manutenzione] #expenseForm>button[type=submit],#raExactDeadlines[data-section-view=manutenzione] .exact-service-success-actions>button:first-child,#raExactHistory[data-ledger-view] :is(.ra-history-register,.exact-expense-add),#raTyreWizard #raTyreNext{background:#006be6;border-color:#006be6;color:#fff}
 #raTyreWizard :is(input:not([type=checkbox],[type=radio]),select,textarea){font-size:16px}
 #raTyreWizard .ra-tyre-size-picker select{font-size:18px}
 #raTyreWizard .ra-tyre-size-picker select:has(option[value=""]:checked){font-size:16px}
}
/* Keep small active navigation labels readable on the pale tab bar. */
.tabbar button[aria-current=page],body:has(.ra-tyre-page:not([hidden])) .tabbar button[aria-current=page]{color:#006be6}