/* Friends is the shared reference for social discovery: a single column of cards. */
.social-page { width: 100%; min-width: 0; margin-inline: auto; }
.social-page-title { margin: var(--space-6) 0; color: #fff; }
.social-list { display: flex; flex-direction: column; gap: var(--space-4); margin-bottom: var(--space-5); }
.social-search { display: flex; align-items: center; gap: var(--space-2); margin-bottom: var(--space-4); }
.social-search .bdx-input { flex: 1; min-width: 0; margin: 0; }
.social-search > button { flex-shrink: 0; margin: 0; }
.social-toolbar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-2); margin-bottom: var(--space-4); }
.social-toolbar__group { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); min-width: 0; }
.social-list-title { margin: 0; color: #fff; font-size: var(--text-base); text-align: left; text-shadow: none; overflow-wrap: anywhere; }
.social-notice { margin: 0; }
.social-notice > :first-child { margin-top: 0; }
.social-notice > :last-child { margin-bottom: 0; }
.social-notice__title { margin: 0 0 var(--space-3); text-align: left; color: var(--text-strong); font-size: var(--text-base); text-shadow: none; }
.social-notice__row { display: flex; flex-direction: column; gap: var(--space-3); padding-block: var(--space-3); }
.social-notice__row + .social-notice__row { border-top: 1px solid var(--border-subtle); }
.social-notice__row > div { min-width: 0; overflow-wrap: anywhere; }
.social-notice__row > strong { min-width: 0; overflow-wrap: anywhere; }
.social-notice__row > form { margin: 0; flex-shrink: 0; }
.social-notice__row strong { display: block; }
.social-notice__row p { margin: var(--space-1) 0 0; color: var(--text-muted); font-size: var(--text-sm); }
.social-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2); }
.social-actions form { margin: 0; }
.network-discovery { display: flex; flex-direction: column; gap: var(--space-4); }
.network-discovery .network-finder { min-width: 0; }
.net-discover-card { display: flex; flex-direction: column; gap: var(--space-3); }
.net-discover-card__identity { display: flex; gap: var(--space-4); align-items: center; min-width: 0; }
.net-discover-card__icon { display: grid; place-items: center; flex: 0 0 48px; height: 48px; border-radius: 14px; background: var(--surface-info); color: var(--action-primary); }
.net-discover-card__copy { flex: 1; min-width: 0; }
.net-discover-card__name { display: block; color: var(--text-strong); font-size: var(--text-lg); font-weight: 700; text-decoration: none; overflow-wrap: anywhere; }
.net-discover-card__name:hover { text-decoration: underline; }
.net-discover-card__description, .net-discover-card__members { margin-top: var(--space-1); color: var(--text-muted); font-size: var(--text-xs); overflow-wrap: anywhere; }
.net-discover-card .social-actions { padding-top: var(--space-3); border-top: 1px solid var(--border-subtle); }
.net-discover-card .social-actions > :is(a, form) { flex: 1; }
.net-discover-card .social-actions form button { width: 100%; }
.net-discover-card__state { font-size: var(--text-sm); color: var(--text-muted); }
.network-discovery-status { margin: 0 0 var(--space-4); }
@media (min-width: 600px) {
    .social-notice__row { flex-direction: row; align-items: center; justify-content: space-between; }
    .net-discover-card .social-actions { justify-content: flex-end; }
    .net-discover-card .social-actions > :is(a, form) { flex: 0 0 auto; }
}