.admin-customer-autocomplete.ts-wrapper {
    width: 100%;
    min-width: 0;
    font: inherit;
}

.admin-customer-autocomplete.ts-wrapper.single .ts-control,
.admin-customer-autocomplete.ts-wrapper.single.input-active .ts-control {
    min-height: 2.75rem;
    padding: 0.75rem 1rem;
    border: 1px solid var(--input);
    border-radius: var(--radius-md);
    background: var(--background);
    color: var(--foreground);
    box-shadow: none;
    font: inherit;
}

.admin-customer-autocomplete .ts-control > input {
    min-width: 0;
    color: var(--foreground);
    font: inherit;
}

.admin-customer-autocomplete .ts-control > input::placeholder {
    color: var(--muted-foreground);
}

.admin-customer-autocomplete.ts-wrapper.single.focus .ts-control {
    border-color: var(--primary);
    outline: 2px solid var(--primary);
    outline-offset: 2px;
}

.admin-customer-autocomplete.ts-wrapper.single .ts-control::after {
    border-top-color: var(--muted-foreground);
}

.admin-customer-autocomplete.ts-wrapper.single.dropdown-active .ts-control::after {
    border-color: transparent transparent var(--muted-foreground);
}

.admin-customer-autocomplete .ts-dropdown {
    z-index: 100;
    border: 1px solid var(--border);
    border-radius: var(--radius-md);
    background: var(--popover);
    color: var(--popover-foreground);
    font: inherit;
}

.admin-customer-autocomplete .ts-dropdown .option,
.admin-customer-autocomplete .ts-dropdown .no-results {
    padding: 0.75rem 1rem;
    overflow-wrap: anywhere;
}

.admin-customer-autocomplete .ts-dropdown .active {
    background: var(--accent);
    color: var(--accent-foreground);
}

.admin-customer-autocomplete .ts-control .item {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-customer-autocomplete.disabled .ts-control {
    opacity: 0.5;
    cursor: not-allowed;
}

.admin-customer-autocomplete .ts-control:has(input[aria-invalid="true"]) {
    border-color: var(--destructive);
}
