/* Theme support */
:root {
    /* Page backgrounds */
    --bg-page: #ffffff;
    --bg-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --bg-container: rgba(255, 255, 255, 0.95);
    
    /* Component backgrounds */
    --bg-sidebar: #f8f9fa;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --bg-dropdown: #ffffff;
    --bg-modal: #ffffff;
    --bg-tooltip: #1f2937;
    
    /* Text colors */
    --text-primary: #1a202c;
    --text-secondary: #4a5568;
    --text-tertiary: #718096;
    --text-muted: #a0aec0;
    --text-white: #ffffff;
    --text-inverse: #ffffff;
    
    /* Border colors */
    --border-color: #e2e8f0;
    --border-focus: #667eea;
    --border-error: #ef4444;
    --border-success: #10b981;
    
    /* Button colors */
    --btn-primary-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --btn-primary-hover: linear-gradient(135deg, #5a67d8 0%, #6b46c1 100%);
    --btn-secondary-bg: #6b7280;
    --btn-secondary-hover: #4b5563;
    --btn-success-bg: #10b981;
    --btn-success-hover: #059669;
    --btn-danger-bg: #ef4444;
    --btn-danger-hover: #dc2626;
    --btn-warning-bg: #f59e0b;
    --btn-warning-hover: #d97706;
    
    /* Interactive states */
    --hover-bg: rgba(0, 0, 0, 0.05);
    --hover-border: #cbd5e0;
    --active-bg: rgba(0, 0, 0, 0.1);
    --focus-ring: rgba(102, 126, 234, 0.1);
    
    /* Status colors */
    --success-color: #10b981;
    --error-color: #ef4444;
    --warning-color: #f59e0b;
    --info-color: #3b82f6;
    
    /* Shadows */
    --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
    
    /* Gradients */
    --primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --success-gradient: linear-gradient(135deg, #10b981 0%, #059669 100%);
    --danger-gradient: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    
    /* Scrollbar colors */
    --scrollbar-track: rgba(0, 0, 0, 0.05);
    --scrollbar-thumb: linear-gradient(180deg, #667eea 0%, #764ba2 100%);
    --scrollbar-thumb-hover: linear-gradient(180deg, #5a67d8 0%, #6b46c1 100%);
}

/* Theme support */
body {
    background: var(--bg-gradient);
    color: var(--text-primary);
}

body .container {
    background: var(--bg-container);
    color: var(--text-primary);
}

body .input-section {
    background: var(--bg-card);
}

body .stat-card,
body .race-history,
body #history-table {
    background: var(--bg-card);
    color: var(--text-primary);
}

body th,
body #history-table th {
    background: var(--bg-sidebar);
    color: var(--text-primary);
}

body td,
body #history-table td {
    background: var(--bg-card);
    color: var(--text-primary);
    border-color: var(--border-color);
}

body #history-heading {
    color: var(--text-primary);
}

/* Theme support */
body .stepper-display {
    background: var(--bg-input);
    color: var(--text-primary);
    border-color: var(--border-color);
}

body .stepper-btn {
    background: var(--btn-primary-bg);
    color: var(--text-white);
}

body .stepper-btn:hover {
    background: var(--btn-primary-hover);
}

body .input-field input[type="number"] {
    background: var(--bg-input);
    color: var(--text-primary);
    border-color: var(--border-color);
}

body .input-field input[type="number"]:focus {
    background: var(--bg-input);
    border-color: var(--border-focus);
}

/* Theme support */
body .heat-percentage {
    color: var(--text-secondary);
}

body .achievement-number {
    color: var(--text-secondary);
}

/* Theme support */
body .achievement-bar {
    border-color: var(--border-color);
}

body .position-heat-bar {
    border-color: var(--border-color);
}

/* Theme support */
body .achievement-bar.achievement-expanded {
    background: rgba(102, 126, 234, 0.1);
    border-color: rgba(102, 126, 234, 0.3);
}

body .expanded-achievement-item {
    background: var(--bg-card);
    border-color: var(--border-color);
}

body .expanded-achievement-item.active-streak-glow {
    border-color: rgba(16, 185, 129, 0.4);
    box-shadow: 0 0 10px rgba(16, 185, 129, 0.15);
}

body .expanded-achievement-bar .achievement-number {
    color: var(--text-primary);
}

body .expanded-achievement-bar .achievement-name {
    color: var(--text-primary);
}

body .achievement-close-icon {
    background: var(--hover-bg);
    color: var(--text-secondary);
}

body .achievement-close-icon:hover {
    background: rgba(239, 68, 68, 0.1);
    color: var(--error-color);
}

body .expanded-achievement-details {
    color: var(--text-primary);
    background: var(--hover-bg);
    border-left-color: rgba(102, 126, 234, 0.3);
}

/* Theme support */
body .achievement-bar.active-streak::before {
    background: var(--success-color);
}

body .achievement-bar.has-data::before {
    background: var(--text-tertiary);
}

@keyframes activePulseLight {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.4);
    }
    50% {
        box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.15);
    }
}

body .achievement-bar.active-streak {
    animation: activePulseLight 2s ease-in-out infinite;
}

/* Theme support */
body .achievement-toggle-active-btn {
    background: rgba(16, 185, 129, 0.1);
    border-color: rgba(16, 185, 129, 0.2);
    color: var(--success-color);
}

body .achievement-toggle-active-btn:hover {
    background: rgba(16, 185, 129, 0.15);
    border-color: rgba(16, 185, 129, 0.3);
}

/* Theme support */
body .position-heat-bar.position-heat-expanded {
    background: rgba(102, 126, 234, 0.1);
    border-color: rgba(102, 126, 234, 0.3);
}

body .expanded-position-heat-title {
    color: var(--text-primary);
}

body .expanded-position-heat-item {
    background: var(--bg-card);
    border-color: var(--border-color);
}

body .expanded-position-heat-bar .position-heat-count {
    color: var(--text-primary);
}

body .expanded-position-heat-bar .position-heat-avg {
    color: var(--text-primary);
}

body .position-heat-close-icon {
    background: var(--hover-bg);
    color: var(--text-secondary);
}

body .position-heat-close-icon:hover {
    background: rgba(239, 68, 68, 0.1);
    color: var(--error-color);
}

body .expanded-position-heat-details {
    color: var(--text-primary);
    background: var(--hover-bg);
    border-left-color: rgba(102, 126, 234, 0.3);
}

body .spot-number {
    color: var(--text-secondary);
}

body tr:hover {
    background: var(--hover-bg);
}

body input[type="number"],
body input[type="date"] {
    background: var(--bg-input);
    color: var(--text-primary);
    border-color: var(--border-color);
}

body input[type="number"]::placeholder,
body input[type="date"]::placeholder {
    color: var(--text-muted);
}

body .names-dropdown,
body .fixed-names-dropdown {
    background: var(--bg-dropdown);
    border-color: var(--border-color);
    color: var(--text-primary);
}

body .names-compact-grid input {
    background: var(--bg-input);
    color: var(--text-primary);
    border-color: var(--border-color);
}

/* Theme support */
body .filter-btn {
    background: var(--bg-card);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

body .filter-btn:hover {
    background: var(--btn-primary-bg);
    color: var(--text-white);
}

body .filter-btn.active {
    background: var(--btn-primary-bg);
    color: var(--text-white);
}

body .toggle-btn {
    background: var(--bg-card);
    color: var(--text-primary);
    border: 1px solid var(--border-color);
}

body .toggle-btn:hover {
    background: var(--btn-primary-bg);
    color: var(--text-white);
}

body .toggle-btn.active {
    background: var(--btn-primary-bg);
    color: var(--text-white);
}

/* Theme support */
body .bars-legend {
    background: var(--bg-card);
    color: var(--text-primary);
}

body .bars-legend h3 {
    color: var(--text-primary);
}

body .legend-item {
    background: var(--bg-sidebar);
    color: var(--text-primary);
}

body .legend-text {
    color: var(--text-primary);
}

body .legend-text strong {
    color: var(--text-primary);
}

body .legend-text small {
    color: var(--text-muted);
}

body .achievement-details h4 {
    color: var(--text-primary);
}

body .achievement-info strong {
    color: var(--text-primary);
}

body .achievement-info small {
    color: var(--text-muted);
}

body .achievement-expanded-item {
    background: var(--bg-sidebar);
    color: var(--text-primary);
}

/* Theme support */
body .heat-label {
    color: var(--text-primary);
}

body .spot-number {
    color: var(--text-primary);
}

/* Theme support */
body h1 {
    color: var(--text-primary);
}

body h2 {
    color: var(--text-primary);
}

body h3 {
    color: var(--text-primary);
}

body h4 {
    color: var(--text-primary);
}

body label {
    color: var(--text-primary);
}

/* Theme Styles */
body.theme {
    background: linear-gradient(135deg, #1a202c 0%, #2d3748 100%);
    color: #e2e8f0;
}

body.theme .container {
    background: rgba(45, 55, 72, 0.95);
    color: #e2e8f0;
}

body.theme .input-section {
    background: #2d3748;
}

body.theme .stat-card,
body.theme .race-history,
body.theme #history-table {
    background: #2d3748;
    color: #e2e8f0;
}

body.theme th,
body.theme #history-table th {
    background: #1a202c;
    color: #e2e8f0;
}

body.theme td,
body.theme #history-table td {
    background: #2d3748;
    color: #e2e8f0;
    border-color: #4a5568;
}

body.theme #history-heading {
    color: #e2e8f0;
}

/* Theme support */
body.theme .stepper-display {
    background: #4a5568;
    color: #e2e8f0;
    border-color: #2d3748;
}

body.theme .stepper-btn {
    background: #667eea;
    color: white;
}

body.theme .stepper-btn:hover {
    background: #5a67d8;
}

body.theme .input-field input[type="number"] {
    background: #4a5568;
    color: #e2e8f0;
    border-color: #2d3748;
}

body.theme .input-field input[type="number"]:focus {
    background: #2d3748;
    border-color: #667eea;
}

/* Theme support */
body.theme .heat-percentage {
    color: #4a5568;
}

body.theme .heat-percentage.no-data {
    color: #e2e8f0 !important;
}

body.theme .achievement-number {
    color: #4a5568;
}

body.theme .achievement-number.no-data {
    color: #e2e8f0 !important;
}

/* Theme support */
body.theme .achievement-bar {
    border-color: rgba(255, 255, 255, 0.1);
}

body.theme .position-heat-bar {
    border-color: rgba(255, 255, 255, 0.1);
}

/* Theme support */
body.theme .achievement-bar.achievement-expanded {
    background: rgba(102, 126, 234, 0.3);
    border-color: rgba(102, 126, 234, 0.5);
}

body.theme .expanded-achievement-item {
    background: rgba(45, 55, 72, 0.8);
    border-color: rgba(74, 85, 104, 0.5);
}

body.theme .expanded-achievement-item.active-streak-glow {
    border-color: rgba(52, 211, 153, 0.4);
    box-shadow: 0 0 10px rgba(52, 211, 153, 0.25);
}

body.theme .expanded-achievement-bar .achievement-number {
    color: #e2e8f0;
}

body.theme .expanded-achievement-bar .achievement-name {
    color: #f7fafc;
}

body.theme .achievement-close-icon {
    background: rgba(255, 255, 255, 0.1);
    color: #e2e8f0;
}

body.theme .achievement-close-icon:hover {
    background: rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}

body.theme .expanded-achievement-details {
    color: #e2e8f0;
    background: rgba(45, 55, 72, 0.6);
    border-left-color: rgba(102, 126, 234, 0.6);
}

/* Theme support */
body.theme .achievement-bar.active-streak::before {
    background: #34d399;
}

body.theme .achievement-bar.has-data::before {
    background: rgba(226, 232, 240, 0.7);
}

@keyframes activePulseDark {
    0%, 100% {
        box-shadow: 0 0 0 0 rgba(52, 211, 153, 0.4);
    }
    50% {
        box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.15);
    }
}

body.theme .achievement-bar.active-streak {
    animation: activePulseDark 2s ease-in-out infinite;
}


/* Theme support */
body.theme .achievement-toggle-active-btn {
    background: rgba(52, 211, 153, 0.15);
    border-color: rgba(52, 211, 153, 0.25);
    color: #34d399;
}

body.theme .achievement-toggle-active-btn:hover {
    background: rgba(52, 211, 153, 0.2);
    border-color: rgba(52, 211, 153, 0.35);
}

/* Theme support */
body.theme .position-heat-bar.position-heat-expanded {
    background: rgba(102, 126, 234, 0.3);
    border-color: rgba(102, 126, 234, 0.5);
}


body.theme .expanded-position-heat-title {
    color: #e2e8f0;
}

body.theme .expanded-position-heat-item {
    background: rgba(45, 55, 72, 0.8);
    border-color: rgba(74, 85, 104, 0.5);
}

body.theme .expanded-position-heat-bar .position-heat-count {
    color: #e2e8f0;
}

body.theme .expanded-position-heat-bar .position-heat-avg {
    color: #f7fafc;
}

body.theme .position-heat-close-icon {
    background: rgba(255, 255, 255, 0.1);
    color: #e2e8f0;
}

body.theme .position-heat-close-icon:hover {
    background: rgba(239, 68, 68, 0.3);
    color: #fca5a5;
}

body.theme .expanded-position-heat-details {
    color: #e2e8f0;
    background: rgba(45, 55, 72, 0.6);
    border-left-color: rgba(102, 126, 234, 0.6);
}


body.theme .spot-number {
    color: #4a5568;
}

body.theme tr:hover {
    background: #4a5568;
}

body.theme input[type="number"],
body.theme input[type="date"] {
    background: #4a5568;
    color: #e2e8f0;
    border-color: #6b7280;
}

body.theme input[type="number"]::placeholder,
body.theme input[type="date"]::placeholder {
    color: #cbd5e0 !important;
}

body.theme .names-dropdown,
body.theme .fixed-names-dropdown {
    background: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
}

body.theme .names-compact-grid input {
    background: #4a5568;
    color: #e2e8f0;
    border-color: #6b7280;
}

/* Theme support */
body.theme .filter-btn {
    background: #4a5568;
    color: #e2e8f0;
    border: 1px solid #6b7280;
}

body.theme .filter-btn:hover {
    background: #667eea;
    color: white;
}

body.theme .filter-btn.active {
    background: #667eea;
    color: white;
}

body.theme .toggle-btn {
    background: #4a5568;
    color: white;
    border: 1px solid #6b7280;
}

body.theme .toggle-btn:hover {
    background: #667eea;
    color: white;
}

body.theme .toggle-btn.active {
    background: #667eea;
    color: white;
}

/* Theme support */
body.theme .bars-legend {
    background: #2d3748;
    color: #e2e8f0;
}

body.theme .bars-legend h3 {
    color: #e2e8f0;
}

body.theme .legend-item {
    background: #4a5568;
    color: #e2e8f0;
}

body.theme .legend-text {
    color: #e2e8f0;
}

body.theme .legend-text strong {
    color: #f7fafc;
}

body.theme .legend-text small {
    color: #a0aec0 !important;
}

body.theme .achievement-details h4 {
    color: #e2e8f0;
}

body.theme .achievement-info strong {
    color: #f7fafc;
}

body.theme .achievement-info small {
    color: #a0aec0;
}

body.theme .achievement-expanded-item {
    background: #4a5568;
    color: #e2e8f0;
}

/* Theme support */
body.theme .heat-label {
    color: #e2e8f0;
}

body.theme .spot-number {
    color: #ffffff !important;
}

/* Theme support */
body.theme h1 {
    color: #e2e8f0 !important;
}

body.theme h2 {
    color: #e2e8f0 !important;
}

body.theme h3 {
    color: #e2e8f0 !important;
}

body.theme h4 {
    color: #e2e8f0 !important;
}

body.theme label {
    color: #e2e8f0 !important;
}

/* General theme text color */
body.theme {
    color: #e2e8f0 !important;
}

/* Theme support */
body.theme .theme-toggle.fixed-toggle {
    background: rgba(79, 70, 229, 0.9);
    color: white;
    border: 1px solid rgba(99, 102, 241, 0.5);
}

body.theme .theme-toggle.fixed-toggle:hover {
    background: rgba(99, 102, 241, 0.95);
    border-color: rgba(129, 140, 248, 0.7);
}

/* Theme support */
body.theme .fixed-names-toggle {
    background: rgba(79, 70, 229, 0.9);
    color: white;
    border: 1px solid rgba(99, 102, 241, 0.5);
}

body.theme .fixed-names-toggle:hover {
    background: rgba(99, 102, 241, 0.95);
    border-color: rgba(129, 140, 248, 0.7);
}

/* Theme support */
body.theme .date-filter-section {
    background: #2d3748;
    color: #e2e8f0;
}

body.theme .date-filter-section h3 {
    color: #e2e8f0;
}

body.theme .chart-container {
    background: #2d3748;
}


body.theme .heatmap-container {
    background: #2d3748;
}

body.theme .analysis-card {
    background: #2d3748;
    color: #e2e8f0;
}

body.theme .analysis-title {
    color: #e2e8f0;
}

body.theme .comeback-item,
body.theme .best-day-item {
    background: #4a5568;
}

body.theme .worst-day-item {
    background: rgba(239, 68, 68, 0.1);
    border-left-color: #ef4444;
}

body.theme .worst-day-score {
    color: #fca5a5;
}

/* Theme support */
body.theme .player-name {
    color: #ffffff !important;
}

body.theme .stat-count {
    color: #000000 !important;
}

body.theme .stat-title {
    color: white !important;
}

/* Theme support */
body.theme .h2h-table-container {
    background: #2d3748;
    border-color: rgba(255, 255, 255, 0.1);
}

body.theme .h2h-table,
body.theme .h2h-daily-table {
    background: #2d3748;
}

body.theme .h2h-header-cell {
    background: #2d3748 !important;
    color: white !important;
}

body.theme .h2h-header-cell.h2h-corner {
    background: #2d3748 !important;
}

body.theme .h2h-player-name {
    background: linear-gradient(135deg, #374151 0%, #1f2937 100%) !important;
    color: #d1d5db !important;
}

body.theme .h2h-self {
    background: linear-gradient(135deg, #4b5563 0%, #374151 100%) !important;
}

body.theme .h2h-self-text {
    color: rgba(255, 255, 255, 0.9) !important;
}

body.theme .h2h-streak {
    background: rgba(0, 0, 0, 0.3);
}

body.theme .h2h-daily-label {
    background: rgba(0, 0, 0, 0.3);
}


body.theme .h2h-daily-table .h2h-cell {
    color: #1f2937 !important;
}


body.theme .h2h-daily-table .h2h-winner-text {
    background: #34d399 !important;
    color: #1f2937 !important;
}

body.theme .h2h-daily-table .h2h-loser-text {
    background: #ef4444 !important;
    color: #1f2937 !important;
}

body.theme .h2h-daily-table .h2h-tie {
    background: #fbbf24 !important;
    color: #1f2937 !important;
}

body.theme .h2h-daily-item {
    border-bottom-color: #4b5563 !important;
}

body.theme .h2h-date {
    color: #d1d5db !important;
}

body.theme .h2h-daily-results {
    color: #9ca3af !important;
}

body.theme .h2h-cell.h2h-winner-text {
    background: #34d399 !important;
    color: #1f2937 !important;
}

body.theme .h2h-cell.h2h-loser-text {
    background: #ef4444 !important;
    color: #1f2937 !important;
}

body.theme .h2h-cell.h2h-tie {
    background: #fbbf24 !important;
    color: #1f2937 !important;
}

body.theme .h2h-cell.h2h-no-data {
    background: #4b5563 !important;
    color: #d1d5db !important;
}

body.theme .h2h-matchup.win {
    color: #10b981 !important;
}

body.theme .h2h-matchup.loss {
    color: #ef4444 !important;
}

/* Theme support */
body.theme input[type="date"]::-webkit-datetime-edit {
    background: #4a5568 !important;
    color: #e2e8f0 !important;
}

body.theme input[type="date"]::-webkit-datetime-edit-fields-wrapper {
    background: #4a5568 !important;
}

body.theme input[type="date"]::-webkit-datetime-edit-text {
    color: #e2e8f0 !important;
}

body.theme input[type="date"]::-webkit-datetime-edit-year-field {
    background: #4a5568 !important;
    color: #e2e8f0 !important;
}

body.theme input[type="date"]::-webkit-datetime-edit-month-field {
    background: #4a5568 !important;
    color: #e2e8f0 !important;
}

body.theme input[type="date"]::-webkit-datetime-edit-day-field {
    background: #4a5568 !important;
    color: #e2e8f0 !important;
}

/* Force dark styling on the calendar picker */
body.theme .race-date-input {
    color-scheme: dark !important;
}

/* Theme support */
body.theme #filter-start-date,
body.theme #filter-end-date {
    color-scheme: dark !important;
    background: #4a5568 !important;
    color: #e2e8f0 !important;
    border-color: #6b7280 !important;
}

body.theme #filter-start-date::-webkit-calendar-picker-indicator,
body.theme #filter-end-date::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

/* Theme support */
body.theme .player-count-selector {
    border-bottom-color: #4b5563;
}

body.theme .player-count-selector label {
    color: #ffffff !important;
    font-weight: 700;
}

body.theme .player-count-selector select {
    background: #374151;
    color: white;
    border-color: #4b5563;
}

/* Theme support */
body.theme .race-date-section label {
    color: #e2e8f0 !important;
}

body.theme .race-date-input {
    background: #4a5568;
    color: #e2e8f0;
    border-color: #6b7280;
}

body.theme .race-date-input:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

body.theme .race-date-input::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

/* Theme support */
body.theme .fixed-undo-redo {
    background: rgba(79, 70, 229, 0.9);
    color: white;
    border: 1px solid rgba(99, 102, 241, 0.5);
}

body.theme .fixed-undo-redo:hover:not(:disabled) {
    background: rgba(99, 102, 241, 0.95);
    border-color: rgba(129, 140, 248, 0.7);
}

body.theme .fixed-undo-redo:disabled {
    background: rgba(75, 85, 99, 0.6);
    color: rgba(226, 232, 240, 0.4);
    border-color: rgba(75, 85, 99, 0.3);
}

/* Theme support */
body.theme .frequency-gradient.alternate-theme {
    display: none !important;
}

body.theme .frequency-gradient.theme-variant {
    display: inline !important;
}

/* Theme support */
body.theme .fixed-date-btn {
    background: rgba(79, 70, 229, 0.9);
    color: white;
    border: 1px solid rgba(99, 102, 241, 0.5);
}

body.theme .fixed-date-btn:hover {
    background: rgba(99, 102, 241, 0.95);
    border-color: rgba(129, 140, 248, 0.7);
}

/* Theme support */
body.theme .sidebar {
    background: #1a202c;
}

body.theme .sidebar-header {
    /* No background needed - inherit from parent sidebar */
}

body.theme .sidebar-section {
    /* No background needed - inherit from parent sidebar */
}

body.theme .sidebar-content {
    /* No background - inherit from parent sidebar */
}

body.theme #sidebar-player-settings .sidebar-players-form,
body.theme .position-picker {
    background: #1a202c;
}

/* Theme support */
body.theme .fixed-date-dropdown {
    background: #2d3748;
    border-color: #4a5568;
    color: #e2e8f0;
}

body.theme .race-date-input {
    background: #4a5568;
    color: #e2e8f0;
    border-color: #6b7280;
}

body.theme .race-date-input:focus {
    border-color: #667eea;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

body.theme .race-date-input::-webkit-calendar-picker-indicator {
    filter: invert(1);
}

/* Theme support */
body.theme .h2h-streak-main {
    color: #000000 !important;
}

body.theme .h2h-streak-details {
    color: #000000 !important;
}

body.theme .h2h-biggest-win {
    color: #000000 !important;
}

/* Also override any other H2H text colors that might be light */
body.theme .h2h-score {
    color: #000000 !important;
}

body.theme .h2h-streak-number {
    color: #000000 !important;
}

body.theme .h2h-streak-label {
    color: #000000 !important;
}

body.theme .h2h-streak-date {
    color: #000000 !important;
}

body.theme .h2h-daily-label {
    color: #000000 !important;
}