.friend-list { display: flex; flex-direction: column; gap: 8px; margin: 0; padding: 0; list-style: none; }
.friend-row { display: flex; align-items: center; gap: 10px; min-width: 0; }
.friend-avatar { flex: none; font-size: 28px; line-height: 1; }
.friend-name { flex: 1; min-width: 0; font-weight: 800; overflow-wrap: anywhere; }
.friend-actions { display: flex; flex: none; gap: 6px; }
.friend-empty { margin: 0; color: var(--muted); font-size: 14px; }