/* TomSelect theme overrides — Tailwind CSS 4 variables (--color-*) */
select[data-controller="tomselect"] { display: none !important; }

.ts-wrapper { width: 100%; }
.ts-wrapper .ts-control {
  border: 1px solid var(--color-input) !important;
  background-color: var(--color-background) !important;
  color: var(--color-foreground) !important;
  border-radius: var(--radius);
  min-height: 2.5rem;
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  box-shadow: none !important;
}
.ts-wrapper .ts-control input[type="text"] {
  color: var(--color-foreground) !important;
  background-color: transparent !important;
}
.ts-wrapper .ts-control input::placeholder { color: var(--color-muted-foreground); }
.ts-wrapper .ts-control .item { color: var(--color-foreground); }
.ts-wrapper.focus .ts-control {
  border-color: var(--color-input) !important;
  box-shadow: none !important;
  outline: none !important;
}
.ts-dropdown,
.ts-dropdown-content {
  background-color: var(--color-background) !important;
  color: var(--color-foreground) !important;
}
.ts-wrapper *,
.ts-dropdown *,
.ts-control input,
.ts-dropdown input,
.ts-dropdown .dropdown-input,
.ts-dropdown .dropdown-input-wrap {
  outline: none !important;
  box-shadow: none !important;
}
.ts-wrapper *:focus,
.ts-wrapper *:focus-visible,
.ts-dropdown *:focus,
.ts-dropdown *:focus-visible {
  outline: none !important;
  box-shadow: none !important;
}
.ts-dropdown .dropdown-input,
.ts-dropdown input.dropdown-input {
  border: 1px solid var(--color-input) !important;
  background-color: var(--color-background) !important;
  color: var(--color-foreground) !important;
}
.ts-dropdown {
  border: 1px solid var(--color-input) !important;
  border-radius: var(--radius);
  margin-top: 4px;
  box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}
.ts-dropdown-content { border: none !important; }
.ts-dropdown .option {
  padding: 0.5rem 0.75rem;
  font-size: 0.875rem;
  background-color: var(--color-background) !important;
  color: var(--color-foreground) !important;
}
.ts-dropdown .active,
.ts-dropdown .option:hover {
  background-color: var(--color-accent) !important;
  color: var(--color-accent-foreground) !important;
}
.ts-dropdown .no-results { padding: 0.5rem 0.75rem; color: var(--color-muted-foreground); }