/* ─── Dash Dropdown — polished overrides ─────────────────────────────────── */

/* Outer container */
.Select-control {
  border-radius: 8px !important;
  border: 1.5px solid #dbe4f0 !important;
  background-color: #ffffff !important;
  min-height: 40px !important;
  box-shadow: none !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.88rem !important;
  cursor: pointer !important;
  transition: border-color 0.18s ease, box-shadow 0.18s ease !important;
}

.Select-control:hover {
  border-color: #94a3b8 !important;
}

.is-focused .Select-control,
.is-focused:not(.is-open) .Select-control {
  border-color: #3b82f6 !important;
  box-shadow: 0 0 0 3px rgba(59,130,246,0.15) !important;
}

/* Placeholder */
.Select-placeholder,
.Select--single > .Select-control .Select-value {
  color: #64748b !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.88rem !important;
  line-height: 40px !important;
  padding-left: 10px !important;
}

/* Selected value text */
.Select-value-label {
  color: #0f172a !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.88rem !important;
}

/* Arrow */
.Select-arrow-zone {
  padding-right: 8px !important;
}

.Select-arrow {
  border-color: #64748b transparent transparent !important;
}

.is-open .Select-arrow {
  border-color: transparent transparent #64748b !important;
}

/* Dropdown menu */
.Select-menu-outer {
  border: 1.5px solid #dbe4f0 !important;
  border-radius: 8px !important;
  box-shadow: 0 10px 25px -5px rgba(0,0,0,0.1), 0 4px 10px -5px rgba(0,0,0,0.06) !important;
  overflow: hidden !important;
  font-family: 'Inter', sans-serif !important;
  font-size: 0.88rem !important;
  z-index: 9999 !important;
  margin-top: 4px !important;
}

/* Individual options */
.Select-option {
  padding: 9px 12px !important;
  color: #0f172a !important;
  background-color: #ffffff !important;
  font-size: 0.88rem !important;
  cursor: pointer !important;
  transition: background-color 0.12s ease !important;
}

.Select-option:hover,
.Select-option.is-focused {
  background-color: #eff6ff !important;
  color: #1d4ed8 !important;
}

.Select-option.is-selected {
  background-color: #dbeafe !important;
  color: #1d4ed8 !important;
  font-weight: 600 !important;
}

/* Search input inside dropdown */
.Select-input > input {
  font-family: 'Inter', sans-serif !important;
  font-size: 0.88rem !important;
  color: #0f172a !important;
}

#sidebar-hide-btn:hover {
  background-color: #eff6ff !important;
  color: #1d4ed8 !important;
}

#sidebar-show-btn:hover {
  background-color: #eff6ff !important;
  color: #1d4ed8 !important;
  border-color: #3b82f6 !important;
}