.community-friends-panel,.community-friends-list{flex-direction:column;flex:1;gap:18px;min-height:0;display:flex}.community-friends-guest{border:1px dashed var(--border-color);background:var(--surface-primary);border-radius:14px;flex-direction:column;align-items:flex-start;gap:10px;padding:28px 24px;display:flex}.community-friends-guest-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:600}.community-friends-guest-text{max-width:34rem;color:var(--text-secondary);margin:0 0 6px;font-size:.92rem;line-height:1.45}.social-group{flex-direction:column;gap:10px;display:flex}.social-group-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:baseline;gap:6px;margin:0;font-size:12px;font-weight:600;display:flex}.social-group-count{color:var(--text-tertiary);text-transform:none;letter-spacing:normal;font-weight:500}.social-list{flex-direction:column;gap:10px;display:flex}.social-card{isolation:isolate;background:radial-gradient(circle at 3% 50%, color-mix(in srgb, var(--nav-accent) 8%, transparent), transparent 28%),color-mix(in srgb, var(--surface-primary) 94%, var(--bg-primary));border:1px solid color-mix(in srgb, var(--border-color) 82%, transparent);min-height:92px;box-shadow:none;border-radius:20px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;transition:background .15s,border-color .15s,transform .15s;display:flex;position:relative;overflow:hidden}.social-card:hover{background:radial-gradient(circle at 3% 50%, color-mix(in srgb, var(--nav-accent) 11%, transparent), transparent 30%),color-mix(in srgb, var(--surface-primary) 88%, var(--surface-elevated));border-color:var(--border-color-hover);transform:translateY(-1px)}.social-card-profile{z-index:1;flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex;position:relative}.social-card-user{gap:14px;width:fit-content;max-width:100%}.social-card-user .user-link-avatar{border:2px solid color-mix(in srgb, var(--text-primary) 18%, var(--border-color));width:48px;height:48px;box-shadow:0 4px 14px #0000002e}.social-card-user .user-link-text{min-width:0;color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:650;line-height:1.2;overflow:hidden}.social-card-details{min-width:0;min-height:18px;color:var(--text-tertiary);white-space:nowrap;align-items:center;gap:7px;margin:-17px 0 0 62px;font-size:12px;line-height:1.35;display:flex;overflow:hidden}.social-card-details>span:not(.social-card-detail-dot){text-overflow:ellipsis;overflow:hidden}.social-card-request-status{align-items:center;gap:4px;display:inline-flex}.social-card-request-status svg{width:13px;height:13px;font-size:13px!important}.social-card-action{z-index:1;flex-shrink:0;position:relative}.social-btn{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;min-height:36px;color:var(--text-primary);white-space:nowrap;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;padding:7px 13px;font-size:13px;font-weight:500;transition:background .15s,opacity .15s;display:inline-flex}.social-btn svg{width:17px;height:17px;font-size:17px!important}.social-btn:hover:not(:disabled){background:var(--bg-tertiary)}.social-btn:disabled{opacity:.6;cursor:not-allowed}.social-btn-primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.social-btn-primary:hover:not(:disabled){opacity:.9;background:var(--text-primary)}.social-btn-ghost{background:color-mix(in srgb, var(--text-primary) 3%, transparent);color:var(--text-secondary);border-color:color-mix(in srgb, var(--border-color) 72%, transparent)}.social-btn-ghost:hover:not(:disabled){color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--border-color)}.social-btn-muted{background:var(--bg-secondary);color:var(--text-tertiary);border-color:var(--border-color);cursor:default}.social-btn-muted:disabled{opacity:1}.social-empty{text-align:center;color:var(--text-tertiary);background:var(--bg-primary);border:1px dashed var(--border-color);border-radius:12px;padding:28px 16px;font-size:14px}.pagination-container.social-pagination{margin-top:auto;margin-bottom:0;padding-top:24px}@media screen and (max-width:768px){.community-hero .community-tabs{max-width:none}}@media screen and (max-width:480px){.social-card{border-radius:17px;gap:10px;min-height:82px;padding:13px 12px}.social-card-user{gap:11px}.social-card-user .user-link-avatar{width:42px;height:42px}.social-card-user .user-link-text{font-size:15px}.social-card-details{max-width:min(54vw,230px);margin-top:-14px;margin-left:53px}.social-btn{min-height:34px;padding:6px 10px;font-size:12px}}