Camadas

Camadas nomeadas (z-index) e opacidades padrão. Nada de z-50 solto.

Camadas (z-index)

popover fica acima de modal: um select ou tooltip dentro de um dialog sempre aparece por cima.

z-(--z-base)0

z-(--z-raised)10

Sobreposição local (badges sobre cards)

z-(--z-sticky)20

z-(--z-float)30

PromptBar flutuante, floating bar

z-(--z-overlay)40

z-(--z-modal)50

Dialog, sheet, sidebar do chat

z-(--z-popover)100

Popover/menu acima de modal

z-(--z-toast)120

--opacity-disabled0.5

--opacity-text-secondary0.8

text-foreground/80

--opacity-text-tertiary0.6

text-muted-foreground/60

--opacity-text-quiet0.4

eyebrows, placeholders decorativos

--opacity-border-subtle0.3

border-border/30 — divisores leves

--opacity-border-faint0.1