.ts-wrapper { display: inline-block; vertical-align: middle; min-width: 6em; max-width: 100%; }

div.ts-wrapper.ts-wrapper { padding: 0; border: 0; background: none; box-shadow: none; outline: 0; height: auto; }
.ts-wrapper.al-select, .ts-wrapper.al-input { width: 100%; }

.ui-control,
.al-input, .al-textarea,    
.ts-wrapper .ts-control,
.ts-wrapper.single.input-active .ts-control {
    min-height: 0; padding: var(--space-1) var(--space-6) var(--space-1) var(--space-2);
    font: inherit; font-size: var(--fs-sm); line-height: var(--lh-sm); color: var(--text-primary);
    background: var(--surface-nested); border: 1px solid var(--line-card); border-radius: var(--radius-control);
    box-shadow: none; cursor: pointer;
}
.ts-wrapper.focus .ts-control, .ui-control:focus, .al-input:focus, .al-textarea:focus { border-color: var(--line-active); box-shadow: none; outline: none; }
.ui-control, .al-input, .al-textarea { width: 100%; box-sizing: border-box; padding-right: var(--space-2); cursor: text; }
.ui-control::placeholder, .al-input::placeholder, .al-textarea::placeholder { color: var(--text-muted); }
.ts-wrapper.disabled .ts-control { opacity: .5; cursor: not-allowed; }
.ts-wrapper .ts-control > input { color: var(--text-primary); font-size: var(--fs-sm); }
.ts-wrapper .ts-control > input::placeholder { color: var(--text-muted); }
.ts-wrapper.single .ts-control::after { border-color: var(--text-muted) transparent transparent; right: var(--space-2); }
.ts-wrapper.multi .ts-control > div { background: var(--surface-active); color: var(--text-primary); border: 1px solid var(--line-active); border-radius: var(--radius-sm); }
.ts-dropdown {
    z-index: 100000; margin-top: var(--space-1); color: var(--text-body); font-size: var(--fs-sm); line-height: var(--lh-sm);
    background: var(--surface-card); border: 1px solid var(--line-section); border-radius: var(--radius-control);
    box-shadow: 0 8px 24px rgba(0, 0, 0, .45);
}
.ts-dropdown .option, .ts-dropdown .optgroup-header, .ts-dropdown .no-results { padding: var(--space-1) var(--space-2); }
.ts-dropdown .optgroup-header { color: var(--text-accent); background: none; font-weight: var(--fw-semibold); font-size: var(--fs-xs); }
.ts-dropdown .active { background: var(--surface-hover); color: var(--text-primary); }
.ts-dropdown .selected { color: var(--text-accent); }
.ts-dropdown .option[aria-disabled="true"] { opacity: .45; }
.ts-dropdown .highlight { background: none; color: var(--text-accent); font-weight: var(--fw-semibold); }
.ts-dropdown-content { max-height: 18rem; }
.ts-dropdown .dropdown-input-wrap { padding: var(--space-1); border-bottom: 1px solid var(--line-faint); }
.ts-dropdown .dropdown-input { width: 100%; box-sizing: border-box; padding: var(--space-1) var(--space-2); font: inherit; font-size: var(--fs-sm); color: var(--text-primary); background: var(--surface-nested); border: 1px solid var(--line-card); border-radius: var(--radius-sm); box-shadow: none; }
.ts-dropdown .dropdown-input:focus { outline: none; border-color: var(--line-active); }