/* Clean day contrast guard for every button-like control. */
body.theme-clean-day {
    --clean-day-button-bg: #ffffff;
    --clean-day-button-hover-bg: #f3f4f6;
    --clean-day-button-text: #111111;
    --clean-day-button-border: rgba(17, 17, 17, 0.24);
    --clean-day-button-border-hover: rgba(17, 17, 17, 0.36);
    --clean-day-button-shadow: 0 1px 2px rgba(17, 17, 17, 0.06);
}

body.theme-clean-day button:not(.color-option):not(.article-media-select-overlay):not(.article-media-quick-delete),
body.theme-clean-day [role="button"]:not(.color-option),
body.theme-clean-day .btn,
body.theme-clean-day .btn-primary,
body.theme-clean-day .btn-secondary,
body.theme-clean-day .btn-outline,
body.theme-clean-day .btn-small,
body.theme-clean-day .btn-text,
body.theme-clean-day .header-btn,
body.theme-clean-day .action-btn,
body.theme-clean-day .action-btn-large,
body.theme-clean-day .filter-tab,
body.theme-clean-day .nav-item,
body.theme-clean-day .nav-overflow-handle,
body.theme-clean-day .quick-action-card,
body.theme-clean-day .activity-chart-tab,
body.theme-clean-day .activity-cardio-type-chip,
body.theme-clean-day .activity-modal-chip,
body.theme-clean-day .lb-chip-btn,
body.theme-clean-day .rp-add-btn,
body.theme-clean-day .star-btn,
body.theme-clean-day .square-icon-btn,
body.theme-clean-day [class*="btn-"]:not(.color-option),
body.theme-clean-day [class*="-btn"]:not(.color-option),
body.theme-clean-day [class$="btn"]:not(.color-option),
body.theme-clean-day [class*="button"]:not(.color-option) {
    background: var(--clean-day-button-bg) !important;
    background-color: var(--clean-day-button-bg) !important;
    color: var(--clean-day-button-text) !important;
    border-color: var(--clean-day-button-border) !important;
    box-shadow: var(--clean-day-button-shadow) !important;
    text-shadow: none !important;
    -webkit-text-fill-color: var(--clean-day-button-text) !important;
}

body.theme-clean-day #nav-bar .nav-item {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #3f3f46 !important;
    -webkit-text-fill-color: #3f3f46 !important;
}

body.theme-clean-day #nav-bar .nav-item.active {
    background: rgba(17, 17, 17, 0.055) !important;
    background-color: rgba(17, 17, 17, 0.055) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day #nav-bar .nav-item:hover,
body.theme-clean-day #nav-bar .nav-item:focus-visible {
    background: rgba(17, 17, 17, 0.045) !important;
    background-color: rgba(17, 17, 17, 0.045) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day #nav-bar .nav-overflow-handle {
    background: rgba(255, 255, 255, 0.96) !important;
    background-color: rgba(255, 255, 255, 0.96) !important;
    border-color: rgba(17, 17, 17, 0.10) !important;
    box-shadow: 0 4px 12px rgba(17, 17, 17, 0.08) !important;
    color: #3f3f46 !important;
    -webkit-text-fill-color: #3f3f46 !important;
}

body.theme-clean-day #nav-bar .nav-overflow-handle:hover,
body.theme-clean-day #nav-bar .nav-overflow-handle:focus-visible,
body.theme-clean-day #nav-bar .nav-overflow-handle.active {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: rgba(17, 17, 17, 0.12) !important;
    box-shadow: 0 5px 14px rgba(17, 17, 17, 0.10) !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day button:not(.color-option):not(.article-media-select-overlay):not(.article-media-quick-delete):hover,
body.theme-clean-day button:not(.color-option):not(.article-media-select-overlay):not(.article-media-quick-delete):focus-visible,
body.theme-clean-day [role="button"]:not(.color-option):hover,
body.theme-clean-day [role="button"]:not(.color-option):focus-visible,
body.theme-clean-day .btn:hover,
body.theme-clean-day .btn:focus-visible,
body.theme-clean-day .btn-primary:hover,
body.theme-clean-day .btn-primary:focus-visible,
body.theme-clean-day .btn-secondary:hover,
body.theme-clean-day .btn-secondary:focus-visible,
body.theme-clean-day .btn-outline:hover,
body.theme-clean-day .btn-outline:focus-visible,
body.theme-clean-day .btn-small:hover,
body.theme-clean-day .btn-small:focus-visible,
body.theme-clean-day .btn-text:hover,
body.theme-clean-day .btn-text:focus-visible,
body.theme-clean-day .header-btn:hover,
body.theme-clean-day .header-btn:focus-visible,
body.theme-clean-day .action-btn:hover,
body.theme-clean-day .action-btn:focus-visible,
body.theme-clean-day .action-btn-large:hover,
body.theme-clean-day .action-btn-large:focus-visible,
body.theme-clean-day .filter-tab:hover,
body.theme-clean-day .filter-tab:focus-visible,
body.theme-clean-day .nav-item:hover,
body.theme-clean-day .nav-item:focus-visible,
body.theme-clean-day .nav-overflow-handle:hover,
body.theme-clean-day .nav-overflow-handle:focus-visible,
body.theme-clean-day .quick-action-card:hover,
body.theme-clean-day .quick-action-card:focus-visible,
body.theme-clean-day .activity-chart-tab:hover,
body.theme-clean-day .activity-chart-tab:focus-visible,
body.theme-clean-day .activity-cardio-type-chip:hover,
body.theme-clean-day .activity-cardio-type-chip:focus-visible,
body.theme-clean-day .activity-modal-chip:hover,
body.theme-clean-day .activity-modal-chip:focus-visible,
body.theme-clean-day .lb-chip-btn:hover,
body.theme-clean-day .lb-chip-btn:focus-visible,
body.theme-clean-day .rp-add-btn:hover,
body.theme-clean-day .rp-add-btn:focus-visible,
body.theme-clean-day .star-btn:hover,
body.theme-clean-day .star-btn:focus-visible,
body.theme-clean-day .square-icon-btn:hover,
body.theme-clean-day .square-icon-btn:focus-visible,
body.theme-clean-day [class*="btn-"]:not(.color-option):hover,
body.theme-clean-day [class*="btn-"]:not(.color-option):focus-visible,
body.theme-clean-day [class*="-btn"]:not(.color-option):hover,
body.theme-clean-day [class*="-btn"]:not(.color-option):focus-visible,
body.theme-clean-day [class$="btn"]:not(.color-option):hover,
body.theme-clean-day [class$="btn"]:not(.color-option):focus-visible,
body.theme-clean-day [class*="button"]:not(.color-option):hover,
body.theme-clean-day [class*="button"]:not(.color-option):focus-visible {
    background: var(--clean-day-button-hover-bg) !important;
    background-color: var(--clean-day-button-hover-bg) !important;
    color: var(--clean-day-button-text) !important;
    border-color: var(--clean-day-button-border-hover) !important;
    filter: none !important;
}

body.theme-clean-day #nav-bar .nav-item:hover,
body.theme-clean-day #nav-bar .nav-item:focus-visible {
    background: rgba(17, 17, 17, 0.045) !important;
    background-color: rgba(17, 17, 17, 0.045) !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day #nav-bar .nav-overflow-handle:hover,
body.theme-clean-day #nav-bar .nav-overflow-handle:focus-visible {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: rgba(17, 17, 17, 0.12) !important;
    box-shadow: 0 5px 14px rgba(17, 17, 17, 0.10) !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

/* Explicit action tiers stay readable in Clean Day instead of collapsing into the same pale surface. */
body.theme-clean-day .btn:not(.btn-outline):not(.btn-secondary):not(.btn-text),
body.theme-clean-day .btn-primary {
    background: #111111 !important;
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 3px 8px rgba(17, 17, 17, 0.14) !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day .btn:not(.btn-outline):not(.btn-secondary):not(.btn-text):hover,
body.theme-clean-day .btn:not(.btn-outline):not(.btn-secondary):not(.btn-text):focus-visible,
body.theme-clean-day .btn-primary:hover,
body.theme-clean-day .btn-primary:focus-visible {
    background: #2f2f2f !important;
    background-color: #2f2f2f !important;
    border-color: #2f2f2f !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day .btn-outline,
body.theme-clean-day .btn-secondary {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: var(--clean-day-button-border) !important;
    color: #111111 !important;
    box-shadow: var(--clean-day-button-shadow) !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day .btn-outline:hover,
body.theme-clean-day .btn-outline:focus-visible,
body.theme-clean-day .btn-secondary:hover,
body.theme-clean-day .btn-secondary:focus-visible {
    background: var(--clean-day-button-hover-bg) !important;
    background-color: var(--clean-day-button-hover-bg) !important;
    border-color: var(--clean-day-button-border-hover) !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day button:disabled,
body.theme-clean-day .btn:disabled,
body.theme-clean-day [role="button"][aria-disabled="true"],
body.theme-clean-day [class*="btn-"]:disabled,
body.theme-clean-day [class*="-btn"]:disabled,
body.theme-clean-day [class$="btn"]:disabled,
body.theme-clean-day [class*="button"]:disabled {
    opacity: 0.55;
    cursor: not-allowed;
}

body.theme-clean-day button .material-symbols-outlined,
body.theme-clean-day [role="button"] .material-symbols-outlined,
body.theme-clean-day .btn .material-symbols-outlined,
body.theme-clean-day .header-btn .material-symbols-outlined,
body.theme-clean-day .action-btn .material-symbols-outlined,
body.theme-clean-day .filter-tab .material-symbols-outlined,
body.theme-clean-day .nav-item .material-symbols-outlined,
body.theme-clean-day .quick-action-card .material-symbols-outlined,
body.theme-clean-day [class*="btn-"] .material-symbols-outlined,
body.theme-clean-day [class*="-btn"] .material-symbols-outlined,
body.theme-clean-day [class$="btn"] .material-symbols-outlined,
body.theme-clean-day [class*="button"] .material-symbols-outlined {
    background: none !important;
    color: currentColor !important;
    text-shadow: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: currentColor !important;
}

body.theme-clean-day button svg,
body.theme-clean-day [role="button"] svg,
body.theme-clean-day .btn svg,
body.theme-clean-day [class*="btn-"] svg,
body.theme-clean-day [class*="-btn"] svg,
body.theme-clean-day [class$="btn"] svg,
body.theme-clean-day [class*="button"] svg {
    color: currentColor !important;
    fill: currentColor;
    stroke: currentColor;
}

body.theme-clean-day #screen-admin .admin-dash-btn,
body.theme-clean-day #screen-admin .coach-guide-card,
body.theme-clean-day #screen-stats > .card,
body.theme-clean-day .quick-action-card,
body.theme-clean-day .action-btn-large,
body.theme-clean-day .admin-dash-btn {
    box-shadow: 0 3px 8px rgba(17, 17, 17, 0.06) !important;
}

body.theme-clean-day #screen-admin .admin-dash-btn:hover,
body.theme-clean-day #screen-admin .coach-guide-card:hover,
body.theme-clean-day .quick-action-card:hover,
body.theme-clean-day .action-btn-large:hover {
    box-shadow: 0 4px 10px rgba(17, 17, 17, 0.08) !important;
}

body.theme-clean-day #screen-admin .admin-dash-btn__title,
body.theme-clean-day #screen-admin .admin-dash-btn__subtitle {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.theme-clean-day #screen-admin .admin-dash-btn__icon {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

body.theme-clean-day #screen-admin .admin-dash-btn .admin-dash-btn__title {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day #screen-admin .admin-dash-btn .admin-dash-btn__subtitle {
    color: #3f3f46 !important;
    -webkit-text-fill-color: #3f3f46 !important;
}

/* Colorized admin panel button icons for theme-clean-day */
body.theme-clean-day #screen-admin #dash-btn-plans .admin-dash-btn__icon,
body.theme-clean-day #screen-admin #dash-btn-plans .material-symbols-outlined {
    color: #772ce8 !important;
    -webkit-text-fill-color: #772ce8 !important;
}
body.theme-clean-day #screen-admin #dash-btn-crm .admin-dash-btn__icon,
body.theme-clean-day #screen-admin #dash-btn-crm .material-symbols-outlined {
    color: #00B36B !important;
    -webkit-text-fill-color: #00B36B !important;
}
body.theme-clean-day #screen-admin #dash-btn-my-schedule .admin-dash-btn__icon,
body.theme-clean-day #screen-admin #dash-btn-my-schedule .material-symbols-outlined {
    color: #0288d1 !important;
    -webkit-text-fill-color: #0288d1 !important;
}
body.theme-clean-day #screen-admin #dash-btn-reports .admin-dash-btn__icon,
body.theme-clean-day #screen-admin #dash-btn-reports .material-symbols-outlined {
    color: #f57c00 !important;
    -webkit-text-fill-color: #f57c00 !important;
}
body.theme-clean-day #screen-admin #dash-btn-clients .admin-dash-btn__icon,
body.theme-clean-day #screen-admin #dash-btn-clients .material-symbols-outlined {
    color: #c2185b !important;
    -webkit-text-fill-color: #c2185b !important;
}
body.theme-clean-day #screen-admin #dash-btn-analytics .admin-dash-btn__icon,
body.theme-clean-day #screen-admin #dash-btn-analytics .material-symbols-outlined {
    color: #0288d1 !important;
    -webkit-text-fill-color: #0288d1 !important;
}
body.theme-clean-day #screen-admin #dash-btn-media .admin-dash-btn__icon,
body.theme-clean-day #screen-admin #dash-btn-media .material-symbols-outlined {
    color: #455a64 !important;
    -webkit-text-fill-color: #455a64 !important;
}
body.theme-clean-day #screen-admin #dash-btn-articles .admin-dash-btn__icon,
body.theme-clean-day #screen-admin #dash-btn-articles .material-symbols-outlined {
    color: #e64a19 !important;
    -webkit-text-fill-color: #e64a19 !important;
}
body.theme-clean-day #screen-admin #dash-btn-coach-access .admin-dash-btn__icon,
body.theme-clean-day #screen-admin #dash-btn-coach-access .material-symbols-outlined {
    color: #512da8 !important;
    -webkit-text-fill-color: #512da8 !important;
}
body.theme-clean-day #screen-admin #dash-btn-protection .admin-dash-btn__icon,
body.theme-clean-day #screen-admin #dash-btn-protection .material-symbols-outlined {
    color: #f57c00 !important;
    -webkit-text-fill-color: #f57c00 !important;
}
body.theme-clean-day #screen-admin #dash-btn-media-metrics .admin-dash-btn__icon,
body.theme-clean-day #screen-admin #dash-btn-media-metrics .material-symbols-outlined {
    color: #d32f2f !important;
    -webkit-text-fill-color: #d32f2f !important;
}
body.theme-clean-day #screen-admin #dash-btn-broadcasts .admin-dash-btn__icon,
body.theme-clean-day #screen-admin #dash-btn-broadcasts .material-symbols-outlined {
    color: #0097a7 !important;
    -webkit-text-fill-color: #0097a7 !important;
}
body.theme-clean-day #screen-admin #dash-btn-audit .admin-dash-btn__icon,
body.theme-clean-day #screen-admin #dash-btn-audit .material-symbols-outlined {
    color: #37474f !important;
    -webkit-text-fill-color: #37474f !important;
}

body.theme-clean-day #screen-plans .filter-container {
    background: #ffffff !important;
    border-color: rgba(17, 17, 17, 0.16) !important;
    box-shadow: 0 1px 2px rgba(17, 17, 17, 0.05) !important;
}

body.theme-clean-day #screen-plans .filter-tab {
    background: #ffffff !important;
    border-color: transparent !important;
    color: #111111 !important;
    box-shadow: none !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day #screen-plans .filter-tab.active {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(17, 17, 17, 0.12) !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day #screen-plans .filter-tab:not(.active):hover,
body.theme-clean-day #screen-plans .filter-tab:not(.active):focus-visible {
    background: #f3f4f6 !important;
    border-color: rgba(17, 17, 17, 0.14) !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day #screen-admin-plans .filter-container,
body.theme-clean-day #screen-logs .audit-tabs {
    background: #ffffff !important;
    border-color: rgba(17, 17, 17, 0.16) !important;
    box-shadow: 0 1px 2px rgba(17, 17, 17, 0.05) !important;
}

body.theme-clean-day #screen-admin-plans .filter-tab,
body.theme-clean-day #screen-logs .audit-tabs .filter-tab {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    color: #111111 !important;
    box-shadow: none !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day #screen-admin-plans .filter-tab.active,
body.theme-clean-day #screen-logs .audit-tabs .filter-tab.active {
    background: #111111 !important;
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(17, 17, 17, 0.12) !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day #screen-admin-plans .filter-tab:not(.active):hover,
body.theme-clean-day #screen-admin-plans .filter-tab:not(.active):focus-visible,
body.theme-clean-day #screen-logs .audit-tabs .filter-tab:not(.active):hover,
body.theme-clean-day #screen-logs .audit-tabs .filter-tab:not(.active):focus-visible {
    background: #f3f4f6 !important;
    background-color: #f3f4f6 !important;
    border-color: transparent !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day #screen-crm .filter-container,
body.theme-clean-day #screen-users .filter-container,
body.theme-clean-day #screen-leaderboard .filter-container,
body.theme-clean-day #screen-records .filter-container,
body.theme-clean-day #screen-all-reports .filter-container,
body.theme-clean-day .coach-linking-tabs.qa-tabs-wrapper,
body.theme-clean-day #screen-admin-stats .analytics-tabs {
    background: #ffffff !important;
    border-color: rgba(17, 17, 17, 0.16) !important;
    box-shadow: 0 1px 2px rgba(17, 17, 17, 0.05) !important;
}

body.theme-clean-day .coach-linking-tools {
    margin-top: 8px !important;
    padding-top: 8px !important;
}

body.theme-clean-day .coach-linking-tabs.qa-tabs-wrapper {
    width: 100% !important;
    gap: 4px !important;
    padding: 4px !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
}

body.theme-clean-day #screen-crm .filter-tab,
body.theme-clean-day #screen-users .filter-tab,
body.theme-clean-day #screen-leaderboard .filter-tab,
body.theme-clean-day #screen-records .filter-tab,
body.theme-clean-day #screen-all-reports .filter-tab,
body.theme-clean-day .coach-linking-tabs .coach-linking-tab,
body.theme-clean-day #screen-admin-stats .analytics-tabs .filter-tab {
    background: #ffffff !important;
    border-color: transparent !important;
    color: #111111 !important;
    box-shadow: none !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day .coach-linking-tabs .coach-linking-tab {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    min-height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 8px 6px !important;
    border-radius: 8px !important;
    text-align: center !important;
    line-height: 1.2 !important;
}

body.theme-clean-day #screen-crm .filter-tab.active,
body.theme-clean-day #screen-users .filter-tab.active,
body.theme-clean-day #screen-leaderboard .filter-tab.active,
body.theme-clean-day #screen-records .filter-tab.active,
body.theme-clean-day #screen-all-reports .filter-tab.active,
body.theme-clean-day .coach-linking-tabs .coach-linking-tab.active,
body.theme-clean-day #screen-admin-stats .analytics-tabs .filter-tab.active,
body.theme-clean-day #screen-stats .activity-chart-tab.active,
body.theme-clean-day .schedule-assistant-stepper__item.is-current,
body.theme-clean-day .lb-chip-btn.is-active {
    background: #111111 !important;
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(17, 17, 17, 0.12) !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day #screen-crm .filter-tab:not(.active):hover,
body.theme-clean-day #screen-crm .filter-tab:not(.active):focus-visible,
body.theme-clean-day #screen-users .filter-tab:not(.active):hover,
body.theme-clean-day #screen-users .filter-tab:not(.active):focus-visible,
body.theme-clean-day #screen-leaderboard .filter-tab:not(.active):hover,
body.theme-clean-day #screen-leaderboard .filter-tab:not(.active):focus-visible,
body.theme-clean-day #screen-records .filter-tab:not(.active):hover,
body.theme-clean-day #screen-records .filter-tab:not(.active):focus-visible,
body.theme-clean-day #screen-all-reports .filter-tab:not(.active):hover,
body.theme-clean-day #screen-all-reports .filter-tab:not(.active):focus-visible,
body.theme-clean-day .coach-linking-tabs .coach-linking-tab:not(.active):hover,
body.theme-clean-day .coach-linking-tabs .coach-linking-tab:not(.active):focus-visible,
body.theme-clean-day #screen-admin-stats .analytics-tabs .filter-tab:not(.active):hover,
body.theme-clean-day #screen-admin-stats .analytics-tabs .filter-tab:not(.active):focus-visible,
body.theme-clean-day #screen-stats .activity-chart-tab:not(.active):hover,
body.theme-clean-day #screen-stats .activity-chart-tab:not(.active):focus-visible,
body.theme-clean-day .lb-chip-btn:not(.is-active):hover,
body.theme-clean-day .lb-chip-btn:not(.is-active):focus-visible {
    background: #f3f4f6 !important;
    background-color: #f3f4f6 !important;
    border-color: rgba(17, 17, 17, 0.14) !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day #screen-users .filter-tab:not(.active),
body.theme-clean-day #screen-users .filter-tab:not(.active):hover,
body.theme-clean-day #screen-users .filter-tab:not(.active):focus-visible {
    border-color: transparent !important;
    box-shadow: none !important;
}

body.theme-clean-day .schedule-assistant-stepper__item.is-current .schedule-assistant-stepper__num,
body.theme-clean-day .schedule-assistant-stepper__item.is-current .schedule-assistant-stepper__label,
body.theme-clean-day .lb-chip-btn.is-active .material-symbols-outlined {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day .schedule-assistant-stepper__item.is-done {
    background: #ffffff !important;
    border-color: rgba(17, 17, 17, 0.18) !important;
    color: #111111 !important;
}

body.theme-clean-day #screen-plans .user-category-title {
    text-shadow: none !important;
}

body.theme-clean-day .report-block-wrapper .rb-toggles {
    background: #ffffff !important;
    border-color: rgba(17, 17, 17, 0.16) !important;
    box-shadow: 0 1px 2px rgba(17, 17, 17, 0.05) !important;
}

body.theme-clean-day .report-block-wrapper .rb-toggles button.rb-toggle-btn {
    background: #ffffff !important;
    border-color: transparent !important;
    color: #111111 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day .report-block-wrapper .rb-toggles button.rb-toggle-btn.active {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(17, 17, 17, 0.12) !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day .report-block-wrapper .rb-toggles button.rb-toggle-btn:not(.active):hover,
body.theme-clean-day .report-block-wrapper .rb-toggles button.rb-toggle-btn:not(.active):focus-visible {
    background: #f3f4f6 !important;
    border-color: rgba(17, 17, 17, 0.14) !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day .plan-grid-nutrition-tabs {
    gap: 4px !important;
    padding: 4px !important;
    border-color: rgba(17, 17, 17, 0.16) !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    box-shadow: 0 1px 2px rgba(17, 17, 17, 0.05) !important;
}

body.theme-clean-day .plan-grid-nutrition-tab {
    min-height: 32px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: transparent !important;
    color: #111111 !important;
    box-shadow: none !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day .plan-grid-nutrition-tab:not(.is-active):not([aria-selected="true"]) {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.theme-clean-day .plan-grid-nutrition-tab.is-active,
body.theme-clean-day .plan-grid-nutrition-tab[aria-selected="true"] {
    background: #111111 !important;
    border: 1px solid #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(17, 17, 17, 0.12) !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day .plan-grid-nutrition-tab:not(.is-active):hover,
body.theme-clean-day .plan-grid-nutrition-tab:not(.is-active):focus-visible {
    background: #f3f4f6 !important;
    border: 0 !important;
    box-shadow: inset 0 0 0 1px rgba(17, 17, 17, 0.14) !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day {
    --clean-day-primary-action-bg: #111111;
    --clean-day-primary-action-hover-bg: #2f2f2f;
    --clean-day-primary-action-text: #ffffff;
    --clean-day-primary-action-shadow: 0 3px 8px rgba(17, 17, 17, 0.14);
}

body.theme-clean-day #screen-workout #submit-btn,
body.theme-clean-day #screen-workout .report-body > .btn,
body.theme-clean-day #screen-workout .workout-result-editor-done,
body.theme-clean-day #report-popup-modal #report-popup-content .btn,
body.theme-clean-day button[style*="background:var(--primary)"],
body.theme-clean-day button[style*="background: var(--primary)"],
body.theme-clean-day .btn[style*="background:var(--primary)"],
body.theme-clean-day .btn[style*="background: var(--primary)"] {
    background: var(--clean-day-primary-action-bg) !important;
    background-color: var(--clean-day-primary-action-bg) !important;
    border-color: var(--clean-day-primary-action-bg) !important;
    color: var(--clean-day-primary-action-text) !important;
    box-shadow: var(--clean-day-primary-action-shadow) !important;
    -webkit-text-fill-color: var(--clean-day-primary-action-text) !important;
}

body.theme-clean-day #screen-workout #submit-btn:hover,
body.theme-clean-day #screen-workout #submit-btn:focus-visible,
body.theme-clean-day #screen-workout .report-body > .btn:hover,
body.theme-clean-day #screen-workout .report-body > .btn:focus-visible,
body.theme-clean-day #screen-workout .workout-result-editor-done:hover,
body.theme-clean-day #screen-workout .workout-result-editor-done:focus-visible,
body.theme-clean-day #report-popup-modal #report-popup-content .btn:hover,
body.theme-clean-day #report-popup-modal #report-popup-content .btn:focus-visible,
body.theme-clean-day button[style*="background:var(--primary)"]:hover,
body.theme-clean-day button[style*="background: var(--primary)"]:hover,
body.theme-clean-day .btn[style*="background:var(--primary)"]:hover,
body.theme-clean-day .btn[style*="background: var(--primary)"]:hover {
    background: var(--clean-day-primary-action-hover-bg) !important;
    background-color: var(--clean-day-primary-action-hover-bg) !important;
    border-color: var(--clean-day-primary-action-hover-bg) !important;
    color: var(--clean-day-primary-action-text) !important;
    -webkit-text-fill-color: var(--clean-day-primary-action-text) !important;
}

body.theme-clean-day .crm-confirm-overlay {
    background: rgba(255, 255, 255, 0.98);
}

body.theme-clean-day .crm-confirm-btn {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(17, 17, 17, 0.18) !important;
    color: #111111 !important;
    box-shadow: 0 4px 12px rgba(17, 17, 17, 0.12), 0 1px 0 rgba(17, 17, 17, 0.05) !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day .crm-confirm-btn:hover,
body.theme-clean-day .crm-confirm-btn:focus-visible {
    background: #f3f4f6 !important;
    background-color: #f3f4f6 !important;
    border-color: rgba(17, 17, 17, 0.32) !important;
    box-shadow: 0 6px 14px rgba(17, 17, 17, 0.15), 0 0 0 3px rgba(17, 17, 17, 0.06) !important;
}

body.theme-clean-day .crm-btn-yes {
    border-color: rgba(13, 148, 136, 0.32) !important;
    color: #0f766e !important;
    -webkit-text-fill-color: #0f766e !important;
}

body.theme-clean-day .crm-btn-trainer {
    border-color: rgba(37, 99, 235, 0.30) !important;
    color: #1d4ed8 !important;
    -webkit-text-fill-color: #1d4ed8 !important;
}

body.theme-clean-day .crm-btn-no {
    border-color: rgba(220, 38, 38, 0.28) !important;
    color: #b91c1c !important;
    -webkit-text-fill-color: #b91c1c !important;
}

body.theme-clean-day .workout-telegram-send-trigger {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border: 1px solid rgba(17, 17, 17, 0.18) !important;
    color: #111111 !important;
    box-shadow: 0 2px 8px rgba(17, 17, 17, 0.11) !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day .workout-telegram-send-trigger:hover,
body.theme-clean-day .workout-telegram-send-trigger:focus-visible {
    background: #f3f4f6 !important;
    background-color: #f3f4f6 !important;
    border-color: rgba(17, 17, 17, 0.32) !important;
    box-shadow: 0 4px 12px rgba(17, 17, 17, 0.14) !important;
}

body.theme-clean-day .vaa-toolbar .vaa-tool.active,
body.theme-clean-day .vaa-toolbar .vaa-tool.active:hover,
body.theme-clean-day .vaa-toolbar .vaa-tool.active:focus-visible {
    background: #111111 !important;
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 7px rgba(17, 17, 17, 0.18) !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day .vaa-toolbar .vaa-tool.active .material-symbols-outlined {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day #video-annotation-modal #vaa-tool-line.active,
body.theme-clean-day #video-annotation-modal #vaa-tool-line.active:hover,
body.theme-clean-day #video-annotation-modal #vaa-tool-line.active:focus-visible,
body.theme-clean-day #video-annotation-modal #vaa-tool-text.active,
body.theme-clean-day #video-annotation-modal #vaa-tool-text.active:hover,
body.theme-clean-day #video-annotation-modal #vaa-tool-text.active:focus-visible {
    background: #000000 !important;
    background-color: #000000 !important;
    border-color: #000000 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day #video-annotation-modal #vaa-tool-line.active .material-symbols-outlined,
body.theme-clean-day #video-annotation-modal #vaa-tool-text.active .material-symbols-outlined {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day .vaa-text-clear,
body.theme-clean-day .vaa-text-clear:hover,
body.theme-clean-day .vaa-text-clear:focus-visible {
    width: 24px !important;
    height: 24px !important;
    border: 0 !important;
    box-shadow: none !important;
    transform: translateY(-50%) !important;
}

body.theme-clean-day .vaa-text-clear {
    background: transparent !important;
    color: #52525b !important;
    -webkit-text-fill-color: #52525b !important;
}

body.theme-clean-day .vaa-text-clear:hover,
body.theme-clean-day .vaa-text-clear:focus-visible {
    background: rgba(17, 17, 17, 0.08) !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day .nutrition-goal-switch__btn {
    background: transparent !important;
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day .nutrition-goal-switch__btn:hover,
body.theme-clean-day .nutrition-goal-switch__btn:focus-visible {
    background: rgba(17, 17, 17, 0.05) !important;
    background-color: rgba(17, 17, 17, 0.05) !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-day .nutrition-goal-switch__btn.active,
body.theme-clean-day .nutrition-goal-switch__btn.active:hover,
body.theme-clean-day .nutrition-goal-switch__btn.active:focus-visible {
    background: #111111 !important;
    background-color: #111111 !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Media observatory segmented controls keep the selected state visible after the global button guard. */
body.theme-clean-day #screen-admin-observability .dashboard-toggle-btn.active,
body.theme-clean-day #screen-admin-observability .dashboard-toggle-btn.active:hover,
body.theme-clean-day #screen-admin-observability .dashboard-toggle-btn.active:focus-visible,
body.theme-clean-day #screen-admin-observability .timeframe-btn.active,
body.theme-clean-day #screen-admin-observability .timeframe-btn.active:hover,
body.theme-clean-day #screen-admin-observability .timeframe-btn.active:focus-visible,
body.theme-clean-day #screen-admin-observability .media-deletion-tab.is-active,
body.theme-clean-day #screen-admin-observability .media-deletion-tab.is-active:hover,
body.theme-clean-day #screen-admin-observability .media-deletion-tab.is-active:focus-visible {
    background: #111111 !important;
    background-color: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 4px rgba(17, 17, 17, 0.12) !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day #screen-admin-observability .media-deletion-tab.is-active strong {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day #screen-plans .plan-item--favorite {
    --plan-favorite-accent: #b45309;
    border-color: rgba(180, 83, 9, 0.48) !important;
    box-shadow: 0 0 0 1px rgba(180, 83, 9, 0.18), 0 6px 14px rgba(180, 83, 9, 0.10) !important;
}

body.theme-clean-day #screen-plans .plan-favorite-btn {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: rgba(17, 17, 17, 0.24) !important;
    color: #52525b !important;
    box-shadow: 0 1px 2px rgba(17, 17, 17, 0.06) !important;
    -webkit-text-fill-color: #52525b !important;
}

body.theme-clean-day #screen-plans .plan-favorite-btn.is-selected {
    background: #fff7ed !important;
    background-color: #fff7ed !important;
    border-color: #b45309 !important;
    color: #b45309 !important;
    box-shadow: 0 0 0 2px rgba(180, 83, 9, 0.18), 0 3px 8px rgba(180, 83, 9, 0.16) !important;
    -webkit-text-fill-color: #b45309 !important;
}

body.theme-clean-day #screen-plans .plan-favorite-btn.is-selected .material-symbols-outlined {
    color: #b45309 !important;
    -webkit-text-fill-color: #b45309 !important;
}

/* Broadcast Center checkboxes and toggles contrast fix for Clean Day theme */
body.theme-clean-day .broadcast-channel-toggle {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: rgba(17, 17, 17, 0.22) !important;
    color: #111111 !important;
    box-shadow: 0 1px 2px rgba(17, 17, 17, 0.06) !important;
}

body.theme-clean-day .broadcast-channel-toggle:hover {
    background: #f3f4f6 !important;
    background-color: #f3f4f6 !important;
    border-color: rgba(17, 17, 17, 0.36) !important;
}

body.theme-clean-day .broadcast-channel-toggle::before {
    background: #ffffff !important;
    background-color: #ffffff !important;
    border-color: rgba(17, 17, 17, 0.28) !important;
}

body.theme-clean-day .broadcast-channel-toggle:has(input:checked) {
    background: rgba(17, 17, 17, 0.055) !important;
    background-color: rgba(17, 17, 17, 0.055) !important;
    border-color: #111111 !important;
}

body.theme-clean-day .broadcast-channel-toggle:has(input:checked)::before {
    background: #111111 !important;
    background-color: #111111 !important;
    border-color: #111111 !important;
}

body.theme-clean-day .broadcast-channel-toggle::after {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

/* Убираем подложку, рамку и тень для кнопок профиля, выхода и назад (Clean Day) */
body.theme-clean-day #header-avatar-btn {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    border: 2px solid var(--border) !important;
}

body.theme-clean-day .header-btn.exit,
body.theme-clean-day .header-btn.back,
body.theme-clean-day #btn-global-back,
body.theme-clean-day #header-settings-btn {
    background: transparent !important;
    background-color: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* При наведении делаем легкую интерактивную подсветку без рамок */
body.theme-clean-day #header-avatar-btn:hover {
    border-color: var(--border-strong) !important;
    box-shadow: none !important;
}

body.theme-clean-day .header-btn.exit:hover,
body.theme-clean-day .header-btn.back:hover,
body.theme-clean-day #btn-global-back:hover,
body.theme-clean-day #header-settings-btn:hover {
    background: rgba(17, 17, 17, 0.05) !important;
    background-color: rgba(17, 17, 17, 0.05) !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

/* Делаем кнопку рейтинга (кубок) на светлой теме легкой и полупрозрачной без тени, как на темной теме */
body.theme-clean-day #btn-global-lb,
body.theme-clean-day #btn-local-lb {
    background: rgba(17, 17, 17, 0.06) !important;
    background-color: rgba(17, 17, 17, 0.06) !important;
    border: 1px solid rgba(17, 17, 17, 0.12) !important;
    box-shadow: none !important;
}

body.theme-clean-day #btn-global-lb:hover,
body.theme-clean-day #btn-local-lb:hover {
    background: rgba(17, 17, 17, 0.12) !important;
    background-color: rgba(17, 17, 17, 0.12) !important;
    border-color: rgba(17, 17, 17, 0.22) !important;
    box-shadow: none !important;
}