/* 0) Document & local floaters */ .z-negative { z-index: -1; } /* decorative underlays */ .z-base { z-index: 0; } /* default content */ .z-below { z-index: 1; } /* tiny accents/shadows */ .z-sticky { z-index: 10; } /* sticky within a scroll area */ .z-floating { z-index: 20; } /* local floating (badges, local toolbars) */ /* 1) Blocking dialog */ .z-overlay { z-index: 1000; } /* modal backdrop/scrim */ .z-modal { z-index: 1010; } /* dialog content */ .z-modal-edge { z-index: 1020; } /* floaters inside modal (e.g., inline toolbar) */ /* 2) System-level flyouts (global, portal to ) */ .z-menu { z-index: 1200; } /* dropdowns, selects, context menus, “dropdown” lives here */ .z-tooltip { z-index: 1250; } /* optional: keep above menus to avoid being hidden */ /* 3) Global feedback & escape hatch */ .z-toast { z-index: 1300; } /* toasts/notifications */ .z-topmost { z-index: 9999; } /* dev tools / emergency overrides */