/* Tom Select dark theme overrides */
.ts-wrapper.single .ts-control,
.ts-wrapper.multi .ts-control,
.ts-wrapper .ts-control {
    background: var(--surface-2) !important;
    border: 1px solid #4a4a5e !important;
    border-radius: 8px !important;
    color: var(--text) !important;
    box-shadow: none !important;
    padding: .45rem .75rem !important;
}
.ts-wrapper.focus.single .ts-control,
.ts-wrapper.focus .ts-control {
    border-color: #4a4a5e !important;
    box-shadow: none !important;
}
.ts-dropdown .ts-dropdown-content {
    padding-top: 0 !important;
}
.ts-wrapper .ts-dropdown input.dropdown-input,
.ts-dropdown input {
    background: var(--surface-2) !important;
    border: none !important;
    border-bottom: 1px solid var(--border) !important;
    border-radius: 0 !important;
    color: var(--text) !important;
    padding: .5rem .75rem !important;
    width: 100% !important;
    box-sizing: border-box !important;
    outline: none !important;
    /* Tom Select's default inset shadow reads as a smudge on a dark surface. */
    box-shadow: none !important;
}
.ts-dropdown,
.ts-dropdown.single,
.ts-dropdown.multi {
    background: var(--surface) !important;
    border: 1px solid var(--border) !important;
    color: var(--text) !important;
}
.ts-wrapper.dropdown-up .ts-dropdown {
    top: auto !important;
    bottom: calc(100% + .25rem) !important;
}
.ts-dropdown .ts-dropdown-content .option,
.ts-dropdown .option {
    color: var(--text) !important;
    background: transparent !important;
}
.ts-dropdown .option:hover,
.ts-dropdown .option.active {
    background: var(--surface-2) !important;
    color: var(--text) !important;
}
.ts-dropdown .option.selected,
.ts-dropdown .option.selected.active {
    background: var(--surface-2) !important;
    color: var(--text) !important;
}
.ts-wrapper .ts-control .item {
    color: var(--text) !important;
}

.field-hint {
    font-size: .8rem;
    color: var(--text-muted);
    font-family: monospace;
}