/**
 * Background Animation Styles
 * CSS for fixed background animation canvas
 */

#backgroundCanvas {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 1 !important;
    pointer-events: none !important;
}

/* Ensure main content is above background */
.main {
    position: relative;
    z-index: 2;
}

/* Ensure header stays above background */
.top-bar {
    position: relative;
    z-index: 1000;
}

/* Mobile drawer should also stay above */
.mobile-drawer {
    z-index: 1001;
}

/* Optional: Add backdrop filter to content areas for better readability */
.content-bar {
    position: relative;
    z-index: 3;
}