.toastStack {
  position: fixed;
  right: var(--space-4);
  top: 4.5rem;
  z-index: 50;
  display: grid;
  gap: var(--space-2);
}
.toast {
  background: var(--foreground);
  color: var(--background);
  padding: 0.7rem 0.95rem;
  border-radius: var(--radius-md);
  box-shadow: var(--shadow-lg);
  max-width: 320px;
  animation: toastIn 0.16s ease-out;
}
.toast-error { background: var(--destructive); color: var(--destructive-foreground); }
.toast-success { background: var(--primary); color: var(--primary-foreground); }

@keyframes toastIn {
  from { opacity: 0; transform: translateY(-4px); }
  to { opacity: 1; transform: translateY(0); }
}