/* ============================================================
   Time Sellers — THE ONE STACKING SCALE (z-index), for every layer of
   the one-screen app, written down once. Everything that sets a
   z-index on a page-level layer reads one of these; nothing invents
   its own number.

     --z-chat     1   the chat, the permanent base layer
     --z-stage    2   a dock page covering the chat
     --z-top-bar  40  logo, balance pill, account menu
     --z-dock     50  the glass dock and its search
     --z-overlay  60  the card overlay (backdrop and popup) — above
                      dock and top bar, as the design system draws it (its 70
                      was relative to the same dock at 50)
     --z-dialog   70  modal dialogs and their backdrops (confirm,
                      form, any shadcn Dialog / Alert Dialog) — they
                      open FROM cards in the overlay, so above it
     --z-popover  80  floating parts (select, combobox, menu, tooltip)
                      — they open from dialogs, so above them
     --z-toast    90  toasts, above everything

   Within one layer, local stacking (a card's own parts) keeps small
   numbers inside its own stacking context.
   ============================================================ */
:root {
  --z-chat: 1;
  --z-stage: 2;
  --z-top-bar: 40;
  --z-dock: 50;
  --z-overlay: 60;
  --z-dialog: 70;
  --z-popover: 80;
  --z-toast: 90;
}