/* Page Loading Overlay Component Styles */
/* A loading overlay for page/route transitions */

/* Base page loading overlay - positioned relative to parent container */
/* The parent container should have position: relative */
#route-loading-overlay.mantine-LoadingOverlay-root,
[id$="-loading-overlay"].mantine-LoadingOverlay-root:not([id*="state"]) {
  /* Let Mantine handle positioning relative to parent */
  /* Parent container in app.py has position: relative and minHeight */
}

/* Ensure loader is centered */
#route-loading-overlay .mantine-Loader-root {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}