/* Toast Notification Styles */

.toast {
  transform: translateX(100%);
  opacity: 0;
  transition: all 0.3s ease-out;
}

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

.toast.toast-hide {
  transform: translateX(100%);
  opacity: 0;
}

/* Toast container positioning for mobile */
@media (max-width: 640px) {
  [data-controller="toast-queue"] {
    left: 1rem;
    right: 1rem;
    top: auto;
    bottom: 1rem;
  }

  .toast {
    transform: translateY(100%);
  }

  .toast.toast-show {
    transform: translateY(0);
  }

  .toast.toast-hide {
    transform: translateY(100%);
  }
}

/* Pulse animation for real-time updates */
@keyframes toast-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(var(--accent-rgb, 255, 123, 84), 0.4);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(var(--accent-rgb, 255, 123, 84), 0);
  }
}

.toast-pulse {
  animation: toast-pulse 2s ease-in-out infinite;
}