/* Grundlayout */
.reminder-popup-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 2000;
}

.reminder-popup {
  min-width: 260px;
  padding: 1rem 1.3rem;
  border-radius: 12px;
  box-shadow: 0 6px 16px rgba(0,0,0,0.25);
  animation: slideIn 0.3s ease;
  color: #fff;
  font-family: "Inter", sans-serif;
}

.popup-content {
  display: flex;
  flex-direction: column;
  gap: .25rem;
}

@keyframes slideIn {
  from { transform: translateX(120%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

.fade-out { opacity: 0; transition: opacity 0.8s ease; }

/* ========================
   Themes
======================== */

/* 🌙 Classic */
.theme-classic {
  background: #1f2937;
  border-left: 5px solid #3b82f6;
}

/* ⚪ Minimal */
.theme-minimal {
  background: #ffffff;
  color: #111827;
  border: 1px solid #e5e7eb;
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
.theme-minimal .bi { color: #2563eb; }

/* ✨ Glow */
.theme-glow {
  background: linear-gradient(135deg, #0f172a, #1e3a8a);
  border: none;
  box-shadow: 0 0 15px rgba(59,130,246,0.7), 0 0 30px rgba(59,130,246,0.4);
  animation: glowPulse 2.5s infinite alternate ease-in-out;
}
@keyframes glowPulse {
  from { box-shadow: 0 0 12px rgba(59,130,246,0.6), 0 0 20px rgba(59,130,246,0.3); }
  to { box-shadow: 0 0 22px rgba(59,130,246,0.9), 0 0 45px rgba(59,130,246,0.5); }
}