/* Searchable institution selector (Ownership::InstitutionSelectComponent). */

.institution-select {
    position: relative;
}

.institution-select__search[hidden],
.institution-select__options[hidden],
.institution-select__option[hidden],
.institution-select__no-results[hidden] {
    display: none;
}

.institution-select__options {
    position: absolute;
    z-index: 30;
    top: calc(100% + 0.25rem);
    right: 0;
    left: 0;
    max-height: 16rem;
    overflow-y: auto;
    background: var(--bg-primary);
    border: 1px solid var(--separator);
    border-radius: var(--radius-md);
    box-shadow: var(--shadow-md);
}

.institution-select__option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: var(--tap-target);
    padding: 0.5rem 0.85rem;
    cursor: pointer;
}

.institution-select__option[aria-selected="true"],
.institution-select__option:hover {
    background: var(--accent-soft);
}

.institution-select__compe {
    color: var(--label-secondary);
    font-variant-numeric: tabular-nums;
}

.institution-select__no-results {
    margin: 0.5rem 0 0;
    color: var(--label-secondary);
}