/* "Teman": friends, requests, blocks, and the referral card. */
.nav-count{display:inline-block;min-width:18px;height:18px;margin-left:4px;padding:0 5px;border-radius:9px;background:var(--accent);color:#082334;font-size:11px;font-weight:750;line-height:18px;text-align:center;font-variant-numeric:tabular-nums}
.ref-note{margin:10px 0 0;font-size:13px;color:var(--accent)}
.friends{margin:0 0 60px}
.friends-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:start}
.friends h3{font-size:14px;margin:22px 0 10px;color:var(--muted);font-weight:650}
.friend-add{display:flex;gap:10px}
.friend-add input{flex:1;min-width:0;min-height:44px;padding:10px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);color:var(--fg)}
.friends-status{margin:10px 0 0}
.friends-status:empty{display:none}
.friends-status.error{color:var(--danger)}
.friend-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.friend{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.friend-text{display:grid;min-width:0}
.friend-text strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.friend-text .muted{font-size:12px}
.friend-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.btn.small{min-height:34px;padding:6px 12px;font-size:12px;gap:6px}
.btn.small:hover{transform:none}
.friend-empty{color:var(--muted);font-size:13px;padding:6px 0}
.friend-blocked{margin-top:22px}
.friend-blocked summary{cursor:pointer;color:var(--muted);font-size:13px}
.friend-blocked .friend-list{margin-top:10px}
.referral{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:10px}
.referral h3{margin:0;color:var(--fg);font-size:18px}
.referral p{margin:0}
.referral-code{display:block;font-size:12px;padding:10px;border-radius:8px;background:var(--up);overflow-wrap:anywhere}
@media(max-width:760px){.friends-grid{grid-template-columns:minmax(0,1fr)}.friend{grid-template-columns:auto minmax(0,1fr)}.friend-actions{grid-column:1/-1;justify-content:flex-start}}
/* Search results: where we stand as a tag, then what can be done. */
.friend-results{margin-top:14px}
.friend-results-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 10px}
.friend-results-head h3{margin:0}
.friend-results .friend{border-color:#3b5a6d}
.friend-tag{align-self:center;font-size:11px;font-weight:650;color:var(--muted);padding:4px 9px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}
.friend-add input[type=search]::-webkit-search-cancel-button{filter:invert(1);opacity:.6}