:root {
    --maxreptracker-dark-bg: #1b1a1f;
    --maxreptracker-dark-text: #f3f1ec;
    --maxreptracker-dark-border: #333333;
}

html.maxreptracker-dark-mode-enabled *:not(textarea):not(select):not(a):not(a *):not(strong):not(strong *):not(small):not(small *):not(p):not(p *):not(span):not(span *):not(input):not(input *):not(.button):not(.button *):not(.swipe-handle):not(.swipe-handle *):not(.swipe-track):not(.swipe-track *):not(.form-group):not(.form-group *):not(.mrt-existing-category-btn):not(.mrt-existing-category-btn *):not(#weighted-add-new-btn):not(#weighted-add-new-btn *):not(#weighted-refresh-btn):not(#weighted-refresh-btn *):not(.mrt-weighted-category-btn):not(.mrt-weighted-category-btn *):not(.mrt-orm-show-more-btn):not(.mrt-orm-show-more-btn *):not(.mrt-orm-show-less-btn):not(.mrt-orm-show-less-btn *):not(.mrt-show-more-btn):not(.mrt-show-more-btn *):not(.mrt-show-less-btn):not(.mrt-show-less-btn *):not(.active):not(.active *):not(.mrt-button):not(.mrt-button *):not(#submit-bug-report):not(#submit-bug-report *):not(#typing-text-element):not(#typing-text-element *):not(#mrt-popup-close):not(#mrt-popup-close *):not(#mrt-result-popup-overlay):not(#mrt-result-popup-overlay *):not(#calisthenics-add-new-btn):not(#calisthenics-add-new-btn *):not(#calisthenics-refresh-btn):not(#calisthenics-refresh-btn *):not(.mrt-category-btn):not(.mrt-category-btn *):not(.mrt-create-timeline-btn):not(.mrt-create-timeline-btn *):not(.mrt-upload-btn):not(.mrt-upload-btn *):not(.mrt-select-file):not(.mrt-select-file *):not(.mrt-edit-title-btn):not(.mrt-edit-title-btn *):not(.mrt-delete-timeline-btn):not(.mrt-delete-timeline-btn *):not(.mrt-action-btn):not(.mrt-action-btn *):not(.mrt-delete-account-btn):not(.mrt-delete-account-btn *):not(.button):not(.button *):not(.mrt-delete-modal-icon):not(.mrt-delete-modal-icon *):not(.mrt-delete-modal-title):not(.mrt-delete-modal-title *):not(.mrt-delete-modal-btn-cancel):not(.mrt-delete-modal-btn-cancel *):not(.mrt-delete-modal-body):not(.mrt-delete-modal-body *):not(.mrt-delete-account-modal-icon):not(.mrt-delete-account-modal-icon *):not(.mrt-delete-account-modal-title):not(.mrt-delete-account-modal-title *):not(.mrt-delete-account-modal-body):not(.mrt-delete-account-modal-body *):not(.mrt-delete-account-modal-btn-cancel):not(.mrt-delete-account-modal-btn-cancel *):not(.mrt-secondary-btn):not(.mrt-secondary-btn *):not(.mrt-mini-chart-container):not(.mrt-mini-chart-container *):not(.mrt-mini-chart):not(.mrt-mini-chart *):not(.mrt-zone-save-btn):not(.mrt-zone-save-btn *):not(.mrt-mode-card):not(.mrt-mode-card *):not(.mrt-weight-tracker-item):not(.mrt-weight-tracker-item *):not(.mrt-weight-tracker-label):not(.mrt-weight-tracker-label *):not(.mrt-weight-tracker-value):not(.mrt-weight-tracker-value *):not(.mrt-weight-tracker-change):not(.mrt-weight-tracker-change *):not(.mrt-weight-tracker-percentage):not(.mrt-weight-tracker-percentage *):not(.mrt-floating-label):not(.mrt-floating-label *):not(.mrt-unit-label):not(.mrt-unit-label *):not(#mrt-intensity-explanation):not(#mrt-intensity-explanation *):not(.mrt-ai-debug-header):not(.mrt-ai-debug-header *):not(.mrt-exercise-name-display):not(.mrt-exercise-name-display *):not(.mrt-ai-loading-status):not(.mrt-ai-loading-status *):not(.mrt-sheet-stat-wide):not(.mrt-sheet-stat-wide *):not(.mrt-visitor-voice-action):not(.mrt-visitor-voice-action *):not(.mrt-element-label):not(.mrt-element-label *):not(#mrt-history-search):not(#mrt-history-search *):not(.mrt-existing-exercise-btn):not(.mrt-existing-exercise-btn *):not(.mrt-musclegroup-btn):not(.mrt-musclegroup-btn *):not(.mrt-exercise-selection-btn):not(.mrt-exercise-selection-btn *):not(.mrt-search-icon):not(.mrt-search-icon *):not(.mrt-weight-header-display):not(.mrt-weight-header-display *):not(.mrt-spectrum-marker):not(.mrt-spectrum-marker *):not(.mrt-card-header):not(.mrt-card-header *):not(#exerciseChart):not(#exerciseChart *):not(.mrt-save-title-btn):not(.mrt-save-title-btn *):not(.mrt-timeline-date):not(.mrt-timeline-date *):not(#mrt-search-clear-btn):not(#mrt-search-clear-btn *):not(.mrt-ul-storage-bar):not(.mrt-ul-storage-bar *):not(.mrt-ul-delete):not(.mrt-ul-delete *):not(.mrt-mini-progress-bar):not(.mrt-mini-progress-bar *):not(.mrt-mp-btn):not(.mrt-mp-btn *):not(.mrt-mp-track-row):not(.mrt-mp-track-row *):not(.mrt-ul-tab):not(.mrt-ul-tab *):not(.mrt-ul-edit-actions):not(.mrt-ul-edit-actions *):not(#mrt-ul-create-playlist-btn):not(#mrt-ul-create-playlist-btn *):not(.mrt-mini-player):not(.mrt-mini-player *):not(.mrt-benchmark-search-icon):not(.mrt-benchmark-search-icon *):not(.mrt-card-benchmark-inner):not(.mrt-card-benchmark-inner *):not(.mrt-ul-track-cover):not(.mrt-ul-track-cover *):not(.mrt-autoplay-prompt-inner):not(.mrt-autoplay-prompt-inner *):not(.password-toggle):not(.password-toggle *):not(.mrt-tl-camera-icon):not(.mrt-tl-camera-icon *):not(.mrt-day-reminder):not(.mrt-day-reminder *):not(.has-text-color):not(.has-text-color *):not(.has-link-color):not(.has-link-color *):not(.mrt-success-icon):not(.mrt-success-icon *):not(.mrt-success-title):not(.mrt-success-title *):not(.mrt-submit-button):not(.mrt-submit-button *):not(.mrt-google-login-container):not(.mrt-google-login-container *):not(.g_id_signin):not(.g_id_signin *):not(.mrt-stripe-sub-status):not(.mrt-stripe-sub-status *):not(.mrt-status-indicator):not(.mrt-status-indicator *):not(.mrt-calendar-btn):not(.mrt-calendar-btn *):not(.mrt-calendar-header h2):not(.mrt-calendar-header h2 *):not(.mrt-calendar-toggle-icon):not(.mrt-calendar-toggle-icon *):not(.mrt-preview-nav-arrow):not(.mrt-preview-nav-arrow *):not(.mrt-voice-fab):not(.mrt-voice-fab *):not(.mrt-voice-icon):not(.mrt-voice-icon *):not(.mrt-voice-waves):not(.mrt-voice-waves *):not(.mrt-voice-thinking-dots):not(.mrt-voice-thinking-dots *):not(.mrt-voice-speaker-bars):not(.mrt-voice-speaker-bars *):not(.mrt-ai-header):not(.mrt-ai-header *):not(.mrt-ai-title-section):not(.mrt-ai-title-section *):not(.mrt-ai-exercise):not(.mrt-ai-exercise *):not(.mrt-ai-toggle):not(.mrt-ai-toggle *):not(.mrt-ai-context-badge):not(.mrt-ai-context-badge *):not(.mrt-ai-content):not(.mrt-ai-content *):not(.mrt-ai-loading):not(.mrt-ai-loading *):not(.mrt-ai-message):not(.mrt-ai-message *):not(.mrt-ai-footer):not(.mrt-ai-footer *):not(.mrt-ai-coach-footer):not(.mrt-ai-coach-footer *):not(.mrtai-status-indicator):not(.mrtai-status-indicator *):not(.mrt-ai-coach-status-indicator):not(.mrt-ai-coach-status-indicator *):not(.mrt-progress-bar):not(.mrt-progress-bar *):not(.mrt-progress-fill):not(.mrt-progress-fill *):not(.mrt-stat-value):not(.mrt-stat-value *):not(.mrt-toggle-option):not(.mrt-toggle-option *):not(.mrt-toggle-slider):not(.mrt-toggle-slider *):not(.performance-chart-container):not(.performance-chart-container *):not(.performance-chart-wrapper):not(.performance-chart-wrapper *):not(.performance-stats):not(.performance-stats *):not(#performance-chart):not(#performance-chart *):not(.stats-grid):not(.stats-grid *):not(.stat-box):not(.stat-box *):not(.stat-value-container):not(.stat-value-container *):not(.mrt-el-load-more):not(.mrt-el-load-more *):not(.mrt-el-show-less):not(.mrt-el-show-less *):not(.mrt-el-type-toggle):not(.mrt-el-type-toggle *):not(.mrt-el-toggle-option):not(.mrt-el-toggle-option *):not(.mrt-el-toggle-slider):not(.mrt-el-toggle-slider *):not(#mrt-el-type-weighted):not(#mrt-el-type-weighted *):not(#mrt-el-type-calisthenics):not(#mrt-el-type-calisthenics *):not(#mrt-toast-container):not(#mrt-toast-container *):not(.mrt-toast):not(.mrt-toast *):not(.mrt-benchmark-card):not(.mrt-benchmark-card *):not(button):not(button *):not(.wp-block-button__link):not(.wp-block-button__link *):not(.mrt-workout-dot):not(.mrt-workout-dot *):not(.mrt-save-btn):not(.mrt-save-btn *):not(.mrt-logged-indicator):not(.mrt-logged-indicator *) {
    background-color: var(--maxreptracker-dark-bg) !important;
    color: var(--maxreptracker-dark-text) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled a:not(.wp-block-button__link) {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-success-icon,
html.maxreptracker-dark-mode-enabled .mrt-success-title {
    background-color: transparent !important;
    color: inherit !important;
    border-color: transparent !important;
}

/* ==========================================================================
   Dark Mode CSS Variables
   ========================================================================== */

/* Ensure MRT radius variables maintain correct values in dark mode */
html.maxreptracker-dark-mode-enabled {
  --mrt-radius: 18px;
  --mrt-radius-sm: 8px;
}

/* ==========================================================================
   Dark Mode Toggle Switch Component
   ========================================================================== */

/* Updated Dark Mode Toggle Styles - Matching AI Coach Design */
.maxreptracker-shortcode-toggle {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: none;
    display: inline-block;
    width: 100%;
    height: auto;
    margin: 10px 0;
    padding: 20px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    box-sizing: border-box;
    transition:
        background-color 0.3s ease,
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}

.maxreptracker-switch-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    position: relative;
}

.maxreptracker-header-left {
    flex: 1;
    min-width: 0;
}

.maxreptracker-header-left h4 {
    margin: 0 0 8px 0;
    color: #333;
    font-size: 1.2em; /* Standardized */
    font-weight: 600;
}

.maxreptracker-header-left p {
    margin: 0 !important;
    color: #666;
    font-size: 1.1em; /* Standardized */
}

.maxreptracker-header-right {
    display: flex;
    justify-content: flex-end;
    flex-shrink: 0;
}

.maxreptracker-switch-control {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 0;
}

/* Switch Styles - Matching AI Coach Design */
.maxreptracker-switch {
    position: relative;
    display: inline-block;
    width: 60px; /* Standardized */
    height: 34px; /* Standardized */
    flex-shrink: 0;
}

.maxreptracker-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.maxreptracker-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    transition: background-color 0.4s;
    border-radius: 34px; /* Standardized */
}

.maxreptracker-slider:before {
    position: absolute;
    content: "";
    height: 26px; /* Standardized */
    width: 26px; /* Standardized */
    left: 4px; /* Standardized */
    bottom: 4px; /* Standardized */
    background-color: white;
    transition:
        transform 0.4s,
        background-color 0.4s;
    border-radius: 50%;
}

.maxreptracker-switch input:checked + .maxreptracker-slider {
    background: linear-gradient(
        135deg,
        #667eea 0%,
        #764ba2 100%
    ); /* Standardized */
}

.maxreptracker-switch input:checked + .maxreptracker-slider:before {
    transform: translateX(26px); /* Standardized */
}

/* Dark mode styles for the toggle itself */
html.maxreptracker-dark-mode-enabled .maxreptracker-shortcode-toggle {
    background: rgba(26, 26, 26, 0.95) !important;
    border-color: #333 !important;
}

/* Dark mode text color overrides removed to match standard styling */

/* Tablet (481px to 768px) */
@media (max-width: 768px) and (min-width: 481px) {
    .maxreptracker-switch-header {
        gap: 5px;
    }
}

/* Mobile (360px to 480px) */
@media (max-width: 480px) {
    .maxreptracker-shortcode-toggle {
        padding: 14px;
    }

    .maxreptracker-switch-header {
        gap: 5px;
    }

    .maxreptracker-header-left h4 {
        font-size: 1em;
    }

    .maxreptracker-header-left p {
        font-size: 0.9em;
    }

    .maxreptracker-switch {
        height: 26px;
        width: 48px;
    }

    .maxreptracker-slider:before {
        height: 18px;
        width: 18px;
        left: 4px;
        bottom: 4px;
    }

    .maxreptracker-switch input:checked + .maxreptracker-slider:before {
        transform: translateX(20px);
    }
}

/* ==========================================================================
    Preserve Gutenberg Custom Text Colors in Dark Mode
    WordPress Gutenberg adds 'has-text-color' class when custom text color is set.
    The PHP wildcard excludes .has-text-color from color override.
    This ensures transparent background while keeping custom text colors.
    ========================================================================== */

html.maxreptracker-dark-mode-enabled .has-text-color {
    background-color: transparent !important;
}

/* ==========================================================================
   Base Dark Mode Styles
   Body, navigation, card corners, mobile menus
   ========================================================================== */

/* Global MRT Tap Highlight Reset for Dark Mode & Mobile Menus */
html.maxreptracker-dark-mode-enabled [class^="mrt-"],
html.maxreptracker-dark-mode-enabled [class*=" mrt-"],
html.maxreptracker-dark-mode-enabled .mobile-menu a,
html.maxreptracker-dark-mode-enabled .menu-toggle {
    -webkit-tap-highlight-color: transparent;
}

html.maxreptracker-dark-mode-enabled body {
    background-color: var(--maxreptracker-dark-bg) !important;
    color: var(--maxreptracker-dark-text) !important;
}

/* Mobile Navigation Styles - Override WordPress mobile menus */
html.maxreptracker-dark-mode-enabled :is(
    .mobile-menu, .mobile-navigation, .nav-mobile, .menu-mobile,
    .wp-mobile-menu, .responsive-menu, .sidenav, .off-canvas,
    .slideout-menu, .hamburger-menu, .mob-menu,
    #mobile-menu, #mobile-nav, #sidr, .sidr, .mm-menu, .mmenu,
    [class*="mobile-nav"], [class*="mobile-menu"],
    [id*="mobile-nav"], [id*="mobile-menu"]
) {
    background-color: var(--maxreptracker-dark-bg) !important;
    color: var(--maxreptracker-dark-text) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled :is(
    .mobile-menu, .mobile-navigation, .nav-mobile, .menu-mobile,
    .wp-mobile-menu, .responsive-menu, .sidenav, .off-canvas,
    .slideout-menu, .hamburger-menu, .mob-menu,
    #mobile-menu, #mobile-nav, #sidr, .sidr, .mm-menu, .mmenu,
    [class*="mobile-nav"], [class*="mobile-menu"],
    [id*="mobile-nav"], [id*="mobile-menu"]
) a {
    color: var(--maxreptracker-dark-text) !important;
    background-color: transparent !important;
}

html.maxreptracker-dark-mode-enabled :is(
    .mobile-menu, .mobile-navigation, .nav-mobile, .menu-mobile,
    .wp-mobile-menu, .responsive-menu, .sidenav, .off-canvas,
    .slideout-menu, .hamburger-menu, .mob-menu,
    #mobile-menu, #mobile-nav, #sidr, .sidr, .mm-menu, .mmenu,
    [class*="mobile-nav"], [class*="mobile-menu"],
    [id*="mobile-nav"], [id*="mobile-menu"]
) a:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled :is(
    .mobile-menu, .mobile-navigation, .nav-mobile, .menu-mobile,
    .wp-mobile-menu, .responsive-menu, .sidenav, .off-canvas,
    .slideout-menu, .hamburger-menu, .mob-menu,
    #mobile-menu, #mobile-nav, #sidr, .sidr, .mm-menu, .mmenu,
    [class*="mobile-nav"], [class*="mobile-menu"],
    [id*="mobile-nav"], [id*="mobile-menu"]
) ul {
    background-color: rgba(0, 0, 0, 0.2) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

/* Mobile menu buttons and toggles */
html.maxreptracker-dark-mode-enabled .menu-toggle,
html.maxreptracker-dark-mode-enabled .mobile-menu-toggle,
html.maxreptracker-dark-mode-enabled .hamburger,
html.maxreptracker-dark-mode-enabled .hamburger-inner,
html.maxreptracker-dark-mode-enabled .hamburger-box,
html.maxreptracker-dark-mode-enabled .menu-toggle-button,
html.maxreptracker-dark-mode-enabled .mobile-menu-btn {
    background-color: transparent !important;
    border-color: var(--maxreptracker-dark-border) !important;
    color: var(--maxreptracker-dark-text) !important;
}

/* ==========================================================================
   Profile Form & Info Dark Mode Styles
   ========================================================================== */

/* Specific rules for MaxRepTracker elements */
html.maxreptracker-dark-mode-enabled .mrt-exercise-name,
html.maxreptracker-dark-mode-enabled .mrt-profile-title,
html.maxreptracker-dark-mode-enabled .mrt-profile-details,
html.maxreptracker-dark-mode-enabled .mrt-profile-details li,
html.maxreptracker-dark-mode-enabled .mrt-profile-details strong,
html.maxreptracker-dark-mode-enabled .mrt-profile-container,
html.maxreptracker-dark-mode-enabled .mrt-profile-header,
html.maxreptracker-dark-mode-enabled .mrt-profile-info,
html.maxreptracker-dark-mode-enabled .mrt-profile-form,
html.maxreptracker-dark-mode-enabled .mrt-form-group,
html.maxreptracker-dark-mode-enabled .mrt-form-group label {
  color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-profile-info,
html.maxreptracker-dark-mode-enabled .mrt-profile-form {
  background-color: var(--maxreptracker-dark-bg) !important;
  border-color: var(--maxreptracker-dark-border) !important;
}

/* ==========================================================================
   AI Coach Dark Mode Styles
   Global switch, tips, breathing animations
   ========================================================================== */

/* Specific rules for AI Coach Global Switch */
/* Dark mode text color overrides removed to match standard styling */

html.maxreptracker-dark-mode-enabled .mrtai-global-switch,
html.maxreptracker-dark-mode-enabled .mrtai-switch-description {
    background-color: var(--maxreptracker-dark-bg) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

/* AI Coach Tip Dark Mode Styles */
html.maxreptracker-dark-mode-enabled .mrt-ai-tip {
    background: var(--maxreptracker-dark-bg) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

/* Dark Mode Breathing Glow Animations */
@keyframes aiBreathingDarkDefault {
    0%,
    100% {
        box-shadow:
            0 0 25px rgba(102, 126, 234, 0.35),
            0 4px 15px rgba(0, 0, 0, 0.3);
    }
    50% {
        box-shadow:
            0 0 35px rgba(102, 126, 234, 0.5),
            0 4px 15px rgba(0, 0, 0, 0.3);
    }
}

@keyframes aiBreathingDarkStrength {
    0%,
    100% {
        box-shadow:
            0 0 25px rgba(16, 185, 129, 0.4),
            0 4px 15px rgba(0, 0, 0, 0.3);
    }
    50% {
        box-shadow:
            0 0 35px rgba(16, 185, 129, 0.55),
            0 4px 15px rgba(0, 0, 0, 0.3);
    }
}

@keyframes aiBreathingDarkHypertrophy {
    0%,
    100% {
        box-shadow:
            0 0 25px rgba(59, 130, 246, 0.4),
            0 4px 15px rgba(0, 0, 0, 0.3);
    }
    50% {
        box-shadow:
            0 0 35px rgba(59, 130, 246, 0.55),
            0 4px 15px rgba(0, 0, 0, 0.3);
    }
}

@keyframes aiBreathingDarkEndurance {
    0%,
    100% {
        box-shadow:
            0 0 25px rgba(239, 68, 210, 0.4),
            0 4px 15px rgba(0, 0, 0, 0.3);
    }
    50% {
        box-shadow:
            0 0 35px rgba(239, 68, 210, 0.55),
            0 4px 15px rgba(0, 0, 0, 0.3);
    }
}

html.maxreptracker-dark-mode-enabled .mrt-ai-tip.active {
    border: 1px solid transparent !important;
    background: var(--maxreptracker-dark-bg) !important;
    box-shadow:
        0 0 25px rgba(102, 126, 234, 0.35),
        0 4px 15px rgba(0, 0, 0, 0.3);
    animation: aiBreathingDarkDefault 3s ease-in-out infinite !important;
}

/* Phase-specific dark mode gradient colors */
html.maxreptracker-dark-mode-enabled .mrt-ai-tip.active.phase-strength {
    border: 1px solid transparent !important;
    background: var(--maxreptracker-dark-bg) !important;
    box-shadow:
        0 0 25px rgba(16, 185, 129, 0.4),
        0 4px 15px rgba(0, 0, 0, 0.3);
    animation: aiBreathingDarkStrength 3s ease-in-out infinite !important;
}

html.maxreptracker-dark-mode-enabled .mrt-ai-tip.active.phase-hypertrophy {
    border: 1px solid transparent !important;
    background: var(--maxreptracker-dark-bg) !important;
    box-shadow:
        0 0 25px rgba(59, 130, 246, 0.4),
        0 4px 15px rgba(0, 0, 0, 0.3);
    animation: aiBreathingDarkHypertrophy 3s ease-in-out infinite !important;
}

html.maxreptracker-dark-mode-enabled .mrt-ai-tip.active.phase-endurance {
    border: 1px solid transparent !important;
    background: var(--maxreptracker-dark-bg) !important;
    box-shadow:
        0 0 25px rgba(239, 68, 210, 0.4),
        0 4px 15px rgba(0, 0, 0, 0.3);
    animation: aiBreathingDarkEndurance 3s ease-in-out infinite !important;
}

/* Respect user's motion preferences in dark mode */
@media (prefers-reduced-motion: reduce) {
    html.maxreptracker-dark-mode-enabled .mrt-ai-tip.active,
    html.maxreptracker-dark-mode-enabled .mrt-ai-tip.active.phase-strength,
    html.maxreptracker-dark-mode-enabled .mrt-ai-tip.active.phase-hypertrophy,
    html.maxreptracker-dark-mode-enabled .mrt-ai-tip.active.phase-endurance {
        animation: none !important;
    }
}

/* Tabs styles removed - now handled in mrtai-frontend-components.css to support modern indicators */

/* ==========================================================================
   Forms & Buttons Dark Mode Styles
   Auth, inputs, submit buttons
   ========================================================================== */

/* Specific rules for Auth Forms (Logout Link) */
/* Specific rules for Auth Forms (Logout Link) */
html.maxreptracker-dark-mode-enabled .custom-logout-link {
  background-color: rgba(26, 26, 26, 0.95) !important;
  color: var(--maxreptracker-dark-text) !important;
  border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-form-input {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--maxreptracker-dark-text) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Preserve original link colors from theme for content links
   Only override nav/menu links which need dark mode text color */
html.maxreptracker-dark-mode-enabled .site-header a,
html.maxreptracker-dark-mode-enabled .site-footer a,
html.maxreptracker-dark-mode-enabled .widget a {
  color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled
  input:not(.mrt-form-input):not(.mrt-submit-button),
html.maxreptracker-dark-mode-enabled
  textarea:not(.mrt-form-input):not(.mrt-submit-button),
html.maxreptracker-dark-mode-enabled
  select:not(.mrt-form-input):not(.mrt-submit-button) {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: var(--maxreptracker-dark-text) !important;
  border-color: rgba(255, 255, 255, 0.2) !important;
}

/* Ensure Save Result button is not affected by dark mode - HIGH SPECIFICITY */
html.maxreptracker-dark-mode-enabled input.mrt-save-btn[type="submit"] {
  background-color: #4f33ff !important;
  color: white !important;
  border-color: #4f33ff !important;
  border-radius: var(--mrt-radius, 18px) !important;
  opacity: 1 !important;
  visibility: visible !important;
}

html.maxreptracker-dark-mode-enabled input.mrt-save-btn[type="submit"]:hover {
  background-color: #3d26cc !important;
  color: white !important;
  border-color: #3d26cc !important;
}

html.maxreptracker-dark-mode-enabled
  input.mrt-save-btn[type="submit"]:disabled {
  background-color: #a0aec0 !important;
  color: #718096 !important;
  border-color: #a0aec0 !important;
}

/* Ensure MRT Auth buttons are not affected by dark mode - HIGH SPECIFICITY */
html.maxreptracker-dark-mode-enabled .mrt-submit-button {
  background-color: #0073aa !important;
  color: white !important;
  border-color: #0073aa !important;
}

html.maxreptracker-dark-mode-enabled .mrt-submit-button:hover {
  background-color: #005a87 !important;
  color: white !important;
}

/* ==========================================================================
   Training Zones Dark Mode Styles
   Spectrum, zone preview, data highlights
   ========================================================================== */

/* Training Zone Preview Component Dark Mode Styles */
/* Consistent glassmorphism for mrt-card-body in training zone preview */
html.maxreptracker-dark-mode-enabled #mrt-training-zone-preview .mrt-card-body {
    background: transparent !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-training-spectrum-container {
    background: transparent !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    backdrop-filter: blur(12px) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
}

/* Remove old header offsets */
html.maxreptracker-dark-mode-enabled .mrt-spectrum-title,
html.maxreptracker-dark-mode-enabled .mrt-zone-label-text {
    color: rgba(148, 163, 184, 0.6) !important; /* Slate-400 dimmed */
}

/* Active Label Highlight Dark Mode */
html.maxreptracker-dark-mode-enabled
    .mrt-spectrum-bar-wrapper.highlight-strength
    .mrt-zone-labels
    .mrt-zone-label-text:nth-child(1) {
    color: var(--mrt-strength, #34d399) !important;
}
html.maxreptracker-dark-mode-enabled
    .mrt-spectrum-bar-wrapper.highlight-hypertrophy
    .mrt-zone-labels
    .mrt-zone-label-text:nth-child(2) {
    color: var(--mrt-hypertrophy, #60a5fa) !important;
}
html.maxreptracker-dark-mode-enabled
    .mrt-spectrum-bar-wrapper.highlight-endurance
    .mrt-zone-labels
    .mrt-zone-label-text:nth-child(3) {
    color: var(--mrt-endurance, #f472b6) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-spectrum-bar {
    background: rgba(0, 0, 0, 0.3) !important;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.5) !important;
}

/* Keep colors vibrant in dark mode, maybe slightly brighter */
html.maxreptracker-dark-mode-enabled .mrt-spectrum-zone.strength {
    background: linear-gradient(
        90deg,
        var(--mrt-strength, #059669) 0%,
        #10b981 100%
    ) !important;
}
html.maxreptracker-dark-mode-enabled .mrt-spectrum-zone.hypertrophy {
    background: linear-gradient(
        90deg,
        var(--mrt-hypertrophy, #2563eb) 0%,
        #3b82f6 100%
    ) !important;
}
html.maxreptracker-dark-mode-enabled .mrt-spectrum-zone.endurance {
    background: linear-gradient(
        90deg,
        var(--mrt-endurance, #db2777) 0%,
        #ec4899 100%
    ) !important;
}

/* Dimmed zones in dark mode - Increased specificity to override core styles */
html.maxreptracker-dark-mode-enabled
    .mrt-spectrum-bar-wrapper.mrt-spectrum-bar-wrapper.highlight-strength
    .mrt-spectrum-zone:not(.strength) {
    opacity: 0.2 !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-spectrum-bar-wrapper.mrt-spectrum-bar-wrapper.highlight-hypertrophy
    .mrt-spectrum-zone:not(.hypertrophy) {
    opacity: 0.2 !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-spectrum-bar-wrapper.mrt-spectrum-bar-wrapper.highlight-endurance
    .mrt-spectrum-zone:not(.endurance) {
    opacity: 0.2 !important;
}

/* Marker in Dark Mode */
/* Marker in Dark Mode - Glowing "Laser" Look */
html.maxreptracker-dark-mode-enabled .mrt-spectrum-marker {
    background: #ffffff !important;
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) !important;
    /* Glows are handled by specific phases below which override this */
}

html.maxreptracker-dark-mode-enabled .highlight-strength .mrt-spectrum-marker {
    box-shadow:
        0 0 15px var(--mrt-strength, #34d399),
        0 0 5px #fff !important;
    border-color: var(--mrt-strength, #34d399) !important;
}

html.maxreptracker-dark-mode-enabled
    .highlight-hypertrophy
    .mrt-spectrum-marker {
    box-shadow:
        0 0 15px var(--mrt-hypertrophy, #60a5fa),
        0 0 5px #fff !important;
    border-color: var(--mrt-hypertrophy, #60a5fa) !important;
}

html.maxreptracker-dark-mode-enabled .highlight-endurance .mrt-spectrum-marker {
    box-shadow:
        0 0 15px var(--mrt-endurance, #f472b6),
        0 0 5px #fff !important;
    border-color: var(--mrt-endurance, #f472b6) !important;
}

/* Tooltip/Label above marker */
html.maxreptracker-dark-mode-enabled .mrt-spectrum-marker::after {
    background: #1e293b !important;
    color: #f1f5f9 !important;
    border-color: #334155 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-data-highlight {
    background: rgba(59, 130, 246, 0.15) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-stripe-sub-status {
    background: rgba(59, 130, 246, 0.15) !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-status-indicator.status-active {
    color: #4ade80 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-status-indicator.status-trialing {
    color: #60a5fa !important;
}

html.maxreptracker-dark-mode-enabled .mrt-status-indicator.status-canceled {
    color: #f87171 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-data-highlight small {
    color: rgba(255, 255, 255, 0.8) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-data-highlight strong {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-progression-alt {
    background: transparent !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Animated gradient border-bottom for dark mode */
html.maxreptracker-dark-mode-enabled .mrt-progression-alt::before {
    background: linear-gradient(
        90deg,
        #667eea 0%,
        #764ba2 25%,
        #f093fb 50%,
        #4facfe 75%,
        #00f2fe 100%
    ) !important;
    background-size: 400% 100% !important;
    animation: gradientShiftHorizontal 15s ease infinite !important;
}

html.maxreptracker-dark-mode-enabled .mrt-progression-alt p {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-weight-tracker {
    background: var(--maxreptracker-dark-bg) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-weight-tracker-title small {
    color: rgba(255, 255, 255, 0.7) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-weight-tracker-item:not(.current) {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-weight-tracker-item .mrt-weight-tracker-value {
    background: transparent !important;
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-weight-tracker-item.current .mrt-weight-tracker-value {
    background: transparent !important;
    color: #ffffff !important;
}
/* ==========================================================================
   Benchmark Percentile Dark Mode - Modern Mobile App Style
   Enhanced gradient, glassmorphism, and premium effects for dark backgrounds
   ========================================================================== */

/* Main percentile card - Enhanced dark mode gradient */
html.maxreptracker-dark-mode-enabled .mrt-benchmark-percentile {
    /* Darker, more vibrant gradient optimized for dark mode */
    background: linear-gradient(
        135deg,
        #5b21b6 0%,
        #7c3aed 25%,
        #a855f7 50%,
        #3b82f6 75%,
        #06b6d4 100%
    ) !important;

    /* Enhanced shadow with stronger glow for dark backgrounds */
    box-shadow:
        0 12px 40px rgba(139, 92, 246, 0.3),
        0 6px 20px rgba(139, 92, 246, 0.2),
        inset 0 1px 0 rgba(255, 255, 255, 0.15) !important;

    /* Stronger border for dark mode */
    border: 1px solid rgba(139, 92, 246, 0.3) !important;
}

/* Enhanced hover effect for dark mode */
html.maxreptracker-dark-mode-enabled .mrt-benchmark-percentile:hover {
    box-shadow:
        0 16px 56px rgba(139, 92, 246, 0.4),
        0 8px 28px rgba(139, 92, 246, 0.3),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Glassmorphism overlay - Adjusted for dark mode */
html.maxreptracker-dark-mode-enabled .mrt-benchmark-percentile::before {
    background: linear-gradient(
        135deg,
        rgba(255, 255, 255, 0.15) 0%,
        rgba(255, 255, 255, 0.05) 50%,
        rgba(255, 255, 255, 0.02) 100%
    ) !important;
}

/* Shimmer effect - More visible in dark mode */
html.maxreptracker-dark-mode-enabled .mrt-benchmark-percentile::after {
    background: linear-gradient(
        45deg,
        transparent 30%,
        rgba(255, 255, 255, 0.25) 50%,
        transparent 70%
    ) !important;
}

/* Text elements - Already white, but ensure proper contrast */
html.maxreptracker-dark-mode-enabled
    .mrt-benchmark-percentile
    .percentile-label {
    color: rgba(255, 255, 255, 0.95) !important;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-benchmark-percentile
    .percentile-value {
    color: #ffffff !important;
    text-shadow:
        0 2px 12px rgba(0, 0, 0, 0.3),
        0 4px 20px rgba(139, 92, 246, 0.4) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-benchmark-percentile
    .percentile-suffix {
    color: rgba(255, 255, 255, 0.95) !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) !important;
}

/* Benchmark card container - Dark mode adjustments */
html.maxreptracker-dark-mode-enabled .mrt-benchmark-card {
    background: var(--maxreptracker-dark-bg) !important;
    border-color: var(--maxreptracker-dark-border) !important;
    box-shadow:
        0 4px 6px -1px rgba(0, 0, 0, 0.3),
        0 2px 4px -1px rgba(0, 0, 0, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-card:hover {
    box-shadow:
        0 10px 15px -3px rgba(0, 0, 0, 0.4),
        0 4px 6px -2px rgba(0, 0, 0, 0.3) !important;
}

/* Benchmark header elements */
html.maxreptracker-dark-mode-enabled .mrt-benchmark-title {
    color: rgba(255, 255, 255, 0.7) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-header .mrt-copy-btn:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-header .mrt-copy-btn svg {
    color: rgba(255, 255, 255, 0.7) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-benchmark-header
    .mrt-copy-btn:hover
    svg {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* Exercise info section */
html.maxreptracker-dark-mode-enabled .mrt-benchmark-exercise {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-exercise .exercise-name {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-exercise .exercise-stats {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Progress bar - Enhanced for dark mode */
html.maxreptracker-dark-mode-enabled .mrt-benchmark-bar {
    background: rgba(0, 0, 0, 0.3) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.4) !important;
}

/* Keep vibrant segment colors in dark mode */
html.maxreptracker-dark-mode-enabled .benchmark-segment.beginner {
    background: linear-gradient(90deg, #94a3b8 0%, #64748b 100%) !important;
}

html.maxreptracker-dark-mode-enabled .benchmark-segment.novice {
    background: linear-gradient(90deg, #2dd4bf 0%, #14b8a6 100%) !important;
}

html.maxreptracker-dark-mode-enabled .benchmark-segment.intermediate {
    background: linear-gradient(90deg, #3b82f6 0%, #2563eb 100%) !important;
}

html.maxreptracker-dark-mode-enabled .benchmark-segment.advanced {
    background: linear-gradient(90deg, #8b5cf6 0%, #7c3aed 100%) !important;
}

html.maxreptracker-dark-mode-enabled .benchmark-segment.elite {
    background: linear-gradient(90deg, #6366f1 0%, #4f46e5 100%) !important;
}

/* Benchmark marker - Enhanced glow for dark mode */
html.maxreptracker-dark-mode-enabled .mrt-benchmark-marker {
    background: #ffffff !important;
    box-shadow:
        0 0 20px currentColor,
        0 0 8px #fff,
        0 0 0 1px rgba(255, 255, 255, 0.2) !important;
}

/* Labels */
html.maxreptracker-dark-mode-enabled .mrt-benchmark-labels {
    color: rgba(255, 255, 255, 0.6) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-benchmark-labels
    .current-level-label {
    color: inherit !important; /* Will use the inline style color */
}

/* Milestone card - Dark mode */
html.maxreptracker-dark-mode-enabled .mrt-benchmark-milestone {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-milestone:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-milestone.achieved {
    background: rgba(34, 197, 94, 0.15) !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
}

/* Milestone icon wrapper */
html.maxreptracker-dark-mode-enabled .milestone-icon-wrapper {
    background: rgba(255, 255, 255, 0.1) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-benchmark-milestone:not(.achieved)
    .milestone-icon-wrapper {
    background: rgba(59, 130, 246, 0.2) !important;
    color: #60a5fa !important;
    border-color: rgba(59, 130, 246, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-benchmark-milestone.achieved
    .milestone-icon-wrapper {
    background: rgba(34, 197, 94, 0.2) !important;
    color: #4ade80 !important;
    border-color: rgba(34, 197, 94, 0.3) !important;
    box-shadow: 0 2px 4px rgba(34, 197, 94, 0.2) !important;
}

/* Milestone text */
html.maxreptracker-dark-mode-enabled .milestone-label {
    color: rgba(255, 255, 255, 0.6) !important;
}

html.maxreptracker-dark-mode-enabled .milestone-value {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-benchmark-milestone.achieved
    .milestone-label {
    color: rgba(74, 222, 128, 0.9) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-benchmark-milestone.achieved
    .milestone-value {
    color: #4ade80 !important;
}

/* Footer */
html.maxreptracker-dark-mode-enabled .mrt-benchmark-footer {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-footer small {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Legend */
html.maxreptracker-dark-mode-enabled .mrt-benchmark-legend .legend-item {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Age adjustment badge */
html.maxreptracker-dark-mode-enabled .mrt-benchmark-age-adjustment {
    background: rgba(139, 92, 246, 0.2) !important;
    border-color: rgba(139, 92, 246, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-age-adjustment .age-badge {
    color: #a78bfa !important;
}

/* No data state */
html.maxreptracker-dark-mode-enabled .mrt-benchmark-card.no-data {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-message {
    color: rgba(255, 255, 255, 0.8) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-note {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* ============================================
   Animated Gradient Effects - Dark Mode Support
   ============================================ */

/* Weight Tracker Current Column - Enhanced glow for dark mode */
html.maxreptracker-dark-mode-enabled .mrt-weight-tracker-item.current {
    box-shadow:
        0 8px 32px rgba(79, 51, 255, 0.25),
        0 4px 16px rgba(79, 51, 255, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.2) !important;
}

/* Intensity Badge - Enhanced gradient visibility for dark mode */
html.maxreptracker-dark-mode-enabled .mrt-intensity-badge::before {
    background: linear-gradient(
        135deg,
        rgba(102, 126, 234, 0.5) 0%,
        rgba(118, 75, 162, 0.5) 25%,
        rgba(240, 147, 251, 0.5) 50%,
        rgba(79, 172, 254, 0.5) 75%,
        rgba(0, 242, 254, 0.5) 100%
    ) !important;
}

/* Intensity Badge Shimmer - More visible in dark mode */
html.maxreptracker-dark-mode-enabled .mrt-intensity-badge::after {
    background: linear-gradient(
        45deg,
        transparent 30%,
        rgba(255, 255, 255, 0.3) 50%,
        transparent 70%
    ) !important;
}

/* ==========================================================================
   Dashboard & Cards Dark Mode Styles
   Exercise cards, result cards, history cards
   ========================================================================== */

/* Dashboard, Results History & Card Styles */
html.maxreptracker-dark-mode-enabled .mrt-card,
html.maxreptracker-dark-mode-enabled .mrt-exercise-card,
html.maxreptracker-dark-mode-enabled .mrt-result-card,
html.maxreptracker-dark-mode-enabled .mrt-search-result-card,
html.maxreptracker-dark-mode-enabled .mrt-history-card,
html.maxreptracker-dark-mode-enabled .mrt-orm-category-filters,
html.maxreptracker-dark-mode-enabled .mrt-category-filters,
html.maxreptracker-dark-mode-enabled .mrt-no-results,
html.maxreptracker-dark-mode-enabled .mrt-no-entries,
html.maxreptracker-dark-mode-enabled .login-required-container,
html.maxreptracker-dark-mode-enabled #mrt-result-popup {
    background: var(--maxreptracker-dark-bg) !important;
    border-color: var(--maxreptracker-dark-border) !important;
    color: var(--maxreptracker-dark-text) !important;
    border-radius: var(--mrt-radius, 18px) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-card-footer,
html.maxreptracker-dark-mode-enabled .mrt-card-body,
html.maxreptracker-dark-mode-enabled .mrt-dual-stats,
html.maxreptracker-dark-mode-enabled .mrt-history-card-footer {
    background: transparent !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-history-card-header {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--maxreptracker-dark-border) !important;
    color: var(--maxreptracker-dark-text) !important;
}

/* Success Popup Refinements */
html.maxreptracker-dark-mode-enabled #mrt-result-popup .mrt-card-header {
    background: linear-gradient(135deg, #4f33ff 0%, #6c5ce7 100%) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-card-header {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
    border-left-color: rgba(255, 255, 255, 0.1) !important;
    border-right-color: rgba(255, 255, 255, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-exercise-card[data-status="strength"] .mrt-card-header,
html.maxreptracker-dark-mode-enabled .mrt-exercise-card[data-status="status-strength"] .mrt-card-header {
    border-left-color: var(--mrt-strength, #34d399) !important;
    border-right-color: var(--mrt-strength, #34d399) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-exercise-card[data-status="hypertrophy"] .mrt-card-header,
html.maxreptracker-dark-mode-enabled .mrt-exercise-card[data-status="status-hypertrophy"] .mrt-card-header {
    border-left-color: var(--mrt-hypertrophy, #60a5fa) !important;
    border-right-color: var(--mrt-hypertrophy, #60a5fa) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-exercise-card[data-status="endurance"] .mrt-card-header,
html.maxreptracker-dark-mode-enabled .mrt-exercise-card[data-status="status-endurance"] .mrt-card-header {
    border-left-color: var(--mrt-endurance, #f472b6) !important;
    border-right-color: var(--mrt-endurance, #f472b6) !important;
}

html.maxreptracker-dark-mode-enabled #mrt-result-popup .mrt-card-footer {
    background: rgba(255, 255, 255, 0.05) !important;
    border-top: 1px solid var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled #mrt-result-popup-overlay {
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(8px) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-success-icon {
    background: transparent !important;
    filter: drop-shadow(0 0 10px rgba(16, 185, 129, 0.4)) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-exercise-card:hover,
html.maxreptracker-dark-mode-enabled .mrt-result-card:hover,
html.maxreptracker-dark-mode-enabled .mrt-search-result-card:hover,
html.maxreptracker-dark-mode-enabled .mrt-history-card:hover {
    border-color: rgba(79, 51, 255, 0.4) !important;
}

/* Ensure exercise card respects mrt-radius variable in dark mode */
html.maxreptracker-dark-mode-enabled
    .mrt-dashboard-wrap
    .mrt-cards-grid
    .mrt-exercise-card,
html.maxreptracker-dark-mode-enabled body .mrt-exercise-card {
    border-radius: var(--mrt-radius, 18px) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-exercise-name,
html.maxreptracker-dark-mode-enabled .mrt-stat-value,
html.maxreptracker-dark-mode-enabled .mrt-history-card-header,
html.maxreptracker-dark-mode-enabled .mrt-orm-header h3,
html.maxreptracker-dark-mode-enabled .mrt-category-header h3 {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-stat-label,
html.maxreptracker-dark-mode-enabled .mrt-stat-label-small,
html.maxreptracker-dark-mode-enabled .mrt-exercise-detail,
html.maxreptracker-dark-mode-enabled .mrt-exercise-date,
html.maxreptracker-dark-mode-enabled .mrt-stat-min,
html.maxreptracker-dark-mode-enabled .mrt-stat-max,
html.maxreptracker-dark-mode-enabled .mrt-no-results-content h3,
html.maxreptracker-dark-mode-enabled .mrt-no-results-content p,
html.maxreptracker-dark-mode-enabled .login-required-message {
    color: rgba(255, 255, 255, 0.6) !important;
}

/* Preserve semantic stat-value colors in dark mode */
html.maxreptracker-dark-mode-enabled .mrt-stat-reps .mrt-stat-value {
    color: #60a5fa !important; /* Brighter blue for dark mode */
}

html.maxreptracker-dark-mode-enabled .mrt-stat-weight .mrt-stat-value {
    color: #fb923c !important; /* Brighter orange for dark mode */
}

html.maxreptracker-dark-mode-enabled .mrt-orm .mrt-stat-value {
    color: rgba(255, 255, 255, 0.7) !important;
}

/* Preserve semantic arrow colors in dark mode */
html.maxreptracker-dark-mode-enabled .mrt-exercise-card .mrt-arrow.up {
    color: #4ade80 !important; /* Brighter green for dark mode */
}

html.maxreptracker-dark-mode-enabled .mrt-exercise-card .mrt-arrow.down {
    color: #f87171 !important; /* Brighter red for dark mode */
}

html.maxreptracker-dark-mode-enabled .mrt-exercise-card .mrt-arrow.same {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* ==========================================================================
   Modals & Popups Dark Mode Styles
   Premium glassmorphism dark mode with mobile-first design
   ========================================================================== */

/* ------------------------------------------
   Delete Modal Dark Mode
   ------------------------------------------ */
html.maxreptracker-dark-mode-enabled .mrt-delete-modal {
    background: var(--maxreptracker-dark-bg) !important;
    border: 1px solid var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-delete-modal-body {
    background: var(--maxreptracker-dark-bg) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-delete-modal-message {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-delete-modal-btn-cancel {
    background: #333 !important;
    color: #fff !important;
}

/* ------------------------------------------
   Timeline Image Modal Dark Mode
   Premium dark theme with glassmorphism effects
   ------------------------------------------ */

/* Modal Overlay - Darker with subtle blur */
html.maxreptracker-dark-mode-enabled .mrt-modal-overlay {
    background: rgba(0, 0, 0, 0.95);
}

/* Modal Content - Dark glassmorphic container */
html.maxreptracker-dark-mode-enabled .mrt-modal-content {
    background: linear-gradient(
        145deg,
        rgba(32, 32, 35, 0.98) 0%,
        rgba(24, 24, 28, 0.99) 100%
    );
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow:
        0 25px 50px rgba(0, 0, 0, 0.5),
        0 0 0 1px rgba(255, 255, 255, 0.05) inset,
        0 1px 0 rgba(255, 255, 255, 0.07) inset;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
}

/* Image Container Dark Background */
html.maxreptracker-dark-mode-enabled .mrt-modal-image-container {
    background: linear-gradient(180deg, #0d0d0f 0%, #121214 100%);
}

/* Modal Info Section - Dark theme */
html.maxreptracker-dark-mode-enabled .mrt-modal-info {
    background: linear-gradient(
        180deg,
        rgba(28, 28, 32, 0.98) 0%,
        rgba(24, 24, 28, 1) 100%
    );
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* Modal Title - Light text for dark mode */
html.maxreptracker-dark-mode-enabled .mrt-modal-title {
    color: #f5f5f7;
    font-weight: 600;
    letter-spacing: -0.02em;
}

/* Modal Date - Subtle secondary text */
html.maxreptracker-dark-mode-enabled .mrt-modal-date {
    color: rgba(255, 255, 255, 0.55);
}

/* Modal Description - Readable text */
html.maxreptracker-dark-mode-enabled .mrt-modal-description {
    color: rgba(255, 255, 255, 0.75);
}

/* Close Button Dark Mode */
html.maxreptracker-dark-mode-enabled .mrt-modal-close {
    background: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transition:
        background 0.2s ease,
        transform 0.2s ease,
        border-color 0.2s ease;
}

html.maxreptracker-dark-mode-enabled .mrt-modal-close:hover {
    background: rgba(255, 255, 255, 0.18);
    border-color: rgba(255, 255, 255, 0.15);
    transform: scale(1.1);
}

/* Navigation Buttons Dark Mode */
html.maxreptracker-dark-mode-enabled .mrt-modal-prev,
html.maxreptracker-dark-mode-enabled .mrt-modal-next {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    transition:
        background 0.2s ease,
        transform 0.2s ease,
        border-color 0.2s ease;
}

html.maxreptracker-dark-mode-enabled .mrt-modal-prev:hover,
html.maxreptracker-dark-mode-enabled .mrt-modal-next:hover {
    background: rgba(255, 255, 255, 0.16);
    border-color: rgba(255, 255, 255, 0.12);
}

html.maxreptracker-dark-mode-enabled .mrt-modal-prev:disabled,
html.maxreptracker-dark-mode-enabled .mrt-modal-next:disabled {
    background: rgba(255, 255, 255, 0.03);
    color: rgba(255, 255, 255, 0.3);
    border-color: rgba(255, 255, 255, 0.03);
}

/* Counter Badge Dark Mode */
html.maxreptracker-dark-mode-enabled .mrt-modal-counter {
    background: rgba(255, 255, 255, 0.12);
    color: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(255, 255, 255, 0.08);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Loading State Dark Mode */
html.maxreptracker-dark-mode-enabled .mrt-modal-image.loading {
    filter: blur(2px) brightness(0.6);
    opacity: 0.6;
}

/* Error State Dark Mode */
html.maxreptracker-dark-mode-enabled .mrt-modal-image.error {
    filter: grayscale(100%) brightness(0.4);
    opacity: 0.4;
}

/* Image Container Loading Background Dark */
html.maxreptracker-dark-mode-enabled .mrt-timeline-image-container,
html.maxreptracker-dark-mode-enabled .mrt-manage-image-container {
    background: #1a1a1c;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-image-container::before,
html.maxreptracker-dark-mode-enabled .mrt-manage-image-container::before {
    background: linear-gradient(
        45deg,
        #1a1a1c 25%,
        transparent 25%,
        transparent 75%,
        #1a1a1c 75%,
        #1a1a1c
    );
    opacity: 0.4;
}

/* Error Image State Dark */
html.maxreptracker-dark-mode-enabled .mrt-image-error {
    background: #1f1f22;
    border-color: #333;
}

/* Progressive Loading Placeholder Dark */
html.maxreptracker-dark-mode-enabled .image-placeholder {
    background: linear-gradient(90deg, #2a2a2e 25%, #3a3a40 50%, #2a2a2e 75%);
    background-size: 200% 100%;
}

/* Swipe Indicator Dark Mode */
html.maxreptracker-dark-mode-enabled
    .mrt-modal-image-container.swipe-left::after,
html.maxreptracker-dark-mode-enabled
    .mrt-modal-image-container.swipe-right::after {
    color: rgba(255, 255, 255, 0.5);
    text-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
}

/* ==========================================================================
   Search & Filters Dark Mode Styles
   ========================================================================== */

/* Search Box & Filter Buttons */
html.maxreptracker-dark-mode-enabled .mrt-search-box {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--maxreptracker-dark-border) !important;
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-orm-category-filter-btn,
html.maxreptracker-dark-mode-enabled .mrt-category-filter-btn {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--maxreptracker-dark-border) !important;
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-orm-category-filter-btn:hover,
html.maxreptracker-dark-mode-enabled .mrt-category-filter-btn:hover,
html.maxreptracker-dark-mode-enabled .mrt-orm-category-filter-btn.active,
html.maxreptracker-dark-mode-enabled .mrt-category-filter-btn.active {
    background: #4f33ff !important;
    border-color: #4f33ff !important;
    color: white !important;
}

/* Exercise Search Modal Input */
html.maxreptracker-dark-mode-enabled #mrt-exercise-search-input {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--maxreptracker-dark-border) !important;
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled #mrt-exercise-search-input::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-search-icon {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Filter Pills */
html.maxreptracker-dark-mode-enabled .mrt-filter-pill {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid var(--maxreptracker-dark-border) !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-filter-pill:hover,
html.maxreptracker-dark-mode-enabled .mrt-filter-pill.active {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: #4f33ff !important;
    color: white !important;
    box-shadow: 0 0 10px rgba(79, 51, 255, 0.2) !important;
}

/* ==========================================================================
   Result Form Dark Mode Styles
   Special display, floating inputs
   ========================================================================== */

/* Result Form Special Display */
/* Result Form Special Display */
html.maxreptracker-dark-mode-enabled .mrt-exercise-name-display,
html.maxreptracker-dark-mode-enabled #mrt-result-form .mrt-exercise-name-input {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--maxreptracker-dark-text) !important;
    box-shadow:
        0 1px 3px rgba(0, 0, 0, 0.3),
        inset 0 0 0 1px rgba(255, 255, 255, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled
    #mrt-result-form
    .mrt-exercise-name-display
    .exercise-name-placeholder {
    color: rgba(255, 255, 255, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-exercise-name-display
    .exercise-variant,
html.maxreptracker-dark-mode-enabled
    .mrt-exercise-name-display
    .mrt-exercise-detail {
    color: rgba(255, 255, 255, 0.5) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-floating-label {
    color: rgba(255, 255, 255, 0.5) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-floating-input input {
    color: var(--maxreptracker-dark-text) !important;
    border-bottom-color: rgba(255, 255, 255, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-exercise-type-toggle {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-toggle-option {
    color: rgba(255, 255, 255, 0.7) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-existing-exercise-btn,
html.maxreptracker-dark-mode-enabled .mrt-exercise-selection-btn,
html.maxreptracker-dark-mode-enabled .mrt-musclegroup-btn {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--maxreptracker-dark-border) !important;
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-existing-exercise-btn .exercise-name,
html.maxreptracker-dark-mode-enabled .mrt-existing-exercise-btn .exercise-data {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-existing-exercise-btn:focus:not(:active):not(:hover),
html.maxreptracker-dark-mode-enabled
    .mrt-exercise-selection-btn:focus:not(:active):not(:hover),
html.maxreptracker-dark-mode-enabled
    .mrt-musclegroup-btn:focus:not(:active):not(:hover) {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-existing-exercise-btn.active,
html.maxreptracker-dark-mode-enabled .mrt-existing-exercise-btn.selected {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-existing-exercise-btn.active::before,
html.maxreptracker-dark-mode-enabled
    .mrt-existing-exercise-btn.selected::before {
    border-top-color: rgba(255, 255, 255, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-existing-exercise-btn.active::after,
html.maxreptracker-dark-mode-enabled
    .mrt-existing-exercise-btn.selected::after {
    border-bottom-color: rgba(255, 255, 255, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-existing-exercise-btn:hover,
html.maxreptracker-dark-mode-enabled .mrt-exercise-selection-btn:hover,
html.maxreptracker-dark-mode-enabled .mrt-musclegroup-btn:hover {
    background: rgba(255, 255, 255, 0.12) !important;
}

/* ==========================================================================
   Calendar Dark Mode Styles
   Container, days, reminders, bottom sheet
   ========================================================================== */

/* Calendar Container */
html.maxreptracker-dark-mode-enabled .mrt-calendar-container {
  background: var(--maxreptracker-dark-bg) !important;
  border-color: var(--maxreptracker-dark-border) !important;
  color: var(--maxreptracker-dark-text) !important;
}

/* Calendar Header */
html.maxreptracker-dark-mode-enabled .mrt-calendar-header h2 {
  background: linear-gradient(135deg, #a29bfe, #6c5ce7) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

html.maxreptracker-dark-mode-enabled .mrt-calendar-btn {
  background: none !important;
  border: none !important;
}

html.maxreptracker-dark-mode-enabled .mrt-calendar-btn:hover,
html.maxreptracker-dark-mode-enabled .mrt-calendar-btn:focus {
  background: none !important;
}

/* Training Zone Preview Navigation */
html.maxreptracker-dark-mode-enabled .mrt-preview-nav-arrow {
  background: none !important;
  border: none !important;
}

html.maxreptracker-dark-mode-enabled .mrt-preview-nav-arrow:hover,
html.maxreptracker-dark-mode-enabled .mrt-preview-nav-arrow:focus {
  background: none !important;
}

/* Calendar Weekdays */
html.maxreptracker-dark-mode-enabled .mrt-calendar-weekdays {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Calendar Days */
html.maxreptracker-dark-mode-enabled .mrt-day {
  background: rgba(255, 255, 255, 0.05) !important;
  color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-day-other-month {
  opacity: 0.2 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-day-today {
  border-color: #feca57 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-day-workout {
  background: linear-gradient(135deg, #00d2d3, #01a3a4) !important;
  color: white !important;
}

/* Calendar Legend */
html.maxreptracker-dark-mode-enabled .mrt-calendar-legend {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Reminder Settings Container */
html.maxreptracker-dark-mode-enabled .mrt-reminder-settings {
  background: var(--maxreptracker-dark-bg) !important;
  border-color: var(--maxreptracker-dark-border) !important;
  color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-setting-group label {
  color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-setting-group input[type="time"] {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: var(--maxreptracker-dark-border) !important;
  color: var(--maxreptracker-dark-text) !important;
}

/* Day Selector Checkboxes */
html.maxreptracker-dark-mode-enabled .mrt-day-checkbox span {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: var(--maxreptracker-dark-border) !important;
  color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-day-checkbox input:checked + span {
  background: #6c5ce7 !important;
}

/* Switch Toggle */
html.maxreptracker-dark-mode-enabled .mrt-switch {
  background: rgba(255, 255, 255, 0.03) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-switch:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-slider {
  background: rgba(255, 255, 255, 0.2) !important;
  border-color: rgba(255, 255, 255, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-switch-label {
  color: rgba(255, 255, 255, 0.9) !important;
}

/* Buttons */
html.maxreptracker-dark-mode-enabled .mrt-test-btn {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--maxreptracker-dark-border) !important;
  color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-test-btn:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

/* Bottom Sheet Overlay */
html.maxreptracker-dark-mode-enabled .mrt-bottom-sheet-overlay {
  background: rgba(0, 0, 0, 0.6) !important;
}

/* Bottom Sheet Panel */
html.maxreptracker-dark-mode-enabled .mrt-bottom-sheet {
  background: rgba(20, 20, 35, 0.98) !important;
  border-color: var(--maxreptracker-dark-border) !important;
  color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-bottom-sheet-handle {
  background: rgba(255, 255, 255, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-bottom-sheet-header {
  border-bottom-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-bottom-sheet-date {
  background: linear-gradient(135deg, #a29bfe, #6c5ce7) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

html.maxreptracker-dark-mode-enabled .mrt-bottom-sheet-close {
  background: rgba(255, 255, 255, 0.1) !important;
  color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-bottom-sheet-close:hover {
  background: rgba(255, 255, 255, 0.2) !important;
}

/* Exercise Cards in Bottom Sheet */
html.maxreptracker-dark-mode-enabled .mrt-sheet-exercise {
  background: rgba(255, 255, 255, 0.08) !important;
  border-color: rgba(255, 255, 255, 0.12) !important;
  color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-sheet-exercise:hover {
  background: rgba(255, 255, 255, 0.12) !important;
  border-color: rgba(0, 210, 211, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-sheet-exercise-name {
  color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-sheet-exercise-detail {
  color: rgba(255, 255, 255, 0.6) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-sheet-stat-value {
  color: #00d2d3 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-sheet-stat-label {
  color: rgba(255, 255, 255, 0.6) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-sheet-arrow {
  color: rgba(255, 255, 255, 0.4) !important;
}

/* Loading and Empty States */
html.maxreptracker-dark-mode-enabled .mrt-sheet-loading,
html.maxreptracker-dark-mode-enabled .mrt-sheet-empty {
  color: rgba(255, 255, 255, 0.6) !important;
}

/* Reminder Message */
html.maxreptracker-dark-mode-enabled #mrt-reminder-message {
  color: var(--maxreptracker-dark-text) !important;
}

/* Reminder Days in Calendar */
html.maxreptracker-dark-mode-enabled .mrt-day-reminder {
  border-color: #a29bfe !important;
  color: #a29bfe !important;
}

html.maxreptracker-dark-mode-enabled .mrt-day-reminder.mrt-day-workout {
  background: linear-gradient(135deg, #00d2d3, #01a3a4) !important;
  border-color: #a29bfe !important;
  color: white !important;
}

html.maxreptracker-dark-mode-enabled .mrt-legend-item .mrt-day-reminder {
  border-color: #a29bfe !important;
}

/* Reminder Info in Bottom Sheet - Dark Mode */
html.maxreptracker-dark-mode-enabled .mrt-sheet-reminder-header h4 {
  color: #a29bfe !important;
}

html.maxreptracker-dark-mode-enabled .mrt-sheet-reminder-info p {
  color: rgba(255, 255, 255, 0.8) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-reminder-note {
  color: rgba(255, 255, 255, 0.5) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-reminder-icon {
  background: rgba(162, 155, 254, 0.15) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Quick Controls - Dark Mode */
html.maxreptracker-dark-mode-enabled .mrt-quick-time-input {
  background: rgba(255, 255, 255, 0.1) !important;
  border-color: var(--maxreptracker-dark-border) !important;
  color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-quick-btn-small {
  background: #6c5ce7 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-quick-btn-danger {
  background: rgba(255, 118, 117, 0.8) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-quick-btn-danger:hover {
  background: #ff7675 !important;
}

/* ==========================================================================
   Exercise Presets Page Dark Mode Styles
   ========================================================================== */

/* Main container */
html.maxreptracker-dark-mode-enabled .mrt-presets-container h2 {
  color: #a29bfe !important;
}

html.maxreptracker-dark-mode-enabled .mrt-presets-container h3 {
  color: #a29bfe !important;
}

html.maxreptracker-dark-mode-enabled .mrt-presets-container p,
html.maxreptracker-dark-mode-enabled .mrt-presets-container .seo-intro-text {
  color: rgba(255, 255, 255, 0.7) !important;
}

/* Preset house container */
html.maxreptracker-dark-mode-enabled .mrt-preset-house {
  background: var(--maxreptracker-dark-bg) !important;
  border-color: var(--maxreptracker-dark-border) !important;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
}

/* Tab navigation */
html.maxreptracker-dark-mode-enabled .mrt-tab {
  background: rgba(255, 255, 255, 0.05) !important;
  color: var(--maxreptracker-dark-text) !important;
  border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-tab:hover {
  background: rgba(255, 255, 255, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-tab.active {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
  color: #fff !important;
}

/* Accordion styles */
html.maxreptracker-dark-mode-enabled .mrt-accordion {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: var(--maxreptracker-dark-border) !important;
  color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-accordion:hover {
  background: rgba(255, 255, 255, 0.08) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-accordion[open] {
  background: rgba(255, 255, 255, 0.08) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-accordion summary {
  color: var(--maxreptracker-dark-text) !important;
}

/* Clean list inside accordion */
html.maxreptracker-dark-mode-enabled .mrt-clean-list {
  color: rgba(255, 255, 255, 0.8) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-clean-list li {
  color: rgba(255, 255, 255, 0.8) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-clean-list li small {
  color: rgba(255, 255, 255, 0.5) !important;
}

/* Cards */
html.maxreptracker-dark-mode-enabled .mrt-presets-container .mrt-card {
  background: rgba(255, 255, 255, 0.05) !important;
  border-color: var(--maxreptracker-dark-border) !important;
  color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-presets-container .mrt-card strong {
  color: #a29bfe !important;
}

html.maxreptracker-dark-mode-enabled .mrt-presets-container .mrt-card span {
  color: rgba(255, 255, 255, 0.8) !important;
}

/* Reference card */
html.maxreptracker-dark-mode-enabled .mrt-reference-card {
  background: rgba(102, 126, 234, 0.1) !important;
  border-left-color: #667eea !important;
  color: rgba(255, 255, 255, 0.8) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-reference-card a {
  color: #a29bfe !important;
}

html.maxreptracker-dark-mode-enabled .mrt-reference-card a:hover {
  color: #c4b5fd !important;
}

/* ==========================================================================
   Voice Assistant Dark Mode Styles
   Migrated from maxreptracker-voice-assistant plugin
   ========================================================================== */

/* Voice UI: FAB Glassmorphism */
html.maxreptracker-dark-mode-enabled .mrt-voice-fab {
    background: linear-gradient(
        135deg,
        rgba(59, 130, 246, 0.7) 0%,
        rgba(96, 165, 250, 0.5) 50%,
        rgba(147, 197, 253, 0.4) 100%
    ) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(147, 197, 253, 0.35) !important;
    box-shadow:
        0 0 30px rgba(59, 130, 246, 0.4),
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 1px 2px rgba(255, 255, 255, 0.2),
        inset 0 -1px 2px rgba(0, 0, 0, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-voice-fab::before {
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.15) 0%,
        rgba(255, 255, 255, 0.03) 40%,
        transparent 60%
    ) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-voice-icon,
html.maxreptracker-dark-mode-enabled .mrt-voice-icon svg,
html.maxreptracker-dark-mode-enabled .mrt-voice-icon *,
html.maxreptracker-dark-mode-enabled .mrt-voice-icon svg * {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    outline: none !important;
    border: none !important;
}

html.maxreptracker-dark-mode-enabled .mrt-voice-fab:hover {
    background: linear-gradient(
        135deg,
        rgba(37, 99, 235, 0.8) 0%,
        rgba(59, 130, 246, 0.65) 50%,
        rgba(96, 165, 250, 0.55) 100%
    ) !important;
    border-color: rgba(147, 197, 253, 0.5) !important;
    box-shadow:
        0 0 40px rgba(59, 130, 246, 0.55),
        0 12px 40px rgba(0, 0, 0, 0.35),
        inset 0 1px 3px rgba(255, 255, 255, 0.25),
        inset 0 -1px 2px rgba(0, 0, 0, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-voice-fab.is-listening {
    background: linear-gradient(
        135deg,
        rgba(239, 68, 68, 0.75) 0%,
        rgba(248, 113, 113, 0.55) 50%,
        rgba(252, 165, 165, 0.45) 100%
    ) !important;
    border-color: rgba(252, 165, 165, 0.4) !important;
    box-shadow:
        0 0 35px rgba(239, 68, 68, 0.5),
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 1px 2px rgba(255, 255, 255, 0.2),
        inset 0 -1px 2px rgba(0, 0, 0, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-voice-waves {
    border-color: rgba(248, 113, 113, 0.7) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-voice-fab.is-thinking {
    background: linear-gradient(
        135deg,
        rgba(139, 92, 246, 0.75) 0%,
        rgba(167, 139, 250, 0.55) 50%,
        rgba(196, 181, 253, 0.45) 100%
    ) !important;
    border-color: rgba(196, 181, 253, 0.4) !important;
    box-shadow:
        0 0 35px rgba(139, 92, 246, 0.5),
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 1px 2px rgba(255, 255, 255, 0.2),
        inset 0 -1px 2px rgba(0, 0, 0, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-voice-fab.is-speaking {
    background: linear-gradient(
        135deg,
        rgba(34, 197, 94, 0.75) 0%,
        rgba(74, 222, 128, 0.55) 50%,
        rgba(134, 239, 172, 0.45) 100%
    ) !important;
    border-color: rgba(134, 239, 172, 0.4) !important;
    box-shadow:
        0 0 35px rgba(34, 197, 94, 0.5),
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 1px 2px rgba(255, 255, 255, 0.2),
        inset 0 -1px 2px rgba(0, 0, 0, 0.2) !important;
}

@keyframes fab-dark-breathing {
    0%,
    100% {
        box-shadow:
            0 0 25px rgba(59, 130, 246, 0.35),
            0 8px 32px rgba(0, 0, 0, 0.3),
            inset 0 1px 2px rgba(255, 255, 255, 0.2),
            inset 0 -1px 2px rgba(0, 0, 0, 0.2) !important;
        border-color: rgba(147, 197, 253, 0.3) !important;
    }
    50% {
        box-shadow:
            0 0 40px rgba(59, 130, 246, 0.5),
            0 8px 32px rgba(0, 0, 0, 0.3),
            inset 0 1px 2px rgba(255, 255, 255, 0.2),
            inset 0 -1px 2px rgba(0, 0, 0, 0.2) !important;
        border-color: rgba(147, 197, 253, 0.5) !important;
    }
}

html.maxreptracker-dark-mode-enabled
    .mrt-voice-fab:not(.is-listening):not(.is-thinking):not(.is-speaking) {
    animation:
        fab-entrance 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 0.8s forwards,
        fab-dark-breathing 3s ease-in-out 1.2s infinite !important;
}

@media (prefers-reduced-motion: reduce) {
    html.maxreptracker-dark-mode-enabled
        .mrt-voice-fab:not(.is-listening):not(.is-thinking):not(.is-speaking) {
        animation: none !important;
    }
}

html.maxreptracker-dark-mode-enabled .mrt-voice-highlight {
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.7) !important;
}

@media (prefers-reduced-motion: reduce) {
    html.maxreptracker-dark-mode-enabled .mrt-voice-highlight {
        box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.7) !important;
    }
}

/* Voice Config: Container & Toggle */
html.maxreptracker-dark-mode-enabled .mrt-voice-config-container {
    background: var(--maxreptracker-dark-bg) !important;
    border: 1px solid var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-voice-config-toggle {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-voice-config-content {
    background: var(--maxreptracker-dark-bg) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled #mrt-voice-preference {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #e0e0e0 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color-scheme: dark;
}

html.maxreptracker-dark-mode-enabled #mrt-voice-preference:focus {
    border-color: #667eea !important;
    background-color: rgba(255, 255, 255, 0.15) !important;
}

html.maxreptracker-dark-mode-enabled #mrt-voice-preference option {
    background-color: #333 !important;
    color: #e0e0e0 !important;
}

/* Visitor Voice UI: Root Variables */
html.maxreptracker-dark-mode-enabled {
    --mrt-visitor-text: #e8eaed;
    --mrt-visitor-text-secondary: #9aa0a6;
}

html.maxreptracker-dark-mode-enabled .mrt-visitor-voice-action {
    background: linear-gradient(
        135deg,
        rgba(59, 130, 246, 0.7) 0%,
        rgba(96, 165, 250, 0.5) 50%,
        rgba(147, 197, 253, 0.4) 100%
    ) !important;
    backdrop-filter: blur(16px) !important;
    -webkit-backdrop-filter: blur(16px) !important;
    border: 1px solid rgba(147, 197, 253, 0.35) !important;
    box-shadow:
        0 0 30px rgba(59, 130, 246, 0.4),
        0 8px 32px rgba(0, 0, 0, 0.3),
        inset 0 1px 2px rgba(255, 255, 255, 0.2),
        inset 0 -1px 2px rgba(0, 0, 0, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-visitor-voice-action::before {
    background: linear-gradient(
        145deg,
        rgba(255, 255, 255, 0.15) 0%,
        rgba(255, 255, 255, 0.03) 40%,
        transparent 60%
    ) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-visitor-voice-action:hover {
    background: linear-gradient(
        135deg,
        rgba(37, 99, 235, 0.8) 0%,
        rgba(59, 130, 246, 0.65) 50%,
        rgba(96, 165, 250, 0.55) 100%
    ) !important;
    border-color: rgba(147, 197, 253, 0.5) !important;
    box-shadow:
        0 0 40px rgba(59, 130, 246, 0.55),
        0 12px 40px rgba(0, 0, 0, 0.35),
        inset 0 1px 3px rgba(255, 255, 255, 0.25),
        inset 0 -1px 2px rgba(0, 0, 0, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-visitor-voice-widget.is-listening
    .mrt-visitor-voice-action {
    background: linear-gradient(
        135deg,
        rgba(239, 68, 68, 0.75) 0%,
        rgba(248, 113, 113, 0.55) 50%,
        rgba(252, 165, 165, 0.45) 100%
    ) !important;
    border-color: rgba(252, 165, 165, 0.4) !important;
    box-shadow:
        0 0 35px rgba(239, 68, 68, 0.5),
        0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-visitor-voice-widget.is-thinking
    .mrt-visitor-voice-action {
    background: linear-gradient(
        135deg,
        rgba(139, 92, 246, 0.75) 0%,
        rgba(167, 139, 250, 0.55) 50%,
        rgba(196, 181, 253, 0.45) 100%
    ) !important;
    border-color: rgba(196, 181, 253, 0.4) !important;
    box-shadow:
        0 0 35px rgba(139, 92, 246, 0.5),
        0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-visitor-voice-widget.is-speaking
    .mrt-visitor-voice-action {
    background: linear-gradient(
        135deg,
        rgba(34, 197, 94, 0.75) 0%,
        rgba(74, 222, 128, 0.55) 50%,
        rgba(134, 239, 172, 0.45) 100%
    ) !important;
    border-color: rgba(134, 239, 172, 0.4) !important;
    box-shadow:
        0 0 35px rgba(34, 197, 94, 0.5),
        0 8px 32px rgba(0, 0, 0, 0.3) !important;
}

@keyframes mrt-visitor-dark-breathing {
    0%,
    100% {
        box-shadow:
            0 0 25px rgba(59, 130, 246, 0.35),
            0 8px 32px rgba(0, 0, 0, 0.3),
            inset 0 1px 2px rgba(255, 255, 255, 0.2),
            inset 0 -1px 2px rgba(0, 0, 0, 0.2) !important;
        border-color: rgba(147, 197, 253, 0.3) !important;
    }
    50% {
        box-shadow:
            0 0 40px rgba(59, 130, 246, 0.5),
            0 8px 32px rgba(0, 0, 0, 0.3),
            inset 0 1px 2px rgba(255, 255, 255, 0.2),
            inset 0 -1px 2px rgba(0, 0, 0, 0.2) !important;
        border-color: rgba(147, 197, 253, 0.5) !important;
    }
}

html.maxreptracker-dark-mode-enabled
    .mrt-visitor-voice-widget:not(.is-listening):not(.is-thinking):not(
        .is-speaking
    )
    .mrt-visitor-voice-action {
    animation: mrt-visitor-dark-breathing 3s ease-in-out infinite !important;
}

html.maxreptracker-dark-mode-enabled .mrt-visitor-wave-bars span {
    background-color: #4b5563 !important;
}

/* ==========================================================================
   Exercise Library Dark Mode Styles
   Cards, lightbox, toolbar, toggle, meta items
   ========================================================================== */

/* App container */
html.maxreptracker-dark-mode-enabled .mrt-el-app {
    color: var(--maxreptracker-dark-text) !important;
}

/* Lightbox */
html.maxreptracker-dark-mode-enabled .mrt-el-lightbox {
    background: rgba(0, 0, 0, 0.6) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-lightbox-inner {
    background: rgba(26, 26, 26, 0.85) !important;
    color: var(--maxreptracker-dark-text) !important;
    border: 1px solid var(--maxreptracker-dark-border) !important;
    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5) !important;
    backdrop-filter: blur(20px) !important;
}

/* Close button */
html.maxreptracker-dark-mode-enabled .mrt-el-close {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #cbd5e0 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-close:hover {
    background: rgba(255, 255, 255, 0.15) !important;
    color: #fff !important;
}

/* Content */
html.maxreptracker-dark-mode-enabled .mrt-el-content {
    color: #e2e8f0 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-content h2 {
    background: linear-gradient(135deg, #fff 0%, #cbd5e0 100%) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-content strong {
    color: #a0aec0 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-content hr {
    border-top-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-content h4 {
    color: #f7fafc !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-content li {
    color: #cbd5e0 !important;
}

/* Toolbar */
html.maxreptracker-dark-mode-enabled .mrt-el-toolbar input,
html.maxreptracker-dark-mode-enabled .mrt-el-toolbar select {
    background-color: var(--maxreptracker-dark-bg) !important;
    color: var(--maxreptracker-dark-text) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-toolbar input:focus,
html.maxreptracker-dark-mode-enabled .mrt-el-toolbar select:focus {
    background-color: var(--maxreptracker-dark-bg) !important;
    color: var(--maxreptracker-dark-text) !important;
    border-color: transparent !important;
    background-image:
        linear-gradient(
            var(--maxreptracker-dark-bg),
            var(--maxreptracker-dark-bg)
        ),
        conic-gradient(
            from var(--mrt-el-border-angle),
            #b26fc0,
            #4da3ff,
            #f9e182,
            #b26fc0
        ) !important;
    background-origin: border-box !important;
    background-clip: padding-box, border-box !important;
}

/* Cards */
html.maxreptracker-dark-mode-enabled .mrt-el-card {
    border-color: var(--maxreptracker-dark-border) !important;
    background-color: transparent !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-card-title {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-card-title:hover {
    color: #4da3ff !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-load-more:hover {
    background-color: #3b1fe0 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-show-less {
    background-color: #334155 !important;
    color: #f1f5f9 !important;
    border: none !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-show-less:hover {
    background-color: #475569 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-card small {
    color: #aaa !important;
}

/* Toggle */
html.maxreptracker-dark-mode-enabled .mrt-el-type-toggle {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--maxreptracker-dark-border) !important;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-toggle-option {
    color: rgba(255, 255, 255, 0.7) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-toggle-slider {
    background: linear-gradient(
        135deg,
        var(--mrt-primary, #4f33ff) 0%,
        #6366f1 100%
    ) !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-el-type-toggle
    input[type="radio"]:checked
    + label {
    color: #fff !important;
}

html.maxreptracker-dark-mode-enabled .mrt-toggle-count {
    background: rgba(255, 255, 255, 0.12) !important;
}

html.maxreptracker-dark-mode-enabled input[type="radio"]:checked + .mrt-el-toggle-option .mrt-toggle-count {
    background: rgba(255, 255, 255, 0.25) !important;
}

/* Meta Items */
html.maxreptracker-dark-mode-enabled .mrt-el-meta-item {
    background: rgba(255, 255, 255, 0.03) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-meta-label {
    color: #a0aec0 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-meta-value {
    color: #f7fafc !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-instructions-section {
    background: transparent !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-instructions-list li {
    color: #cbd5e0 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-el-instructions-list li::before {
    background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%) !important;
}

/* No Exercises */
html.maxreptracker-dark-mode-enabled .mrt-el-no-exercises {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: var(--maxreptracker-dark-border) !important;
    color: #a0aec0 !important;
}

/* Default State */
html.maxreptracker-dark-mode-enabled .mrt-el-default-state {
    border-color: var(--maxreptracker-dark-border) !important;
    color: #a0aec0 !important;
}

/* ==========================================================================
   Timeline Dark Mode Styles
   Layout, header, buttons, timeline list, modals, upload, images
   ========================================================================== */

/* ------------------------------------------
   Layout
   ------------------------------------------ */
html.maxreptracker-dark-mode-enabled .mrt-timeline-container,
html.maxreptracker-dark-mode-enabled .mrt-timelines-management {
    background: var(--maxreptracker-dark-bg) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

/* ------------------------------------------
   Header
   ------------------------------------------ */
html.maxreptracker-dark-mode-enabled .mrt-timelines-header {
    background: var(--maxreptracker-dark-bg) !important;
    border-bottom-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timelines-header h6,
html.maxreptracker-dark-mode-enabled .mrt-timelines-title-group h6 {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-tip {
    color: #94a3b8 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-visibility-control {
    background: #2d3748 !important;
    border-color: #4a5568 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-visibility-slider {
    background-color: #4a5568 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-visibility-off {
    color: #718096 !important;
}

/* ------------------------------------------
   Timeline List
   ------------------------------------------ */
html.maxreptracker-dark-mode-enabled
    .mrt-timelines-management
    .mrt-timeline-item {
    background: var(--maxreptracker-dark-bg) !important;
    border-color: #2d2d2d !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-timelines-management
    .mrt-timeline-item:hover {
    border-color: #a29bfe !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-title {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-count {
    color: #a0a0a0 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-selected {
    background: #1e1b2e !important;
    border-color: #a29bfe !important;
    box-shadow:
        0 0 20px rgba(162, 155, 254, 0.15),
        0 8px 32px rgba(0, 0, 0, 0.4) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-selected::before {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    border-radius: 18px !important;
    padding: 1px !important;
    background: linear-gradient(
        135deg,
        rgba(162, 155, 254, 0.5),
        rgba(108, 92, 231, 0.5)
    ) !important;
    -webkit-mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0) !important;
    mask:
        linear-gradient(#fff 0 0) content-box,
        linear-gradient(#fff 0 0) !important;
    -webkit-mask-composite: xor !important;
    mask-composite: exclude !important;
    pointer-events: none !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-timeline-selected
    .mrt-timeline-title {
    background: linear-gradient(135deg, #c084fc, #a29bfe) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-active-indicator {
    background: rgba(40, 167, 69, 0.15) !important;
}

/* ------------------------------------------
   Buttons
   ------------------------------------------ */
html.maxreptracker-dark-mode-enabled .mrt-edit-title-btn,
html.maxreptracker-dark-mode-enabled .mrt-cancel-title-btn {
    background: var(--maxreptracker-dark-bg) !important;
    color: #a0a0a0 !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-edit-title-btn:hover {
    background: #252525 !important;
    color: #a29bfe !important;
    border-color: #a29bfe !important;
    box-shadow: 0 4px 12px rgba(162, 155, 254, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-action-btn.mrt-delete-timeline-btn,
html.maxreptracker-dark-mode-enabled .mrt-delete-btn {
    background: rgba(250, 82, 82, 0.1) !important;
    color: #ff8787 !important;
    border-color: rgba(250, 82, 82, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-action-btn.mrt-delete-timeline-btn:hover,
html.maxreptracker-dark-mode-enabled .mrt-delete-btn:hover {
    background: linear-gradient(135deg, #ff6b6b 0%, #fa5252 100%) !important;
    color: white !important;
    border-color: transparent !important;
}

html.maxreptracker-dark-mode-enabled .mrt-save-title-btn {
    background: rgba(64, 192, 87, 0.1) !important;
    color: #69db7c !important;
    border-color: rgba(64, 192, 87, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-save-title-btn:hover {
    background: linear-gradient(135deg, #51cf66 0%, #37b24d 100%) !important;
    color: white !important;
    border-color: transparent !important;
}

html.maxreptracker-dark-mode-enabled .mrt-edit-title-input {
    background: var(--maxreptracker-dark-bg) !important;
    color: var(--maxreptracker-dark-text) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-edit-title-input:focus {
    border-color: #a29bfe !important;
    box-shadow: 0 0 0 3px rgba(162, 155, 254, 0.15) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-action-btn.mrt-default-timeline-indicator {
    background: #252525 !important;
    color: #555 !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-sort-btn {
    background: #252525 !important;
    border-color: var(--maxreptracker-dark-border) !important;
    color: #a0a0a0 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-sort-btn:hover {
    background: #2d2d2d !important;
    color: #a29bfe !important;
    border-color: #a29bfe !important;
}

html.maxreptracker-dark-mode-enabled .mrt-create-timeline-btn {
    box-shadow: 0 4px 14px rgba(162, 155, 254, 0.25) !important;
}

/* ------------------------------------------
   Create Modal
   ------------------------------------------ */
html.maxreptracker-dark-mode-enabled .mrt-timeline-create-modal-overlay {
    background: rgba(0, 0, 0, 0.7) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-create-modal {
    background: var(--maxreptracker-dark-bg) !important;
    border: 1px solid var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-create-modal-title {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-create-modal-body {
    background: var(--maxreptracker-dark-bg) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-create-modal-label {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-create-input {
    background: #2a2a2a !important;
    border-color: var(--maxreptracker-dark-border) !important;
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-create-modal-btn-cancel {
    background: #333 !important;
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled
    .mrt-timeline-create-modal-btn-cancel:hover {
    background: #444 !important;
}

/* ------------------------------------------
   Delete Modal
   ------------------------------------------ */
html.maxreptracker-dark-mode-enabled .mrt-timeline-delete-modal-overlay {
    background: rgba(0, 0, 0, 0.8) !important;
    backdrop-filter: blur(6px) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-delete-modal {
    background: var(--maxreptracker-dark-bg) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-delete-modal-header {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-delete-modal-icon {
    background: rgba(255, 255, 255, 0.15) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-delete-modal-body {
    background: var(--maxreptracker-dark-bg) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-delete-modal-message {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-delete-modal-btn-cancel {
    background: #3a3a3a !important;
    color: var(--maxreptracker-dark-text) !important;
    border: 1px solid #4a4a4a !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-delete-modal-btn-cancel:hover {
    background: #4a4a4a !important;
    border-color: #5a5a5a !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-delete-modal-btn-delete {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-delete-modal-btn-delete:hover {
    background: linear-gradient(135deg, #b91c1c 0%, #991b1b 100%) !important;
    box-shadow: 0 4px 12px rgba(220, 38, 38, 0.4) !important;
}

/* ------------------------------------------
   Upload
   ------------------------------------------ */
html.maxreptracker-dark-mode-enabled .mrt-timeline-upload-toggle,
html.maxreptracker-dark-mode-enabled .mrt-timeline-preview-section {
    background: var(--maxreptracker-dark-bg) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-header-left h4,
html.maxreptracker-dark-mode-enabled .mrt-preview-header h6,
html.maxreptracker-dark-mode-enabled .mrt-upload-prompt p,
html.maxreptracker-dark-mode-enabled .mrt-existing-images h6 {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-header-left p {
    color: #94a3b8 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-upload-interface {
    background: #262626 !important;
    border-color: #404040 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-upload-interface:hover {
    background: #2a2a2a !important;
    border-color: #0082fc !important;
}

html.maxreptracker-dark-mode-enabled .mrt-upload-icon {
    background: #333 !important;
    color: #94a3b8 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-select-file {
    background: #333 !important;
    color: var(--maxreptracker-dark-text) !important;
    border-color: #404040 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-select-file:hover {
    background: #404040 !important;
    border-color: #525252 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-progress-bar {
    background: #333 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-preview-header,
html.maxreptracker-dark-mode-enabled .mrt-timeline-slider {
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-slider {
    background-color: #404040 !important;
}

/* ------------------------------------------
   Images - Loading Spinner
   ------------------------------------------ */
html.maxreptracker-dark-mode-enabled .mrt-timeline-loading {
    color: #94a3b8 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-loading::before {
    border-color: rgba(0, 130, 252, 0.2) !important;
    border-top-color: #0082fc !important;
}

/* ------------------------------------------
   Images - Skeleton Loading
   ------------------------------------------ */
html.maxreptracker-dark-mode-enabled .image-skeleton {
    background:
        linear-gradient(
            105deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 0.03) 45%,
            rgba(255, 255, 255, 0.08) 50%,
            rgba(255, 255, 255, 0.03) 55%,
            rgba(255, 255, 255, 0) 100%
        ),
        linear-gradient(
            90deg,
            #2d3748 0%,
            #4a5568 25%,
            #2d3748 50%,
            #4a5568 75%,
            #2d3748 100%
        ) !important;
    background-size:
        300% 100%,
        100% 100% !important;
    box-shadow:
        inset 0 1px 3px rgba(0, 0, 0, 0.2),
        inset 0 -1px 2px rgba(255, 255, 255, 0.05) !important;
}

html.maxreptracker-dark-mode-enabled .image-skeleton::before {
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.05) 50%,
        transparent 100%
    ) !important;
}

html.maxreptracker-dark-mode-enabled .image-skeleton::after {
    border-color: rgba(255, 255, 255, 0.05) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-image.error,
html.maxreptracker-dark-mode-enabled .mrt-manage-image.error {
    filter: grayscale(100%) brightness(0.8) !important;
    opacity: 0.6 !important;
}

/* ------------------------------------------
   Images - Timeline Items
   ------------------------------------------ */
html.maxreptracker-dark-mode-enabled .mrt-timeline-item {
    background: #262626 !important;
    border: 1px solid var(--maxreptracker-dark-border) !important;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.4) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-image-container {
    background: var(--maxreptracker-dark-bg) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-image {
    background: var(--maxreptracker-dark-bg) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-date {
    background: linear-gradient(
        to top,
        rgba(0, 0, 0, 0.8) 0%,
        transparent 100%
    ) !important;
    backdrop-filter: blur(12px) !important;
    -webkit-backdrop-filter: blur(12px) !important;
    border-top: 1px solid var(--maxreptracker-dark-border) !important;
}

/* ------------------------------------------
   Images - Manage
   ------------------------------------------ */
html.maxreptracker-dark-mode-enabled .mrt-manage-item {
    background: #262626 !important;
    border-color: var(--maxreptracker-dark-border) !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-manage-item:hover {
    background: #2a2a2a !important;
    border-color: rgba(0, 130, 252, 0.4) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-manage-image-container {
    background: var(--maxreptracker-dark-bg) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-manage-date {
    color: #94a3b8 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-replace-btn {
    background: #333 !important;
    color: var(--maxreptracker-dark-text) !important;
    border-color: #404040 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-replace-btn:hover {
    background: #404040 !important;
    border-color: #525252 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-delete-btn {
    background: rgba(239, 68, 68, 0.1) !important;
    color: #ef4444 !important;
    border-color: rgba(239, 68, 68, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-delete-btn:hover {
    background: rgba(239, 68, 68, 0.2) !important;
    border-color: rgba(239, 68, 68, 0.3) !important;
}

/* ==========================================================================
   Music Player Dark Mode Styles
   User library, modal, mini player variables
   ========================================================================== */

/* User Library - Toggle */
html.maxreptracker-dark-mode-enabled .mrt-music-library-toggle {
    background: var(--maxreptracker-dark-bg) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-header-left h4 {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-header-left p {
    color: #94a3b8 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-timeline-slider {
    background-color: #404040 !important;
    border: 1px solid var(--maxreptracker-dark-border) !important;
}

/* User Library - Container */
html.maxreptracker-dark-mode-enabled .mrt-user-library {
    background: var(--maxreptracker-dark-bg) !important;
    border: 1px solid var(--maxreptracker-dark-border) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.4) !important;
}

/* User Library - Track Items */
html.maxreptracker-dark-mode-enabled .mrt-ul-track-item:hover {
    background: rgba(255, 255, 255, 0.08) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-ul-track-item:active {
    background: rgba(255, 255, 255, 0.12) !important;
}

/* User Library - Action Buttons */
html.maxreptracker-dark-mode-enabled .mrt-ul-action-btn {
    background: #1a1a1a !important;
    color: #a0a0a0 !important;
    border-color: #333 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-ul-action-btn:hover {
    background: #252525 !important;
    color: #a29bfe !important;
    border-color: #a29bfe !important;
    box-shadow: 0 4px 12px rgba(162, 155, 254, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-ul-action-btn.mrt-ul-delete {
    background: rgba(250, 82, 82, 0.1) !important;
    color: #ff8787 !important;
    border-color: rgba(250, 82, 82, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-ul-action-btn.mrt-ul-delete:hover {
    background: linear-gradient(135deg, #ff6b6b 0%, #fa5252 100%) !important;
    color: white !important;
    border-color: transparent !important;
}

/* Music Modal */
html.maxreptracker-dark-mode-enabled .mrt-music-modal-overlay {
    background: rgba(0, 0, 0, 0.8) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-music-modal {
    background: var(--maxreptracker-dark-bg) !important;
    border: 1px solid var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-music-modal-title {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-music-modal-body {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-music-modal-message {
    color: #ccc !important;
}

html.maxreptracker-dark-mode-enabled .mrt-music-modal-btn {
    background: #333 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-music-modal-btn:hover {
    background: #444 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-music-modal-btn-confirm {
    border: none !important;
}

/* Mini Player - Dark Mode Variables */
html.maxreptracker-dark-mode-enabled {
    --mrt-music-accent: #6c63ff;
    --mrt-music-accent-glow: rgba(108, 99, 255, 0.35);
    --mrt-music-bg: #0d0d0f;
    --mrt-music-surface: #16161a;
    --mrt-music-surface-hover: #1e1e24;
    --mrt-music-surface-active: #26262e;
    --mrt-music-text: #eaeaea;
    --mrt-music-text-secondary: #8a8a9a;
    --mrt-music-text-dim: #55555f;
    --mrt-music-border: rgba(255, 255, 255, 0.06);
    --mrt-music-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
    --mrt-mini-bg: rgba(18, 18, 22, 0.82);
    --mrt-mini-border: rgba(255, 255, 255, 0.08);
    --mrt-mini-glass-bg: rgba(18, 18, 22, 0.7);
    --mrt-mini-glass-border: rgba(255, 255, 255, 0.06);
    --mrt-mini-inner-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    --mrt-mini-content-gradient: linear-gradient(
        180deg,
        rgba(30, 30, 36, 0.2) 0%,
        rgba(18, 18, 22, 0.7) 100%
    );
}

/* ==========================================================================
   Delete Account Dark Mode Styles
   Toggle card, warning, confirmation, modal
   ========================================================================== */

html.maxreptracker-dark-mode-enabled .mrt-delete-account-toggle {
    background: var(--maxreptracker-dark-bg) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-delete-account-header-left h4 {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-delete-account-header-left p {
    color: rgba(255, 255, 255, 0.7) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-delete-account-section {
    background: var(--maxreptracker-dark-bg) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-delete-account-warning {
    background: rgba(229, 62, 62, 0.1) !important;
    border-color: var(--maxreptracker-dark-border) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-delete-account-warning p,
html.maxreptracker-dark-mode-enabled .mrt-delete-account-warning ul {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-delete-account-confirmation label {
    color: var(--maxreptracker-dark-text) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-delete-account-modal-overlay {
    --mrt-modal-bg: #242424;
    --mrt-modal-overlay: rgba(0, 0, 0, 0.8);
}

html.maxreptracker-dark-mode-enabled .mrt-delete-account-modal-message {
    color: rgba(255, 255, 255, 0.9) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-delete-account-modal-btn-cancel {
    background: #444 !important;
    color: #eee !important;
}

html.maxreptracker-dark-mode-enabled .mrt-delete-account-modal-btn-cancel:hover {
    background: #555 !important;
}

/* ==========================================================================
   Weight Chart Dark Mode Styles
   Lazy loading containers, header display, inline edit form, secondary button
   ========================================================================== */

html.maxreptracker-dark-mode-enabled .mrt-chart-lazy-container::before {
    mix-blend-mode: screen !important;
    opacity: 0.6 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-chart-lazy-container::after {
    background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-weight-header-display {
    background: rgba(255, 255, 255, 0.03) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.05) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-weight-header-display .weight-trend-badge {
    background: rgba(139, 92, 246, 0.2) !important;
    color: #a78bfa !important;
}

html.maxreptracker-dark-mode-enabled .mrt-inline-edit-form {
    background: #1f2937 !important;
    border-left-color: #a78bfa !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-inline-edit-form label {
    color: #9ca3af !important;
}

html.maxreptracker-dark-mode-enabled .mrt-inline-edit-form input[type="number"] {
    background: #111827 !important;
    border-color: #374151 !important;
    color: white !important;
}

html.maxreptracker-dark-mode-enabled .mrt-inline-edit-form input[type="number"]:focus {
    border-color: #a78bfa !important;
}

html.maxreptracker-dark-mode-enabled .mrt-btn-secondary {
    background: #374151 !important;
    color: #d1d5db !important;
}

html.maxreptracker-dark-mode-enabled .mrt-btn-secondary:hover {
    background: #4b5563 !important;
}

/* ==========================================================================
   Exercise Chart Dark Mode Styles
   Scanning line and dot pattern only — transparent background
   ========================================================================== */

html.maxreptracker-dark-mode-enabled #exerciseChartContainer::before {
    mix-blend-mode: screen !important;
    opacity: 0.6 !important;
}

html.maxreptracker-dark-mode-enabled #exerciseChartContainer::after {
    background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px) !important;
}

/* ==========================================================================
   Toast Notification Dark Mode Styles
   ========================================================================== */

html.maxreptracker-dark-mode-enabled .mrt-toast {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-toast-success {
    background: #051b11 !important;
    color: #75b798 !important;
    border-left-color: #75b798 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-toast-error {
    background: #2c0b0e !important;
    color: #ea868f !important;
    border-left-color: #ea868f !important;
}

html.maxreptracker-dark-mode-enabled .mrt-toast-info {
    background: #032830 !important;
    color: #6edff6 !important;
    border-left-color: #6edff6 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-toast-close {
    color: inherit !important;
}

/* ==========================================================================
   Shared Design Dark Mode Styles
   Skeleton, history toolbar, popovers, date inputs, notice/delete icons
   ========================================================================== */

html.maxreptracker-dark-mode-enabled .mrt-skeleton-placeholder {
    background: #2d2d2d !important;
    background: linear-gradient(90deg, #2d2d2d 25%, #3d3d3d 50%, #2d2d2d 75%) !important;
    background-size: 200% 100% !important;
}

html.maxreptracker-dark-mode-enabled .mrt-history-toolbar {
    background: var(--maxreptracker-dark-bg, #1a1a1a) !important;
    border-bottom-color: var(--maxreptracker-dark-border, #333333) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-toolbar-btn {
    color: var(--maxreptracker-dark-text, #ffffff) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-toolbar-btn:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: #63b3ed !important;
}

html.maxreptracker-dark-mode-enabled .mrt-date-filter-popover {
    background: var(--maxreptracker-dark-bg, #1a1a1a) !important;
    border-color: var(--maxreptracker-dark-border, #333333) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-date-input,
html.maxreptracker-dark-mode-enabled .mrt-date-select {
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
    color: var(--maxreptracker-dark-text, #ffffff) !important;
    color-scheme: dark !important;
}

html.maxreptracker-dark-mode-enabled .mrt-date-select option {
    background-color: var(--maxreptracker-dark-bg, #1a1a1a) !important;
    color: var(--maxreptracker-dark-text, #ffffff) !important;
}

html.maxreptracker-dark-mode-enabled #mrt-history-date-clear {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #cbd5e0 !important;
}

html.maxreptracker-dark-mode-enabled #mrt-history-date-clear:hover {
    background: #9b2c2c !important;
    color: #fc8181 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-notice-icon {
    background: rgba(79, 51, 255, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-delete-modal-icon {
    background: rgba(220, 38, 38, 0.2) !important;
}

/* ==========================================================================
   Benchmark Extras Dark Mode Styles
   Controls, search box, empty states, no data states
   ========================================================================== */

html.maxreptracker-dark-mode-enabled .mrt-benchmark-controls {
    background: var(--mrt-bg-dark, #0f0f0f) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-search-box {
    background: var(--mrt-bg-input, rgba(255, 255, 255, 0.06)) !important;
    border-color: var(--mrt-border-input, rgba(255, 255, 255, 0.1)) !important;
    color: var(--mrt-text-primary, #e0e0e0) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-search-box:focus {
    border-color: var(--mrt-primary, #6c63ff) !important;
    box-shadow: 0 0 0 3px rgba(108, 99, 255, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-search-box::placeholder {
    color: var(--mrt-text-muted, #555) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-search-clear {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #999 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-search-clear:hover {
    background: rgba(255, 255, 255, 0.18) !important;
    color: #ccc !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-empty-content {
    color: #666 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-empty-content svg {
    color: #444 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-empty-content h6 {
    color: #888 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-no-data-content h6 {
    color: #ccc !important;
}

html.maxreptracker-dark-mode-enabled .mrt-benchmark-no-data-content p {
    color: #777 !important;
}

/* ==========================================================================
   Result Form Extras Dark Mode Styles
   Secondary buttons, colored category buttons, ID-specific refresh buttons
   ========================================================================== */

html.maxreptracker-dark-mode-enabled .mrt-secondary-btn {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.15) !important;
    color: #cbd5e0 !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-secondary-btn:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: var(--mrt-primary) !important;
    color: #fff !important;
}

html.maxreptracker-dark-mode-enabled #weighted-refresh-btn:hover,
html.maxreptracker-dark-mode-enabled #calisthenics-refresh-btn:hover,
html.maxreptracker-dark-mode-enabled #weighted-add-new-btn:hover,
html.maxreptracker-dark-mode-enabled #calisthenics-add-new-btn:hover,
html.maxreptracker-dark-mode-enabled #weighted-refresh-btn:active,
html.maxreptracker-dark-mode-enabled #calisthenics-refresh-btn:active,
html.maxreptracker-dark-mode-enabled #weighted-add-new-btn:active,
html.maxreptracker-dark-mode-enabled #calisthenics-add-new-btn:active,
html.maxreptracker-dark-mode-enabled .mrt-exercise-search-btn:hover,
html.maxreptracker-dark-mode-enabled .mrt-exercise-search-btn:active {
    border-color: rgba(255, 255, 255, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled #calisthenics-add-new-btn:hover,
html.maxreptracker-dark-mode-enabled #calisthenics-refresh-btn:hover,
html.maxreptracker-dark-mode-enabled #calisthenics_toggle_extra_weight:hover,
html.maxreptracker-dark-mode-enabled #weighted-add-new-btn:hover,
html.maxreptracker-dark-mode-enabled #weighted-refresh-btn:hover,
html.maxreptracker-dark-mode-enabled .mrt-exercise-search-btn:hover,
html.maxreptracker-dark-mode-enabled #calisthenics-add-new-btn:focus,
html.maxreptracker-dark-mode-enabled #calisthenics-refresh-btn:focus,
html.maxreptracker-dark-mode-enabled #calisthenics_toggle_extra_weight:focus,
html.maxreptracker-dark-mode-enabled #weighted-add-new-btn:focus,
html.maxreptracker-dark-mode-enabled #weighted-refresh-btn:focus,
html.maxreptracker-dark-mode-enabled .mrt-exercise-search-btn:focus,
html.maxreptracker-dark-mode-enabled #calisthenics-add-new-btn:focus-visible,
html.maxreptracker-dark-mode-enabled #calisthenics-refresh-btn:focus-visible,
html.maxreptracker-dark-mode-enabled #calisthenics_toggle_extra_weight:focus-visible,
html.maxreptracker-dark-mode-enabled #weighted-add-new-btn:focus-visible,
html.maxreptracker-dark-mode-enabled #weighted-refresh-btn:focus-visible,
html.maxreptracker-dark-mode-enabled .mrt-exercise-search-btn:focus-visible {
    color: #cbd5e0 !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    outline: none !important;
}

html.maxreptracker-dark-mode-enabled .mrt-colored-category-btn {
    background-color: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #cbd5e0 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-colored-category-btn:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
    color: white !important;
}

html.maxreptracker-dark-mode-enabled .mrt-colored-category-btn.mrt-btn-blue.active {
    background-color: #3182ce !important;
    border-color: #3182ce !important;
    color: white !important;
}

html.maxreptracker-dark-mode-enabled .mrt-colored-category-btn.mrt-btn-green.active {
    background-color: #38a169 !important;
    border-color: #38a169 !important;
    color: white !important;
}

html.maxreptracker-dark-mode-enabled .mrt-colored-category-btn.mrt-btn-orange.active {
    background-color: #dd6b20 !important;
    border-color: #dd6b20 !important;
    color: white !important;
}

html.maxreptracker-dark-mode-enabled .mrt-colored-category-btn.active:hover {
    filter: brightness(1.1) !important;
    opacity: 1 !important;
}

/* ==========================================================================
   Profile Extras Dark Mode Styles
   Toggle cards, zone headers, sliders, profile title input, edit button
   ========================================================================== */

html.maxreptracker-dark-mode-enabled .mrt-toggle-card {
    background: rgba(30, 30, 30, 0.45) !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled
    :is(
        .mrt-zone-header-left,
        .mrtai-header-left,
        .mrt-voice-header-left,
        .mrt-timeline-header-left,
        .mrt-reminder-header-left,
        .maxreptracker-header-left,
        .mrt-delete-account-header-left
    )
    h4 {
    color: #f8fafc !important;
}

html.maxreptracker-dark-mode-enabled
    :is(
        .mrt-zone-header-left,
        .mrtai-header-left,
        .mrt-voice-header-left,
        .mrt-timeline-header-left,
        .mrt-reminder-header-left,
        .maxreptracker-header-left,
        .mrt-delete-account-header-left
    )
    p {
    color: #94a3b8 !important;
}

html.maxreptracker-dark-mode-enabled
    :is(
        .mrt-zone-slider,
        .mrtai-slider,
        .mrt-voice-slider,
        .mrt-timeline-slider,
        .mrt-reminder-config-slider,
        .maxreptracker-slider,
        .mrt-delete-account-slider
    ) {
    background-color: #475569 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-profile-title-input {
    background: rgba(30, 41, 59, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #f8fafc !important;
}

html.maxreptracker-dark-mode-enabled .mrt-profile-title-input:focus {
    background: rgba(30, 41, 59, 0.9) !important;
    border-color: var(--mrt-primary) !important;
    box-shadow: 0 0 0 4px rgba(99, 102, 241, 0.2), 0 4px 20px rgba(0, 0, 0, 0.4) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-edit-title-btn {
    color: #94a3b8 !important;
    background: transparent !important;
}

html.maxreptracker-dark-mode-enabled .mrt-edit-title-btn:hover {
    color: #f8fafc !important;
    background: rgba(255, 255, 255, 0.08) !important;
}

/* ==========================================================================
   Training Zone Extras Dark Mode Styles
   Preview footer, progression, alt options, details toggle, pagination,
   copy button, weight insights, weight tracker extras
   ========================================================================== */

html.maxreptracker-dark-mode-enabled .mrt-preview-footer {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-preview-footer .stat-label {
    color: #94a3b8 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-preview-footer .stat-value {
    color: #f1f5f9 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-progression-container {
    background: rgba(30, 41, 59, 0.4) !important;
    border-color: rgba(255, 255, 255, 0.05) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-progression-title {
    color: #e2e8f0 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-progression-rationale,
html.maxreptracker-dark-mode-enabled .mrt-alt-option-rationale {
    color: #a0aec0 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-alt-option-item {
    background: rgba(255, 255, 255, 0.03) !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
}

html.maxreptracker-dark-mode-enabled .mrt-alt-options-container {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-alt-options-title {
    color: #cbd5e0 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-details-toggle {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #e2e8f0 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-details-toggle:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-preview-pagination-indicator {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #a0aec0 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-preview-page-current {
    color: #a78bfa !important;
}

html.maxreptracker-dark-mode-enabled .mrt-preview-chart-btn {
    background: rgba(167, 139, 250, 0.15) !important;
    border-color: rgba(167, 139, 250, 0.2) !important;
    color: #a78bfa !important;
}

html.maxreptracker-dark-mode-enabled .mrt-preview-chart-btn:hover {
    background: rgba(167, 139, 250, 0.25) !important;
    color: #c4b5fd !important;
    border-color: rgba(196, 181, 253, 0.3) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-performance-title-text {
    color: rgba(255, 255, 255, 0.7) !important;
}

html.maxreptracker-dark-mode-enabled #mrt-training-zone-preview .mrt-copy-btn:hover {
    background-color: rgba(255, 255, 255, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled #mrt-training-zone-preview .mrt-copy-btn svg {
    color: rgba(255, 255, 255, 0.6) !important;
}

html.maxreptracker-dark-mode-enabled #mrt-training-zone-preview .mrt-copy-btn:hover svg {
    color: rgba(255, 255, 255, 0.9) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-weight-insights {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

html.maxreptracker-dark-mode-enabled .mrt-weight-insights .mrt-weight-tracker-title small {
    color: rgba(255, 255, 255, 0.7) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-weight-tracker-change {
    color: #a78bfa !important;
}

html.maxreptracker-dark-mode-enabled .mrt-weight-tracker-percentage {
    color: #c4b5fd !important;
}

html.maxreptracker-dark-mode-enabled .mrt-weight-tracker-footer .stat-label {
    color: #94a3b8 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-weight-tracker-footer .stat-value {
    color: #f1f5f9 !important;
}

/* ==========================================================================
   Calendar Extra Dark Mode Styles
   Top sheet, notes, modals, loading shimmer, and other calendar extras
   ========================================================================== */

/* Reminder Silenced */
html.maxreptracker-dark-mode-enabled .mrt-day-reminder-silenced {
    background: rgba(255, 255, 255, 0.02) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Day Hover */
html.maxreptracker-dark-mode-enabled .mrt-day:hover:not(.mrt-day-other-month):not(.mrt-day-workout) {
    background: rgba(255, 255, 255, 0.15) !important;
}

/* Loading Shimmer */
html.maxreptracker-dark-mode-enabled .mrt-calendar-loading .mrt-day {
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.05) !important;
    background-image: none !important;
}

html.maxreptracker-dark-mode-enabled .mrt-calendar-loading .mrt-day::before {
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.08) 50%,
        transparent 100%
    ) !important;
    background-image: linear-gradient(
        90deg,
        transparent 0%,
        rgba(255, 255, 255, 0.08) 50%,
        transparent 100%
    ) !important;
}

/* Top Sheet */
html.maxreptracker-dark-mode-enabled .mrt-top-sheet {
    background: var(--maxreptracker-dark-bg, #1a1a1a) !important;
    border-color: var(--maxreptracker-dark-border, #333333) !important;
    color: var(--maxreptracker-dark-text, #ffffff) !important;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-top-sheet-header {
    border-bottom-color: var(--maxreptracker-dark-border, #333333) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-top-sheet-close {
    background: rgba(255, 255, 255, 0.1) !important;
    color: var(--maxreptracker-dark-text, #ffffff) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-top-sheet-close:hover {
    background: rgba(255, 255, 255, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-top-sheet-footer {
    border-top-color: var(--maxreptracker-dark-border, #333333) !important;
}

html.maxreptracker-dark-mode-enabled #mrt-note-textarea {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--maxreptracker-dark-border, #333333) !important;
    color: var(--maxreptracker-dark-text, #ffffff) !important;
}

html.maxreptracker-dark-mode-enabled #mrt-note-textarea:focus {
    border-color: var(--mrt-calendar-accent) !important;
}

html.maxreptracker-dark-mode-enabled #mrt-note-textarea::placeholder {
    color: rgba(255, 255, 255, 0.4) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-top-sheet-overlay {
    background: rgba(0, 0, 0, 0.7) !important;
}

/* Quick Button Secondary */
html.maxreptracker-dark-mode-enabled .mrt-quick-btn-secondary {
    background: rgba(255, 255, 255, 0.05) !important;
    color: rgba(255, 255, 255, 0.7) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-quick-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.1) !important;
    color: #fff !important;
}

/* Sheet Stat Wide */
html.maxreptracker-dark-mode-enabled .mrt-sheet-stat-wide {
    background: rgba(255, 255, 255, 0.05) !important;
    border-color: var(--maxreptracker-dark-border, #333333) !important;
}

/* Sheet Divider */
html.maxreptracker-dark-mode-enabled .mrt-sheet-divider {
    border-top-color: rgba(255, 255, 255, 0.1) !important;
}

/* Sheet Note */
html.maxreptracker-dark-mode-enabled .mrt-sheet-note {
    background: linear-gradient(
        135deg,
        rgba(243, 156, 18, 0.08),
        rgba(231, 76, 60, 0.08)
    ) !important;
    border-color: rgba(243, 156, 18, 0.25) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-sheet-note:hover {
    background: linear-gradient(
        135deg,
        rgba(243, 156, 18, 0.12),
        rgba(231, 76, 60, 0.12)
    ) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-sheet-note-content {
    color: var(--maxreptracker-dark-text, #ffffff) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-sheet-add-note {
    background: linear-gradient(
        135deg,
        rgba(243, 156, 18, 0.08),
        rgba(231, 76, 60, 0.08)
    ) !important;
    border-color: rgba(243, 156, 18, 0.25) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-sheet-add-note:hover {
    background: linear-gradient(
        135deg,
        rgba(243, 156, 18, 0.12),
        rgba(231, 76, 60, 0.12)
    ) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-sheet-note-empty {
    color: rgba(255, 255, 255, 0.5) !important;
}

/* Calendar Modal */
html.maxreptracker-dark-mode-enabled .mrt-calendar-modal {
    background: #1e1e1e !important;
    color: #eee !important;
}

html.maxreptracker-dark-mode-enabled .mrt-calendar-modal-message {
    color: #bbb !important;
}

html.maxreptracker-dark-mode-enabled .mrt-calendar-modal-btn-cancel {
    background: #333 !important;
    color: #ccc !important;
}

html.maxreptracker-dark-mode-enabled .mrt-calendar-modal-btn-cancel:hover {
    background: #444 !important;
}

/* ==========================================================================
   AI Coach Extra Dark Mode Styles
   Mode tabs, footer, toggle icon, header
   ========================================================================== */

html.maxreptracker-dark-mode-enabled .mrt-ai-toggle-icon {
    color: #a3bffa !important;
}

html.maxreptracker-dark-mode-enabled .mrt-ai-mode-tab::before {
    background: #a3bffa !important;
}

html.maxreptracker-dark-mode-enabled .mrt-ai-mode-tab.open::before {
    background: #a3bffa !important;
}

html.maxreptracker-dark-mode-enabled .mrt-ai-mode-tabs {
    mask-image: linear-gradient(
        to right,
        transparent,
        black 10px,
        black 90%,
        transparent
    );
}

html.maxreptracker-dark-mode-enabled .mrt-ai-mode-tab {
    background: rgba(30, 30, 35, 0.6) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
}

html.maxreptracker-dark-mode-enabled .mrt-ai-mode-tab:hover {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #e2e8f0 !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-ai-mode-tab.preselected {
    background: rgba(102, 126, 234, 0.1) !important;
    border-color: rgba(102, 126, 234, 0.4) !important;
    color: #a3bffa !important;
}

html.maxreptracker-dark-mode-enabled .mrt-ai-mode-tab.selected {
    background: rgba(102, 126, 234, 0.15) !important;
    border-color: #818cf8 !important;
    color: #fff !important;
    box-shadow: 0 0 15px rgba(102, 126, 234, 0.1) !important;
}

html.maxreptracker-dark-mode-enabled .mrt-ai-mode-tab.open {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
    color: white !important;
    border-color: transparent !important;
}

html.maxreptracker-dark-mode-enabled .mrt-ai-footer {
    border-top-color: rgba(255, 255, 255, 0.08) !important;
    color: rgba(255, 255, 255, 0.4) !important;
}

html.maxreptracker-dark-mode-enabled .mrtai-header-left h4 {
    color: #fff !important;
}

html.maxreptracker-dark-mode-enabled .mrtai-header-left p {
    color: #aaa !important;
}

/* ==========================================================================
   Result Form Search Dark Mode - CSS Variables
   ========================================================================== */

html.maxreptracker-dark-mode-enabled {
    --mrt-bg-card: #1e1e1e !important;
    --mrt-bg-input: #2c2c2c !important;
    --mrt-border-input: #3e3e3e !important;
    --mrt-text-primary: #ffffff !important;
    --mrt-text-secondary: #a0a0a0 !important;
    --mrt-text-muted: #555555 !important;
    --mrt-border-subtle: rgba(255, 255, 255, 0.1) !important;
    --mrt-border-highlight: rgba(255, 255, 255, 0.2) !important;
    --mrt-bg-chip: #2a2a2a !important;
}

/* ==========================================================================
   Mini Chart Dark Mode Styles
   Dashboard exercise card mini charts
   ========================================================================== */

html.maxreptracker-dark-mode-enabled .mrt-mini-chart-container::before {
    mix-blend-mode: screen !important;
    opacity: 0.6 !important;
}

html.maxreptracker-dark-mode-enabled .mrt-mini-chart-container::after {
    background-image: radial-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px) !important;
}