/* TomSelect Dark Mode Styles */

.dark .ts-control {
  background-color: var(--color-gray-800);
  border-color: var(--color-gray-600);
  color: var(--color-gray-100);
}

.dark .ts-control > input {
  color: var(--color-gray-100);
}

.dark .ts-control > input::placeholder {
  color: var(--color-gray-400);
}

.dark .disabled .ts-control {
  background-color: var(--color-gray-700);
}

.dark .ts-wrapper.multi .ts-control > div {
  background: var(--color-gray-700);
  color: var(--color-gray-200);
  border-color: var(--color-gray-600);
}

.dark .ts-wrapper.multi .ts-control > div.active {
  background: var(--color-gray-600);
  color: var(--color-gray-100);
  border-color: var(--color-gray-500);
}

.dark .ts-wrapper.multi.disabled .ts-control > div,
.dark .ts-wrapper.multi.disabled .ts-control > div.active {
  color: var(--color-gray-400);
  background: var(--color-gray-700);
  border-color: var(--color-gray-700);
}

.dark .ts-dropdown {
  background: var(--color-gray-800);
  border-color: var(--color-gray-600);
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.3);
}

.dark .ts-dropdown,
.dark .ts-control,
.dark .ts-control input {
  color: var(--color-gray-200);
}

.dark .ts-dropdown .optgroup-header {
  color: var(--color-gray-300);
  background: var(--color-gray-700);
}

.dark .ts-dropdown .active {
  background-color: var(--color-gray-700);
  color: var(--color-gray-100);
}

.dark .ts-dropdown .active.create {
  color: var(--color-gray-100);
}

.dark .ts-dropdown .create {
  color: var(--color-gray-400);
}

.dark .ts-dropdown [data-selectable] .highlight {
  background: rgba(99, 102, 241, 0.3); /* indigo highlight */
}

.dark .ts-dropdown .spinner::after {
  border-color: var(--color-gray-600) transparent var(--color-gray-600) transparent;
}

.dark .ts-wrapper .dropdown-header {
  border-bottom-color: var(--color-gray-600);
  background: var(--color-gray-700);
}

.dark .ts-wrapper .dropdown-header-close {
  color: var(--color-gray-300);
}

.dark .ts-wrapper .dropdown-header-close:hover {
  color: var(--color-gray-100);
}

.dark .plugin-dropdown_input.focus.dropdown-active .ts-control {
  border-color: var(--color-gray-600);
}

.dark .plugin-dropdown_input .dropdown-input {
  border-color: var(--color-gray-600);
  color: var(--color-gray-200);
}

.dark .ts-wrapper.plugin-remove_button .item .remove:hover {
  background: rgba(255, 255, 255, 0.1);
}

.dark .ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {
  border-left-color: var(--color-gray-600);
}

.dark .ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {
  border-left-color: var(--color-gray-500);
}

.dark .ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {
  border-left-color: var(--color-gray-700);
}

.dark .ts-wrapper.plugin-remove_button.rtl .item .remove {
  border-right-color: var(--color-gray-600);
}

.dark .ts-wrapper.plugin-remove_button.rtl .item.active .remove {
  border-right-color: var(--color-gray-500);
}

.dark .ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {
  border-right-color: var(--color-gray-700);
}

.dark .ts-dropdown.plugin-optgroup_columns .optgroup {
  border-right-color: var(--color-gray-600);
}