/* Shared canvas: independent of route classes that can disappear on navigation. */
html[data-main-template="minimal"]:not(.xa-auth-route) {
    background:#fafafa;
}
html[data-main-template="minimal"] body:has(.dashboard-page-nav) {
    --dashboard-bg:#fafafa;
    --page-surface:#fafafa;
    background:var(--page-surface);
}
html[data-main-template="minimal"] body.cashier-route {
    --page-surface:#fff;
}
html[data-main-template="minimal"] body:has(.dashboard-page-nav) #app,
html[data-main-template="minimal"] body:has(.dashboard-page-nav) .mobile-view-container {
    min-height:100vh;
    min-height:100dvh;
    background:var(--page-surface);
}
html[data-main-template="minimal"] .dashboard-page-nav {
    background:var(--page-surface,#fafafa);
}

/* Route modules historically paint their own gray canvas. Match the shared
   reference surface on the three long-form pages as well. */
html[data-main-template="minimal"] body:has(.minimal-invitation),
html[data-main-template="minimal"] body.poster-route-body,
html[data-main-template="minimal"] body.continuous-page-surface {
    --page-surface:#fafafa;
}
html[data-main-template="minimal"] body:has(.minimal-invitation) #main-content,
html[data-main-template="minimal"] body:has(.minimal-invitation) .minimal-invitation,
html[data-main-template="minimal"] body.poster-route-body #main-content,
html[data-main-template="minimal"] body.poster-route-body .minimal-poster-page,
html[data-main-template="minimal"] body.continuous-page-surface #main-content,
html[data-main-template="minimal"] body.continuous-page-surface .mobile-view-container {
    background:#fafafa !important;
}
html[data-main-template="minimal"] body.reference-wallet-route {
    --page-surface:#fafafa;
}
html[data-main-template="minimal"] body.reference-wallet-route #main-content {
    background:#fafafa !important;
}

/* All ordinary minimal routes use the same light reference canvas. */
html[data-main-template="minimal"] body:not(.cashier-route):not(.xa-auth-route) #main-content {
    background:#fafafa !important;
}