.profile-friend-actions { display:flex; align-items:center; gap:10px; flex-wrap:wrap; margin:16px 0 20px; }
.profile-friend-actions .button { min-height:44px; padding:10px 18px; }
.friend-status { display:inline-flex; align-items:center; gap:7px; color:var(--teal-deep); font-size:13px; font-weight:650; }
.friend-status .icon { width:18px; height:18px; }
.friend-request-label { width:100%; font-size:13px; color:var(--muted); }
.profile-friends { margin:0 0 30px; border:1px solid var(--line); border-radius:18px; padding:22px; background:#fff; scroll-margin-top:100px; }
.profile-friends>header { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.profile-friends h2 { font-size:19px; letter-spacing:-.5px; }
.profile-friends h2 span { margin-left:6px; color:var(--muted); font-size:15px; font-weight:500; }
.profile-friends header p { font-size:12px; color:var(--muted); margin:5px 0 0; }
.profile-friends .messages-refresh { min-width:44px; min-height:44px; }
.friends-tabs { display:flex; gap:8px; margin:18px 0; }
.friends-tabs button { min-height:44px; display:flex; align-items:center; gap:7px; background:var(--paper); border:1px solid transparent; border-radius:25px; padding:10px 17px; font:inherit; font-size:13px; color:var(--muted); cursor:pointer; }
.friends-tabs button[aria-pressed=true] { color:var(--ink); background:var(--cyan-soft); border-color:var(--brand-cyan); font-weight:650; }
.friends-tabs span { display:inline-grid; place-items:center; min-width:22px; min-height:22px; border-radius:20px; background:#fff9; font-size:11px; }
.friends-tabs .friends-unread { background:var(--teal-deep); color:#fff; }
.friend-list { list-style:none; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:0; margin:0; }
.friend-row { min-width:0; padding:12px; border:1px solid var(--line); border-radius:13px; background:var(--paper); }
.friend-person { border:0; background:transparent; display:flex; align-items:center; gap:12px; min-height:48px; width:100%; text-align:left; color:inherit; padding:0; cursor:pointer; }
.friend-person>.mini-avatar { width:44px; height:44px; flex:0 0 44px; overflow:hidden; font-size:16px; }
.friend-person>span:nth-child(2) { min-width:0; flex:1; }
.friend-person strong { display:block; font-size:14px; overflow-wrap:anywhere; line-height:1.4; }
.friend-person small { display:block; color:var(--muted); font-size:12px; margin-top:3px; overflow-wrap:anywhere; }
.friend-person>.icon { flex:0 0 18px; width:18px; height:18px; color:var(--teal-deep); }
.friend-row-actions { display:flex; gap:8px; margin-top:12px; flex-wrap:wrap; }
.friend-row-actions .button { min-height:44px; padding:9px 15px; font-size:12px; flex:1; justify-content:center; }
.friend-request-group+ .friend-request-group { margin-top:20px; }
.friend-request-group h3 { font-size:13px; color:var(--muted); margin:0 0 10px; }
.friends-empty { padding:20px 8px; text-align:center; font-size:13px; color:var(--muted); line-height:1.6; }
.friends-empty p { margin:0 0 14px; }
.friends-empty .button { display:inline-flex; min-height:44px; }
.friends-more { display:flex; margin:16px auto 0; min-height:44px; }
.profile-friends button:focus-visible, .profile-friend-actions button:focus-visible { outline:2px solid var(--teal-deep); outline-offset:3px; }
@media(max-width:600px) {
  .profile-friends { padding:16px; margin-bottom:22px; border-radius:14px; }
  .friend-list { grid-template-columns:minmax(0,1fr); }
  .profile-friend-actions .button { flex:1; justify-content:center; }
  .profile-friend-actions .friend-status { width:100%; }
  .friends-tabs button { flex:1; justify-content:center; }
}