/* Dash 4 slider dark theme fix
   .dash-slider-track  = full rail bar
   .dash-slider-range  = filled portion (left of handle)
   input[type=range]   = the draggable handle input
*/

.dash-slider-track {
    background-color: #4a4a4a !important;
    border-radius: 4px !important;
}

.dash-slider-range {
    background-color: #0d6efd !important;
    border-radius: 4px !important;
}

/* Handle thumb — Chrome/Edge/Safari */
.dash-slider-wrapper input[type="range"]::-webkit-slider-thumb {
    background-color: #0d6efd !important;
    border: 2px solid #fff !important;
}

/* Handle thumb — Firefox */
.dash-slider-wrapper input[type="range"]::-moz-range-thumb {
    background-color: #0d6efd !important;
    border: 2px solid #fff !important;
}