/* Searchable dropdown — pairs with searchable-select.js */
.ss-wrap { position: relative; }
.ss-native { position: absolute !important; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.ss-control {
    text-align: left; width: 100%; cursor: pointer; background-position: right .5rem center;
}
.ss-control.ss-placeholder { color: #9aa1ac; }
.ss-panel {
    position: absolute; z-index: 1055; top: calc(100% + 3px); left: 0; right: 0;
    background: #fff; border: 1px solid #dfe3ec; border-radius: 10px;
    box-shadow: 0 12px 30px rgba(16,29,58,.16); padding: 6px; display: none;
}
.ss-wrap.ss-open .ss-panel { display: block; }
.ss-search {
    width: 100%; border: 1px solid #e2e6ef; border-radius: 8px;
    padding: 6px 10px; font-size: .85rem; outline: none; margin-bottom: 4px;
}
.ss-search:focus { border-color: #9db4f0; }
.ss-options { max-height: 240px; overflow-y: auto; }
.ss-item { padding: 7px 10px; border-radius: 7px; font-size: .85rem; cursor: pointer; color: #263043; }
.ss-item:hover, .ss-item.ss-hover { background: #eef2ff; }
.ss-item.ss-active { background: #e6ecff; font-weight: 600; }
.ss-empty { padding: 10px; text-align: center; color: #9aa1ac; font-size: .82rem; }