@layer layout {
  /* Conteneur des flash messages — le style des toasts eux-mêmes est dans
     components/toast.css. Le conteneur est positionné globalement pour
     rester visible au-dessus du shell. */
  .toast-container {
    position: fixed;
    top: var(--space-4);
    right: var(--space-4);
    display: flex;
    flex-direction: column;
    gap: var(--space-2);
    z-index: 1000;
    pointer-events: none;
  }

  .toast-container > * {
    pointer-events: auto;
  }
}