/* One layer order for the console: a menu that drops down sits above every
   panel, bar and glass surface. Glass makes a stacking context, so the bar
   that owns a menu is lifted too. */
:root { --z-bar: 200; --z-drawer: 900; --z-menu: 1000; --z-sheet: 1100; --z-dialog: 1200; --z-toast: 1300; }
.topbar, .bw-topbar, .sidebar, .bw-sidebar { position: relative; z-index: var(--z-bar) !important; }
.user-menu, .info-popover, .dropdown, .menu-pop, .popover, [role="menu"], [role="listbox"], .bw-menu, .select-menu {
  z-index: var(--z-menu) !important;
}
.sidebar-user, .user-row, .topbar-controls { position: relative; overflow: visible !important; }
.sidebar-user:has(.user-menu:not([hidden])), .user-row:has(.user-menu:not([hidden])) { z-index: var(--z-menu) !important; }
.drawer-scrim { z-index: var(--z-drawer) !important; }
.sheet-scrim, .bw-sheet-scrim { z-index: var(--z-sheet) !important; }
.sheet, .bw-sheet { z-index: calc(var(--z-sheet) + 1) !important; }
dialog, .dialog, .modal, .bw-dialog { z-index: var(--z-dialog) !important; }
.toast, .toasts { z-index: var(--z-toast) !important; }