/*
 * Whole Business Engine application-canvas stability lock.
 *
 * This stylesheet must remain the final stylesheet in index.html. Route
 * styles may control cards and working panels, but they cannot replace the
 * approved near-black application field.
 */
:root{
  --wbe-locked-app-canvas:#020811;
}

html,
body,
#app,
#app .premium-app[data-app-view],
#app .premium-app[data-app-view]>main,
#app .premium-app[data-app-view]>main>section.content{
  background-color:var(--wbe-locked-app-canvas)!important;
  background-image:none!important;
}

/* Each route owns one direct workspace root. Reset only that root so nested
   cards keep their page-specific surface hierarchy and semantic colors. */
#app .premium-app[data-app-view]>main>section.content>:is(div,section,main):not(.saas-access-banner):not(.painting-customer-start-modal){
  background-color:var(--wbe-locked-app-canvas)!important;
  background-image:none!important;
}

/* Painting, Home Repair, and Roofing now share the proposal customer chooser.
   Keep enough page context visible behind both steps of that common entry flow. */
#app .proposal-customer-picker-modal,
#app .customer-proposal-modal{
  background:rgba(1,7,13,.64)!important;
  backdrop-filter:blur(6px)!important;
}

/* The Painter Pro customer chooser is a modal, not a route workspace root.
   Keep the page canvas locked behind it while allowing its dedicated
   translucent backdrop rule to preserve visible page context. */