/* Z-index layering scale for ProviderAdmin.
   Loaded AFTER assets/css/demo1/style.css so these overrides win.
   The demo1 theme fixes .navbar at z-index 978, which is below Bootstrap's
   .sticky-top (1020) — page-level sticky toolbars painted over the navbar
   and clamped its dropdowns. This scale lifts the chrome above sticky/fixed
   content while staying below backdrops, modals, popovers, tooltips, toasts. */

:root {
    --navbar-height: 60px;   /* matches .navbar height in assets/css/demo1/style.css */
    --z-navbar: 1035;        /* above Bootstrap .sticky-top (1020) and .fixed-top (1030) */
    --z-sidebar-scrim: 1036;
    --z-sidebar: 1037;       /* below summernote backdrop (1040) and Bootstrap backdrop (1050) */
}

/* Reserved bands — do not collide:
   summernote backdrop 1040 · bs-backdrop 1050 · bs-modal 1055 · #blazor-error-ui 1060
   · bs-popover 1070 · bs-tooltip 1080 · bs-toast 1090 */

.navbar { z-index: var(--z-navbar); }
.sidebar-open .main-wrapper::before { z-index: var(--z-sidebar-scrim); }
.sidebar { z-index: var(--z-sidebar); }

/* Utilities for page-level sticky elements so they pin BELOW the fixed navbar */
.sticky-below-nav { top: var(--navbar-height); }
.sticky-below-nav-gap { top: calc(var(--navbar-height) + 1rem); }