[data-theme="dark"] {
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;
    --bg-surface: #1e293b;
    --bg-elevated: #334155;
    --bg-hover: #334155;
    --bg-active: #475569;
    --text-primary: #ffffff;
    --text-secondary: #e2e8f0;
    --text-tertiary: #cbd5e1;
    --text-muted: #94a3b8;
    --border-primary: #475569;
    --border-secondary: #64748b;
    --shadow-primary: rgba(0, 0, 0, 0.5);
    --shadow-secondary: rgba(0, 0, 0, 0.3);
    --color-brand: #ef4444;
    --color-brand-dark: #dc2626;
    --color-accent: #60a5fa;
    --color-accent-dark: #3b82f6;
    --logo-filter: none;
    --icon-filter: none;
}

[data-theme="dark"] body {
    background: var(--bg-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .f1-topbar {
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-primary);
}

[data-theme="dark"] .f1-navbar {
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-primary);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

@media (max-width: 768px) {
    [data-theme="dark"] .f1-navbar {
        background: #000000 !important;
    }
}

[data-theme="dark"] .mobile-menu-logo a {
    color: #ffffff !important;
}

[data-theme="dark"] .theme-toggle {
    background: #ffffff !important;
    color: #000000 !important;
    border-color: #ffffff !important;
}

[data-theme="dark"] .theme-toggle:hover {
    background: rgba(255, 255, 255, 0.9) !important;
    color: #000000 !important;
}

[data-theme="light"] .theme-toggle {
    background: #000000 !important;
    color: #ffffff !important;
    border-color: #000000 !important;
}

[data-theme="light"] .theme-toggle:hover {
    background: rgba(0, 0, 0, 0.9) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .modern-filter-select,
[data-theme="dark"] #modern-sport-filter {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-primary) !important;
}

[data-theme="dark"] .modern-filter-select option,
[data-theme="dark"] #modern-sport-filter option {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .modern-filter-select:focus,
[data-theme="dark"] #modern-sport-filter:focus {
    background: var(--bg-tertiary) !important;
    border-color: var(--color-accent) !important;
    outline: none !important;
}

[data-theme="dark"] .f1-topbar-link,
[data-theme="dark"] .f1-nav-link,
[data-theme="dark"] .f1-logo {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .f1-topbar-link:hover,
[data-theme="dark"] .f1-nav-link:hover {
    color: var(--color-accent) !important;
}

[data-theme="dark"] .user-dropdown {
    background: var(--bg-elevated);
    border: 1px solid var(--border-primary);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4);
}

[data-theme="dark"] .dropdown-item {
    color: var(--text-secondary);
}

[data-theme="dark"] .dropdown-item:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}

[data-theme="dark"] .mobile-menu {
    background: rgba(15, 23, 42, 0.98);
    backdrop-filter: blur(20px);
}

[data-theme="dark"] .mobile-menu-item {
    color: var(--text-secondary);
}

[data-theme="dark"] .mobile-menu-item:hover {
    background: var(--bg-hover);
    color: var(--text-primary);
}


[data-theme="dark"] .other-dropdown-menu,
[data-theme="dark"] #otherDropdownMenu {
    background: #000000 !important;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), 0 8px 25px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .other-dropdown-item {
    color: #ffffff !important;
}

[data-theme="dark"] .other-dropdown-item:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .other-dropdown-item::after {
    color: #ffffff !important;
}

[data-theme="dark"] .se-category-buttons {
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-primary);
}

[data-theme="dark"] .se-category-btn {
    color: var(--text-secondary);
    border-color: var(--border-primary);
}

[data-theme="dark"] .se-category-btn:hover,
[data-theme="dark"] .se-category-btn.active {
    background: var(--bg-hover);
    color: var(--text-primary);
    border-color: var(--color-accent);
}

[data-theme="dark"] .se-match-grid {
    background: var(--bg-primary);
}

[data-theme="dark"] .se-section h2,
[data-theme="dark"] .se-section h3 {
    color: var(--text-primary);
}

[data-theme="dark"] .se-sport-header {
    background: var(--bg-secondary);
    border-bottom: 1px solid var(--border-primary);
}

[data-theme="dark"] .se-sport-name {
    color: var(--text-primary);
}

[data-theme="dark"] .se-upcoming-info {
    color: var(--text-muted);
}

[data-theme="dark"] .se-sport-info {
    background: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] .se-sport-icon,
[data-theme="dark"] .se-sport-details {
    background: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] .se-sport-icon::before,
[data-theme="dark"] .se-sport-icon::after {
    display: none !important;
}

[data-theme="dark"] .se-sport-icon i {
    background: transparent !important;
    box-shadow: none !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .se-sport-header .se-sport-icon {
    background: transparent !important;
    box-shadow: none !important;
}

[data-theme="dark"] .se-sport-header .se-sport-icon i {
    background: transparent !important;
    box-shadow: none !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theme-toggle {
    background: var(--bg-elevated);
    border: 1px solid var(--border-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .theme-toggle:hover {
    background: var(--bg-hover);
    border-color: var(--color-accent);
}

[data-theme="dark"] input,
[data-theme="dark"] textarea,
[data-theme="dark"] select {
    background: var(--bg-surface);
    border-color: var(--border-primary);
    color: var(--text-primary);
}

[data-theme="dark"] input:focus,
[data-theme="dark"] textarea:focus,
[data-theme="dark"] select:focus {
    border-color: var(--color-accent);
    box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.2);
}

[data-theme="dark"] .btn-primary {
    background: var(--color-accent);
    border-color: var(--color-accent);
}

[data-theme="dark"] .btn-primary:hover {
    background: var(--color-accent-dark);
    border-color: var(--color-accent-dark);
}

[data-theme="dark"] .mobile-panel {
    background: var(--bg-secondary);
    border: 1px solid var(--border-primary);
}

[data-theme="dark"] .mobile-search-input {
    background: var(--bg-surface);
    border-color: var(--border-primary);
    color: var(--text-primary);
}

[data-theme="dark"] .mobile-search-results {
    background: var(--bg-surface);
}

[data-theme="dark"] .progress-container {
    background: var(--bg-secondary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .progress-bar {
    background: transparent !important;
}

[data-theme="dark"] .progress-step {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .step-number {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .step-label {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .progress-step.active .step-number {
    background: var(--color-accent) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .modern-empty-content,
[data-theme="dark"] .modern-empty-content * {
    color: #ffffff !important;
}

[data-theme="dark"] .modern-classic-container {
    background: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .modern-classic-header {
    background: linear-gradient(135deg, #1e293b 0%, #334155 50%, #475569 100%) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .modern-classic-header-count {
    background: rgba(255, 255, 255, 0.1) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .modern-classic-item {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .modern-classic-item:hover {
    background: var(--bg-hover) !important;
    border-left-color: var(--color-accent) !important;
}

[data-theme="dark"] .modern-classic-item:nth-child(even) {
    background: var(--bg-tertiary) !important;
}

[data-theme="dark"] .modern-classic-item:nth-child(even):hover {
    background: var(--bg-hover) !important;
}

[data-theme="dark"] .modern-classic-item.live {
    background: rgba(239, 68, 68, 0.1) !important;
    border-left-color: #ef4444 !important;
}

[data-theme="dark"] .modern-classic-teams,
[data-theme="dark"] .modern-classic-league,
[data-theme="dark"] .modern-classic-time {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .modern-classic-time-display {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .modern-classic-time-display.live {
    color: #ef4444 !important;
}

[data-theme="dark"] .modern-classic-watch-btn {
    background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark)) !important;
    color: #ffffff !important;
}

[data-theme="dark"] #multistream-page {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .multistream-header {
    background: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .header-left a {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .header-left a:hover {
    color: var(--color-accent) !important;
}

[data-theme="dark"] .chat-toggle-btn,
[data-theme="dark"] .se-theater-btn {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .player-modes {
    background: var(--bg-secondary) !important;
}

[data-theme="dark"] .mode-btn {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .mode-btn:hover,
[data-theme="dark"] .mode-btn.active {
    border-color: var(--color-accent) !important;
    background: var(--color-accent) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .player-slot {
    background: var(--bg-surface) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .player-slot:hover {
    border-color: var(--color-accent) !important;
    background: rgba(96, 165, 250, 0.05) !important;
}

[data-theme="dark"] .empty-slot {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .player-header {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .player-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .stream-alt-btn {
    background: var(--bg-surface) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .stream-alt-btn:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .stream-alt-content {
    background: var(--bg-elevated) !important;
    border-color: var(--border-primary) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .stream-alt-item {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .stream-alt-item:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .stream-alt-item.active {
    background: var(--color-accent) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .match-list-section {
    background: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .match-item {
    background: var(--bg-surface) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .match-item:hover {
    background: var(--bg-hover) !important;
}

[data-theme="dark"] .match-item.selected {
    background: var(--color-accent) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .match-item.playing {
    border-left-color: #28a745 !important;
}

[data-theme="dark"] .close-player {
    background: rgba(220, 53, 69, 0.8) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .close-player:hover {
    background: rgba(220, 53, 69, 1) !important;
}

[data-theme="dark"] .loading {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .loading-spinner {
    border-color: var(--border-primary) !important;
    border-top-color: var(--color-accent) !important;
}

[data-theme="dark"] .theater-mode .dual-view.active .player-slot,
[data-theme="dark"] .theater-mode .triple-view.active .player-slot,
[data-theme="dark"] .theater-mode .quad-view.active .player-slot {
    background: var(--bg-surface) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode .dual-view.active .player-slot:hover,
[data-theme="dark"] .theater-mode .triple-view.active .player-slot:hover,
[data-theme="dark"] .theater-mode .quad-view.active .player-slot:hover {
    border-color: var(--color-accent) !important;
    background: rgba(96, 165, 250, 0.05) !important;
}

[data-theme="dark"] .theater-mode .dual-view.active .empty-slot,
[data-theme="dark"] .theater-mode .triple-view.active .empty-slot,
[data-theme="dark"] .theater-mode .quad-view.active .empty-slot {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .theater-mode .dual-view.active .player-header,
[data-theme="dark"] .theater-mode .triple-view.active .player-header,
[data-theme="dark"] .theater-mode .quad-view.active .player-header {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode .dual-view.active .player-title,
[data-theme="dark"] .theater-mode .triple-view.active .player-title,
[data-theme="dark"] .theater-mode .quad-view.active .player-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode .dual-view.active .close-player,
[data-theme="dark"] .theater-mode .triple-view.active .close-player,
[data-theme="dark"] .theater-mode .quad-view.active .close-player {
    background: rgba(220, 53, 69, 0.8) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .theater-mode .dual-view.active .close-player:hover,
[data-theme="dark"] .theater-mode .triple-view.active .close-player:hover,
[data-theme="dark"] .theater-mode .quad-view.active .close-player:hover {
    background: rgba(220, 53, 69, 1) !important;
}

[data-theme="dark"] .theater-mode .dual-view.active .stream-alt-btn,
[data-theme="dark"] .theater-mode .triple-view.active .stream-alt-btn,
[data-theme="dark"] .theater-mode .quad-view.active .stream-alt-btn {
    background: var(--bg-surface) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .theater-mode .dual-view.active .stream-alt-btn:hover,
[data-theme="dark"] .theater-mode .triple-view.active .stream-alt-btn:hover,
[data-theme="dark"] .theater-mode .quad-view.active .stream-alt-btn:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode .dual-view.active .stream-alt-content,
[data-theme="dark"] .theater-mode .triple-view.active .stream-alt-content,
[data-theme="dark"] .theater-mode .quad-view.active .stream-alt-content {
    background: var(--bg-elevated) !important;
    border-color: var(--border-primary) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .theater-mode .dual-view.active .stream-alt-item,
[data-theme="dark"] .theater-mode .triple-view.active .stream-alt-item,
[data-theme="dark"] .theater-mode .quad-view.active .stream-alt-item {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .theater-mode .dual-view.active .stream-alt-item:hover,
[data-theme="dark"] .theater-mode .triple-view.active .stream-alt-item:hover,
[data-theme="dark"] .theater-mode .quad-view.active .stream-alt-item:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode .dual-view.active .stream-alt-item.active,
[data-theme="dark"] .theater-mode .triple-view.active .stream-alt-item.active,
[data-theme="dark"] .theater-mode .quad-view.active .stream-alt-item.active {
    background: var(--color-accent) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .player-container.dual-view.active,
[data-theme="dark"] .player-container.triple-view.active,
[data-theme="dark"] .player-container.quad-view.active {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .player-container.dual-view.active .player-slot,
[data-theme="dark"] .player-container.triple-view.active .player-slot,
[data-theme="dark"] .player-container.quad-view.active .player-slot {
    background: var(--bg-surface) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .player-container.dual-view.active .player-slot:hover,
[data-theme="dark"] .player-container.triple-view.active .player-slot:hover,
[data-theme="dark"] .player-container.quad-view.active .player-slot:hover {
    border-color: var(--color-accent) !important;
    background: rgba(96, 165, 250, 0.05) !important;
}

[data-theme="dark"] .player-container.dual-view.active .empty-slot,
[data-theme="dark"] .player-container.triple-view.active .empty-slot,
[data-theme="dark"] .player-container.quad-view.active .empty-slot {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .player-container.dual-view.active .player-header,
[data-theme="dark"] .player-container.triple-view.active .player-header,
[data-theme="dark"] .player-container.quad-view.active .player-header {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .player-container.dual-view.active .player-title,
[data-theme="dark"] .player-container.triple-view.active .player-title,
[data-theme="dark"] .player-container.quad-view.active .player-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .player-container.dual-view.active .close-player,
[data-theme="dark"] .player-container.triple-view.active .close-player,
[data-theme="dark"] .player-container.quad-view.active .close-player {
    background: rgba(220, 53, 69, 0.8) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .player-container.dual-view.active .close-player:hover,
[data-theme="dark"] .player-container.triple-view.active .close-player:hover,
[data-theme="dark"] .player-container.quad-view.active .close-player:hover {
    background: rgba(220, 53, 69, 1) !important;
}

[data-theme="dark"] .player-container.dual-view.active .stream-alt-btn,
[data-theme="dark"] .player-container.triple-view.active .stream-alt-btn,
[data-theme="dark"] .player-container.quad-view.active .stream-alt-btn {
    background: var(--bg-surface) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .player-container.dual-view.active .stream-alt-btn:hover,
[data-theme="dark"] .player-container.triple-view.active .stream-alt-btn:hover,
[data-theme="dark"] .player-container.quad-view.active .stream-alt-btn:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .player-container.dual-view.active .stream-alt-content,
[data-theme="dark"] .player-container.triple-view.active .stream-alt-content,
[data-theme="dark"] .player-container.quad-view.active .stream-alt-content {
    background: var(--bg-elevated) !important;
    border-color: var(--border-primary) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .player-container.dual-view.active .stream-alt-item,
[data-theme="dark"] .player-container.triple-view.active .stream-alt-item,
[data-theme="dark"] .player-container.quad-view.active .stream-alt-item {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .player-container.dual-view.active .stream-alt-item:hover,
[data-theme="dark"] .player-container.triple-view.active .stream-alt-item:hover,
[data-theme="dark"] .player-container.quad-view.active .stream-alt-item:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .player-container.dual-view.active .stream-alt-item.active,
[data-theme="dark"] .player-container.triple-view.active .stream-alt-item.active,
[data-theme="dark"] .player-container.quad-view.active .stream-alt-item.active {
    background: var(--color-accent) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .match-search-container {
    background: transparent !important;
}

[data-theme="dark"] .search-input-wrapper {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .search-input-wrapper:focus-within {
    border-color: var(--color-accent) !important;
    box-shadow: 0 0 0 2px rgba(96, 165, 250, 0.2) !important;
}

[data-theme="dark"] .search-icon {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .match-search-input {
    background: transparent !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .match-search-input::placeholder {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .clear-search {
    background: transparent !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .clear-search:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .dual-view.active {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .triple-view.active {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .quad-view.active {
    background: var(--bg-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .dual-view.active .player-slot,
[data-theme="dark"] .theater-mode.chat-hidden .triple-view.active .player-slot,
[data-theme="dark"] .theater-mode.chat-hidden .quad-view.active .player-slot {
    background: var(--bg-surface) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .dual-view.active .player-slot:hover,
[data-theme="dark"] .theater-mode.chat-hidden .triple-view.active .player-slot:hover,
[data-theme="dark"] .theater-mode.chat-hidden .quad-view.active .player-slot:hover {
    border-color: var(--color-accent) !important;
    background: rgba(96, 165, 250, 0.05) !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .dual-view.active .empty-slot,
[data-theme="dark"] .theater-mode.chat-hidden .triple-view.active .empty-slot,
[data-theme="dark"] .theater-mode.chat-hidden .quad-view.active .empty-slot {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .dual-view.active .player-header,
[data-theme="dark"] .theater-mode.chat-hidden .triple-view.active .player-header,
[data-theme="dark"] .theater-mode.chat-hidden .quad-view.active .player-header {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .dual-view.active .player-title,
[data-theme="dark"] .theater-mode.chat-hidden .triple-view.active .player-title,
[data-theme="dark"] .theater-mode.chat-hidden .quad-view.active .player-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .dual-view.active .close-player,
[data-theme="dark"] .theater-mode.chat-hidden .triple-view.active .close-player,
[data-theme="dark"] .theater-mode.chat-hidden .quad-view.active .close-player {
    background: rgba(220, 53, 69, 0.8) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .dual-view.active .close-player:hover,
[data-theme="dark"] .theater-mode.chat-hidden .triple-view.active .close-player:hover,
[data-theme="dark"] .theater-mode.chat-hidden .quad-view.active .close-player:hover {
    background: rgba(220, 53, 69, 1) !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .dual-view.active .stream-alt-btn,
[data-theme="dark"] .theater-mode.chat-hidden .triple-view.active .stream-alt-btn,
[data-theme="dark"] .theater-mode.chat-hidden .quad-view.active .stream-alt-btn {
    background: var(--bg-surface) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .dual-view.active .stream-alt-btn:hover,
[data-theme="dark"] .theater-mode.chat-hidden .triple-view.active .stream-alt-btn:hover,
[data-theme="dark"] .theater-mode.chat-hidden .quad-view.active .stream-alt-btn:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .dual-view.active .stream-alt-content,
[data-theme="dark"] .theater-mode.chat-hidden .triple-view.active .stream-alt-content,
[data-theme="dark"] .theater-mode.chat-hidden .quad-view.active .stream-alt-content {
    background: var(--bg-elevated) !important;
    border-color: var(--border-primary) !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .dual-view.active .stream-alt-item,
[data-theme="dark"] .theater-mode.chat-hidden .triple-view.active .stream-alt-item,
[data-theme="dark"] .theater-mode.chat-hidden .quad-view.active .stream-alt-item {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .dual-view.active .stream-alt-item:hover,
[data-theme="dark"] .theater-mode.chat-hidden .triple-view.active .stream-alt-item:hover,
[data-theme="dark"] .theater-mode.chat-hidden .quad-view.active .stream-alt-item:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode.chat-hidden .dual-view.active .stream-alt-item.active,
[data-theme="dark"] .theater-mode.chat-hidden .triple-view.active .stream-alt-item.active,
[data-theme="dark"] .theater-mode.chat-hidden .quad-view.active .stream-alt-item.active {
    background: var(--color-accent) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .match-list-section {
    background: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .match-list-header {
    background: transparent !important;
}

[data-theme="dark"] .match-list-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .match-list-container {
    background: transparent !important;
}

[data-theme="dark"] .match-list {
    background: transparent !important;
}

[data-theme="dark"] .match-list::-webkit-scrollbar-track {
    background: var(--bg-tertiary) !important;
}

[data-theme="dark"] .match-list::-webkit-scrollbar-thumb {
    background: var(--border-primary) !important;
}

[data-theme="dark"] .match-list::-webkit-scrollbar-thumb:hover {
    background: var(--color-accent) !important;
}

[data-theme="dark"] .match-item {
    background: var(--bg-surface) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .match-item:hover {
    border-color: var(--color-accent) !important;
    background: var(--bg-hover) !important;
}

[data-theme="dark"] .match-item.selected {
    border: 2px solid var(--color-accent) !important;
    background: rgba(96, 165, 250, 0.15) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .match-item.playing {
    border-color: var(--color-success) !important;
    background: var(--color-success-bg) !important;
}

[data-theme="dark"] .match-image {
    background: var(--bg-tertiary) !important;
}

[data-theme="dark"] .match-info {
    background: var(--bg-surface) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .match-teams {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .match-league {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .match-time {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .category-badge {
    background: var(--color-accent) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .live-badge {
    background: var(--color-error) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .scroll-btn {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .scroll-btn:hover {
    background: var(--color-accent) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .match-list-empty-state {
    background: transparent !important;
}

[data-theme="dark"] .empty-state-content {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .empty-state-content i {
    color: var(--color-accent) !important;
}

[data-theme="dark"] .empty-state-content h3 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .empty-state-content p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .empty-state-subtitle {
    color: var(--text-tertiary) !important;
}

[data-theme="dark"] .match-list-close-btn {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .match-list-close-btn:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode .match-list-section {
    background: linear-gradient(135deg, var(--bg-primary), var(--bg-secondary)) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-list-header {
    background: linear-gradient(135deg, var(--bg-secondary), var(--bg-tertiary)) !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-list-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-list::-webkit-scrollbar-track {
    background: var(--bg-tertiary) !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-list::-webkit-scrollbar-thumb {
    background: var(--color-accent) !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-item {
    background: var(--bg-surface) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-item:hover {
    border-color: var(--color-accent) !important;
    background: var(--bg-hover) !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-item.selected {
    border: 2px solid var(--color-accent) !important;
    background: rgba(96, 165, 250, 0.15) !important;
    box-shadow: none !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-item.playing {
    border-color: var(--color-success) !important;
    background: var(--color-success-bg) !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-item::before {
    color: var(--text-primary) !important;
    text-shadow: none !important;
    backdrop-filter: none !important;
    background: transparent !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-item.playing::after {
    background: var(--color-success) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-item .category-badge {
    background: var(--color-accent) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-item .live-badge {
    background: var(--color-error) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-item .match-time-theater {
    background: var(--bg-tertiary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-item .match-time-theater.starting-soon {
    background: var(--color-warning) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .theater-mode .match-list-section .empty-state-content {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .theater-mode .match-list-section .empty-state-content i {
    color: var(--color-accent) !important;
}

[data-theme="dark"] .theater-mode .match-list-section .empty-state-content h3 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode .match-list-section .empty-state-content p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .theater-mode .match-list-section .empty-state-content .empty-state-subtitle {
    color: var(--text-tertiary) !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-list-close-btn {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .theater-mode .match-list-section .match-list-close-btn:hover {
    background: var(--bg-hover) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .notification {
    background: linear-gradient(135deg, var(--bg-secondary), var(--bg-tertiary)) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .notification-success {
    border-left-color: var(--color-success) !important;
    background: linear-gradient(135deg, var(--bg-secondary), var(--color-success-bg)) !important;
}

[data-theme="dark"] .notification-info {
    border-left-color: var(--color-info) !important;
    background: linear-gradient(135deg, var(--bg-secondary), var(--color-info-bg)) !important;
}

[data-theme="dark"] .notification-error {
    border-left-color: var(--color-error) !important;
    background: linear-gradient(135deg, var(--bg-secondary), var(--color-error-bg)) !important;
}

[data-theme="dark"] .notification.success {
    background: var(--color-success) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .notification.error {
    background: var(--color-error) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .notification.info {
    background: var(--color-info) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .drag-helper-theater {
    background: var(--color-accent) !important;
    color: #ffffff !important;
    border: 1px solid var(--border-primary) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
}

[data-theme="dark"] .player-slot.drop-target {
    border-color: var(--color-accent) !important;
    background: rgba(96, 165, 250, 0.1) !important;
    box-shadow: 0 0 15px rgba(96, 165, 250, 0.3) !important;
}

[data-theme="dark"] .player-slot.has-stream.drop-target {
    border-color: var(--color-warning) !important;
    background: rgba(251, 191, 36, 0.1) !important;
    box-shadow: 0 0 15px rgba(251, 191, 36, 0.3) !important;
}

[data-theme="dark"] .theater-mode .player-slot.drop-target {
    border-color: var(--color-accent) !important;
    background: rgba(96, 165, 250, 0.1) !important;
    box-shadow: 0 0 15px rgba(96, 165, 250, 0.3) !important;
}

[data-theme="dark"] .theater-mode .player-slot.has-stream.drop-target {
    border-color: var(--color-warning) !important;
    background: rgba(251, 191, 36, 0.1) !important;
    box-shadow: 0 0 15px rgba(251, 191, 36, 0.3) !important;
}

[data-theme="dark"] .player-slot.dragging {
    border-color: var(--color-accent) !important;
    background: rgba(96, 165, 250, 0.2) !important;
    box-shadow: 0 0 20px rgba(96, 165, 250, 0.5) !important;
}

[data-theme="dark"] .player-slot.resizing {
    border-color: var(--color-accent) !important;
    background: rgba(96, 165, 250, 0.1) !important;
    box-shadow: 0 0 15px rgba(96, 165, 250, 0.4) !important;
}

[data-theme="dark"] .stream-alt-item.no-alternatives {
    color: var(--text-secondary) !important;
    font-style: italic !important;
    text-align: center !important;
    padding: 12px !important;
}

/* Auth Pages Dark Mode Support */
[data-theme="dark"] .auth-page {
    background: var(--bg-primary) !important;
}

[data-theme="dark"] .auth-background {
    background: linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%) !important;
}

[data-theme="dark"] .auth-card {
    background: rgba(30, 41, 59, 0.95) !important;
    color: var(--text-primary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .auth-header h1 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .auth-header p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .form-group label {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .input-wrapper input {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .input-wrapper input:focus {
    border-color: var(--color-accent) !important;
    background: var(--bg-surface) !important;
}

[data-theme="dark"] .input-wrapper input::placeholder {
    color: var(--text-tertiary) !important;
}

[data-theme="dark"] .auth-alert.error {
    background: var(--color-error-bg) !important;
    border-color: var(--color-error) !important;
    color: var(--color-error) !important;
}

[data-theme="dark"] .auth-alert.success {
    background: var(--color-success-bg) !important;
    border-color: var(--color-success) !important;
    color: var(--color-success) !important;
}

[data-theme="dark"] .auth-alert.info {
    background: var(--color-info-bg) !important;
    border-color: var(--color-info) !important;
    color: var(--color-info) !important;
}

[data-theme="dark"] .auth-btn.primary {
    background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark)) !important;
    color: #ffffff !important;
}

[data-theme="dark"] .auth-btn.primary:hover {
    box-shadow: 0 12px 24px rgba(96, 165, 250, 0.3) !important;
}

[data-theme="dark"] .auth-footer {
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .auth-footer p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .auth-footer a {
    color: var(--color-accent) !important;
}

[data-theme="dark"] .auth-footer a:hover {
    color: var(--color-accent-light) !important;
}

[data-theme="dark"] .verification-icon {
    background: linear-gradient(135deg, var(--color-accent), var(--color-accent-dark)) !important;
}

[data-theme="dark"] .email-notice {
    background: var(--color-info-bg) !important;
    border-color: var(--color-info) !important;
    color: var(--color-info) !important;
}

[data-theme="dark"] .verification-input {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .verification-input:focus {
    border-color: var(--color-accent) !important;
    background: var(--bg-surface) !important;
}

[data-theme="dark"] .password-toggle {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .password-toggle:hover {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .input-wrapper i.password-toggle {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .input-wrapper i.password-toggle:hover {
    color: var(--color-accent) !important;
}

/* Login Page Specific Elements */
[data-theme="dark"] .checkbox-wrapper {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .checkbox-wrapper input + .checkmark {
    background: var(--bg-tertiary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .checkbox-wrapper input:checked + .checkmark {
    background: var(--color-accent) !important;
    border-color: var(--color-accent) !important;
}

[data-theme="dark"] .checkbox-wrapper input:checked + .checkmark::after {
    color: #ffffff !important;
}

[data-theme="dark"] .forgot-link {
    color: var(--color-accent) !important;
}

[data-theme="dark"] .forgot-link:hover {
    color: var(--color-accent-light) !important;
}

[data-theme="dark"] .form-options {
    color: var(--text-secondary) !important;
}

/* Input Icons Dark Mode Fix */
[data-theme="dark"] .input-wrapper i.fa-envelope {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .input-wrapper i.fa-lock {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .input-wrapper i.fa-user {
    color: var(--text-secondary) !important;
}

/* Email Notice Icon Fix */
[data-theme="dark"] .email-notice i {
    color: var(--color-info) !important;
}

[data-theme="dark"] .verification-icon i {
    color: #ffffff !important;
}


@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
    }
}

[data-theme="dark"] .uefa-card {
    background: var(--bg-elevated) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .uefa-card:hover {
    background: var(--bg-hover) !important;
}

[data-theme="dark"] .uefa-name {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .uefa-time {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .uefa-day {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .uefa-hour {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .uefa-vline {
    background: var(--border-primary) !important;
}

[data-theme="dark"] .uefa-star {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .uefa-star i {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .uefa-star.active {
    color: #fbbf24 !important;
}

[data-theme="dark"] .uefa-star.active i {
    color: #fbbf24 !important;
}

[data-theme="dark"] .uefa-star:hover {
    color: #fbbf24 !important;
}

[data-theme="dark"] .uefa-star:hover i {
    color: #fbbf24 !important;
}

[data-theme="dark"] .uefa-crest {
    background: rgba(255, 255, 255, 0.1) !important;
}

[data-theme="dark"] .uefa-crest img {
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 50% !important;
}

[data-theme="dark"] img[src*="logo"],
[data-theme="dark"] img[src*="crest"],
[data-theme="dark"] img[src*="team"],
[data-theme="dark"] img[src*="club"] {
    background: rgba(255, 255, 255, 0.15) !important;
    border-radius: 50% !important;
}

[data-theme="dark"] .updates-empty {
    background: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .updates-empty-icon {
    background: var(--bg-tertiary) !important;
}

[data-theme="dark"] .updates-empty-icon i {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .updates-empty h3 {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .updates-empty p {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .updates-date-line {
    background: var(--border-primary) !important;
}

[data-theme="dark"] .updates-date-badge {
    background: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
    color: var(--text-primary) !important;
}

[data-theme="dark"] .updates-date-badge i {
    color: var(--color-brand) !important;
}

[data-theme="dark"] .update-item::before {
    background: var(--border-primary) !important;
}

[data-theme="dark"] .update-content {
    background: var(--bg-secondary) !important;
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .update-content:hover {
    border-color: var(--color-accent) !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3) !important;
}

[data-theme="dark"] .update-title {
    color: var(--text-primary) !important;
}

[data-theme="dark"] .update-time {
    color: var(--text-muted) !important;
}

[data-theme="dark"] .update-description {
    color: var(--text-secondary) !important;
}

[data-theme="dark"] .update-details {
    border-color: var(--border-primary) !important;
}

[data-theme="dark"] .update-details-toggle {
    color: var(--color-accent) !important;
}

[data-theme="dark"] .update-details-toggle:hover {
    color: var(--color-accent-dark) !important;
}

[data-theme="dark"] .update-details-content p {
    color: var(--text-tertiary) !important;
}

[data-theme="dark"] .update-type-feature {
    background: rgba(16, 185, 129, 0.2) !important;
    color: #10b981 !important;
}

[data-theme="dark"] .update-type-improvement {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #60a5fa !important;
}

[data-theme="dark"] .update-type-fix {
    background: rgba(245, 158, 11, 0.2) !important;
    color: #fbbf24 !important;
}

[data-theme="dark"] .update-type-security {
    background: rgba(139, 92, 246, 0.2) !important;
    color: #a78bfa !important;
}

[data-theme="dark"] .update-type-info {
    background: rgba(107, 114, 128, 0.2) !important;
    color: #9ca3af !important;
}