/* Scope Tom Select to the SyncBroker wrapper and align it with sb- form fields.
   Tom Select's important-free defaults sit under the plugin's .syncbroker
   important layer, so these overrides are namespaced to win predictably. */
.syncbroker .ts-control {
    border-radius: 0.375rem;
    border-color: #d1d5db;
    font-family: var(--sb-secondary-font-family, inherit);
    min-height: 38px;
}
.syncbroker .ts-control,
.syncbroker .ts-dropdown {
    font-size: 0.875rem;
}
.syncbroker .ts-control .item {
    background: var(--sb-primary-color, #2563eb);
    color: #fff;
    border-radius: 0.25rem;
}
.syncbroker .ts-dropdown .active {
    background: var(--sb-primary-color, #2563eb);
    color: #fff;
}