@import url('/asset/css/pages/request-stock-saas-theme.css');
@import url('/asset/css/pages/request-stock-polish.css');

/*
 * Shared Dashboard canvas for navigation pages.
 *
 * The page canvas belongs to html/body/root wrapper, while page content stays
 * transparent. This prevents white gaps or flashes when scrolling and
 * overscrolling without changing each page's cards, tables, forms, or logic.
 */
html:has(body.dashboard-canvas-theme),
body.dashboard-canvas-theme,
body.dashboard-canvas-theme.bg-dark,
body.dashboard-canvas-theme > .min-vh-100.bg-dark {
    min-height: 100%;
    background:
        repeating-linear-gradient(
            118deg,
            transparent 0 205px,
            rgba(255, 116, 18, 0.16) 206px,
            rgba(255, 116, 18, 0.16) 207px,
            transparent 208px
        ),
        linear-gradient(
            118deg,
            rgba(255, 255, 255, 0.035) 0 1px,
            transparent 1px 240px
        ),
        radial-gradient(
            ellipse at 50% 0%,
            rgba(255, 137, 18, 0.16),
            transparent 34%
        ),
        linear-gradient(
            180deg,
            rgba(8, 15, 23, 0.96),
            rgba(5, 10, 16, 0.98)
        ) !important;
    background-color: #050a10 !important;
}

html:has(body.dashboard-canvas-theme),
body.dashboard-canvas-theme {
    min-height: 100vh;
    overscroll-behavior-y: none;
}

body.dashboard-canvas-theme > .min-vh-100.bg-dark {
    min-height: 100vh;
}

body.dashboard-canvas-theme > .min-vh-100.bg-dark > main,
body.dashboard-canvas-theme > .min-vh-100.bg-dark > main.pt-4 {
    background: transparent !important;
}

body.dashboard-canvas-theme > .min-vh-100.bg-dark > header.bg-dark {
    background-color: transparent !important;
}