/* ============================================================
   SrepPortal — portal-v2.css  (подключается ПОСЛЕ style / redesign / portal-fixes)
   Единый слой: галочка, профиль, аватар, иконки+текст, чаты, сообщества,
   SrepNews, администраторы, подключённые аккаунты, состояния, адаптивность.
   ============================================================ */
:root {
  --v2-surface: var(--surface, var(--card, #16142a));
  --v2-border: var(--border, rgba(255,255,255,.09));
  --v2-text: var(--text, #f2f1fb);
  --v2-muted: var(--text-secondary, var(--muted, #a29fc2));
  --v2-accent: var(--accent, #7c6cff);
  --v2-radius: 18px;
  --v2-shadow: 0 6px 22px rgba(0,0,0,.16);
}

/* ---------- 0. Защита от горизонтального overflow ---------- */
html, body { max-width: 100%; overflow-x: clip; }
img, video, canvas, svg { max-width: 100%; }
.container, .feed, .profile-page, .communities-page, .settings-page, .sp-page { min-width: 0; }
.container > *, .profile-main > *, .cm-main > *, .cm-aside > * { min-width: 0; }
.post-content, .comment, .cm-desc, .profile-bio-desc, .sp-news-text { overflow-wrap: anywhere; word-break: break-word; }

/* ---------- 1. Галочка подтверждённого аккаунта ---------- */
.sp-verified { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 1.05em; height: 1.05em;
  min-width: 15px; min-height: 15px; max-width: 22px; max-height: 22px; margin-left: 5px; vertical-align: -0.16em; line-height: 0;
  filter: drop-shadow(0 1px 3px rgba(29,120,255,.45)); }
.sp-verified svg { width: 100%; height: 100%; display: block; }
.sp-verified-bg { fill: #2f8bff; }
h1 .sp-verified { width: 22px; height: 22px; }
.chat-row-name .sp-verified, .msg-name .sp-verified, .cm-person-name .sp-verified { width: 15px; height: 15px; margin-left: 4px; }
/* имя и значки переносятся вместе, не ломая строку */
.sp-admin-name, .sp-cm-name, .sp-news-author, .chat-row-name, .cm-person-name, .post-header a {
  align-items: center; }

/* ---------- 2. Значок разработчика чуть крупнее, без искажений ---------- */
.dev-badge { width: 22px; height: 22px; aspect-ratio: 1 / 1; object-fit: contain; border-radius: 6px; margin-left: 5px; vertical-align: -0.2em; }
h1 .dev-badge { width: 28px; height: 28px; }
.chat-row-name .dev-badge, .cm-person-name .dev-badge, .comment-row .dev-badge { width: 18px; height: 18px; }
@media (max-width: 480px) { h1 .dev-badge { width: 24px; height: 24px; } .dev-badge { width: 20px; height: 20px; } }

/* ---------- 3. Иконка + текст: flex вместо «плавающих» absolute ---------- */
.nav a, .sidebar-more-panel a, .sidebar-more-btn, .category-tabs a, .profile-tabs a, .cm-btn, .cm-chip, .cm-tab, .chat-archive-btn,
.chat-new-group-btn, .profile-meta-link, .profile-meta-chip, .profile-bio-fact, .profile-more-btn, .btn-ok, .sp-btn-primary, .sp-btn-ghost {
  display: inline-flex; align-items: center; gap: 8px; min-width: 0; max-width: 100%; line-height: 1.25; }
.nav a, .sidebar-more-panel a, .sidebar-more-btn { display: flex; width: 100%; }
.nav a .ico, .sidebar-more-panel a .ico, .sidebar-more-btn .ico { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 22px; height: 22px; position: static; }
.nav a svg, .category-tabs a svg, .cm-btn svg, .cm-chip svg, .profile-meta-link svg, .profile-bio-fact svg, .btn-ok svg { flex: 0 0 auto; }
.nav a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav-badge { margin-left: auto; flex: 0 0 auto; }
button svg, a svg { flex-shrink: 0; }

/* ---------- 4. Аватар не «съезжает» вниз ---------- */
.profile-head { display: flex; flex-wrap: nowrap; align-items: flex-start !important; gap: 20px; position: relative; z-index: 2;
  margin-top: -56px !important; padding: 0 26px 8px !important; }
.profile-head > .avatar-frame-wrap, .profile-head > .avatar {
  flex: 0 0 auto; align-self: flex-start !important; margin: 0 !important; position: relative; z-index: 3; }
.profile-head > .avatar { width: 116px !important; height: 116px !important; aspect-ratio: 1 / 1; object-fit: cover; border-radius: 50%;
  border: 5px solid var(--v2-surface); box-shadow: 0 10px 28px rgba(0,0,0,.35); background: var(--v2-surface); }
.profile-head-info { flex: 1 1 0; min-width: 0; padding-top: 62px !important; }
.profile-head-info h1 { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 6px; margin: 0 0 6px; font-size: 26px; line-height: 1.2; overflow-wrap: anywhere; }
.profile-meta-row, .profile-meta-actions, .profile-actions-row, .profile-bio-facts { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
@media (max-width: 700px) {
  .profile-head { flex-direction: column; align-items: center !important; text-align: center; gap: 10px; margin-top: -58px !important; padding: 0 16px 8px !important; }
  .profile-head > .avatar { width: 104px !important; height: 104px !important; }
  .profile-head > .avatar-frame-wrap, .profile-head > .avatar { align-self: center !important; }
  .profile-head-info { padding-top: 0 !important; width: 100%; }
  .profile-head-info h1 { justify-content: center; font-size: 22px; }
  .profile-meta-row, .profile-meta-actions, .profile-actions-row, .profile-bio-facts { justify-content: center; }
}
@media (max-width: 380px) { .profile-head > .avatar { width: 92px !important; height: 92px !important; } .profile-head-info h1 { font-size: 20px; } }

/* аватары в любых строках: фиксированный квадрат, текст рядом не наезжает */
.avatar, .chat-avatar, .cm-avatar, .community-row-avatar, .friend-avatar, .comment-avatar, .post-avatar { aspect-ratio: 1 / 1; object-fit: cover; flex: 0 0 auto; }
.post-header, .post-head, .comment-row, .friend-card, .cm-person, .cm-post-head, .cm-post-author { display: flex; align-items: center; gap: 12px; min-width: 0; }
.post-header > a, .post-head > a, .cm-post-author { min-width: 0; }

/* ---------- 5. Профиль: современный header ---------- */
.profile-card { border-radius: 26px !important; overflow: hidden; border: 1px solid var(--v2-border); box-shadow: var(--v2-shadow); padding-bottom: 20px !important; }
.profile-cover { position: relative; width: 100%; aspect-ratio: 16 / 5; min-height: 150px !important; max-height: 300px; height: auto !important;
  background-color: #2a2660; background-image: linear-gradient(135deg,#3b33a8,#7c3cff 55%,#1f8bff); background-size: cover !important; background-position: center !important; }
.profile-cover::after { content: ''; position: absolute; inset: auto 0 0 0; height: 55%; background: linear-gradient(to top, var(--v2-surface), transparent); pointer-events: none; }
@media (max-width: 700px) { .profile-cover { aspect-ratio: 16 / 8; min-height: 120px !important; } }
.profile-bio { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-top: 10px; }
.profile-bio-fact { padding: 5px 12px; border-radius: 999px; background: rgba(124,108,255,.12); border: 1px solid var(--v2-border); font-size: 14px; }
.profile-meta-chip { padding: 4px 12px; border-radius: 999px; background: rgba(255,255,255,.05); border: 1px solid var(--v2-border); font-size: 13.5px; }

/* статистика — аккуратные плитки */
.profile-stats-trigger { display: flex; align-items: stretch; flex-wrap: wrap; gap: 8px; width: 100%; height: auto; margin: 14px 0 !important; padding: 8px !important;
  border-radius: 20px !important; background: var(--v2-surface); border: 1px solid var(--v2-border); text-align: left; overflow: hidden; }
.profile-stats-trigger-item { display: inline-flex; align-items: center; gap: 8px; flex: 1 1 130px; min-width: 0; padding: 10px 14px !important; border-radius: 14px; background: rgba(255,255,255,.04); font-size: 14.5px !important; white-space: nowrap; }
.profile-stats-trigger-sep { display: none; }
.profile-stats-trigger-more { margin-left: auto; align-self: center; }

/* вкладки профиля — сегментированная панель */
.category-tabs.profile-tabs { display: flex; flex-wrap: nowrap; gap: 6px; padding: 6px; border-radius: 18px; background: var(--v2-surface); border: 1px solid var(--v2-border);
  overflow-x: auto; scrollbar-width: none; -webkit-overflow-scrolling: touch; margin-bottom: 16px; }
.category-tabs.profile-tabs::-webkit-scrollbar { display: none; }
.category-tabs.profile-tabs a { flex: 0 0 auto; border-radius: 12px !important; padding: 9px 16px !important; min-height: 42px; font-size: 15px !important; white-space: nowrap; transition: background .15s, color .15s, transform .15s; }
.category-tabs.profile-tabs a:hover { background: rgba(124,108,255,.14); }
.category-tabs.profile-tabs a.active { background: var(--v2-accent); color: #fff; box-shadow: 0 6px 16px rgba(124,108,255,.35); }

/* ---------- 6. Чаты: «Избранное» только сверху ---------- */
.chat-list-head { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 10px; }
.chat-list-head-actions { display: flex; flex-wrap: wrap; gap: 8px; min-width: 0; }
.chat-archive-btn, .chat-new-group-btn { padding: 6px 12px; border-radius: 999px; white-space: nowrap; }
.chat-row { display: flex; align-items: center; gap: 12px; min-width: 0; }
.chat-avatar-wrap { position: relative; flex: 0 0 auto; display: inline-flex; }
.chat-row-info { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.chat-row-name { display: flex; flex-wrap: wrap; align-items: center; gap: 2px 4px; min-width: 0; font-weight: 700; overflow-wrap: anywhere; }
.chat-row-sub { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.chat-row-more, .chat-row-unread-badge { flex: 0 0 auto; }
.chat-bot-icon { position: absolute; right: -4px; bottom: -4px; line-height: 1; }

/* ---------- 7. Сообщества: список ---------- */
.sp-cm-grid, .community-grid { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 14px; }
@media (max-width: 640px) { .sp-cm-grid, .community-grid { grid-template-columns: 1fr; } }
.sp-cm-card { display: flex; align-items: flex-start; gap: 14px; min-width: 0; padding: 16px; border-radius: var(--v2-radius); background: var(--v2-surface);
  border: 1px solid var(--v2-border); box-shadow: var(--v2-shadow); color: inherit; text-decoration: none; transition: transform .15s, border-color .15s, box-shadow .15s; overflow: hidden; }
.sp-cm-card:hover { transform: translateY(-2px); border-color: var(--v2-accent); text-decoration: none; }
.sp-cm-ava { width: 64px !important; height: 64px !important; border-radius: 18px; object-fit: cover; flex: 0 0 auto; }
.sp-cm-info { display: flex; flex-direction: column; gap: 6px; flex: 1 1 0; min-width: 0; }
.sp-cm-name { display: flex; align-items: center; gap: 2px; min-width: 0; font-weight: 800; font-size: 17px; }
.sp-cm-name-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sp-cm-desc { color: var(--v2-muted); font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.sp-cm-meta { display: flex; flex-wrap: wrap; gap: 6px; }
.sp-cm-chip { padding: 3px 10px; border-radius: 999px; font-size: 12.5px; background: rgba(124,108,255,.12); border: 1px solid var(--v2-border); white-space: nowrap; }

/* ---------- 8. Страница сообщества: всё внутри контейнера ---------- */
.cm-hero, .cm-layout, .cm-main, .cm-aside, .cm-card { max-width: 100%; }
.cm-hero-body { flex-wrap: wrap; }
.cm-hero-info { flex: 1 1 260px; min-width: 0; }
.cm-title { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; overflow-wrap: anywhere; }
.cm-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.cm-chip { max-width: 100%; }
.cm-chip-muted { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cm-actions { display: flex; flex-wrap: wrap; gap: 10px; flex: 0 1 auto; max-width: 100%; }
.cm-btn { white-space: nowrap; }
.cm-avatars { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(64px, 1fr)) !important; gap: 14px 8px; }
.cm-avatars-item { min-width: 0; }
.cm-avatars-item span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cm-card-head { flex-wrap: wrap; }
@media (max-width: 900px) {
  .cm-layout { grid-template-columns: minmax(0, 1fr) !important; }
  .cm-aside { position: static !important; }
  .cm-hero-body { padding: 0 16px 20px !important; justify-content: center; text-align: center; }
  .cm-avatar { margin-top: -52px !important; }
  .cm-hero-info { flex-basis: 100%; }
  .cm-chips, .cm-actions { justify-content: center; }
}

/* ---------- 9. SrepNews ---------- */
.sp-news { max-width: 860px; margin-inline: auto; }
.sp-news-form { display: flex; flex-direction: column; gap: 10px; padding: 16px; border-radius: var(--v2-radius); background: var(--v2-surface); border: 1px solid var(--v2-border); margin-bottom: 18px; }
.sp-news-form input, .sp-news-form textarea { width: 100%; max-width: 100%; }
.sp-news-file { display: flex; flex-direction: column; gap: 6px; font-size: 14px; color: var(--v2-muted); }
.sp-news-file input[type=file] { max-width: 100%; }
.sp-news-list, .sp-news-skeleton { display: flex; flex-direction: column; gap: 18px; }
.sp-news-list[hidden] { display: none; }
.sp-news-card { display: flex; flex-direction: column; overflow: hidden; border-radius: 22px; background: var(--v2-surface); border: 1px solid var(--v2-border);
  box-shadow: var(--v2-shadow); transition: transform .18s, box-shadow .18s, border-color .18s; scroll-margin-top: 80px; }
.sp-news-card:hover { transform: translateY(-2px); border-color: rgba(124,108,255,.5); }
.sp-news-card:target { border-color: var(--v2-accent); }
.sp-news-media { background: #0b0a16; aspect-ratio: 16 / 9; max-height: 420px; overflow: hidden; }
.sp-news-media img, .sp-news-media video { width: 100%; height: 100%; object-fit: cover; display: block; }
.sp-news-body { display: flex; flex-direction: column; gap: 10px; padding: 18px 20px 16px; min-width: 0; }
.sp-news-meta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 6px 12px; }
.sp-news-author { display: inline-flex; flex-wrap: wrap; align-items: center; gap: 4px 6px; min-width: 0; color: inherit; font-weight: 700; }
.sp-news-ava { display: inline-flex; flex: 0 0 auto; }
.sp-news-ava .avatar, .sp-news-ava img.avatar { width: 36px; height: 36px; border-radius: 50%; }
.sp-news-author-name { min-width: 0; overflow-wrap: anywhere; }
.sp-news-date { color: var(--v2-muted); font-size: 13px; white-space: nowrap; }
.sp-news-title { margin: 2px 0 0; font-size: 22px; line-height: 1.25; letter-spacing: -.01em; overflow-wrap: anywhere; }
.sp-news-text { font-size: 15.5px; line-height: 1.6; color: var(--v2-text); }
.sp-news-text.is-clamped { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.sp-news-more, .sp-news-comments-btn { align-self: flex-start; background: none; border: 0; color: var(--v2-accent); font: inherit; font-weight: 700; cursor: pointer; padding: 4px 0; }
.sp-news-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding-top: 8px; border-top: 1px solid var(--v2-border); }
.sp-news-comments-btn { color: var(--v2-muted); padding: 4px 8px; border-radius: 10px; }
.sp-news-comments-btn:hover { background: rgba(255,255,255,.06); }
.sp-news-comments[hidden] { display: none; }
@media (max-width: 480px) { .sp-news-body { padding: 14px 14px 12px; } .sp-news-title { font-size: 19px; } }

/* ---------- 10. Состояния: skeleton / empty / error ---------- */
.sp-state { display: flex; flex-direction: column; align-items: center; gap: 6px; text-align: center; padding: 32px 20px; border-radius: var(--v2-radius);
  border: 1px dashed var(--v2-border); background: rgba(255,255,255,.02); color: var(--v2-muted); }
.sp-state b { color: var(--v2-text); font-size: 17px; }
.sp-state-error { border-style: solid; border-color: rgba(255,93,108,.45); background: rgba(255,93,108,.08); }
.sp-state .sp-btn-ghost { margin-top: 10px; }
.sp-skel { border-radius: 10px; background: linear-gradient(90deg, rgba(255,255,255,.06), rgba(255,255,255,.14), rgba(255,255,255,.06)); background-size: 200% 100%; animation: sp-shimmer 1.3s linear infinite; }
.sp-skel-card { padding: 16px; gap: 12px; }
.sp-skel-media { aspect-ratio: 16 / 7; border-radius: 14px; }
.sp-skel-line { height: 14px; width: 100%; }
.sp-skel-line.w60 { width: 60%; } .sp-skel-line.w80 { width: 80%; }
@keyframes sp-shimmer { to { background-position: -200% 0; } }

/* ---------- 11. Кнопки-помощники ---------- */
.sp-btn-primary, .sp-btn-ghost { justify-content: center; min-height: 42px; padding: 0 18px; border-radius: 12px; font: inherit; font-weight: 700; cursor: pointer; text-decoration: none !important; transition: transform .12s, background .15s, box-shadow .15s; }
.sp-btn-primary { background: linear-gradient(120deg, #7c6cff, #a45cff); color: #fff !important; border: 0; box-shadow: 0 8px 20px rgba(124,108,255,.32); }
.sp-btn-primary:hover { transform: translateY(-1px); box-shadow: 0 10px 24px rgba(124,108,255,.45); }
.sp-btn-ghost { background: rgba(255,255,255,.06); color: var(--v2-text) !important; border: 1px solid var(--v2-border); }
.sp-btn-ghost:hover { background: rgba(255,255,255,.12); }
.sp-btn-primary:disabled, .sp-btn-ghost:disabled { opacity: .55; cursor: not-allowed; }

/* ---------- 12. Администраторы ---------- */
.sp-page { max-width: 980px; margin-inline: auto; }
.sp-page-head h1 { display: flex; align-items: center; gap: 10px; margin: 0 0 4px; }
.sp-page-sub { margin: 0 0 20px; color: var(--v2-muted); }
.sp-admin-group { margin-bottom: 26px; }
.sp-admin-group-title { display: flex; align-items: center; gap: 10px; font-size: 18px; margin: 0 0 12px; }
.sp-admin-group-title span { font-size: 12.5px; padding: 2px 10px; border-radius: 999px; background: rgba(124,108,255,.16); color: var(--v2-accent); }
.sp-admin-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 14px; }
.sp-admin-card { display: flex; gap: 14px; align-items: flex-start; min-width: 0; padding: 16px; border-radius: var(--v2-radius); background: var(--v2-surface); border: 1px solid var(--v2-border);
  box-shadow: var(--v2-shadow); color: inherit; text-decoration: none; overflow: hidden; transition: transform .15s, border-color .15s; }
.sp-admin-card:hover { transform: translateY(-2px); border-color: var(--v2-accent); text-decoration: none; }
.sp-admin-ava { flex: 0 0 auto; display: inline-flex; }
.sp-admin-ava .avatar { width: 64px; height: 64px; border-radius: 50%; }
.sp-admin-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; flex: 1 1 0; }
.sp-admin-name { display: flex; align-items: center; flex-wrap: wrap; gap: 2px 4px; font-weight: 800; font-size: 17px; min-width: 0; }
.sp-admin-name-text { min-width: 0; overflow-wrap: anywhere; }
.sp-admin-nick { color: var(--v2-muted); font-size: 13.5px; overflow: hidden; text-overflow: ellipsis; }
.sp-admin-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 8px; }
.sp-admin-desc { color: var(--v2-muted); font-size: 14px; overflow-wrap: anywhere; }
.sp-status { display: inline-flex; align-items: center; gap: 6px; font-size: 12.5px; color: var(--v2-muted); }
.sp-status i { width: 8px; height: 8px; border-radius: 50%; background: #7d7a99; }
.sp-status.is-online { color: #3ddc97; } .sp-status.is-online i { background: #3ddc97; box-shadow: 0 0 0 3px rgba(61,220,151,.18); }

/* ---------- 13. Подключённые аккаунты (настройки) ---------- */
.sp-connected-list { display: flex; flex-direction: column; gap: 10px; margin-top: 12px; }
.sp-connected-item { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; padding: 14px 16px; border-radius: 16px; background: var(--v2-surface); border: 1px solid var(--v2-border); }
.sp-connected-ico { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 auto; width: 42px; height: 42px; border-radius: 12px; color: #fff; font-weight: 800; }
.sp-connected-ico-vkid { background: #0077ff; } .sp-connected-ico-yandex { background: #fc3f1d; }
.sp-connected-info { display: flex; flex-direction: column; gap: 2px; flex: 1 1 160px; min-width: 0; }
.sp-connected-state { font-size: 13.5px; color: var(--v2-muted); overflow-wrap: anywhere; }
.sp-connected-state.is-on { color: #3ddc97; }
.sp-connected-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-left: auto; }
.sp-connected-actions form { margin: 0; }
@media (max-width: 480px) { .sp-connected-actions { margin-left: 0; width: 100%; } .sp-connected-actions > * { flex: 1 1 100%; } }

/* ---------- 14. Плавные анимации без перегруза ---------- */
@media (prefers-reduced-motion: reduce) { .sp-skel, .sp-news-card, .sp-cm-card, .sp-admin-card { animation: none !important; transition: none !important; } }

/* иконки VK / Яндекс в «Подключённых аккаунтах» и зона удаления аккаунта */
.sp-connected-ico { background: transparent !important; overflow: hidden; }
.sp-connected-ico .sp-prov-ico { width: 42px; height: 42px; border-radius: 12px; object-fit: cover; }
.sp-connected-ico-yandex .sp-prov-ico { border-radius: 50%; }
.sp-danger-zone { margin-top: 28px; padding: 18px 20px; border-radius: 16px; border: 1px solid rgba(255,80,80,.35); background: rgba(255,80,80,.06); }
.sp-danger-zone h2 { margin-top: 0; color: #ff6b6b; }
.admin-user-reg { display: inline-flex; align-items: center; gap: 5px; }
.admin-user-reg .sp-prov-ico { width: 16px; height: 16px; border-radius: 4px; }

/* ===== Имя + галочка + значок разработчика — всегда в одну строку ===== */
.name-line { display: flex; align-items: center; flex-wrap: wrap; gap: 4px 6px; min-width: 0; }
.name-line > a { display: inline-flex; align-items: center; min-width: 0; }
.name-line .sp-verified, .name-line .dev-badge, .name-line .msg-suffix { margin: 0; flex: 0 0 auto; vertical-align: middle; }
.name-line .sp-verified { width: 18px; height: 18px; }
.name-line .dev-badge { width: 20px; height: 20px; }
.chat-row-name { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 3px 5px; }
.chat-row-name .sp-verified, .chat-row-name .dev-badge, .chat-row-name .msg-suffix { margin: 0; flex: 0 0 auto; }
.msg-name { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 3px 5px; }
.msg-name .sp-verified, .msg-name .dev-badge { margin: 0; flex: 0 0 auto; }
/* на аватарках ботов больше нет круглых значков-наклеек */
.chat-bot-icon { display: none !important; }