/* EbadiApp 3.19.21: a single, solid #FFFFFF customer PAGE canvas.
 * Avoid :has()-only rules: every app route gets ebadi-white-canvas from PHP.
 * Keep colored cards, icons, status chips, artwork and their intended fills.
 * Only page-level shells, main empty gutters, and persistent navigation are reset.
 */
:root:has(body.ebadi-white-canvas),
html[data-theme="light"] {
  --light-bg: #FFFFFF;
  --eb-ui-bg: #FFFFFF;
  --eb-page-bg: #FFFFFF;
  --eb-bg: #FFFFFF;
  --eb-canvas: #FFFFFF;
  --crud-bg: #FFFFFF;
  --market-bg: #FFFFFF;
  --jc-bg: #FFFFFF;
  --notif-bg: #FFFFFF;
  --lp-bg: #FFFFFF;
  color-scheme: light !important;
  background: #FFFFFF !important;
  background-image: none !important;
}
html:is([data-theme],:root) body.ebadi-white-canvas.ebadi-white-canvas.ebadi-white-canvas {
  --light-bg: #FFFFFF;
  --eb-ui-bg: #FFFFFF;
  --eb-page-bg: #FFFFFF;
  --eb-bg: #FFFFFF;
  --eb-canvas: #FFFFFF;
  --crud-bg: #FFFFFF;
  --market-bg: #FFFFFF;
  --jc-bg: #FFFFFF;
  --notif-bg: #FFFFFF;
  --lp-bg: #FFFFFF;
  color-scheme: light !important;
  background: #FFFFFF !important;
  background-image: none !important;
  box-shadow: none !important; /* no dark edge around the 460px direct viewport */
}
/* Every root page canvas and large route wrapper, including legacy screens.
 * Use explicit shell classes; do NOT flatten arbitrary divs/sections/cards. */
html:is([data-theme],:root) body.ebadi-white-canvas.ebadi-white-canvas.ebadi-white-canvas :is(
  .mobile-app, .home-shell, .home-redesign, .ebadi-home-v2,
  .profile-page, .profile-route, .profile-editor-app,
  .account-app, .customer-club-app, .customer-club-shell,
  .club-app, .club-shell, .club-page,
  .reminders-app, .reminders-page, .reminder-editor-app,
  .vehicles-app, .vehicle-editor-app, .vehicle-page,
  .repairs-app, .repair-editor-app, .repair-wizard-app,
  .settings-app, .financial-app, .wallet-app, .wallet-result-app,
  .notifications-app, .notification-page, .logout-app,
  .feature-app, .branches-app, .branch-detail-app,
  .social-reward-app, .inquiries-app, .inspection-list,
  .inspection-report, .inspection-review-app, .market-app, .car-market-app,
  .auth-app, .error-app, .legal-shell, .legal-app, .shared-report,
  .ui-v2-page, .ebadi-crud-app, .ebadi-crud-management,
  .booking-app-shell, .booking-app-shell .ebadi-5step-root,
  .booking-app-shell .ebadi-mobile, .booking-app-shell .phone,
  .home-services, .home-financial-services, .home-encyclopedia,
  .profile-main, .profile-content, .club-content, .reminders-list,
  .app-content, .app-main, .page-content,
  .app-loader, .services-sheet, .services-sheet__body,
  .notification-drawer, .notification-detail-modal__dialog
) {
  --light-bg: #FFFFFF;
  --crud-bg: #FFFFFF;
  background: #FFFFFF !important;
  background-image: none !important;
}
html:is([data-theme],:root) body.ebadi-white-canvas.ebadi-white-canvas.ebadi-white-canvas > :is(main,#app,#root,#page,.app,.container,.layout,.app-shell,.app-wrapper,.site-wrapper) {
  background: #FFFFFF !important;
  background-image: none !important;
}
/* App-level decorative overlays used to paint cream/gray outside page cards. */
html:is([data-theme],:root) body.ebadi-white-canvas.ebadi-white-canvas.ebadi-white-canvas :is(.home-shell,.home-redesign,.reminders-app,.club-app,.customer-club-shell,.profile-page,.account-app,.auth-app) > :is(.page-backdrop,.screen-backdrop,.ambient-bg,.background-glow) {
  background: #FFFFFF !important;
  background-image: none !important;
  box-shadow: none !important;
}
/* Large legacy decorative overlays are not part of a card. */
html:is([data-theme],:root) body.ebadi-white-canvas.ebadi-white-canvas.ebadi-white-canvas :is(.auth-app,.app-loader)::before {
  background: none !important;
  background-image: none !important;
}
html:is([data-theme],:root) body.ebadi-white-canvas.ebadi-white-canvas.ebadi-white-canvas .app-loader.app-loader--route {
  background: #FFFFFF !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
/* Header, tab rail, sticky areas and their backplates must be opaque white.
 * Shadows and translucent backdrops were producing the gray pixels at edges. */
html:is([data-theme],:root) body.ebadi-white-canvas.ebadi-white-canvas.ebadi-white-canvas :is(
  .ebadi-global-navigation,
  .ebadi-global-navigation > .mobile-bottom-nav,
  .mobile-bottom-nav,
  .ebadi-app-bottom,
  .site-header,
  .ebadi-app-header,
  .ebadi-global-navigation > .ebadi-app-header,
  .ebadi-global-navigation > .ebadi-app-quick,
  .home-quick-access,
  .app-top-navigation
) {
  background: #FFFFFF !important;
  background-image: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
html:is([data-theme],:root) body.ebadi-white-canvas.ebadi-white-canvas.ebadi-white-canvas :is(
  .ebadi-global-navigation > .mobile-bottom-nav,
  .mobile-bottom-nav,
  .site-header,
  .ebadi-app-header,
  .ebadi-app-bottom,
  .home-quick-access
) {
  box-shadow: none !important;
}
/* Do not allow sticky action containers to fade toward older gray canvases. */
html:is([data-theme],:root) body.ebadi-white-canvas.ebadi-white-canvas.ebadi-white-canvas :is(
  .repair-footer-actions, .vehicle-form-actions, .reminder-form-actions,
  .financial-actions, .auth-submit-wrap, .repair-wizard-actions
) {
  background: #FFFFFF !important;
  background-image: none !important;
}
/* Do not introduce a different overscroll backdrop or change wheel/height behavior. */