/* ============================================================
   TOAST — ALERT / NOTIFICATION
   ============================================================ */

.toast {
  position: fixed;
  bottom: var(--space-6);
  right: var(--space-6);
  background: #333;
  color: #fff;
  padding: var(--space-3) var(--space-4);
  border-radius: var(--radius-md);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
  font-size: var(--font-md);
  box-shadow: var(--shadow-3);
  z-index: 9999;
}

.toast.show {
  opacity: 1;
}