From 8513b3be3f91d1359574eab7f5c247ca06b0920f Mon Sep 17 00:00:00 2001
From: urieljareth <urieljareth.business@gmail.com>
Date: Thu, 13 Aug 2026 18:06:07 -0600
Subject: [PATCH] fix(ui): forzar estilos oscuros en opciones de select en
 panel de admin

---
 src/components/AdminPanel.tsx | 8 +++++---
 src/index.css                 | 7 +++++++
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/components/AdminPanel.tsx b/src/components/AdminPanel.tsx
index 86d90b1..da92d26 100644
--- a/src/components/AdminPanel.tsx
+++ b/src/components/AdminPanel.tsx
@@ -380,11 +380,13 @@ const VOTOS_EMBEBIDOS = ${JSON.stringify(rawVotes, null, 2)};`;
                 <select
                   value={selectedVoter}
                   onChange={(e) => setSelectedVoter(e.target.value)}
-                  className="w-full px-3 py-2.5 bg-white/[0.04] border border-white/10 rounded-xl text-white text-xs focus:border-[#00B7D4] focus:outline-none uppercase font-mono"
+                  className="w-full px-3 py-2.5 bg-[#0f1318] border border-white/10 rounded-xl text-white text-xs focus:border-[#00B7D4] focus:outline-none uppercase font-mono cursor-pointer"
                 >
-                  <option value="">Selecciona votante a remover...</option>
+                  <option value="" className="bg-[#0f1318] text-gray-400 py-1">
+                    Selecciona votante a remover...
+                  </option>
                   {registeredVoters.map((v) => (
-                    <option key={v} value={v}>
+                    <option key={v} value={v} className="bg-[#0f1318] text-white py-1 font-semibold">
                       {v} → {rawVotes[v]}
                     </option>
                   ))}
diff --git a/src/index.css b/src/index.css
index e843ae9..b11a5e5 100644
--- a/src/index.css
+++ b/src/index.css
@@ -120,3 +120,10 @@
 ::-webkit-scrollbar-thumb:hover {
   background: var(--accent);
 }
+
+/* Dark theme enforcement for native dropdown selects */
+select, option, optgroup {
+  background-color: #0f1318 !important;
+  color: #ffffff !important;
+  color-scheme: dark;
+}