/* =============================================================================
   FOUC PREVENTION AND LOADING STATES
   Flash of unstyled content prevention and loading state management
   ============================================================================= */

/* FOUC prevention - hide header/navbar by default on initial load */
#header-content,
#sidebar,
.mantine-AppShell-navbar,
.mantine-AppShell-header {
    opacity: 0 !important;
    transition: opacity 0.2s ease !important;
}

/* Show header/navbar only when page is fully loaded and NOT auth page */
body.page-loaded:not(.auth-page) #header-content,
body.page-loaded:not(.auth-page) #sidebar,
body.page-loaded:not(.auth-page) .mantine-AppShell-navbar,
body.page-loaded:not(.auth-page) .mantine-AppShell-header {
    opacity: 1 !important;
}

/* Note: Auth page hiding is handled in auth.css */