/* Dark Mode Override - Smart Color Inversion */
/* Mevcut Tailwind sınıflarını bozmadan renkleri değiştirir */

/* ===== EN USTTE: DROPDOWN/Input RENK OVERRIDE (her seyden once calissin) ===== */
html.dark #poolSelect,
html.dark #editPoolSelect,
html.dark #editMatchCategorySelect,
html.dark #editMatchGenderSelect,
html.dark #blueTeamSearchInput,
html.dark #whiteTeamSearchInput,
html.dark #matchDateSelect,
html.dark #matchTimeSelect,
html.dark #searchInput,
html.dark select[class*="bg-surface-container-low"],
html.dark input[class*="bg-surface-container-low"] {
  background-color: #252729 !important;
  color: #e4e5e7 !important;
  border-color: #3d3f43 !important;
}

html.dark {
  color-scheme: dark;
}

/* ===== BODY & MAIN BACKGROUND ===== */
html.dark body,
html.dark .bg-surface,
html.dark .bg-surface-container {
  background-color: #0f1114 !important;
  color: #e4e5e7 !important;
}

/* ===== CARDS & PANELS ===== */
html.dark .bg-white,
html.dark .bg-slate-50,
html.dark .bg-slate-100,
html.dark .bg-gray-50,
html.dark .bg-gray-100,
html.dark .quick-shell-card,
html.dark .quick-panel {
  background-color: #1a1b1e !important;
  border-color: #2d2f33 !important;
}

/* ===== TABLES - Alternating rows ===== */
html.dark table {
  background-color: #1a1b1e !important;
  border-color: #2d2f33 !important;
}

html.dark thead {
  background-color: #141517 !important;
}

html.dark thead th {
  background-color: #141517 !important;
  color: #9ca3af !important;
  border-color: #2d2f33 !important;
}

html.dark tbody tr {
  background-color: #1a1b1e !important;
  border-color: #2d2f33 !important;
}

html.dark tbody tr:nth-child(even) {
  background-color: #141517 !important;
}

html.dark tbody tr:nth-child(odd) {
  background-color: #1a1b1e !important;
}

html.dark tbody tr:hover {
  background-color: #2d2f33 !important;
}

html.dark td,
html.dark th {
  border-color: #2d2f33 !important;
  color: #e4e5e7 !important;
}

html.dark td.text-slate-500,
html.dark td.text-slate-600,
html.dark td.text-gray-500,
html.dark td.text-gray-600 {
  color: #9ca3af !important;
}

/* ===== DROPDOWN MENUS ===== */
html.dark select {
  background-color: #252729 !important;
  color: #e4e5e7 !important;
  border-color: #3d3f43 !important;
}

html.dark select option {
  background-color: #252729 !important;
  color: #e4e5e7 !important;
  padding: 8px 12px !important;
}

html.dark select option:hover,
html.dark select option:checked {
  background-color: #2d2f33 !important;
  color: #ffffff !important;
}

html.dark select:focus {
  border-color: #2563eb !important;
  background-color: #2a2c30 !important;
}

/* Autocomplete / search dropdowns */
html.dark [class*="dropdown"],
html.dark [id*="Dropdown"],
html.dark [role="listbox"],
html.dark [role="option"] {
  background-color: #252729 !important;
  border-color: #3d3f43 !important;
  color: #e4e5e7 !important;
}

html.dark [role="option"]:hover,
html.dark [role="option"][aria-selected="true"] {
  background-color: #2d2f33 !important;
  color: #ffffff !important;
}

/* Positioned dropdown panels (absolute/relative) */
html.dark div[class*="absolute"][class*="bg-white"],
html.dark div[class*="absolute"][class*="bg-slate"],
html.dark div[class*="relative"][class*="bg-white"] {
  background-color: #252729 !important;
  border-color: #3d3f43 !important;
}

/* ===== INPUT BOXES & TEXT FIELDS ===== */
html.dark input[type="text"],
html.dark input[type="number"],
html.dark input[type="email"],
html.dark input[type="password"],
html.dark input[type="date"],
html.dark input[type="time"],
html.dark input[type="search"],
html.dark input[type="datetime-local"],
html.dark textarea,
html.dark .form-control {
  background-color: #252729 !important;
  border-color: #3d3f43 !important;
  color: #e4e5e7 !important;
}

/* bg-slate-100 / bg-white input override */
html.dark input.bg-slate-100,
html.dark input.bg-white,
html.dark select.bg-slate-100,
html.dark select.bg-white,
html.dark textarea.bg-slate-100,
html.dark textarea.bg-white {
  background-color: #252729 !important;
  border-color: #3d3f43 !important;
  color: #e4e5e7 !important;
}

/* Inline edit mode inputs */
html.dark input[class*="border-blue-500"],
html.dark select[class*="border-blue-500"] {
  background-color: #252729 !important;
  border-color: #2563eb !important;
  color: #e4e5e7 !important;
}

html.dark input:focus,
html.dark textarea:focus,
html.dark select:focus {
  border-color: #2563eb !important;
  outline-color: #2563eb !important;
  box-shadow: 0 0 0 2px rgba(37, 99, 235, 0.3) !important;
  background-color: #2a2c30 !important;
}

html.dark input::placeholder,
html.dark textarea::placeholder {
  color: #6b7280 !important;
}

/* ===== BUTTONS ===== */
html.dark button,
html.dark .btn {
  color: #e4e5e7 !important;
}

/* Clear filter / secondary buttons */
html.dark button[class*="bg-slate-200"],
html.dark button[class*="bg-slate-100"],
html.dark button[class*="bg-gray-200"],
html.dark button[class*="bg-gray-100"],
html.dark .bg-slate-200,
html.dark .bg-slate-300,
html.dark .bg-gray-200,
html.dark .bg-gray-300 {
  background-color: #2d2f33 !important;
  color: #e4e5e7 !important;
  border-color: #3d3f43 !important;
}

/* Primary buttons - keep blue */
html.dark .bg-blue-700,
html.dark .bg-blue-600,
html.dark .bg-blue-500,
html.dark button[class*="bg-blue"] {
  background-color: #2563eb !important;
  color: #ffffff !important;
}

/* Status badges */
html.dark .bg-emerald-500,
html.dark .bg-emerald-600,
html.dark .bg-emerald-700 {
  background-color: #059669 !important;
  color: #ffffff !important;
}

html.dark .bg-red-500,
html.dark .bg-red-600,
html.dark .bg-red-700 {
  background-color: #dc2626 !important;
  color: #ffffff !important;
}

html.dark .bg-amber-500,
html.dark .bg-amber-600,
html.dark .bg-amber-700 {
  background-color: #d97706 !important;
  color: #ffffff !important;
}

html.dark .bg-purple-500,
html.dark .bg-purple-600,
html.dark .bg-purple-700 {
  background-color: #9333ea !important;
  color: #ffffff !important;
}

html.dark .bg-rose-600,
html.dark .bg-rose-700 {
  background-color: #e11d48 !important;
  color: #ffffff !important;
}

/* ===== HEADER & TOP NAV ===== */
html.dark #adminHeader,
html.dark header {
  background-color: #0f1114 !important;
}

/* Header toggle buttons (language, dark mode) */
html.dark #darkModeToggle,
html.dark .header button {
  background-color: #2d2f33 !important;
  color: #e4e5e7 !important;
  border-color: #3d3f43 !important;
}

html.dark #darkModeToggle:hover,
html.dark .header button:hover {
  background-color: #3d3f43 !important;
}

/* Header username badge */
html.dark .header-username,
html.dark span[class*="bg-blue-100"] {
  background-color: #1e3a5f !important;
  color: #60a5fa !important;
}

/* ===== SIDEBAR ===== */
html.dark #adminSidebar {
  background-color: #0f1114 !important;
  border-color: #2d2f33 !important;
}

html.dark #adminSidebar a {
  color: #9ca3af !important;
}

html.dark #adminSidebar a:hover {
  background-color: #1a1b1e !important;
  color: #e4e5e7 !important;
}

html.dark #adminSidebar [data-menu-toggle] {
  color: #60a5fa !important;
}

/* Active sidebar link */
html.dark #adminSidebar a.bg-white {
  background-color: #1a1b1e !important;
  color: #60a5fa !important;
}

/* Mobile menu */
html.dark #mobileMenuDrawer {
  background-color: #0f1114 !important;
}

html.dark #mobileMenuDrawer a {
  color: #9ca3af !important;
}

html.dark #mobileMenuDrawer a:hover {
  background-color: #1a1b1e !important;
  color: #e4e5e7 !important;
}

html.dark #mobileMenuDrawer a.bg-white {
  background-color: #1a1b1e !important;
  color: #60a5fa !important;
}

/* Mobile menu button */
html.dark #mobileMenuBtn {
  color: #9ca3af !important;
}

/* ===== TEXT COLORS ===== */
html.dark .text-slate-900,
html.dark .text-slate-800,
html.dark .text-slate-700,
html.dark .text-gray-900,
html.dark .text-gray-800,
html.dark .text-gray-700,
html.dark .text-black,
html.dark .text-on-surface {
  color: #e4e5e7 !important;
}

html.dark .text-slate-600,
html.dark .text-slate-500,
html.dark .text-gray-600,
html.dark .text-gray-500 {
  color: #9ca3af !important;
}

html.dark .text-slate-400,
html.dark .text-gray-400 {
  color: #6b7280 !important;
}

/* ===== BORDERS ===== */
html.dark .border-slate-200,
html.dark .border-slate-300,
html.dark .border-gray-200,
html.dark .border-gray-300,
html.dark .border {
  border-color: #2d2f33 !important;
}

html.dark .border-slate-100 {
  border-color: #1a1b1e !important;
}

/* ===== HOVER STATES ===== */
html.dark .hover\:bg-slate-50:hover,
html.dark .hover\:bg-slate-100:hover,
html.dark .hover\:bg-gray-50:hover,
html.dark .hover\:bg-gray-100:hover,
html.dark .hover\:bg-white:hover {
  background-color: #2d2f33 !important;
}

/* ===== SCROLLBAR ===== */
html.dark ::-webkit-scrollbar {
  background-color: #1a1b1e;
}

html.dark ::-webkit-scrollbar-thumb {
  background-color: #3d3f43;
  border-radius: 4px;
}

/* ===== SHADOWS ===== */
html.dark .shadow-sm {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) !important;
}

html.dark .shadow-md {
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.4) !important;
}

html.dark .shadow-lg,
html.dark .shadow-2xl {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.5) !important;
}

/* ===== QUICK MATCH SPECIFIC ===== */
html.dark .quick-action-btn {
  background-color: #2d2f33 !important;
  border-color: #3d3f43 !important;
  color: #e4e5e7 !important;
}

html.dark .quick-action-btn[data-state="active"] {
  background-color: #059669 !important;
  color: #ffffff !important;
}

html.dark .quick-action-btn[data-state="captain"] {
  background-color: #2563eb !important;
  color: #ffffff !important;
}

html.dark .quick-action-btn[data-state="vice"] {
  background-color: #7c3aed !important;
  color: #ffffff !important;
}

html.dark .quick-action-btn[data-state="remove"] {
  background-color: #7f1d1d !important;
  color: #fca5a5 !important;
}

html.dark .quick-control {
  background-color: #141517 !important;
  border-color: #3d3f43 !important;
  color: #e4e5e7 !important;
}

/* ===== STATISTICS & DASHBOARD ===== */
html.dark [class*="stat"],
html.dark [class*="metric"] {
  background-color: #1a1b1e !important;
  border-color: #2d2f33 !important;
}

/* Chart containers */
html.dark [class*="chart"],
html.dark [class*="graph"] {
  background-color: #141517 !important;
}

/* ===== BADGES & TAGS ===== */
html.dark .inline-flex[class*="border"] {
  border-color: #3d3f43 !important;
}

/* bg-primary/10 text-primary badges (A Pool, B Pool, etc.) */
html.dark span[class*="bg-primary"] {
  background-color: rgba(96, 165, 250, 0.12) !important;
}
html.dark span[class*="text-primary"] {
  color: #60a5fa !important;
}

/* Colored badges - tablodaki bg-blue-100 turuncu, digerleri daha yumusak */
html.dark [class*="bg-blue-100"] { background-color: #2d2f33 !important; color: #9ca3af !important; }
html.dark [class*="bg-emerald-100"] { background-color: #064e3b !important; color: #34d399 !important; }
html.dark [class*="bg-red-100"] { background-color: #7f1d1d !important; color: #f87171 !important; }
html.dark [class*="bg-amber-100"] { background-color: #78350f !important; color: #fbbf24 !important; }
html.dark [class*="bg-purple-100"] { background-color: #581c87 !important; color: #c084fc !important; }
html.dark [class*="bg-rose-100"] { background-color: #881337 !important; color: #fda4af !important; }
html.dark [class*="bg-violet-100"] { background-color: #4c1d95 !important; color: #c4b5fd !important; }

/* Table badge overrides (spans in td) - Tailwind'i override et */
html.dark td span.bg-blue-100,
html.dark td span.text-blue-700,
html.dark td span.bg-blue-100.text-blue-700 {
  background-color: #1e3a5f !important;
  color: #60a5fa !important;
  border-color: #1e3a5f !important;
}
html.dark td span.bg-emerald-100,
html.dark td span.text-emerald-700 {
  background-color: #064e3b !important;
  color: #34d399 !important;
}
html.dark td span.bg-amber-100,
html.dark td span.text-amber-700,
html.dark td span.text-amber-800 {
  background-color: #78350f !important;
  color: #fbbf24 !important;
}
html.dark td span.bg-red-100,
html.dark td span.text-red-700 {
  background-color: #7f1d1d !important;
  color: #f87171 !important;
}
html.dark td span.bg-slate-200,
html.dark td span.text-slate-700 {
  background-color: #2d2f33 !important;
  color: #9ca3af !important;
}

/* Button badges (tablo disi - daha yumusak gri) */
html.dark button[class*="bg-blue-100"] { background-color: #2d2f33 !important; color: #9ca3af !important; }

/* Div badges (equipment control, status - tablo disi) */
html.dark div[class*="bg-emerald-100"] { background-color: #064e3b !important; color: #34d399 !important; }
html.dark div[class*="bg-amber-100"] { background-color: #78350f !important; color: #fbbf24 !important; }
html.dark div[class*="bg-blue-100"] { background-color: #2d2f33 !important; color: #9ca3af !important; }

/* Light badge backgrounds → dark equivalents */
html.dark .bg-emerald-50 { background-color: #064e3b !important; }
html.dark .bg-blue-50 { background-color: #2d2f33 !important; }
html.dark .bg-amber-50 { background-color: #78350f !important; }
html.dark .bg-violet-50 { background-color: #4c1d95 !important; }
html.dark .bg-rose-50 { background-color: #881337 !important; }
html.dark .bg-red-50 { background-color: #7f1d1d !important; }
html.dark .bg-slate-50 { background-color: #1a1b1e !important; }

/* Badge text colors on dark backgrounds */
html.dark .text-emerald-700 { color: #34d399 !important; }
html.dark .text-blue-700 { color: #60a5fa !important; }
html.dark .text-blue-900 { color: #93c5fd !important; }
html.dark .text-red-700 { color: #f87171 !important; }
html.dark .text-red-800 { color: #fca5a5 !important; }
html.dark .text-amber-700 { color: #fbbf24 !important; }
html.dark .text-amber-800 { color: #fcd34d !important; }
html.dark .text-purple-700 { color: #c084fc !important; }
html.dark .text-violet-700 { color: #a78bfa !important; }
html.dark .text-rose-700 { color: #fb7185 !important; }
html.dark .text-green-700 { color: #4ade80 !important; }
html.dark .text-green-800 { color: #86efac !important; }
html.dark .text-indigo-700 { color: #818cf8 !important; }
html.dark .text-teal-700 { color: #2dd4bf !important; }
html.dark .text-cyan-700 { color: #22d3ee !important; }

/* Badge border colors */
html.dark .border-emerald-200 { border-color: #065f46 !important; }
html.dark .border-blue-200 { border-color: #3d3f43 !important; }
html.dark .border-amber-200 { border-color: #92400e !important; }
html.dark .border-violet-200 { border-color: #5b21b6 !important; }
html.dark .border-rose-200 { border-color: #9f1239 !important; }
html.dark .border-slate-200 { border-color: #2d2f33 !important; }
html.dark .border-blue-300 { border-color: #3d3f43 !important; }
html.dark .border-amber-300 { border-color: #92400e !important; }
html.dark .border-emerald-300 { border-color: #065f46 !important; }

/* Rounded-full badges (A Pool, B Pool, Aktif/Pasif in tables) */
html.dark span.rounded-full.bg-blue-100,
html.dark span.rounded-full.text-blue-700 {
  background-color: #1e3a5f !important;
  color: #60a5fa !important;
}
html.dark span.rounded-full.bg-emerald-100,
html.dark span.rounded-full.text-emerald-700 {
  background-color: #064e3b !important;
  color: #34d399 !important;
}
html.dark span.rounded-full.bg-amber-100,
html.dark span.rounded-full.text-amber-700,
html.dark span.rounded-full.text-amber-800 {
  background-color: #78350f !important;
  color: #fbbf24 !important;
}
html.dark span.rounded-full.bg-slate-200,
html.dark span.rounded-full.text-slate-700 {
  background-color: #2d2f33 !important;
  color: #9ca3af !important;
}

/* ===== SCORE DISPLAY ===== */
html.dark .bg-slate-900 {
  background-color: #2d2f33 !important;
  color: #e4e5e7 !important;
}

html.dark .bg-slate-900.text-white {
  background-color: #2d2f33 !important;
}

/* ===== DIVIDERS & SEPARATORS ===== */
html.dark hr {
  border-color: #2d2f33 !important;
}

/* ===== MODALS & OVERLAYS ===== */
html.dark [class*="modal"],
html.dark [class*="overlay"],
html.dark [class*="backdrop"] {
  background-color: rgba(0, 0, 0, 0.7) !important;
}

/* ===== FORM LABELS ===== */
html.dark label {
  color: #9ca3af !important;
}

/* ===== ZEBRA LISTS ===== */
html.dark tbody.zebra-list > tr:nth-child(odd) {
  background: #1a1b1e !important;
}
html.dark tbody.zebra-list > tr:nth-child(even) {
  background: #141517 !important;
}
html.dark .zebra-list > .zebra-item:nth-child(odd) {
  background: #1a1b1e !important;
}
html.dark .zebra-list > .zebra-item:nth-child(even) {
  background: #141517 !important;
}

/* ===== FIX IFRAMES (embedded pages) ===== */
html.dark iframe {
  background-color: #0f1114 !important;
}

/* ===== TOAST NOTIFICATIONS ===== */
html.dark .toast-notification {
  background: #1a1b1e !important;
  color: #e4e5e7 !important;
  border-left-color: #059669 !important;
}
html.dark .toast-notification[data-category="error"] {
  border-left-color: #dc2626 !important;
}
html.dark .toast-message {
  color: #e4e5e7 !important;
}
html.dark .toast-close {
  color: #9ca3af !important;
}
html.dark .toast-close:hover {
  background: #2d2f33 !important;
  color: #e4e5e7 !important;
}

/* ===== RING COLORS (active tournament) ===== */
html.dark .ring-violet-100 {
  --tw-ring-color: rgba(139, 92, 246, 0.3) !important;
}

/* ===== LOGIN MODAL ===== */
html.dark #loginModalPanel {
  background-color: #1a1b1e !important;
  border-color: #2d2f33 !important;
}
html.dark #loginModalPanel .bg-slate-100 {
  background-color: #141517 !important;
}

/* ===== SCROLLBAR FOR CUSTOM ===== */
html.dark .custom-scrollbar::-webkit-scrollbar-thumb {
  background: #3d3f43 !important;
}

/* ===== SURFACE COLORS (Tailwind custom) ===== */
html.dark .bg-surface { background-color: #0f1114 !important; }
html.dark .bg-surface-container { background-color: #1a1b1e !important; }
html.dark .bg-surface-container-low { background-color: #252729 !important; }
html.dark .bg-surface-container-lowest { background-color: #1a1b1e !important; }
html.dark .bg-surface-container-high { background-color: #2a2c30 !important; }
html.dark .bg-surface-container-highest { background-color: #2d2f33 !important; }
html.dark .text-on-surface { color: #e4e5e7 !important; }
html.dark .text-on-surface-variant { color: #9ca3af !important; }
html.dark .text-on-primary { color: #ffffff !important; }

/* ===== TAB BUTTONS (shared across pages) ===== */
html.dark .tab-btn {
  color: #6b7280 !important;
  border-bottom-color: transparent !important;
}
html.dark .tab-btn:hover {
  color: #9ca3af !important;
}
html.dark .tab-btn.active {
  color: #60a5fa !important;
  border-bottom-color: #2563eb !important;
}
html.dark .analytics-tab {
  color: #6b7280 !important;
  border-color: #3d3f43 !important;
  background-color: transparent !important;
}
html.dark .analytics-tab:hover {
  background-color: #1a1b1e !important;
}

/* ===== CATEGORY / PERIOD CHIPS ===== */
html.dark .cat-chip {
  background: #1a1b1e !important;
  border-color: #3d3f43 !important;
  color: #9ca3af !important;
}
html.dark .cat-chip:hover {
  background: #2d2f33 !important;
  border-color: #4d4f53 !important;
}
html.dark .cat-chip.active,
html.dark .cat-chip.is-selected {
  background: #1e3a5f !important;
  border-color: #2563eb !important;
  color: #60a5fa !important;
}
html.dark .period-btn:not(.active) {
  background-color: #1a1b1e !important;
  color: #9ca3af !important;
  border-color: #3d3f43 !important;
}
html.dark .period-btn:hover:not(.active) {
  background-color: #2d2f33 !important;
}
html.dark .period-btn.active {
  background-color: #2563eb !important;
  border-color: #2563eb !important;
}

/* ===== CONTROL TOASTS ===== */
html.dark .control-toast.success {
  background: #064e3b !important;
  color: #34d399 !important;
  border-color: #059669 !important;
}
html.dark .control-toast.info {
  background: #1e3a5f !important;
  color: #60a5fa !important;
  border-color: #2563eb !important;
}
html.dark .control-toast.error {
  background: #7f1d1d !important;
  color: #fca5a5 !important;
  border-color: #dc2626 !important;
}

/* ===== TEAM SEARCH DROPDOWN ===== */
html.dark .team-search-dropdown {
  background: #1a1b1e !important;
  border-color: #3d3f43 !important;
}
html.dark .team-search-option:hover {
  background: #2d2f33 !important;
}
html.dark .team-search-option.is-selected {
  background: #1e3a5f !important;
}

/* ===== STAT CARDS ===== */
html.dark .bg-white.rounded-xl.shadow-sm {
  background-color: #1a1b1e !important;
  border-color: #2d2f33 !important;
}

/* ===== TOGGLE SWITCH ===== */
html.dark .toggle-label {
  background-color: #3d3f43 !important;
}
html.dark .toggle-checkbox:checked + .toggle-label {
  background-color: #2563eb !important;
}

/* ===== HERO GRADIENT ===== */
html.dark .hero-gradient {
  background: linear-gradient(135deg, #0f172a 0%, #1e3a5f 100%) !important;
}

/* ===== OPACITY VARIANT OVERRIDES ===== */
/* Tailwind /50, /30, /10 opacity modifiers on surface colors */
html.dark [class*="bg-surface-container-low"] {
  background-color: #252729 !important;
}
html.dark [class*="bg-surface-container-high"] {
  background-color: #2a2c30 !important;
}
html.dark [class*="bg-surface-container-lowest"] {
  background-color: #1a1b1e !important;
}
html.dark [class*="bg-surface-container-highest"] {
  background-color: #2d2f33 !important;
}
html.dark [class*="bg-surface-container"] {
  background-color: #1a1b1e !important;
}
html.dark [class*="border-outline-variant"] {
  border-color: #2d2f33 !important;
}
html.dark [class*="border-outline"] {
  border-color: #2d2f33 !important;
}

/* ===== DIVIDE COLORS ===== */
html.dark .divide-slate-100 > :not([hidden]) ~ :not([hidden]),
html.dark .divide-y.divide-slate-100 > :not([hidden]) ~ :not([hidden]),
html.dark .divide-slate-200 > :not([hidden]) ~ :not([hidden]),
html.dark .divide-y.divide-slate-200 > :not([hidden]) ~ :not([hidden] {
  border-color: #2d2f33 !important;
}

/* ===== COLUMNS MENU DROPDOWN ===== */
html.dark [id$="ColumnsMenu"] {
  background-color: #1a1b1e !important;
  border-color: #2d2f33 !important;
}

/* ===== MATCH LIST DATE FILTER ===== */
html.dark #matchListDateFilter {
  background-color: #1e2024 !important;
  border-color: #3d3f43 !important;
  color: #e4e5e7 !important;
}

/* ===== READY MATCHES FILTER DROPDOWNS - mavi cerceve kaldir ===== */
html.dark #readyFieldFilter,
html.dark #readyCategoryFilter,
html.dark #readyGenderFilter,
html.dark #readyDateFilter,
html.dark #readyTeamFilter {
  background-color: #252729 !important;
  border-color: #3d3f43 !important;
  color: #e4e5e7 !important;
  --tw-ring-color: transparent !important;
  box-shadow: none !important;
}

html.dark #readyFieldFilter:focus,
html.dark #readyCategoryFilter:focus,
html.dark #readyGenderFilter:focus,
html.dark #readyDateFilter:focus,
html.dark #readyTeamFilter:focus {
  border-color: #3d3f43 !important;
  --tw-ring-color: transparent !important;
  box-shadow: none !important;
  outline: none !important;
}

/* Ready matches checkbox - mavi cerceve kaldir */
html.dark #readyShowFinishedToggle,
html.dark input[id*="ready"][type="checkbox"] {
  border-color: #3d3f43 !important;
  --tw-ring-color: transparent !important;
}

/* Tum select'lere mavi ring kaldir */
html.dark select:focus {
  --tw-ring-color: transparent !important;
  box-shadow: none !important;
}

/* ===== POOL / CATEGORY / GENDER DROPDOWNS (match selection + edit modal) ===== */
html.dark #poolSelect,
html.dark #editPoolSelect,
html.dark #editMatchCategorySelect,
html.dark #editMatchGenderSelect,
html.dark select[class*="bg-surface-container-low"],
html.dark select.bg-surface-container-low {
  background-color: #252729 !important;
  border-color: #3d3f43 !important;
  color: #e4e5e7 !important;
}

html.dark #poolSelect:focus,
html.dark #editPoolSelect:focus,
html.dark #editMatchCategorySelect:focus,
html.dark #editMatchGenderSelect:focus {
  background-color: #2a2c30 !important;
  border-color: #2563eb !important;
}

html.dark #poolSelect option,
html.dark #editPoolSelect option,
html.dark #editMatchCategorySelect option,
html.dark #editMatchGenderSelect option {
  background-color: #141517 !important;
  color: #e4e5e7 !important;
}

html.dark #poolSelect option:hover,
html.dark #editPoolSelect option:hover,
html.dark #editMatchCategorySelect option:hover,
html.dark #editMatchGenderSelect option:hover {
  background-color: #2d2f33 !important;
}

/* ===== SELECT OPTION HOVER ===== */
html.dark select option:hover {
  background-color: #2d2f33 !important;
}

/* ===== MODAL FORM INPUTS ===== */
html.dark [class*="modal"] input,
html.dark [class*="modal"] select,
html.dark [class*="modal"] textarea {
  background-color: #1e2024 !important;
  border-color: #3d3f43 !important;
  color: #e4e5e7 !important;
}

html.dark [class*="modal"] input:focus,
html.dark [class*="modal"] select:focus,
html.dark [class*="modal"] textarea:focus {
  border-color: #2563eb !important;
  background-color: #252729 !important;
  color: #e4e5e7 !important;
}

/* ===== SCHEDULE / RESCHEDULE FORM ===== */
html.dark #scheduleStartDate,
html.dark #scheduleStartTime,
html.dark #rescheduleDate,
html.dark #rescheduleTime {
  background-color: #1e2024 !important;
  border-color: #3d3f43 !important;
  color: #e4e5e7 !important;
}

/* ===== RESCHEDULE POOL FILTER ===== */
html.dark #reschedulePoolFilter {
  background-color: #1e2024 !important;
  border-color: #3d3f43 !important;
  color: #e4e5e7 !important;
}

/* ===== PLAYER CATEGORY SELECT IN TABLE ===== */
html.dark select[class*="bg-surface-container-low"] {
  background-color: #1e2024 !important;
  color: #e4e5e7 !important;
}

/* ===== DRAFT TABLE INPUTS ===== */
html.dark td select,
html.dark td input[type="text"] {
  background-color: #1e2024 !important;
  border-color: #3d3f43 !important;
  color: #e4e5e7 !important;
}

/* ===== CHECKBOX OVERRIDES ===== */
html.dark input[type="checkbox"] {
  border-color: #3d3f43 !important;
  background-color: #141517 !important;
}

/* ===== SEARCH INPUT (team management filters) ===== */
html.dark #searchInput,
html.dark input[placeholder*="ara"],
html.dark input[placeholder*="Search"] {
  background-color: #1e2024 !important;
  border-color: #3d3f43 !important;
  color: #e4e5e7 !important;
}

/* ===== PLAYER AVATAR ===== */
html.dark .bg-blue-100.rounded-full {
  background-color: #1e3a5f !important;
}

/* ===== INFO/CONTEXT LABELS ===== */
html.dark .text-blue-700.font-bold {
  color: #60a5fa !important;
}