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

/* When the overlay is off, it must not cover or intercept the main column (sidebar stays clickable
   with a higher z-index; #page-content is often underneath this node in DOM order). */
#route-loading-overlay[data-visible="false"],
#route-loading-overlay[aria-hidden="true"] {
  visibility: hidden !important;
  pointer-events: none !important;
}

/* 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;
}