/* ============================================
   34. TOAST
   ============================================ */
.toast {
  position: fixed;
  bottom: 32px;
  left: 50%;
  transform: translateX(-50%) translateY(100px);
  background-color: var(--gray-800);
  color: white;
  padding: 12px 24px;
  border-radius: var(--radius-lg);
  font-size: 0.875rem;
  font-weight: 600;
  z-index: 300;
  opacity: 0;
  transition: all 0.3s ease;
}

.toast-show {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.toast-success {
  background-color: #166534;
}

.toast-error {
  background-color: #991B1B;
}