.toast-stack { position: fixed; bottom: var(--space-5); inset-inline-end: var(--space-5); display: flex; flex-direction: column; gap: var(--space-2); z-index: 200; }
.toast {
  background: var(--color-ink); color: #fff; padding: 12px 16px; border-radius: var(--radius-sm); font-size: var(--fs-sm);
  box-shadow: var(--shadow-md); display: flex; align-items: center; gap: var(--space-2); min-width: 240px;
  animation: toast-in var(--transition-base);
}
.toast-success { background: var(--color-success); }
.toast-error { background: var(--color-critical); }
.toast-warning { background: var(--color-warning); }
@keyframes toast-in { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: translateY(0); } }