/* === UNIVERSAL TOAST (STRONG SELECTOR) === */
#toast-container > div {
  width: 340px !important;
  padding: 16px 20px !important;
  border-radius: 18px !important;
  font-family: 'Inter', 'Space Grotesk', sans-serif !important;
  backdrop-filter: blur(16px) saturate(180%) !important;
  background-image: none !important;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.55) !important;
  opacity: 1 !important;
  color: #ffffff !important;
}

/* === SUCCESS === */
#toast-container > .toast-success {
  background: linear-gradient(135deg, #0f9d58, #34e89e) !important;
}

/* === ERROR === */
#toast-container > .toast-error {
  background: linear-gradient(135deg, #b00020, #ff5252) !important;
}

/* === INFO === */
#toast-container > .toast-info {
  background: linear-gradient(135deg, #1a73e8, #42a5f5) !important;
}

/* === WARNING === */
#toast-container > .toast-warning {
  background: linear-gradient(135deg, #f57c00, #ffb74d) !important;
}

/* === TITLE === */
#toast-container .toast-title {
  font-size: 14px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
}

/* === MESSAGE === */
#toast-container .toast-message {
  font-size: 13px !important;
  opacity: 0.95 !important;
}

/* === PROGRESS BAR === */
#toast-container .toast-progress {
  height: 3px !important;
  background: rgba(255, 255, 255, 0.75) !important;
}

/* === CLOSE BUTTON === */
#toast-container .toast-close-button {
  color: #ffffff !important;
  opacity: 0.65 !important;
  text-shadow: none !important;
}

#toast-container .toast-close-button:hover {
  opacity: 1 !important;
}