/* =========================================
   Custom Cyberpunk / Dark Theme untuk Toastr
   ========================================= */

/* Tampilan Container Utama */
#toast-container > div {
  font-family: "Rajdhani", sans-serif !important;
  background-color: rgba(10, 10, 10, 0.95) !important;
  backdrop-filter: blur(10px) !important;
  color: #fff !important;
  border-radius: 8px !important;
  opacity: 1 !important; /* Menghilangkan transparansi bawaan toastr saat hover */
  font-size: 1.1rem !important;
  font-weight: 600 !important;
  letter-spacing: 1px !important;
}

/* Modifikasi Garis Progress (Progress Bar) */
#toast-container > div .toast-progress {
  opacity: 0.8 !important;
}

/* Tema SUCCESS (Hijau Neon) */
#toast-container > .toast-success {
  border: 1px solid #39ff14 !important;
  box-shadow:
    0 0 15px rgba(57, 255, 20, 0.3),
    inset 0 0 10px rgba(57, 255, 20, 0.1) !important;
}
#toast-container > .toast-success .toast-progress {
  background-color: #39ff14 !important;
}

/* Tema ERROR (Merah Neon - Sesuai tema expired) */
#toast-container > .toast-error {
  border: 1px solid #ff003c !important;
  box-shadow:
    0 0 15px rgba(255, 0, 60, 0.3),
    inset 0 0 10px rgba(255, 0, 60, 0.1) !important;
}
#toast-container > .toast-error .toast-progress {
  background-color: #ff003c !important;
}

/* Tema INFO (Cyan Neon) */
#toast-container > .toast-info {
  border: 1px solid #00ffff !important;
  box-shadow:
    0 0 15px rgba(0, 255, 255, 0.3),
    inset 0 0 10px rgba(0, 255, 255, 0.1) !important;
}
#toast-container > .toast-info .toast-progress {
  background-color: #00ffff !important;
}

/* Tema WARNING (Kuning Neon) */
#toast-container > .toast-warning {
  border: 1px solid #f59e0b !important;
  box-shadow:
    0 0 15px rgba(245, 158, 11, 0.3),
    inset 0 0 10px rgba(245, 158, 11, 0.1) !important;
}
#toast-container > .toast-warning .toast-progress {
  background-color: #f59e0b !important;
}

/* Warna Tombol Close */
#toast-container > div .toast-close-button {
  color: #fff !important;
  text-shadow: none !important;
  opacity: 0.6 !important;
  font-weight: normal !important;
}
#toast-container > div .toast-close-button:hover {
  opacity: 1 !important;
  color: #ff003c !important;
}