/* ===================================
   TOAST NOTIFICATION SYSTEM
   =================================== */

.toast-container {
  position: fixed !important;
  top: 20px !important;
  right: 20px !important;
  z-index: 99999 !important;
  max-width: 400px !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

/* Basic toast styles - most styling is now inline */
.toast {
  /* Minimal styles - most styling is inline to avoid conflicts */
  position: relative !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
  margin-bottom: 10px !important;
  min-width: 300px !important;
  max-width: 400px !important;
  z-index: 99999 !important;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* Responsive Design */
@media (max-width: 768px) {
  .toast-container {
    top: 10px !important;
    right: 10px !important;
    left: 10px !important;
    max-width: none !important;
  }

  .toast {
    min-width: 280px !important;
    max-width: 320px !important;
  }
}

@media (max-width: 480px) {
  .toast {
    min-width: 250px !important;
    max-width: 280px !important;
  }
}