/* Approved MAUTO pearl, diluted inside the background stack only.
 * No pseudo-elements, foreground overlays, artwork or layout properties.
 * Domain heroes, image stages, fields, actions and Home category tiles retain
 * their own surfaces. Load after the domain styles and platform-sheets-v1. */
:root {
  --mauto-pearl-page-v375: linear-gradient(#fff,#fff);
  --mauto-pearl-panel-v375:
    linear-gradient(rgba(255,255,255,.92),rgba(255,255,255,.92)),
    url('../img/pearl-card-backgrounds/pearl-blue-card-wide.png');
}

/* Each audited root is a light page canvas; its hero/art is a separate child.
 * One stretched decorative texture avoids repeating card borders or seams. */
html body.login,
html body :is(.cm-app,.pg-app,.pm-app,.tunf-app,.dsr-app,.svc-p1g,.ddg-dealers,.rm-app,.r260-app),
html body .mauto-home-runtime #device-shell :is(.device-surface,.ecosystem,.mobile-dashboard) {
  background-image:var(--mauto-pearl-page-v375)!important;
  background-size:100% 100%,100% 100%!important;
  background-position:center,center!important;
  background-repeat:no-repeat,no-repeat!important;
}

/* White card/panel shells. Photographs and 3D subjects paint above this layer;
 * neither their own backgrounds nor any of their pixels are targeted. */
html body.login #login form,
html body .cm-app :is(.cm-car,.cm-calculator),
html body .pg-app :is(.pg-card,.pg-info-panel,.pg-related,.pg-product-panel),
html body .pm-app :is(.pm-product,.pm-filter-panel),
html body dialog.pm-sheet .pm-filter-panel,
html body .tunf-app :is(.tunf-product-card,.tunf-state),
html body .dsr-app .dsr-topic-card,
html body .svc-p1g :is(.svc-p1g-provider,.p1g-panel:not(.svc-p1g-gallery)),
html body .ddg-dealers :is(.ddg-dealer-card,.ddg-dealer-benefits,.ddg-panel:not(.ddg-dealer-gallery)),
html body .rm-app .rm-card,
html body .r260-app :is(.r260-service-card,.r260-feature-card,.r260-dispatch),
html body .mauto-home-runtime #device-shell #preview-finance-calculator.finance-calculator,
html body .mauto-home-runtime #mauto-finance-calculator {
  background-image:var(--mauto-pearl-panel-v375)!important;
  background-size:100% 100%,100% 100%!important;
  background-position:center,center!important;
  background-repeat:no-repeat,no-repeat!important;
}

/* Audited light dialog shells only: retain opaque header/footer surfaces and
 * the existing backdrop, selected options, photo stages and sheet geometry. */
html body dialog:is(.cm-sheet,.pm-sheet,.mauto-select-sheet,.pg-dialog,.tunf-dialog,.dsr-dialog,.ddg-dialog),
html body .rm-app .rm-sheet,
html body .r260-app .r260-dialog {
  background-image:var(--mauto-pearl-panel-v375)!important;
  background-size:100% 100%,100% 100%!important;
  background-position:center,center!important;
  background-repeat:no-repeat,no-repeat!important;
}

/* Decorative raster backgrounds are unnecessary in forced-colour mode. */
@media (forced-colors:active) {
  :root {
    --mauto-pearl-page-v375:none;
    --mauto-pearl-panel-v375:none;
  }
}