/* Tom Select dark mode overrides */
[data-theme="dark"] .ts-control,
[data-theme="dark"] .ts-dropdown {
  background-color: rgb(55 65 81); /* gray-700 */
  color: rgb(243 244 246); /* gray-100 */
  border-color: rgb(75 85 99); /* gray-600 */
}

[data-theme="dark"] .ts-dropdown .active {
  background-color: rgb(79 70 229); /* indigo-600 */
  color: white;
}

[data-theme="dark"] .ts-dropdown .option:hover {
  background-color: rgb(75 85 99); /* gray-600 */
}

[data-theme="dark"] .ts-control input {
  color: rgb(243 244 246); /* gray-100 */
}

/* Make Tom Select fit the form styling */
.ts-wrapper.single .ts-control {
  border-radius: 0.5rem; /* rounded-lg */
}

.ts-wrapper .ts-dropdown {
  border-radius: 0.5rem;
}