/* Dark mode styling for Tom Select supplier dropdown */
#product-suppliers-select + .ts-wrapper .ts-control {
    background-color: #343a40;
    border-color: #495057;
    color: #fff;
}

#product-suppliers-select + .ts-wrapper .ts-control input {
    color: #fff;
}

#product-suppliers-select + .ts-wrapper .ts-control input::placeholder {
    color: #6c757d;
}

#product-suppliers-select + .ts-wrapper.multi .ts-control > div {
    background: #495057;
    color: #fff;
    border-color: #495057;
    border-radius: 4px;
}

#product-suppliers-select + .ts-wrapper.multi .ts-control > div.active {
    background: #6c757d;
    color: #fff;
    border-radius: 4px;
}

#product-suppliers-select + .ts-wrapper .ts-dropdown {
    background: #212529;
    border-color: #495057;
}

#product-suppliers-select + .ts-wrapper .ts-dropdown .option {
    color: #fff;
}

#product-suppliers-select + .ts-wrapper .ts-dropdown .option:hover,
#product-suppliers-select + .ts-wrapper .ts-dropdown .active {
    background-color: #343a40;
    color: #fff;
}

#product-suppliers-select + .ts-wrapper .ts-dropdown .create {
    color: rgba(255, 255, 255, 0.5);
}

#product-suppliers-select + .ts-wrapper.focus .ts-control {
    border-color: #80bdff;
    box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Remove button styling in dark mode */
#product-suppliers-select + .ts-wrapper.plugin-remove_button .item .remove {
    border-left-color: #495057;
}

#product-suppliers-select + .ts-wrapper.plugin-remove_button .item .remove:hover {
    background: rgba(255, 255, 255, 0.1);
}

#product-suppliers-select + .ts-wrapper.plugin-remove_button .item.active .remove {
    border-left-color: #6c757d;
}