/* Elite Pay — dark theme overrides. Activated by body.dark-mode */

body.dark-mode {
  background-color: #0b1120;
  color: #e2e8f0;
}

body.dark-mode #mainContainer,
body.dark-mode .min-h-screen {
  background-color: #0b1120 !important;
  color: #e2e8f0 !important;
}

/* Surfaces */
body.dark-mode .bg-white,
body.dark-mode .bg-white\/95,
body.dark-mode .bg-gray-50,
body.dark-mode .bg-gray-50\/70,
body.dark-mode .bg-gray-100,
body.dark-mode .bg-slate-50,
body.dark-mode .bg-slate-100,
body.dark-mode .bg-\[\#f4f3ff\] {
  background-color: #131c31 !important;
}

body.dark-mode .bg-blue-50,
body.dark-mode .bg-indigo-50,
body.dark-mode .bg-indigo-50\/50,
body.dark-mode .bg-indigo-50\/60,
body.dark-mode .bg-amber-50,
body.dark-mode .bg-emerald-50,
body.dark-mode .bg-green-50,
body.dark-mode .bg-red-50 {
  background-color: #1a2440 !important;
}


/* Pastel tint surfaces */
body.dark-mode .bg-amber-100,
body.dark-mode .bg-amber-50,
body.dark-mode .bg-blue-100,
body.dark-mode .bg-blue-50,
body.dark-mode .bg-emerald-100,
body.dark-mode .bg-emerald-50,
body.dark-mode .bg-green-100,
body.dark-mode .bg-green-50,
body.dark-mode .bg-indigo-100,
body.dark-mode .bg-indigo-50,
body.dark-mode .bg-orange-50,
body.dark-mode .bg-purple-100,
body.dark-mode .bg-purple-50,
body.dark-mode .bg-red-100,
body.dark-mode .bg-red-50,
body.dark-mode .bg-rose-100,
body.dark-mode .bg-rose-50,
body.dark-mode .bg-sky-50,
body.dark-mode .bg-violet-50,
body.dark-mode .bg-yellow-50,
body.dark-mode .bg-teal-50,
body.dark-mode .bg-cyan-50,
body.dark-mode .bg-pink-50,
body.dark-mode .bg-fuchsia-50 {
  background-color: #1a2440 !important;
}

body.dark-mode .text-gray-500,
body.dark-mode .text-gray-600,
body.dark-mode .text-gray-700,
body.dark-mode .text-gray-800,
body.dark-mode .text-gray-900 {
  color: #dbe3f2 !important;
}

/* Borders */
body.dark-mode .border-gray-100,
body.dark-mode .border-gray-200,
body.dark-mode .border-gray-200\/80,
body.dark-mode .border-slate-100,
body.dark-mode .border-slate-200,
body.dark-mode .border-indigo-100,
body.dark-mode .border-indigo-100\/50 {
  border-color: #223154 !important;
}

/* Text */
body.dark-mode .text-gray-900,
body.dark-mode .text-gray-800,
body.dark-mode .text-slate-900,
body.dark-mode .text-slate-800,
body.dark-mode .text-black {
  color: #eaf0fb !important;
}

body.dark-mode .text-gray-700,
body.dark-mode .text-gray-600,
body.dark-mode .text-slate-700,
body.dark-mode .text-slate-600 {
  color: #c3ccdd !important;
}

body.dark-mode .text-gray-500,
body.dark-mode .text-gray-400,
body.dark-mode .text-slate-500,
body.dark-mode .text-slate-400 {
  color: #94a3b8 !important;
}

/* Bottom nav + drawer */
body.dark-mode nav#bottomNav {
  background-color: #101829 !important;
  border-color: #223154 !important;
}

body.dark-mode nav#bottomNav a.bg-blue-50 {
  background-color: #1e2a4d !important;
  color: #93c5fd !important;
}

/* Inputs */
body.dark-mode input,
body.dark-mode select,
body.dark-mode textarea {
  background-color: #0f1729 !important;
  border-color: #223154 !important;
  color: #eaf0fb !important;
}

body.dark-mode input::placeholder,
body.dark-mode textarea::placeholder {
  color: #64748b !important;
}

/* Divide lines & shadows */
body.dark-mode .divide-gray-100 > * + *,
body.dark-mode .divide-slate-100 > * + * {
  border-color: #223154 !important;
}

/* Balance privacy toggle */
.balance-blur {
  filter: blur(9px);
  user-select: none;
  pointer-events: none;
}