/* Сообщество: общий каркас разделов (друзья, рейтинг, уровни, достижения, пины)
   и строка «игрок» (аватар + ник + статус). Построено поверх pb_core.css. */

/* Вкладки разделов: внешний вид даёт .pb-tabs/.pb-tab из ядра */
.cp-nav{margin:-8px 0 24px}

/* Общие мелочи для страниц раздела */
.cp-count{margin-left:6px;color:var(--pb-color-text-muted);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}
.cp-page .pb-empty .pb-btn{margin-top:16px}

/* ---------- Игрок в строке ---------- */
.cp-user{min-width:0;display:flex;align-items:center;gap:12px}
.cp-avatar-link{position:relative;flex:none;display:block;color:inherit}
.cp-user .cp-user-avatar{display:block;object-fit:cover;border:0;border-radius:0;clip-path:var(--pb-notch-4);background:var(--pb-color-surface-2)}
.cp-avatar-online{position:absolute;right:-3px;bottom:-3px;width:11px;height:11px;border:2px solid var(--pb-color-bg-base);background:var(--pb-color-success)}
.cp-user-copy{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.cp-user-name-line{min-width:0;display:flex;align-items:center;gap:6px}
.cp-user-name{min-width:0;flex:0 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pb-color-text-primary);font-size:15px;font-weight:700;text-decoration:none}
a.cp-user-name:hover{color:var(--pb-color-accent-foreground)}
.cp-user-verified,.cp-user-pin{flex:none}
.cp-user-pin{object-fit:contain}
.cp-user-role{flex:0 1 auto;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pb-identity-role-color,var(--pb-color-text-muted));font-size:12px;font-weight:700}
.cp-user-meta{min-width:0;display:flex;flex-wrap:wrap;align-items:center;gap:2px 12px;color:var(--pb-color-text-muted);font-size:13px;line-height:1.4}
.cp-user-meta:empty{display:none}
.cp-user-progress{display:flex;gap:10px;white-space:nowrap}
.cp-user-clan{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--pb-color-text-secondary);font-weight:700}
.cp-user-presence{min-width:0;display:flex;align-items:center;gap:6px;overflow:hidden}
.cp-user-presence i{width:7px;height:7px;flex:none;background:var(--pb-color-text-faint)}
.cp-user-presence span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cp-user-presence.is-online{color:var(--pb-color-success)}
.cp-user-presence.is-online i{background:var(--pb-color-success)}

@media (min-width:1100px){
  .cp-nav{margin-bottom:28px}
}