/* =======================
   Light Theme Colors
   ======================= */
[data-bs-theme="light"] .mi-select .rs__control {
  background-color: #fff;
  color: #333;
  border: none;
}

[data-bs-theme="light"] .mi-select .rs__value-container {
  color: #333;
}

[data-bs-theme="light"] .mi-select .rs__input,
[data-bs-theme="light"] .mi-select .rs__input input {
  color: #333 !important;
}

[data-bs-theme="light"] .mi-select .rs__single-value {
  color: #333;
}

[data-bs-theme="light"] .mi-select .rs__placeholder {
  color: hsl(222.86deg 17.5% 68.63%); /* un poco más suave */
}

[data-bs-theme="light"] .mi-select .rs__option {
  background-color: transparent;
  color: #333;
}

[data-bs-theme="light"] .mi-select .rs__option--is-focused {
  background-color: #f0f0f0;
}

[data-bs-theme="light"] .mi-select .rs__option--is-selected {
  background-color: #e6f0ff;
  color: #333;
}

[data-bs-theme="light"] .mi-select .rs__menu {
  background-color: #fff;
  color: #333;
}

/* =======================
   Dark Theme Colors
   ======================= */
[data-bs-theme="dark"] .mi-select .rs__control {
  background-color: #141824; /* Phoenix dark bg */
  color: #9fa6bc;
  border: none;
}

[data-bs-theme="dark"] .mi-select .rs__value-container {
  color: #9fa6bc;
}

[data-bs-theme="dark"] .mi-select .rs__input,
[data-bs-theme="dark"] .mi-select .rs__input input {
  color: #9fa6bc !important;
}

[data-bs-theme="dark"] .mi-select .rs__single-value {
  color: #9fa6bc;
}

[data-bs-theme="dark"] .mi-select .rs__placeholder {
  color: #51596e;
}

[data-bs-theme="dark"] .mi-select .rs__option {
  background-color: transparent;
  color: #9fa6bc;
}

[data-bs-theme="dark"] .mi-select .rs__option--is-focused {
  background-color: #191d2c;
}

[data-bs-theme="dark"] .mi-select .rs__option--is-selected {
  background-color: #191d2c;
  color: #9fa6bc;
}

[data-bs-theme="dark"] .mi-select .rs__menu {
  background-color: #141824;
  color: #9fa6bc;
}

/* =======================
   Bordered Variant
   ======================= */
[data-bs-theme="light"] .mi-select-bordered .rs__control {
  border: 1px solid #cbd0dd; /* gris Bootstrap */
}

[data-bs-theme="dark"] .mi-select-bordered .rs__control {
  border: 1px solid #373e53; /* gris oscuro Phoenix */
}