.profile-dialog { width:660px; max-width:calc(100% - 28px); }
.profile-dialog>.dialog-close { position:sticky; top:15px; right:auto; margin:15px 15px -53px auto; }
.profile-content { padding:44px 32px 20px; }
.profile-identity { display:flex; gap:18px; align-items:center; margin:12px 32px 22px 0; }
.profile-identity>div { min-width:0; }
.profile-identity h2 { overflow-wrap:anywhere; line-height:1.25; }
.profile-avatar { width:76px; height:76px; flex:none; border-radius:50%; object-fit:cover; background:var(--soft); }
.profile-initial { display:grid; place-items:center; font-size:28px; font-weight:600; color:var(--muted); }
.profile-key { margin-top:6px; font-size:12px; }
.profile-about { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; }
.profile-website { display:inline-block; margin-top:12px; text-decoration:underline; }
.profile-address { margin-top:10px; overflow-wrap:anywhere; }
.profile-connection { margin-top:20px; padding:16px 18px; border-radius:13px; background:var(--soft); }
.profile-connection p+p { margin-top:4px; }
.relationship-badge { display:inline-grid; place-items:center; font:bold 12px/1 ui-sans-serif,sans-serif; width:19px; height:19px; border-radius:50%; margin-left:7px; vertical-align:middle; color:white; background:#5d7078; flex:none; }
.relationship-following { background:#267ab1; }
.relationship-trusted { background:#a77a16; }
.profile-actions { display:flex; gap:10px 14px; align-items:center; flex-wrap:wrap; margin:22px 0; }
.profile-tabs { display:flex; gap:20px; border-bottom:1px solid var(--line); overflow:auto; }
.profile-tabs button { white-space:nowrap; padding:10px 0; border-bottom:2px solid transparent; font-size:13px; color:var(--muted); }
.profile-tabs button[aria-selected="true"] { border-bottom-color:var(--accent); color:var(--ink); font-weight:600; }
.profile-list-note { margin:16px 0; }
.profile-people { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:5px 10px; max-height:290px; overflow:auto; padding:5px; margin:-5px; }
.profile-person { display:flex; align-items:center; gap:10px; padding:10px 8px; border-radius:10px; text-align:left; min-width:0; }
.profile-person:hover { background:var(--hover); }
.profile-person>.profile-avatar { width:34px; height:34px; font-size:15px; }
.profile-person>span:last-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:13px; }
.profile-network { border-top:1px solid var(--line); margin-top:22px; padding-top:17px; font-size:13px; }
.profile-network summary { cursor:pointer; color:var(--muted); }
.profile-network form { margin-top:15px; display:flex; flex-wrap:wrap; gap:10px; }
.profile-network label { width:100%; }
.profile-network input { width:100%; padding:10px; border:1px solid var(--line); background:var(--surface); border-radius:9px; }
.profile-network .error { width:100%; }
.profile-network>p { margin-top:12px; }
.profile-status { font-size:12px; padding:0 32px 26px; overflow-wrap:anywhere; }
@media(max-width:600px) { .profile-content{padding:38px 22px 18px}.profile-status{padding:0 22px 22px}.profile-avatar{width:60px;height:60px}.profile-identity{gap:13px}.profile-identity h2{font-size:22px}.profile-people{grid-template-columns:1fr}.profile-tabs{gap:16px}.profile-actions .button{padding:10px 14px;font-size:13px} }
.user-row { display:inline-flex; align-items:center; gap:8px; min-width:0; padding:0; text-align:left; }
.user-avatar { flex:none; display:block; border-radius:50%; object-fit:cover; background:var(--soft); }
.user-name { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; min-width:0; }
.listing-card .user-row { max-width:100%; margin-top:9px; color:var(--muted); font-size:12px; }
.listing-card .user-row:hover { color:var(--ink); }
.profile-person.user-row { padding:10px 8px; width:100%; }