/* La pile des toasts (`alert--toast`), fixée au coin de l'écran : static/js/toast.js la crée.
   Sortie d'alert.css au passage au harness 0.13 (une feuille de composant ne définit que son
   block), chargée juste après elle. */

.alert-stack {
  position: fixed;
  top: 16px;
  right: 16px;
  z-index: var(--z-toast);
  display: flex;
  flex-direction: column;
  gap: var(--space-2);
  width: calc(100% - 32px);
  max-width: 420px;
  pointer-events: none;
}

@media (width <= 768px) {
  .alert-stack {
    inset: auto 8px 16px;
    width: auto;
    max-width: none;
  }
}