/* MAUTO v384: compact public UI rhythm; domain layout and state remain in place. */
body.mauto-ui-v1 {
  --mauto-v384-ink:#142b43;
  --mauto-v384-muted:#60758b;
  --mauto-v384-primary:#096de0;
  --mauto-v384-surface:#f7faff;
  --mauto-v384-line:rgba(48,78,109,.12);
  --mauto-v384-control:44px;
  --mauto-v384-radius:12px;
  --mauto-v384-card-radius:20px;
}
/* A single quiet accent for the existing primary actions. Destructive and status controls keep their semantics. */
html body.mauto-ui-v1 :is(.cm-app,.pm-app,.pg-app,.vtg-app,.ddg,.svc-p1g,.tunf-app,.tun227-app,.dsr-app,.rm-app,.mauto-client-workspace,dialog[data-mauto-platform-sheet]) :is(.cm-button.primary,.vtg-primary,.lsg-primary,.svc-primary,.dlp-primary,.ddg-primary,.mauto-client-primary) {
  background:var(--mauto-ds-action-blue,linear-gradient(110deg,#5996ef,#3c78da))!important;
  color:#fff!important;border-color:transparent!important;
  box-shadow:var(--mauto-ds-action-depth)!important;
  border-radius:var(--mauto-v384-radius)!important;
  font-weight:650!important;
}
/* Native sheets stay viewport-safe, with consistent readable headers and tighter insets. */
html body.mauto-ui-v1 dialog[data-mauto-platform-sheet]:not(.rm-sheet):not([data-mauto-motion="lightbox"]):not(.mauto-select-sheet):not([data-mauto-framed-sheet]) {
  padding:18px 16px max(18px,env(safe-area-inset-bottom))!important;
  border-radius:24px 24px 0 0!important;
  scroll-padding-bottom:20px;
}
html body.mauto-ui-v1 dialog[data-mauto-platform-sheet]:not([data-mauto-motion="lightbox"]) :is(.cm-sheet-head,.pm-sheet-header,.mauto-platform-panel__header) {
  margin-bottom:14px!important;gap:12px!important;
}
html body.mauto-ui-v1 dialog[data-mauto-platform-sheet]:not([data-mauto-motion="lightbox"]) :is(header h2,.cm-sheet-head h2,.pm-sheet-header h2,.mauto-platform-panel__title) {
  margin-block:0!important;font-size:20px!important;line-height:1.2!important;
  letter-spacing:-.025em!important;font-weight:700!important;
}
html body.mauto-ui-v1 dialog[data-mauto-platform-sheet] :is(.cm-sheet-actions,.pm-sheet-actions) {gap:10px!important;padding-top:12px!important}
html body.mauto-ui-v1 dialog[data-mauto-platform-sheet] :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),textarea,select) {font-size:16px}
html body.mauto-ui-v1 :is(.cm-sheet,.pm-sheet,.mauto-platform-panel) [hidden] {display:none!important}
/* Local icon response complements the existing shared button/sheet animation. */
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  html body.mauto-ui-v1 :is(.cm-app,.pm-app,.vtg-app,.svc-p1g,.ddg,.mauto-client-workspace) button:not([data-mauto-favorite-v384])>svg {transition:transform 160ms cubic-bezier(.2,.8,.2,1)}
  html body.mauto-ui-v1 :is(.cm-app,.pm-app,.vtg-app,.svc-p1g,.ddg,.mauto-client-workspace) button:not([data-mauto-favorite-v384]):hover>svg {transform:translateY(-1px)}
}
/* Home: replace empty card lanes with proportional artwork; preserve the CGI scene. */
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-grid {
  width:calc(100% - 24px)!important;gap:8px!important;
  grid-template-rows:repeat(5,112px) 92px!important;grid-auto-rows:112px!important;
}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile {border-radius:20px!important}
.mauto-home-runtime #device-shell[data-device="mobile"] :is(.mobile-dashboard-tile-auto,.mobile-dashboard-tile-parts) {height:232px!important;min-height:232px!important}
.mauto-home-runtime #device-shell[data-device="mobile"] :is(.mobile-dashboard-tile-service,.mobile-dashboard-tile-tuning,.mobile-dashboard-tile-disassembly,.mobile-dashboard-tile-school,.mobile-dashboard-tile-dealers,.mobile-dashboard-tile-commercial) {height:112px!important;min-height:112px!important}
.mauto-home-runtime #device-shell[data-device="mobile"] :is(.mobile-dashboard-tile-auto,.mobile-dashboard-tile-parts)>img {max-height:148px!important;max-width:calc(100% - 8px)!important;bottom:4px!important}
.mauto-home-runtime #device-shell[data-device="mobile"] :is(.mobile-dashboard-tile-service,.mobile-dashboard-tile-tuning,.mobile-dashboard-tile-disassembly,.mobile-dashboard-tile-school,.mobile-dashboard-tile-dealers,.mobile-dashboard-tile-commercial)>img {max-height:65px!important;bottom:2px!important}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile-roadside>img {max-height:78px!important;bottom:4px!important}
.mauto-home-runtime #device-shell[data-device="mobile"] :is(.mobile-dashboard-concierge,.brand-strip) {box-shadow:none!important}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-concierge {min-height:62px!important;padding:7px 10px!important;border-color:var(--mauto-v384-line)!important}
.mauto-home-runtime #device-shell[data-device="mobile"] :is(.mobile-dashboard-concierge-mark,.ecosystem-support-mark) {border:0!important;background:transparent!important;box-shadow:none!important}
/* Forms retain a 44px touch area and 16px editable text, with less surrounding whitespace. */
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) :is(#preview-advanced-search,#preview-finance-calculator.finance-calculator) {padding:14px!important;gap:12px!important;border-radius:20px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-advanced-search .advanced-search-heading {margin-bottom:12px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-advanced-search :is(.advanced-search-vehicle,.advanced-search-mode,.advanced-search-query-row) {gap:8px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-advanced-search :is(.advanced-search-mode,.advanced-search-query-row) {margin-top:12px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-advanced-search :is(.advanced-search-vehicle select,.mauto-premium-select__trigger,.advanced-search-mode button,.advanced-search-submit,.advanced-search-camera) {min-height:44px!important;height:auto!important;padding-block:10px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-advanced-search .advanced-search-input {height:46px!important;min-height:46px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-advanced-search .advanced-search-input input {height:44px!important;min-height:44px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-finance-calculator.finance-calculator :is(.finance-tabs,.finance-category) {min-height:44px!important;gap:8px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-finance-calculator.finance-calculator :is(.finance-tabs,.finance-category) button {min-height:44px!important;padding:10px 8px!important;font-size:14px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-finance-calculator.finance-calculator .finance-fields {gap:12px 10px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-finance-calculator.finance-calculator .finance-field {gap:6px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-finance-calculator.finance-calculator .finance-input-shell {height:44px!important;min-height:44px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-finance-calculator.finance-calculator .finance-input-shell input {height:42px!important;min-height:42px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-finance-calculator.finance-calculator .finance-term {padding:10px!important;gap:6px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-finance-calculator.finance-calculator .finance-range {height:44px!important;min-height:44px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-finance-calculator.finance-calculator .finance-summary-shell {padding:12px!important;gap:12px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-finance-calculator.finance-calculator .finance-summary-shell .finance-result {gap:12px 10px!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-finance-calculator.finance-calculator .finance-summary-shell .finance-result :is(.finance-result-main>span,dt) {font-size:13px!important;line-height:1.4!important}
.mauto-home-runtime #device-shell:is([data-device="mobile"],[data-device="tablet"]) #preview-finance-calculator.finance-calculator .finance-summary-shell .finance-action {min-height:44px!important;padding:10px 12px!important}
.mauto-home-runtime #device-shell[data-device="mobile"] #mauto-answers.qa-compact {--qa-question-min:100px;--qa-answer-min:180px;--qa-header-gap:8px}
.mauto-home-runtime #device-shell #mauto-answers.qa-compact .qa-compact-window {gap:8px!important;padding:10px!important}
/* Mobile text never shrinks to fit: allow natural wrapping at the narrow edge. */
@media(max-width:359px){
  .mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-grid {grid-template-rows:repeat(5,120px) 96px!important;grid-auto-rows:120px!important}
  .mauto-home-runtime #device-shell[data-device="mobile"] :is(.mobile-dashboard-tile-auto,.mobile-dashboard-tile-parts) {height:248px!important;min-height:248px!important}
  .mauto-home-runtime #device-shell[data-device="mobile"] :is(.mobile-dashboard-tile-service,.mobile-dashboard-tile-tuning,.mobile-dashboard-tile-disassembly,.mobile-dashboard-tile-school,.mobile-dashboard-tile-dealers,.mobile-dashboard-tile-commercial) {height:120px!important;min-height:120px!important}
}
@media(min-width:768px){
  html body.mauto-ui-v1 dialog[data-mauto-platform-sheet]:not(.rm-sheet):not([data-mauto-motion="lightbox"]):not(.mauto-select-sheet):not([data-mauto-framed-sheet]) {padding:22px 24px!important;border-radius:24px!important}
  html body.mauto-ui-v1 dialog[data-mauto-platform-sheet]:not([data-mauto-motion="lightbox"]) :is(header h2,.cm-sheet-head h2,.pm-sheet-header h2,.mauto-platform-panel__title) {font-size:24px!important}
  .mauto-home-runtime #device-shell[data-device="tablet"] :is(#preview-advanced-search,#preview-finance-calculator.finance-calculator) {padding:16px!important}
}
@media(min-width:1101px){
  body.mauto-ui-v1 {--mauto-v384-control:42px}
  .mauto-home-runtime #device-shell[data-device="desktop"] :is(#preview-advanced-search,#preview-finance-calculator.finance-calculator) {border-radius:22px!important}
  .mauto-home-runtime #device-shell[data-device="desktop"] #mauto-answers.qa-compact {--qa-card-padding:14px;--qa-question-min:100px;--qa-answer-min:140px}
}
/* Tablet artwork stays fully inside its card; rotating copy keeps its last line. */
.mauto-home-runtime #device-shell[data-device="tablet"] :is(#c5,#c7)>img{top:auto!important;bottom:8px!important;left:12px!important;right:auto!important;width:calc(100% - 24px)!important;height:136px!important;max-height:136px!important;object-fit:contain!important;transform:none!important}
.mauto-home-runtime #device-shell[data-device="tablet"] #c9>img{top:auto!important;bottom:4px!important;height:112px!important;max-height:112px!important;object-fit:contain!important}
.mauto-home-runtime #device-shell[data-device="tablet"] :is(.hero-capability-deck,.hero-capability-card){height:146px!important;min-height:146px!important}
.mauto-home-runtime #device-shell[data-device="tablet"] .hero-capability-card p{height:auto!important;max-height:none!important;overflow:visible!important;-webkit-line-clamp:unset!important}
.mauto-home-runtime #device-shell[data-device="desktop"] :is(#c5,#c7)>img{top:auto!important;bottom:8px!important;left:12px!important;right:auto!important;width:calc(100% - 24px)!important;height:180px!important;max-height:180px!important;object-fit:contain!important;transform:none!important}
.mauto-home-runtime #device-shell[data-device="desktop"] #c9>img{top:auto!important;bottom:4px!important;height:132px!important;max-height:132px!important;object-fit:contain!important}
@media(max-width:359px){
 .mauto-home-runtime .mobile-dashboard-tile-parts>span small>span{white-space:normal!important}
 html body .vtg-app.vti-premium .vti-process{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 html body .vtg-app.vti-premium .vti-process>div:last-child{grid-column:1/-1;display:grid;grid-template-columns:26px minmax(0,1fr);gap:2px 8px;align-items:start}
 html body .vtg-app.vti-premium .vti-process>div:last-child>span{grid-row:1/span 2;margin:0}
 html body .vtg-app.vti-premium .vti-process>div:last-child>p{grid-column:2;margin:0}
}
.mauto-home-runtime #device-shell[data-device="desktop"] :is(#preview-advanced-search,#preview-finance-calculator) :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),select,.home-select-trigger){font-size:14px!important}