/* Clean theme visibility guard for range sliders and toggle tracks. */
body.theme-clean-day {
    --clean-range-track: rgba(17, 17, 17, 0.16);
    --clean-range-track-border: rgba(17, 17, 17, 0.32);
    --clean-range-progress: #111111;
    --clean-range-thumb: #ffffff;
    --clean-range-thumb-border: #111111;
    --clean-range-focus: rgba(17, 17, 17, 0.22);
    --clean-range-shadow: inset 0 1px 2px rgba(17, 17, 17, 0.12);
    --clean-range-thumb-shadow: 0 2px 7px rgba(17, 17, 17, 0.22), 0 0 0 1px rgba(255, 255, 255, 0.8);
}

body.theme-clean-night {
    --clean-range-track: rgba(255, 255, 255, 0.18);
    --clean-range-track-border: rgba(255, 255, 255, 0.28);
    --clean-range-progress: #f4f4f5;
    --clean-range-thumb: #ffffff;
    --clean-range-thumb-border: #0b0b0c;
    --clean-range-focus: rgba(255, 255, 255, 0.22);
    --clean-range-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.45);
    --clean-range-thumb-shadow: 0 2px 7px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.26);
}

body.theme-clean-day input[type="range"],
body.theme-clean-night input[type="range"] {
    accent-color: var(--clean-range-progress);
}

body.theme-clean-day input[type="range"]::-webkit-slider-runnable-track,
body.theme-clean-night input[type="range"]::-webkit-slider-runnable-track {
    height: 8px !important;
    border-radius: 999px !important;
    border: 1px solid var(--clean-range-track-border) !important;
    background: var(--clean-range-track) !important;
    box-shadow: var(--clean-range-shadow) !important;
}

body.theme-clean-day input[type="range"]::-webkit-slider-thumb,
body.theme-clean-night input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    width: 22px !important;
    height: 22px !important;
    margin-top: -8px !important;
    border-radius: 50% !important;
    border: 2px solid var(--clean-range-thumb-border) !important;
    background: var(--clean-range-thumb) !important;
    box-shadow: var(--clean-range-thumb-shadow) !important;
    cursor: grab !important;
}

body.theme-clean-day input[type="range"]::-moz-range-track,
body.theme-clean-night input[type="range"]::-moz-range-track {
    height: 8px !important;
    border-radius: 999px !important;
    border: 1px solid var(--clean-range-track-border) !important;
    background: var(--clean-range-track) !important;
    box-shadow: var(--clean-range-shadow) !important;
}

body.theme-clean-day input[type="range"]::-moz-range-progress,
body.theme-clean-night input[type="range"]::-moz-range-progress {
    height: 8px !important;
    border-radius: 999px !important;
    background: var(--clean-range-progress) !important;
}

body.theme-clean-day input[type="range"]::-moz-range-thumb,
body.theme-clean-night input[type="range"]::-moz-range-thumb {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    border: 2px solid var(--clean-range-thumb-border) !important;
    background: var(--clean-range-thumb) !important;
    box-shadow: var(--clean-range-thumb-shadow) !important;
    cursor: grab !important;
}

body.theme-clean-day input[type="range"]:focus-visible,
body.theme-clean-night input[type="range"]:focus-visible {
    outline: none !important;
}

body.theme-clean-day .tracker-setup-panel input[type="range"]:focus,
body.theme-clean-day .tracker-setup-panel input[type="range"]:focus-visible,
body.theme-clean-night .tracker-setup-panel input[type="range"]:focus,
body.theme-clean-night .tracker-setup-panel input[type="range"]:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

body.theme-clean-day .range-track-bg,
body.theme-clean-day .trim-track-bg,
body.theme-clean-night .range-track-bg,
body.theme-clean-night .trim-track-bg {
    background: var(--clean-range-track) !important;
    border: 1px solid var(--clean-range-track-border) !important;
    box-shadow: var(--clean-range-shadow) !important;
}

body.theme-clean-day .range-track-fill,
body.theme-clean-day .trim-track-fill,
body.theme-clean-night .range-track-fill,
body.theme-clean-night .trim-track-fill {
    background: var(--clean-range-progress) !important;
    box-shadow: 0 0 12px var(--clean-range-focus) !important;
}

body.theme-clean-day .tracker-slider,
body.theme-clean-night .tracker-slider {
    background:
        linear-gradient(
            90deg,
            var(--clean-range-progress) 0%,
            var(--clean-range-progress) var(--tracker-slider-progress, 0%),
            var(--clean-range-track) var(--tracker-slider-progress, 0%),
            var(--clean-range-track) 100%
        ) !important;
    box-shadow: inset 0 0 0 1px var(--clean-range-track-border) !important;
}

body.theme-clean-day .tracker-full-seek,
body.theme-clean-night .tracker-full-seek {
    background: var(--clean-range-track) !important;
    box-shadow: inset 0 0 0 1px var(--clean-range-track-border) !important;
}

body.theme-clean-day .slider,
body.theme-clean-night .slider {
    background: var(--clean-range-track) !important;
    border-color: var(--clean-range-track-border) !important;
}

body.theme-clean-day input:checked + .slider,
body.theme-clean-night input:checked + .slider {
    background: var(--clean-range-progress) !important;
    border-color: var(--clean-range-progress) !important;
}

body.theme-clean-day .slider:before,
body.theme-clean-night .slider:before {
    background: var(--clean-range-thumb) !important;
    border: 1px solid rgba(0, 0, 0, 0.55);
}

body.theme-clean-day input:checked + .slider:before {
    background: #ffffff !important;
    border-color: rgba(17, 17, 17, 0.24);
}

body.theme-clean-night input:checked + .slider:before {
    background: #000000 !important;
    border-color: rgba(255, 255, 255, 0.45);
}

/* Tracker setup panel: Clean Night mirrors the polished Clean Day layout with dark surfaces. */
body.theme-clean-night .tracker-setup-panel {
    background: #050506 !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    box-shadow: 0 14px 30px rgba(0, 0, 0, 0.5), 0 0 0 1px rgba(255, 255, 255, 0.03) !important;
}

body.theme-clean-night .tracker-setup-head {
    border-bottom-color: rgba(255, 255, 255, 0.1) !important;
}

body.theme-clean-night .tracker-setup-title-wrap h3,
body.theme-clean-night .tracker-setup-title-wrap > .material-symbols-outlined {
    color: #f8f8f8 !important;
    text-shadow: none !important;
}

body.theme-clean-night .tracker-setup-close {
    background: #f4f4f5 !important;
    border: 1px solid rgba(255, 255, 255, 0.18) !important;
    color: #111111 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.32) !important;
}

body.theme-clean-night .tracker-setup-close .material-symbols-outlined {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-night .tracker-upload-btn,
body.theme-clean-night .tracker-upload-btn .material-symbols-outlined {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-night .tracker-setup-field,
body.theme-clean-night .tracker-inline-tip {
    background: #101012 !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}

body.theme-clean-night .tracker-inline-tip {
    color: #d4d4d8 !important;
}

body.theme-clean-night .tracker-step-pill {
    background: rgba(255, 255, 255, 0.08) !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #ffffff !important;
}

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

body.theme-clean-night .coach-linking-tabs.qa-tabs-wrapper {
    display: flex !important;
    width: 100% !important;
    gap: 4px !important;
    margin-bottom: 10px !important;
    padding: 4px !important;
    border: 1px solid var(--btn-secondary-border) !important;
    border-radius: 10px !important;
    background: var(--surface-base) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
    box-sizing: border-box !important;
}

body.theme-clean-night .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: 1px solid var(--tab-inactive-border) !important;
    border-radius: 8px !important;
    background: var(--tab-inactive-bg) !important;
    color: var(--tab-inactive-text) !important;
    box-shadow: none !important;
    text-align: center !important;
    line-height: 1.2 !important;
    -webkit-text-fill-color: var(--tab-inactive-text) !important;
}

body.theme-clean-night .coach-linking-tabs .coach-linking-tab.active {
    background: var(--tab-active-bg) !important;
    border-color: var(--tab-active-border) !important;
    color: var(--tab-active-text) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35) !important;
    -webkit-text-fill-color: var(--tab-active-text) !important;
}

body.theme-clean-night .coach-linking-tabs .coach-linking-tab:not(.active):hover,
body.theme-clean-night .coach-linking-tabs .coach-linking-tab:not(.active):focus-visible {
    background: var(--tab-hover-bg) !important;
    border-color: var(--tab-inactive-border) !important;
    color: var(--tab-inactive-text) !important;
    -webkit-text-fill-color: var(--tab-inactive-text) !important;
}

body.theme-clean-night .plan-grid-nutrition-tabs {
    gap: 4px !important;
    padding: 4px !important;
    border-color: var(--btn-secondary-border) !important;
    border-radius: 8px !important;
    background: var(--surface-base) !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important;
}

body.theme-clean-night .plan-grid-nutrition-tab {
    min-height: 32px !important;
    border: 1px solid var(--tab-inactive-border) !important;
    border-radius: 6px !important;
    background: var(--tab-inactive-bg) !important;
    color: var(--tab-inactive-text) !important;
    box-shadow: none !important;
    opacity: 1 !important;
    -webkit-text-fill-color: var(--tab-inactive-text) !important;
}

body.theme-clean-night .plan-grid-nutrition-tab.is-active,
body.theme-clean-night .plan-grid-nutrition-tab[aria-selected="true"] {
    background: var(--tab-active-bg) !important;
    border-color: var(--tab-active-border) !important;
    color: var(--tab-active-text) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35) !important;
    -webkit-text-fill-color: var(--tab-active-text) !important;
}

body.theme-clean-night .plan-grid-nutrition-tab:not(.is-active):hover,
body.theme-clean-night .plan-grid-nutrition-tab:not(.is-active):focus-visible {
    background: var(--tab-hover-bg) !important;
    border-color: var(--tab-inactive-border) !important;
    color: var(--tab-inactive-text) !important;
    -webkit-text-fill-color: var(--tab-inactive-text) !important;
}

body.theme-clean-night .set-label {
    color: #9f9fa8 !important;
}

body.theme-clean-night .set-val,
body.theme-clean-night .tracker-inline-tip .material-symbols-outlined {
    color: #f8f8f8 !important;
}

body.theme-clean-night .dual-range-container input[type="range"]:focus,
body.theme-clean-night .dual-range-container input[type="range"]:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

body.theme-clean-night .dual-range-container input[type="range"]::-webkit-slider-runnable-track {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.theme-clean-night .dual-range-container input[type="range"]::-moz-range-track,
body.theme-clean-night .dual-range-container input[type="range"]::-moz-range-progress {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.theme-clean-night .dual-range-container input[type="range"]::-webkit-slider-thumb,
body.theme-clean-night .dual-range-container input[type="range"]::-moz-range-thumb {
    background: #ffffff !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
    position: relative;
    z-index: 3;
}

body.theme-clean-night #trim-start-range {
    opacity: 1 !important;
}

body.theme-clean-night #trim-start-range::-webkit-slider-thumb,
body.theme-clean-night #trim-start-range::-moz-range-thumb {
    background: #ffffff !important;
    background-color: #ffffff !important;
    opacity: 1 !important;
}

/* Standalone media upload: Clean Day/Night need explicit desktop control states. */
body.theme-clean-day #modal-standalone-upload,
body.theme-clean-night #modal-standalone-upload {
    background: var(--modal-scrim) !important;
}

body.theme-clean-day #modal-standalone-upload .bottom-sheet-card,
body.theme-clean-night #modal-standalone-upload .bottom-sheet-card {
    background: var(--modal-bg) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 18px !important;
    box-sizing: border-box !important;
    box-shadow: var(--shadow-lg) !important;
    color: var(--text-main) !important;
    margin: 0 auto max(6px, env(safe-area-inset-bottom)) !important;
    max-width: calc(100vw - 8px) !important;
    overflow-y: auto !important;
    padding: 14px 10px 16px !important;
    padding-bottom: max(16px, env(safe-area-inset-bottom)) !important;
    position: relative !important;
    width: calc(100vw - 8px) !important;
}

body.theme-clean-day #modal-standalone-upload .fe-header > .material-symbols-outlined,
body.theme-clean-night #modal-standalone-upload .fe-header > .material-symbols-outlined {
    align-items: center !important;
    background: var(--input-bg) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 999px !important;
    box-shadow: var(--shadow-sm) !important;
    color: var(--text-main) !important;
    display: inline-flex !important;
    height: 34px !important;
    justify-content: center !important;
    right: 12px !important;
    top: 12px !important;
    width: 34px !important;
    -webkit-text-fill-color: var(--text-main) !important;
}

body.theme-clean-day #modal-standalone-upload .fe-header > .material-symbols-outlined:hover,
body.theme-clean-day #modal-standalone-upload .fe-header > .material-symbols-outlined:focus-visible {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-night #modal-standalone-upload .fe-header > .material-symbols-outlined:hover,
body.theme-clean-night #modal-standalone-upload .fe-header > .material-symbols-outlined:focus-visible {
    background: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

body.theme-clean-day #modal-standalone-upload .fe-header h3,
body.theme-clean-night #modal-standalone-upload .fe-header h3 {
    color: var(--text-main) !important;
    display: inline-block !important;
    line-height: 1.2 !important;
    max-width: calc(100% - 50px) !important;
    overflow-wrap: anywhere !important;
    padding-right: 44px !important;
}

body.theme-clean-day #modal-standalone-upload .fe-drag-line,
body.theme-clean-night #modal-standalone-upload .fe-drag-line {
    background: var(--border-strong) !important;
}

body.theme-clean-day #modal-standalone-upload .std-input,
body.theme-clean-day #modal-standalone-upload .editor-box,
body.theme-clean-day #modal-standalone-upload .custom-file-upload,
body.theme-clean-day #modal-standalone-upload #sa-file-panel > button,
body.theme-clean-night #modal-standalone-upload .std-input,
body.theme-clean-night #modal-standalone-upload .editor-box,
body.theme-clean-night #modal-standalone-upload .custom-file-upload,
body.theme-clean-night #modal-standalone-upload #sa-file-panel > button {
    background: var(--input-bg) !important;
    border-color: var(--border-color) !important;
    color: var(--text-main) !important;
    box-shadow: none !important;
    -webkit-text-fill-color: var(--text-main) !important;
}

body.theme-clean-day #modal-standalone-upload .std-input::placeholder,
body.theme-clean-night #modal-standalone-upload .std-input::placeholder {
    color: var(--input-placeholder) !important;
    -webkit-text-fill-color: var(--input-placeholder) !important;
}

body.theme-clean-day #modal-standalone-upload .editor-box:empty::before,
body.theme-clean-day #modal-standalone-upload #sa-media-filename,
body.theme-clean-night #modal-standalone-upload .editor-box:empty::before,
body.theme-clean-night #modal-standalone-upload #sa-media-filename {
    color: var(--text-muted) !important;
    -webkit-text-fill-color: var(--text-muted) !important;
}

body.theme-clean-day #modal-standalone-upload .segmented-control,
body.theme-clean-night #modal-standalone-upload .segmented-control {
    background: var(--surface-sunken) !important;
    border-color: var(--border-color) !important;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.04) !important;
}

body.theme-clean-day #modal-standalone-upload .segmented-control-btn,
body.theme-clean-night #modal-standalone-upload .segmented-control-btn {
    background: transparent !important;
    border: 1px solid transparent !important;
    color: var(--text-sec) !important;
    box-shadow: none !important;
    -webkit-text-fill-color: var(--text-sec) !important;
}

body.theme-clean-day #modal-standalone-upload .segmented-control-btn.active,
body.theme-clean-day #modal-standalone-upload .segmented-control-btn[aria-pressed="true"] {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    box-shadow: 0 2px 6px rgba(17, 17, 17, 0.16) !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-night #modal-standalone-upload .segmented-control-btn.active,
body.theme-clean-night #modal-standalone-upload .segmented-control-btn[aria-pressed="true"] {
    background: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
    color: #000000 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.42) !important;
    -webkit-text-fill-color: #000000 !important;
}

body.theme-clean-day #modal-standalone-upload .segmented-control-btn:not(.active):hover,
body.theme-clean-day #modal-standalone-upload .segmented-control-btn:not(.active):focus-visible {
    background: rgba(17, 17, 17, 0.07) !important;
    border-color: rgba(17, 17, 17, 0.12) !important;
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-night #modal-standalone-upload .segmented-control-btn:not(.active):hover,
body.theme-clean-night #modal-standalone-upload .segmented-control-btn:not(.active):focus-visible {
    background: rgba(255, 255, 255, 0.11) !important;
    border-color: rgba(255, 255, 255, 0.16) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day #modal-standalone-upload .toolbar,
body.theme-clean-night #modal-standalone-upload .toolbar {
    background: var(--surface-sunken) !important;
    border-color: var(--border-color) !important;
    gap: 3px !important;
}

body.theme-clean-day #modal-standalone-upload .toolbar button,
body.theme-clean-night #modal-standalone-upload .toolbar button {
    min-width: 34px !important;
    min-height: 32px !important;
    background: var(--input-bg) !important;
    border: 1px solid var(--border-color) !important;
    color: var(--text-main) !important;
    box-shadow: var(--shadow-sm) !important;
    -webkit-text-fill-color: var(--text-main) !important;
}

body.theme-clean-day #modal-standalone-upload .toolbar button:hover,
body.theme-clean-day #modal-standalone-upload .toolbar button:focus-visible {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-night #modal-standalone-upload .toolbar button:hover,
body.theme-clean-night #modal-standalone-upload .toolbar button:focus-visible {
    background: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

body.theme-clean-day #modal-standalone-upload .toolbar button .material-symbols-outlined,
body.theme-clean-night #modal-standalone-upload .toolbar button .material-symbols-outlined,
body.theme-clean-day #modal-standalone-upload .segmented-control-btn .material-symbols-outlined,
body.theme-clean-night #modal-standalone-upload .segmented-control-btn .material-symbols-outlined {
    color: currentColor !important;
    -webkit-text-fill-color: currentColor !important;
}

body.theme-clean-day #modal-standalone-upload #sa-file-panel > button .material-symbols-outlined,
body.theme-clean-day #modal-standalone-upload .custom-file-upload .material-symbols-outlined {
    color: #111111 !important;
    -webkit-text-fill-color: #111111 !important;
}

body.theme-clean-night #modal-standalone-upload #sa-file-panel > button .material-symbols-outlined,
body.theme-clean-night #modal-standalone-upload .custom-file-upload .material-symbols-outlined {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-day #modal-standalone-upload #sa-progress-container,
body.theme-clean-night #modal-standalone-upload #sa-progress-container {
    background: var(--surface-sunken) !important;
    border: 1px solid var(--border-color) !important;
}

body.theme-clean-day #modal-standalone-upload #btn-sa-save {
    background: #111111 !important;
    border-color: #111111 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-night #modal-standalone-upload #btn-sa-save {
    background: #f5f5f5 !important;
    border-color: #f5f5f5 !important;
    color: #000000 !important;
    -webkit-text-fill-color: #000000 !important;
}

@media (max-width: 1099px) {
    body.theme-clean-day #modal-standalone-upload,
    body.theme-clean-night #modal-standalone-upload {
        align-items: flex-end !important;
        padding: 0 4px !important;
    }

    body.theme-clean-day #modal-standalone-upload .fe-header,
    body.theme-clean-night #modal-standalone-upload .fe-header {
        margin-bottom: 12px !important;
        min-height: 34px !important;
    }

    body.theme-clean-day #modal-standalone-upload .segmented-control,
    body.theme-clean-night #modal-standalone-upload .segmented-control,
    body.theme-clean-day #modal-standalone-upload .toolbar,
    body.theme-clean-night #modal-standalone-upload .toolbar {
        width: 100% !important;
        box-sizing: border-box !important;
    }

    body.theme-clean-day #modal-standalone-upload .toolbar button,
    body.theme-clean-night #modal-standalone-upload .toolbar button {
        min-width: 36px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    body.theme-clean-day #modal-standalone-upload #sa-file-panel,
    body.theme-clean-night #modal-standalone-upload #sa-file-panel {
        gap: 6px !important;
        min-width: 0 !important;
    }

    body.theme-clean-day #modal-standalone-upload #sa-file-panel > button,
    body.theme-clean-night #modal-standalone-upload #sa-file-panel > button {
        flex: 0 0 42px !important;
        width: 42px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

@media (min-width: 1100px) and (hover: hover) and (pointer: fine) {
    body.theme-clean-day #modal-standalone-upload,
    body.theme-clean-night #modal-standalone-upload {
        align-items: center !important;
        justify-content: center !important;
        padding: var(--desktop-content-top-offset) var(--desktop-content-right-offset) var(--desktop-content-bottom-offset) var(--desktop-content-left-offset) !important;
    }

    body.theme-clean-day #modal-standalone-upload .bottom-sheet-card,
    body.theme-clean-night #modal-standalone-upload .bottom-sheet-card {
        width: min(620px, calc(100vw - var(--desktop-content-left-offset) - var(--desktop-content-right-offset))) !important;
        max-width: 620px !important;
        max-height: min(760px, calc(100vh - var(--desktop-content-top-offset) - var(--desktop-content-bottom-offset))) !important;
        margin: 0 !important;
        padding: 22px !important;
        padding-bottom: 22px !important;
        border-radius: 18px !important;
        overflow-y: auto !important;
    }

    body.theme-clean-day #modal-standalone-upload .fe-header,
    body.theme-clean-night #modal-standalone-upload .fe-header {
        margin-bottom: 16px !important;
    }

    body.theme-clean-day #modal-standalone-upload #sa-media-desc,
    body.theme-clean-night #modal-standalone-upload #sa-media-desc {
        min-height: 150px !important;
        max-height: 260px !important;
    }
}

/* Tracker setup panel: keep every slider card the same height in Clean themes. */
body.theme-clean-day .tracker-setup-field,
body.theme-clean-night .tracker-setup-field {
    height: 54px !important;
    min-height: 54px !important;
    box-sizing: border-box !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
}

body.theme-clean-day .tracker-setup-field:not(.tracker-setup-field--trim),
body.theme-clean-night .tracker-setup-field:not(.tracker-setup-field--trim) {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

body.theme-clean-day .tracker-setup-label-row,
body.theme-clean-night .tracker-setup-label-row {
    margin-bottom: 4px !important;
}

body.theme-clean-day .tracker-setup-field:not(.tracker-setup-field--trim) .tracker-setup-label-row,
body.theme-clean-night .tracker-setup-field:not(.tracker-setup-field--trim) .tracker-setup-label-row {
    margin-bottom: 0 !important;
}

body.theme-clean-day .tracker-setup-range,
body.theme-clean-day .dual-range-container,
body.theme-clean-night .tracker-setup-range,
body.theme-clean-night .dual-range-container {
    height: 16px !important;
    margin-bottom: 0 !important;
}

body.theme-clean-day .range-track-bg,
body.theme-clean-day .range-track-fill,
body.theme-clean-night .range-track-bg,
body.theme-clean-night .range-track-fill {
    height: 8px !important;
    border-radius: 999px !important;
}

body.theme-clean-day .tracker-slider,
body.theme-clean-night .tracker-slider {
    height: 16px !important;
    margin: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.theme-clean-day .tracker-slider::-webkit-slider-runnable-track,
body.theme-clean-day .tracker-slider::-moz-range-track,
body.theme-clean-day .tracker-slider::-moz-range-progress,
body.theme-clean-night .tracker-slider::-webkit-slider-runnable-track,
body.theme-clean-night .tracker-slider::-moz-range-track,
body.theme-clean-night .tracker-slider::-moz-range-progress {
    height: 8px !important;
}

body.theme-clean-night .tracker-slider::-webkit-slider-runnable-track {
    background:
        linear-gradient(
            90deg,
            var(--clean-range-progress) 0%,
            var(--clean-range-progress) var(--tracker-slider-progress, 0%),
            var(--clean-range-track) var(--tracker-slider-progress, 0%),
            var(--clean-range-track) 100%
        ) !important;
    border: 1px solid var(--clean-range-track-border) !important;
    box-shadow: var(--clean-range-shadow) !important;
}

@media (max-width: 720px) {
    body.theme-clean-day .tracker-setup-panel,
    body.theme-clean-night .tracker-setup-panel {
        padding: 7px 8px 8px !important;
        gap: 4px !important;
    }

    body.theme-clean-day .tracker-setup-field,
    body.theme-clean-night .tracker-setup-field {
        height: 46px !important;
        min-height: 46px !important;
        padding: 7px 8px 4px !important;
    }

    body.theme-clean-day .tracker-setup-field--trim,
    body.theme-clean-day .tracker-setup-field--full,
    body.theme-clean-night .tracker-setup-field--trim,
    body.theme-clean-night .tracker-setup-field--full {
        height: 50px !important;
        min-height: 50px !important;
    }

    body.theme-clean-day .tracker-setup-field--trim,
    body.theme-clean-night .tracker-setup-field--trim {
        padding-top: 4px !important;
    }

    body.theme-clean-day .tracker-setup-range,
    body.theme-clean-day .dual-range-container,
    body.theme-clean-day .tracker-slider,
    body.theme-clean-night .tracker-setup-range,
    body.theme-clean-night .dual-range-container,
    body.theme-clean-night .tracker-slider {
        height: 14px !important;
    }
}

body.theme-clean-night .vaa-toolbar .vaa-tool.active,
body.theme-clean-night .vaa-toolbar .vaa-tool.active:hover,
body.theme-clean-night .vaa-toolbar .vaa-tool.active:focus-visible {
    background: #f4f4f5 !important;
    background-color: #f4f4f5 !important;
    border-color: #f4f4f5 !important;
    color: #050506 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.45), 0 0 0 1px rgba(255, 255, 255, 0.18) !important;
    -webkit-text-fill-color: #050506 !important;
}

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

body.theme-clean-night .vaa-text-clear,
body.theme-clean-night .vaa-text-clear:hover,
body.theme-clean-night .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-night .vaa-text-clear {
    background: transparent !important;
    color: #a1a1aa !important;
    -webkit-text-fill-color: #a1a1aa !important;
}

body.theme-clean-night .vaa-text-clear:hover,
body.theme-clean-night .vaa-text-clear:focus-visible {
    background: rgba(255, 255, 255, 0.12) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

body.theme-clean-night #screen-plans .plan-item--favorite {
    --plan-favorite-accent: #fbbf24;
    border-color: rgba(251, 191, 36, 0.62) !important;
    box-shadow: 0 0 0 1px rgba(251, 191, 36, 0.24), 0 8px 20px rgba(251, 191, 36, 0.12) !important;
}

body.theme-clean-night #screen-plans .plan-favorite-btn {
    background: #101012 !important;
    background-color: #101012 !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #a1a1aa !important;
    box-shadow: none !important;
    -webkit-text-fill-color: #a1a1aa !important;
}

body.theme-clean-night #screen-plans .plan-favorite-btn.is-selected {
    background: rgba(251, 191, 36, 0.18) !important;
    background-color: rgba(251, 191, 36, 0.18) !important;
    border-color: #fbbf24 !important;
    color: #fbbf24 !important;
    box-shadow: 0 0 0 2px rgba(251, 191, 36, 0.18), 0 4px 12px rgba(251, 191, 36, 0.18) !important;
    -webkit-text-fill-color: #fbbf24 !important;
}

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