/* Tom Select dark theme overrides - using actual CSS (not @apply) */
.ts-wrapper {
    width: 100% !important;
}

.ts-wrapper.single .ts-control,
.ts-wrapper.multi .ts-control {
    background-color: #374151;
    background-image: none;
    box-shadow: none;
    border-color: #4b5563;
    color: #f3f4f6;
    border-radius: 0.5rem;
}

.ts-wrapper.single .ts-control input,
.ts-wrapper.multi .ts-control input {
    color: #f3f4f6;
}

.ts-wrapper.single .ts-control input::placeholder,
.ts-wrapper.multi .ts-control input::placeholder {
    color: #9ca3af;
}

.ts-dropdown {
    background-color: #374151;
    border-color: #4b5563;
    color: #f3f4f6;
    border-radius: 0.5rem;
}

.ts-dropdown .optgroup-header {
    color: #9ca3af;
    background-color: #1f2937;
}

.ts-dropdown .option {
    color: #f3f4f6;
}

.ts-dropdown .option:hover,
.ts-dropdown .option.active {
    background-color: #4b5563;
    color: #ffffff;
}

.ts-dropdown .option.selected {
    background-color: #2563eb;
    color: #ffffff;
}

.ts-wrapper.focus .ts-control {
    box-shadow: 0 0 0 2px #3b82f6;
    border-color: transparent;
}

.ts-control > .item {
    background-color: #4b5563;
    color: #f3f4f6;
}

.ts-wrapper.single.input-active .ts-control {
    background-color: #374151;
}