/* TomSelect Dark Mode Overrides */
[data-bs-theme="dark"] .ts-control {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
    border-radius: 0.375rem;
    min-height: 42px;
}

[data-bs-theme="dark"] .ts-control > input {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .ts-dropdown {
    background-color: var(--bs-body-bg);
    color: var(--bs-body-color);
    border-color: var(--bs-border-color);
}

[data-bs-theme="dark"] .ts-dropdown .option {
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .ts-dropdown .option.active,
[data-bs-theme="dark"] .ts-dropdown .option:hover {
    background-color: var(--bs-tertiary-bg, #2b2b40);
    color: var(--bs-body-color);
}

[data-bs-theme="dark"] .ts-dropdown .optgroup-header {
    color: var(--bs-secondary-color);
    background-color: var(--bs-tertiary-bg);
}

[data-bs-theme="dark"] .ts-control.focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}

/* Fix for clear button in dark mode */
[data-bs-theme="dark"] .ts-control .clear-button {
    color: var(--bs-body-color);
}