/* ============================================================
   Профиль (новый макет): баннер сверху, аватар слева на стыке с баннером, имя и @ник,
   сбоку — число подписчиков и «Начать чат», ниже избранное сообщество и вкладки.
   Подключается ПОСЛЕ style.css и theme-light.css.
   ============================================================ */
.pf2-banner .banner{height:190px}
.pf2-bar-right{display:flex;align-items:center;gap:8px}

.pf2-head{position:relative;padding:0 16px;margin-top:-40px}
.pf2-av{position:relative;width:80px;height:80px;z-index:1}
.pf2-av .avatar,
.pf2-av .av-2xl{
  width:80px !important;height:80px !important;font-size:38px !important;
  box-shadow:0 0 0 3px var(--bg-phone-2), 0 6px 16px rgba(0,0,0,.4);
}

.pf2-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px 12px;margin-top:10px}
.pf2-info{flex:1 1 140px;min-width:0}
.pf2-name{
  display:flex;align-items:center;flex-wrap:wrap;gap:6px;
  font-size:21px;font-weight:800;line-height:1.2;color:var(--text);overflow-wrap:anywhere;
}
.pf2-nick{font-size:13.5px;font-weight:600;color:var(--accent-3);margin-top:2px}
.pf2-info .profile-role-slot{display:flex}
.pf2-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:6px}
.pf2-link{background:none;border:0;padding:2px 0;color:var(--text-dim);font:inherit;font-size:12.5px;cursor:pointer}
.pf2-link:hover{color:var(--text)}
.pf2-dot{color:var(--text-muted)}
.pf2-bio{margin-top:8px;font-size:13px;line-height:1.45;color:var(--text);overflow-wrap:anywhere}

/* подписчики и «Начать чат» — в одну линию, справа от аватара под баннером */
.pf2-side{position:absolute;top:46px;right:16px;display:flex;flex-direction:row;flex-wrap:nowrap;gap:6px;align-items:center;z-index:2}
.pf2-pill{
  height:30px;border:0;border-radius:15px;padding:0 12px;
  display:flex;align-items:center;justify-content:center;gap:7px;
  font:inherit;font-size:12.5px;font-weight:700;color:#fff;cursor:pointer;white-space:nowrap;
  background:linear-gradient(135deg,#1b78d6,#29b6f0);
  box-shadow:0 2px 8px rgba(30,140,240,.22);
  transition:transform .15s, opacity .15s;
}
.pf2-pill:active{transform:scale(.97)}
.pf2-pill:disabled{opacity:.6}
.pf2-pill.ghost{background:rgba(26,37,66,.75);border:1px solid var(--line-strong);box-shadow:none;color:var(--text)}
.pf2-heart{font-size:13px;line-height:1}
.pf2-count{font-size:12.5px}

.pf2-head + .profile-cta{margin-top:12px}

/* избранное сообщество: заголовок, карточка, полоска активности */
.pf2-bar-track{height:6px;border-radius:3px;background:rgba(255,255,255,.14);overflow:hidden;margin:5px 0 4px}
.pf2-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,#2a6fd6,#5bbcf0)}

@media (max-width:360px){
  .pf2-name{font-size:19px}
}

/* светлая тема */
:root[data-theme="light"] .pf2-pill.ghost{background:#fff;color:#1b2a4a;border-color:rgba(70,100,170,.3)}
:root[data-theme="light"] .pf2-bar-track{background:rgba(70,100,170,.15)}
:root[data-theme="light"] .pf2-link{color:#5a6a8c}