/* Scoped styling for clinic SSO form selects */
#div_id_institution .ts-wrapper.single .ts-control,
#div_id_allowed_sso_social_apps .ts-wrapper.multi .ts-control {
    min-height: 2.5rem;
    border-radius: 0.5rem;
    border: 1px solid hsl(var(--bc) / 0.2);
    background: hsl(var(--b1));
    box-shadow: none;
}

#div_id_institution .ts-wrapper.focus .ts-control,
#div_id_allowed_sso_social_apps .ts-wrapper.focus .ts-control {
    border-color: hsl(var(--p));
    box-shadow: 0 0 0 2px hsl(var(--p) / 0.2);
}

#div_id_institution .ts-dropdown,
#div_id_allowed_sso_social_apps .ts-dropdown {
    border: 1px solid hsl(var(--bc) / 0.2);
    border-radius: 0.5rem;
    box-shadow: 0 8px 30px hsl(var(--bc) / 0.15);
    background: hsl(var(--b1));
    z-index: 1200;
}

#div_id_institution .ts-wrapper.single .ts-control {
    display: flex;
    align-items: center;
    padding: 0.35rem 0.65rem;
}

#div_id_institution .ts-wrapper.single .ts-control > .item {
    margin: 0;
    line-height: 1.3;
}

#div_id_institution .ts-dropdown .option,
#div_id_allowed_sso_social_apps .ts-dropdown .option {
    padding: 0.5rem 0.65rem;
}

#div_id_allowed_sso_social_apps .ts-wrapper.multi .ts-control {
    padding: 0.3rem 0.5rem;
    gap: 0.25rem;
}

#div_id_allowed_sso_social_apps .ts-wrapper.multi .ts-control > div {
    background: hsl(var(--p) / 0.12);
    border: 1px solid hsl(var(--p) / 0.3);
    border-radius: 999px;
    color: hsl(var(--bc));
    padding: 0.15rem 0.55rem;
}