/* Wik Desktop -- screens/user.css (pack I): a person's page (WallActivity.kt). Prefix .soc- only. */


/* the head: padding 16 / 0 / 16 / 8 */
.soc-userhead { flex: 0 0 auto; display: flex; flex-direction: column; padding: 0 16px 8px 16px; min-width: 0; }
.soc-usertop { display: flex; flex-direction: row; align-items: center; min-width: 0; }
.soc-userpic { flex: 0 0 64px; margin-inline-end: 12px; }
.soc-usercol { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.soc-namerow { display: flex; flex-direction: row; align-items: center; min-width: 0; }
.soc-username { flex: 1 1 auto; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.soc-followsyou { flex: 0 0 auto; padding-inline-start: 8px; white-space: nowrap; }
.soc-followsyou[hidden] { display: none; }
.soc-counts { display: flex; flex-direction: row; align-items: center; flex-wrap: wrap; white-space: pre; }
.soc-bio { padding-top: 8px; color: var(--c-text); white-space: pre-wrap; overflow-wrap: anywhere; }
.soc-actions { display: flex; flex-direction: row; flex-wrap: wrap; padding-top: 8px; }
.soc-iconrow { padding-top: 8px; }
.soc-scorebox { display: flex; flex-direction: column; padding-top: 10px; }
.soc-refbox { display: flex; flex-direction: column; padding-top: 10px; }
.soc-refrow { padding-top: 6px; }

/* the people behind a count */
.soc-peoplelist { display: flex; flex-direction: column; padding: 8px 20px; min-height: 48px; }
.soc-peoplenote { padding: 8px 0; }

/* the block confirm, the name editor */
.soc-tick { display: flex; align-items: center; gap: 8px; color: var(--c-text); }
.soc-reporttext { resize: none; }
.soc-reporttext[hidden] { display: none; }
.soc-nameline { padding: 4px 24px; }
.soc-domains { display: flex; flex-direction: column; padding: 0 24px 8px 24px; }
.soc-domainshead { padding: 8px 0 4px 0; letter-spacing: 0.12em; }
.soc-domain { align-self: flex-start; padding: 8px 0; color: var(--c-text-accent); text-align: start; }