.ts-control {
  border: none !important;
}

/* TomSelect Dark Mode Support */
.dark .ts-wrapper .ts-control,
.dark .ts-wrapper.single .ts-control {
  background-color: rgb(55 65 81) !important; /* gray-700 */
  color: white !important;
  border-color: rgb(75 85 99) !important; /* gray-600 */
}

.dark .ts-wrapper .ts-control input {
  color: white !important;
}

.dark .ts-wrapper .ts-control input::placeholder {
  color: rgb(156 163 175) !important; /* gray-400 */
}

.dark .ts-dropdown {
  background-color: rgb(55 65 81) !important; /* gray-700 */
  border-color: rgb(75 85 99) !important; /* gray-600 */
  color: white !important;
}

.dark .ts-dropdown .option {
  color: white !important;
  background-color: rgb(55 65 81) !important; /* gray-700 */
}

.dark .ts-dropdown .option:hover,
.dark .ts-dropdown .option.active {
  background-color: rgb(75 85 99) !important; /* gray-600 */
  color: white !important;
}

.dark .ts-dropdown .option.selected {
  background-color: rgb(59 130 246) !important; /* blue-500 */
  color: white !important;
}

.dark .ts-dropdown .optgroup-header {
  background-color: rgb(55 65 81) !important; /* gray-700 */
  color: rgb(209 213 219) !important; /* gray-300 */
}

.dark .ts-wrapper .ts-control .item {
  background-color: rgb(75 85 99) !important; /* gray-600 */
  color: white !important;
  border-color: rgb(107 114 128) !important; /* gray-500 */
}

.dark .ts-wrapper.multi .ts-control > div {
  background-color: rgb(75 85 99) !important; /* gray-600 */
  color: white !important;
}