/* wk-tomselect.css — project shim so Tom Select controls line up with the .form-input look used across the portal, and behave under RTL. Kept separate from the vendored tom-select.css so a future Tom Select upgrade only replaces the upstream file. */ .ts-wrapper { width: 100%; } .ts-control { min-height: 38px; border: 1px solid var(--wk-border, #ced4da); border-radius: 6px; font-size: 0.95rem; background: var(--wk-input-bg, #fff); color: inherit; } .ts-wrapper.focus .ts-control { border-color: var(--wk-primary, #0d6efd); box-shadow: 0 0 0 0.15rem rgba(13, 110, 253, 0.15); } .ts-dropdown { border: 1px solid var(--wk-border, #ced4da); border-radius: 6px; font-size: 0.95rem; z-index: 1080; /* above modals / topbar */ } .ts-dropdown .active { background: var(--wk-primary, #0d6efd); color: #fff; } /* RTL: Arabic pages set dir="rtl" on . */ [dir="rtl"] .ts-control, [dir="rtl"] .ts-dropdown { text-align: right; }