/* Tom Select - Dark Mode */
.dark .ts-wrapper {
    background-color: #111111 !important;
    border: 1px solid #374151 !important;
    box-shadow: none !important;
}

.dark .ts-wrapper .ts-control {
    background-color: #111111 !important;
    border: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-left: none !important;
    border-right: none !important;
    color: white !important;
    box-shadow: none !important;
}

.dark .ts-wrapper .ts-control input {
    background-color: transparent !important;
    color: white !important;
    border: none !important;
    box-shadow: none !important;
}

.dark .ts-wrapper .ts-control input::placeholder {
    color: #9ca3af !important;
}

/* Dropdown en mode dark */
.dark .ts-dropdown {
    background-color: #1f2937 !important;
    border-color: #374151;
    color: white !important;
}

.dark .ts-dropdown .ts-dropdown-content {
    background-color: #1f2937 !important;
}

/* Options du dropdown */
.dark .ts-dropdown .option,
.dark .ts-dropdown .item {
    background-color: #1f2937 !important;
    color: white !important;
    border-bottom-color: #374151 !important;
}

/* Forcer le texte blanc dans tous les éléments des options */
.dark .ts-dropdown .option div,
.dark .ts-dropdown .option span,
.dark .ts-dropdown .item div,
.dark .ts-dropdown .item span {
    color: white !important;
}

/* Highlights en blanc aussi */
.dark .ts-dropdown .option .highlight,
.dark .ts-dropdown .item .highlight {
    color: white !important;
    background-color: #374151 !important;
}

.dark .ts-dropdown .option:hover,
.dark .ts-dropdown .item:hover {
    background-color: #374151 !important;
    color: white !important;
}

/* Forcer le texte blanc au hover aussi */
.dark .ts-dropdown .option:hover div,
.dark .ts-dropdown .option:hover span,
.dark .ts-dropdown .item:hover div,
.dark .ts-dropdown .item:hover span {
    color: white !important;
}

.dark .ts-dropdown .option.active,
.dark .ts-dropdown .item.active {
    background-color: #374151 !important;
    color: white !important;
}

/* États focus/active - bordure uniquement quand actif */
.dark .ts-wrapper.focus,
.dark .ts-wrapper.input-active {
    border: 1px solid #6b7280 !important;
    box-shadow: 0 0 0 1px #6b7280 !important;
}

.dark .ts-wrapper.focus .ts-control,
.dark .ts-wrapper.input-active .ts-control {
    background-color: #1f2937 !important;
    border: none !important;
    box-shadow: none !important;
    color: white !important;
}

.dark .ts-wrapper.focus .ts-control input,
.dark .ts-wrapper.input-active .ts-control input {
    background-color: transparent !important;
    color: white !important;
    border: none !important;
    box-shadow: none !important;
}

.ts-wrapper.required::after {
    content: '' !important;
}

.ts-wrapper.single .ts-control {
    background-image: none !important;
}

.ts-dropdown.single, .ts-wrapper.single .ts-control {
    border-color: var(--input) !important;
    border-radius: calc(var(--radius) - 2px) !important;
    background-color: var(--background);
    color: var(--foreground);
}

.dark .ts-dropdown.single, .ts-wrapper.single .ts-control {
    border-color: var(--input) !important;
    border-radius: calc(var(--radius) - 2px) !important;
    background-color: var(--background);
    color: var(--foreground);
}