/* ──── Global page reset (remove default browser edge gap) ──── */
html,
body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100%;
  min-height: 100%;
  background-color: #17181B;
}


/* ──── Model size slider ──── */
/* Unselected part of the track */
.dash-slider-track {
  background-color: #28292D !important;
}

/* Selected range part */
.dash-slider-range {
  background-color: #FE91B8 !important;
}

.dash-slider-thumb {
    border-color: #FE91B8 !important;
    background-color: #FE91B8 !important;
}

.dash-slider-dot:not(.dash-slider-dot-outside-selection) {
    border-color: #FE91B8 !important;
}

/* Range slider number input */
.dash-range-slider-input {
  background-color: #28292D !important;
  color: #FFDEDE !important;
  border: 2px solid #666A70 !important;
  border-radius: 10px !important;
  outline: none !important;
}

.dash-range-slider-input:hover {
    border-color: #FFEBEB !important;
}

.dash-range-slider-input:focus {
    outline: none !important;
    box-shadow: none !important;
    border-color: #FFEBEB !important;
}


/* ──── Dropdowns ────*/
/* Trigger button (closed state) */
button.dash-dropdown {
    background-color: #28292D !important;
    color: #FFDEDE !important;
    border: 2px solid #666A70 !important;
    border-radius: 10px !important;
}

button.dash-dropdown:hover {
    border-color: #FFEBEB !important;
}

/* Open menu panel */
.dash-dropdown-content {
    background-color: #28292D !important;
    border: 2px solid #666A70 !important;
    border-radius: 10px !important;
}

/* All text inside dropdown defaults to light */
.dash-dropdown-content,
.dash-dropdown-content * {
    color: #FFDEDE !important;
}

/* Search container + input */
.dash-dropdown-search-container {
    background-color: #323338 !important;
    border: none !important;
    border-bottom: 1px solid #666A70 !important;
    outline: none !important;
    box-shadow: none !important;
}

.dash-dropdown-search {
    background-color: #323338 !important;
    color: #FFDEDE !important;
}

.dash-dropdown-search::placeholder {
    color: #999999 !important;
}

button.dash-dropdown:focus,
button.dash-dropdown:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

/* Single-select selected */
.dash-dropdown-option:has(input[type="radio"]).selected {
    background-color: #17181B !important;
}

/* Hover — both radio and checkbox */
.dash-dropdown-option:hover {
    background-color: #17181B !important;
}

/* Checkbox accent */
.dash-options-list-option-checkbox[type="checkbox"] {
    accent-color: #FE91B8 !important;
}

/* Placeholder text inside trigger */
button.dash-dropdown .dash-dropdown-placeholder {
    color: #999999 !important;  /* muted when nothing selected */
}

/* Selected value text inside trigger */
button.dash-dropdown .dash-dropdown-value:not(.dash-dropdown-placeholder) {
    color: #FFDEDE !important;
}

/* Arrow icon */
button.dash-dropdown .dash-dropdown-trigger-icon {
    color: #FFDEDE !important;
}

/* Count badge (e.g. "3 selected") */
button.dash-dropdown .dash-dropdown-value-count {
    color: #FE91B8 !important;
}

/* Border around select all / deselect all on hover */
.dash-dropdown-action-button:hover {
  color: #FE91B8 !important;
}

/* Clear button */
.dash-dropdown-clear {
    color: #FFEBEB !important;
}

.dash-dropdown-clear:hover {
    color: #FE91B8 !important;
}


/* ──── Button hover styles ──── */
button#open-info:hover,
button#download-button:hover,
button#plots-diff-barchart-add-pair:hover {
    background-color: #FE91B8 !important; /* Rose color matching COLORS["rose"] */
}

button#close-info:hover {
    background-color: #FFC9C9 !important; /* fersken20 */
    color: #40263E !important;
}

button[id^="plots-diff-barchart-remove-pair-"]:hover {
    color: #FE91B8 !important;
}

#rerank-toggle-track:hover #rerank-toggle-thumb {
    transform: translateY(-50%) scale(1.02) !important;
    box-shadow: 0 0 0 3px rgba(254, 145, 184, 0.35) !important;
}

/* ──── Model provider button styles ──── */

.provider-filter-btn:hover {
    background-color: #FE91B8 !important;
    color: #40263E !important;
    border-color: #FE91B8 !important;
}

.provider-filter-btn.is-active {
    background-color: #FE91B8 !important;
    color: #40263E !important;
    border-color: #FE91B8 !important;
}

.provider-filter-btn.is-active:hover {
    background-color: #FE91B8 !important;
    color: #40263E !important;
    border-color: #FE91B8 !important;
}

.provider-filter-btn.is-partial {
    background-color: #FFC9C9 !important;
    color: #40263E !important;
    border-color: #FFC9C9 !important;
}


/* ──── Tabs ──── */
.tab:not(.tab--selected):hover {
  color: #FFC9C9 !important;
}

.tab.tab--selected:hover {
  color: #40263E !important;
}

/* ──── Collapsible plot cards ──── */
.plots-collapsible-title,
.plots-collapsible-icon i {
    transition: color 0.18s ease;
}

.plots-collapsible-toggle:hover .plots-collapsible-title,
.plots-collapsible-toggle:hover .plots-collapsible-icon i {
    color: #FE91B8 !important;
}