/* ── social.css: стили экранов поверх дизайн-системы — сообщество и биржа (ревью, волна 6): 1 лента/пост · 2 группы/люди · 3 биржа/сообщения/чаты.
   Подключается ПОСЛЕ ui-kit.css (часть правил уточняет компоненты ДС на этих экранах).
   Собран 21.10.2026 из временных файлов w6-1.css, w6-2.css, w6-3.css. ── */

/* ═══════════ из w6-1.css ═══════════ */
/* ═══════════════════════════════════════════════════════════════════════════
   w6-1.css — волна 6, исполнитель 1: лента и пост. Только токены tokens.css.
   Перед выкладкой вливается в pop.css (карточка поста .pc-* живёт на ленте, в группе,
   на странице записи) и community.css (шапка/фильтр ленты .fc-*).
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── Единая карточка поста (src/post-card.js) — C-17/C-18/C-35 ─────────────── */
.pc-card{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--rad-xl);
  overflow:hidden;box-shadow:var(--shadow-1);display:flex;flex-direction:column}
.pc-card.is-pinned{border-color:var(--violet-200,#CFC4FF)}
.pc-pin{display:inline-flex;align-items:center;gap:6px;align-self:flex-start;margin:var(--sp-3) var(--sp-4) 0;
  padding:2px 10px;border-radius:var(--rad-pill);background:var(--violet-50);color:var(--violet-700);
  font:600 var(--fs-xs)/1.6 var(--font)}
.pc-pin svg{width:13px;height:13px}

/* подпись автора: 1 строка — автор, 2 строка — время · группа (обрезка в одну строку) */
.pc-head{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-4) 0}
.pc-ava{position:relative;width:40px;height:40px;border-radius:50%;overflow:hidden;flex:none;display:grid;
  place-items:center;background:var(--grad-hero,linear-gradient(135deg,#FF5E7E,#7C5CFF));text-decoration:none}
.pc-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pc-ava-init{color:#fff;font:800 var(--fs-base)/1 var(--font)}
.pc-meta{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}
.pc-author{display:block;min-width:0;color:var(--ink);font:700 var(--fs-sm)/1.3 var(--font);text-decoration:none;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
a.pc-author:hover{color:var(--accent-text)}
.pc-sub{display:flex;align-items:baseline;min-width:0;white-space:nowrap;overflow:hidden;
  color:var(--ink2);font:500 var(--fs-xs)/1.4 var(--font)}
.pc-sub > *{flex:none}
.pc-dot{margin:0 6px;color:var(--ink2)}
.pc-time{color:var(--ink2);text-decoration:none}
a.pc-time:hover{text-decoration:underline}
.pc-sub > .pc-ctx{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--accent-text);
  font-weight:600;text-decoration:none}
.pc-ctx:hover{text-decoration:underline}
.pc-pending{color:var(--warn-ink,#9A5B00);font-weight:600}
.pc-sub .ui-edited{font-size:inherit;color:var(--ink2)}

.pc-body{padding:var(--sp-3) var(--sp-4) 0;display:flex;flex-direction:column;gap:6px}
.pc-title{margin:0;font:700 var(--fs-md)/1.3 var(--font);letter-spacing:-.01em;color:var(--ink)}
.pc-title a{color:inherit;text-decoration:none}
.pc-title a:hover{color:var(--accent-text)}
.pc-text{color:var(--ink);font:400 var(--fs-base)/1.5 var(--font);white-space:pre-wrap;overflow-wrap:anywhere}
.pc-text a{color:var(--accent-text)}

/* медиа: одно фото — по ширине, несколько — сетка 2×N; клик → фото во весь экран */
.pc-media{position:relative;margin-top:var(--sp-3);background:var(--bg2)}
.pc-gal{display:grid;gap:2px}
.pc-gal--n{grid-template-columns:1fr 1fr}
.pc-gal--3 .pc-gal-it:first-child{grid-column:1 / -1}
.pc-gal-it{position:relative;display:block;width:100%;padding:0;border:0;background:var(--bg2);cursor:zoom-in;overflow:hidden}
.pc-gal-it img{display:block;width:100%;height:100%;object-fit:cover}
.pc-gal--1 .pc-gal-it img{height:auto;max-height:440px;object-fit:contain;margin:0 auto}
.pc-gal--n .pc-gal-it{aspect-ratio:4/3}
.pc-gal-it:focus-visible{outline:none;box-shadow:inset var(--focus-ring)}
.pc-gal-more{position:absolute;inset:0;display:grid;place-items:center;background:rgba(20,20,20,.45);
  color:#fff;font:700 var(--fs-xl)/1 var(--font)}
.pc-media--video video{display:block;width:100%;max-height:440px;background:#000}
.pc-media--model{aspect-ratio:4/3;max-height:380px;width:100%}
.pc-media--model model-viewer{position:absolute;inset:0;width:100%;height:100%;background:transparent}
.pc-model-ph{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;
  color:var(--ink2);font:600 var(--fs-xs) var(--font)}
.pc-parts{position:absolute;left:var(--sp-3);bottom:var(--sp-3);z-index:2;display:inline-flex;align-items:center;gap:4px;
  padding:3px 10px;border-radius:var(--rad-pill);background:rgba(255,255,255,.92);color:var(--violet-700);
  font:700 var(--fs-xs)/1.4 var(--font)}
.pc-parts svg{width:14px;height:14px}
.pc-embed{display:block;margin:var(--sp-3) var(--sp-4) 0;color:var(--accent-text);font-weight:600;text-decoration:none}

/* вложения: репост, товар, работа */
.pc-quote{display:flex;flex-direction:column;gap:2px;margin:var(--sp-3) var(--sp-4) 0;padding:var(--sp-3) var(--sp-4);
  border-left:3px solid var(--violet-200,#CFC4FF);background:var(--bg2);border-radius:0 var(--rad-md) var(--rad-md) 0;
  text-decoration:none;color:var(--ink)}
.pc-quote-head{font:700 var(--fs-ctl) var(--font)}
.pc-quote-title{font-weight:600}
.pc-quote-text{color:var(--ink2);font-size:var(--fs-sm);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pc-att{display:flex;align-items:center;gap:var(--sp-3);margin:var(--sp-3) var(--sp-4) 0;padding:var(--sp-2);
  border:1px solid var(--line);border-radius:var(--rad-lg);background:var(--bg);text-decoration:none;color:var(--ink)}
.pc-att:hover{border-color:var(--violet-300,#B5A6FF)}
.pc-att-thumb{width:56px;height:56px;border-radius:var(--rad-md);object-fit:cover;flex:none;display:grid;place-items:center;background:var(--bg2)}
.pc-att-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.pc-att-name{font:600 var(--fs-sm)/1.3 var(--font);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc-att-sub{color:var(--ink2);font-size:var(--fs-xs)}
.pc-att-price{color:var(--ink);font-weight:700}
.pc-att-cta{flex:none;color:var(--accent-text);font:600 var(--fs-ctl) var(--font);padding-right:var(--sp-2)}

/* строка действий: ♥ · Комментарии · Поделиться · ⋯ (одна строка, ⋯ справа) */
.pc-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);padding:var(--sp-3) var(--sp-3) var(--sp-3) var(--sp-4)}
.pc-actions .rx-bar{margin:0;gap:6px}
.pc-actions .rx-pill,.pc-actions .rx-add{min-height:var(--ctl-sm);min-width:var(--ctl-sm)}
.pc-act{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:var(--ctl-sm);padding:0 var(--sp-3);
  border:0;border-radius:var(--rad-pill);background:transparent;color:var(--ink2);font:600 var(--fs-ctl)/1 var(--font);
  cursor:pointer;text-decoration:none;transition:background var(--dur,.15s),color var(--dur,.15s)}
.pc-act:hover{background:var(--bg2);color:var(--ink)}
.pc-act:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.pc-act[aria-expanded="true"]{color:var(--accent-text);background:var(--violet-50)}
.pc-act--icon{padding:0;width:var(--ctl-sm)}
.pc-act-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pc-more{margin-left:auto;position:relative}

/* меню «⋯» (переносится в body на время показа) */
.pc-menu{z-index:1200;min-width:232px;max-width:calc(100vw - 16px);padding:6px;background:var(--card);
  border:1px solid var(--line);border-radius:var(--rad-lg);box-shadow:var(--shadow-2);display:flex;flex-direction:column;gap:2px}
.pc-menu[hidden]{display:none}
.pc-menu-item{display:flex;align-items:center;width:100%;min-height:var(--ctl-md);padding:0 var(--sp-3);border:0;
  border-radius:var(--rad-md);background:transparent;color:var(--ink);font:500 var(--fs-sm)/1.2 var(--font);
  text-align:left;text-decoration:none;cursor:pointer}
.pc-menu-item:hover{background:var(--bg2)}
.pc-menu-item:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.pc-menu-item--danger{color:var(--err-ink,#C4283A)}
.pc-menu-item--danger:hover{background:var(--err-soft,#FFF0F1)}
.pc-menu-sep{height:1px;margin:4px 6px;background:var(--line)}

/* комментарии под карточкой (раскрываются по нажатию «Комментарии») */
.pc-cmts{margin:0 var(--sp-4) var(--sp-3);padding-top:var(--sp-2)}
.pc-cmts[hidden]{display:none}

@media (min-width:601px){
  .pc-head{padding:var(--sp-5) var(--sp-5) 0}
  .pc-body{padding:var(--sp-3) var(--sp-5) 0}
  .pc-quote,.pc-att,.pc-embed{margin-left:var(--sp-5);margin-right:var(--sp-5)}
  .pc-actions{padding:var(--sp-3) var(--sp-4) var(--sp-3) var(--sp-5)}
  .pc-cmts{margin:0 var(--sp-5) var(--sp-4)}
  .pc-act-lbl{position:static;width:auto;height:auto;overflow:visible;clip:auto;margin-left:-2px}   /* на ПК — «3 комментария» */
}

/* ── Лента: один ряд фильтров (C-34) — вкладки + значок «Тип записей» справа ── */
.fc-bar{flex-wrap:nowrap}
.fc-type{position:relative;flex:none}
.fc-type-btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:0 var(--sp-3);
  border:1px solid var(--line2);border-radius:var(--rad-pill);background:var(--card);color:var(--ink);
  font:600 var(--fs-ctl)/1 var(--font);cursor:pointer}
.fc-type-btn:hover{border-color:var(--border-strong)}
.fc-type-btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}
.fc-type-btn svg{width:16px;height:16px;flex:none}
.fc-type-btn.is-set{border-color:var(--violet-300,#B5A6FF);background:var(--violet-50);color:var(--violet-700)}
.fc-type .pc-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:60}
.pc-menu-item[aria-checked="true"]{color:var(--violet-700);font-weight:700}
.pc-menu-item[aria-checked="true"]::after{content:"";margin-left:auto;width:8px;height:8px;border-radius:50%;background:var(--violet-600)}
@media (max-width:600px){
  /* community.css (≤560) раскладывал бар в два яруса: вкладки 100% + селект вторым рядом.
     Теперь справа только значок 36px — ряд один. */
  .fc-bar{flex-wrap:nowrap;gap:var(--sp-2)}
  .fc-lenses{flex:1 1 auto;order:0;min-width:0}
  .fc-type{order:1}
  .fc-lens{padding:0 .6em;font-size:var(--fs-ctl);min-height:32px}
  .fc-type-btn{width:36px;padding:0;justify-content:center}
  .fc-type-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
}
@media (max-width:380px){ .fc-lens{padding:0 .42em} }

/* ── Лента гостя (C-07): одна строка «что такое лента» + «Войти, чтобы публиковать» в шапке ── */
.fc-head .fc-lead{max-width:60ch}

/* ── Промо-блоки между постами: горизонтальная карусель (C-45), не чаще 1 на 5 постов ── */
.fc-promo{display:flex;flex-direction:column;gap:var(--sp-2);min-width:0}
.fc-promo-h{display:flex;align-items:center;gap:6px;margin:var(--sp-1) var(--sp-1) 0;color:var(--ink);font:700 var(--fs-sm) var(--font)}
.fc-promo-h svg{width:16px;height:16px;color:var(--accent-text)}
.fc-promo-h a{margin-left:auto;color:var(--accent-text);font-weight:600;font-size:var(--fs-ctl);text-decoration:none}
.fc-promo-track{display:flex;gap:var(--sp-3);overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px var(--sp-2);
  scrollbar-width:none;-webkit-overflow-scrolling:touch}
.fc-promo-track::-webkit-scrollbar{display:none}
.fc-pg,.fc-pp{flex:0 0 200px;scroll-snap-align:start;background:var(--card);border:1px solid var(--line);
  border-radius:var(--rad-lg);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
/* группа: обложка (нет или не загрузилась — градиент), аватар-буква под картинкой, один счётчик */
.fc-pg-cover{position:relative;height:64px;background:var(--cover,var(--grad-hero))}
.fc-pg-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fc-pg-body{position:relative;display:flex;flex-direction:column;gap:2px;padding:26px var(--sp-3) var(--sp-3);flex:1}
.fc-pg-ava{position:absolute;top:-22px;left:var(--sp-3);width:44px;height:44px;border-radius:var(--rad-md);overflow:hidden;
  display:grid;place-items:center;background:var(--grad-hero);color:#fff;font:800 var(--fs-md)/1 var(--font);border:3px solid var(--card)}
.fc-pg-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fc-pg-name{font:700 var(--fs-sm)/1.3 var(--font);color:var(--ink);text-decoration:none;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.6em}
.fc-pg-name:hover{color:var(--accent-text)}
.fc-pg-meta{color:var(--ink2);font-size:var(--fs-xs)}
.fc-pg .bs-btn{margin-top:auto;align-self:flex-start}
.fc-pg-meta + .bs-btn{margin-top:var(--sp-2)}
.fc-pg--joined{opacity:.7}
.fc-pp{flex-basis:160px}
.fc-pp-cover{width:100%;aspect-ratio:1/1;object-fit:cover;display:grid;place-items:center;background:var(--bg2)}
.fc-pp-info{display:flex;flex-direction:column;gap:2px;padding:var(--sp-2) var(--sp-3) var(--sp-3)}
.fc-pp-name{font:600 var(--fs-ctl)/1.3 var(--font);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fc-pp-price{font:700 var(--fs-sm) var(--font);color:var(--ink)}
.fc-pp:hover .fc-pp-name{color:var(--accent-text)}

/* рейл (ПК): битый аватар группы → буква под картинкой */
.fc-rg-ava{position:relative;overflow:hidden}
.fc-rg-ava img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* подзаголовок секции ленты (вместо пометки «популярно в сообществе» в каждой карточке — C-44) */
.fc-sec-h{display:flex;align-items:center;gap:6px;margin:var(--sp-2) var(--sp-1) 0;color:var(--ink);font:700 var(--fs-sm) var(--font)}
.fc-sec-h svg{width:16px;height:16px;color:var(--accent-text)}

/* ── Страница записи (post_ssr.html + post.js): та же строка действий, без лишнего отступа ── */
.pp-post > .pc-actions{padding:var(--sp-3) 0 0;margin-top:var(--sp-2);border-top:1px solid var(--line)}
.pp-post > .pc-head{padding:0 0 var(--sp-2)}
.pp-post .pc-sub .pp-handle{color:var(--ink2)}
.pp-post-author.pc-head{flex-wrap:nowrap;gap:var(--sp-3)}

/* ═══════════ из w6-2.css ═══════════ */
/* w6-2.css — волна 6, исполнитель 2: ГРУППЫ И ЛЮДИ (groups.js, group.js, people.js).
   W6-TMP: перед выкладкой вливается в pop.css/group.css/community.css. Только токены. */

/* ── Поиск (C-24): одно поле на весь раздел — .bs-input-пилюля 44 с лупой (ui-kit) ── */
.w6-search{ flex:1 1 280px; max-width:520px; }
.w6-search .bs-input{ -webkit-appearance:none; appearance:none; }
.w6-search .bs-input::-webkit-search-decoration{ -webkit-appearance:none; }

/* ══ /groups.html — строка группы (C-10…C-13) ══════════════════════════════════ */
.pp-card > .w6-search{ max-width:none; margin-bottom:var(--sp-3); }
.w6g-card{ padding:0; gap:0; }
.w6g-card:hover{ transform:none; }
.w6g-link{ display:flex; align-items:center; gap:12px; flex:1 1 auto; min-width:0;
  padding:10px; color:inherit; text-decoration:none; border-radius:inherit; }
.w6g-link:focus-visible{ outline:none; box-shadow:var(--focus-ring); }
.w6g-link .pp-group-info{ display:block; }
/* название целиком, до двух строк — не «Коспл…» */
.w6g-name{ display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;
  white-space:normal; overflow:hidden; overflow-wrap:anywhere; line-height:1.25; }
.w6g-sub{ display:flex; flex-wrap:wrap; gap:2px 6px; margin-top:4px; font-weight:500; }
.w6g-lock{ display:inline-flex; align-items:center; gap:3px; color:var(--warn-ink); font-weight:600; }
.w6g-act{ flex:0 0 auto; padding:0 12px 0 4px; display:flex; align-items:center; }
.w6g-card .pp-group-ava > span{ display:contents; }

/* ══ /people.html (C-24, C-40…C-42) ════════════════════════════════════════════ */
.w6p-bar{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--sp-3); margin:0 0 var(--sp-5); }
.w6p-seg{ display:flex; gap:6px; }
.w6p-act{ margin:0; font:500 var(--fs-xs)/1.35 var(--font); color:var(--ink2); }
.w6p-act b{ color:var(--violet-700); font-weight:700; }
.w6p-card .cm-person-foot{ flex-wrap:nowrap; }
.w6p-card .cm-person-followers{ min-width:0; overflow:hidden; text-overflow:ellipsis; }
.w6p-card .w6p-follow{ flex:none; margin-left:auto; }
.w6p-follow.is-following{ color:var(--ok-ink); border-color:var(--line2); }
.w6p-more{ display:flex; justify-content:center; margin-top:var(--sp-5); }
.w6p-more[hidden]{ display:none; }

/* ══ Страница группы /g/{slug} ═════════════════════════════════════════════════ */
/* подменю сообщества первым — отступ до крошек */
.pp-gr > .bs-subnav{ margin-bottom:var(--sp-3); }

/* C-36: участник видит тихую отметку, «Выйти» — в «⋯» */
.w6-member{ display:inline-flex; align-items:center; gap:6px; min-height:var(--ctl-md); padding:0 16px;
  border:var(--bw-strong, 1px) solid var(--line2); border-radius:var(--rad-pill); background:var(--card);
  color:var(--ok-ink); font:600 var(--fs-sm) var(--font); white-space:nowrap; }
.pp-gr-actions .w6-more-btn{ width:var(--ctl-md); height:var(--ctl-md); border:var(--bw-strong, 1px) solid var(--border-strong);
  background:var(--card); color:var(--ink); }
@media(max-width:767px){
  .pp-gr-actions{ justify-content:flex-start; }
  .pp-gr-actions .w6-member{ flex:0 0 auto; }
  .pp-gr-actions .w6-more-btn{ width:44px; height:44px; }
}

/* меню «⋯» (пост и шапка группы) */
.w6-more{ position:relative; flex:none; }
.w6-menu{ position:absolute; right:0; top:calc(100% + 6px); z-index:60; min-width:210px;
  padding:6px; background:var(--card); border:1px solid var(--line); border-radius:var(--rad-lg);
  box-shadow:var(--shadow-lg, 0 12px 32px rgba(20,20,20,.14)); }
.w6-menu.is-up{ top:auto; bottom:calc(100% + 6px); }
.w6-menu[hidden]{ display:none; }
.w6-menu-item{ display:flex; align-items:center; gap:10px; width:100%; min-height:40px; padding:0 12px;
  border:0; background:none; border-radius:var(--rad-md); text-align:left; cursor:pointer;
  font:500 var(--fs-sm) var(--font); color:var(--ink); white-space:nowrap; }
.w6-menu-item:hover,.w6-menu-item:focus-visible{ background:var(--bg2); outline:none; }
.w6-menu-item .pp-ic{ color:var(--ink2); }
.w6-menu-item--danger,.w6-menu-item--danger .pp-ic{ color:var(--err-ink); }
.w6-menu-sep{ height:1px; background:var(--line); margin:4px 6px; }

/* кнопка «⋯» (шапка группы); вид поста — общий post-card.js (.pc-* в w6-1.css) */
.w6-pact{ display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:var(--ctl-sm);
  padding:0 10px; border:0; border-radius:var(--rad-pill); background:transparent; cursor:pointer;
  font:600 var(--fs-ctl) var(--font); color:var(--ink2); white-space:nowrap; }
.w6-pact:hover{ background:var(--bg2); color:var(--ink); }
.w6-pact:focus-visible{ outline:none; box-shadow:var(--focus-ring); }
.w6-more-btn{ width:var(--ctl-sm); padding:0; }

/* поиск внутри группы (C-24) — .bs-input-wrap; крестик «очистить» справа */
.pp-forum-headtools[hidden]{ display:none; }
.pp-forum-headtools .pp-fsearch{ flex:0 1 260px; min-width:180px; }
.pp-fsearch .pp-fsearch-input{ padding-right:40px; }
.pp-fsearch-clear{ position:absolute; right:8px; display:inline-flex; align-items:center; justify-content:center;
  width:28px; height:28px; border:0; border-radius:50%; background:none; color:var(--ink2); cursor:pointer; }
.pp-fsearch-clear:hover{ background:var(--bg2); color:var(--ink); }
.pp-fsearch-clear[hidden]{ display:none; }
.pp-fsearch-input::-webkit-search-cancel-button{ -webkit-appearance:none; appearance:none; }

/* телефон: pop.css переносит правую часть строки вниз — выравниваем действие по тексту */
@media(max-width:480px){
  .w6g-act{ flex-basis:100%; padding:0 10px 10px 74px; }
  .w6g-act:empty{ display:none; }
}

/* композер-триггер не слипается с первой записью */
.pp-gr-main [data-composer]{ margin-bottom:12px; }

/* лента группы: общий пост (.pc-card) — зазор между карточками */
.pp-gr-main [data-list]:not(.pp-forum-list){ display:flex; flex-direction:column; gap:12px; }

/* модерация на телефоне: кнопки участника — отдельной строкой под именем (имя не сжимается в столбик) */
@media(max-width:600px){
  .pp-member-row{ flex-wrap:wrap; }
  .pp-member-row .pp-comment-body{ flex:1 1 0; min-width:0; }
  .pp-member-acts{ flex-basis:100%; justify-content:flex-start; margin-left:46px; }
}
@media(max-width:560px){ .pp-forum-headtools .pp-fsearch{ flex:1 1 100%; max-width:none; } }

/* ── правки по скриншотам владельца (21.10) ── */
/* аватар группы без фото — буква на том же градиенте, что плитки в списке групп (вместо зайца) */
.pp-gr-ava--ph{ background:var(--grad-2); }
.pp-gr-ava-letter{ font:800 56px/1 var(--font-display, var(--font)); color:#fff; }
@media (max-width:767px){ .pp-gr-ava-letter{ font-size:40px; } }
/* участники: роль — бейдж ДС в строке с датой, у всех одинаково */
.w6-member-meta{ display:flex; align-items:center; gap:var(--sp-2); flex-wrap:wrap; margin-top:2px; }
/* «Создать группу» не прилипает к карточке под ней */
.pp-gr-head{ margin-bottom:var(--sp-4); }
.w6-viewseg button{ gap:6px; }

/* ═══════════ из w6-3.css ═══════════ */
/* ============================================================
   w6-3.css — волна 6, исполнитель 3: биржа заказов, сообщения, «Чаты», колокольчик.
   W6-TMP: перед выкладкой вливается в community.css (биржа) / messenger.css.
   Только токены (var(--*)); кнопки и поля — пилюли ДС.
   ============================================================ */

/* ── C-08: заготовка шапки биржи (market.html до гидрации) ─────────────────────
   Заголовок в заготовке тот же, что после загрузки («Биржа заказов»). Подзаголовок у
   мастера и покупателя разный — до ответа /api/auth/me место под него держим пустым,
   а не показываем текст, который через полсекунды сменится другим. */
.mk-sub-pending{ visibility:hidden; }

/* ── C-37: иконка в подписи кнопки ── */
.mk-ic-btn{ display:inline-flex; align-items:center; justify-content:center; gap:var(--sp-2); }

/* ── C-26: строка «N откликов» — статус 600 + значок, в ряду бюджета и даты ── */
.mk-offers{ display:inline-flex; align-items:center; gap:4px; font-weight:600; color:var(--violet-700); }
.mk-offers svg{ flex:none; }
/* метки плитки — одна высота (cm-tag), ряд без лишних зазоров */
.mk-tile-tags{ gap:var(--sp-2); }
.mk-tile-tags .cm-tag{ height:24px; box-sizing:border-box; padding:0 .7em; }

/* ── C-28: свой заказ на общей доске ── */
.mk-tag-own{ color:var(--ink); background:var(--warn-soft, var(--bg2)); border-color:transparent; }
.mk-tile-own{ box-shadow:inset 0 0 0 1.5px var(--violet-200); }
.mk-tile-cta{ align-self:flex-start; margin-top:var(--sp-3); pointer-events:none; }

/* ── C-38: фильтры биржи на телефоне — кнопка «Фильтры» + шторка ───────────── */
.mk-fbtn{ display:none; align-items:center; gap:var(--sp-2); }
.mk-fbtn[hidden]{ display:none !important; }
.mk-fbtn-n{ min-width:18px; height:18px; padding:0 5px; box-sizing:border-box; border-radius:var(--rad-pill);
  background:var(--violet-600); color:var(--accent-ink, #fff); font:700 var(--fs-2xs)/18px var(--font);
  text-align:center; font-variant-numeric:tabular-nums; }
@media (max-width:560px){
  .mk-fbtn{ display:inline-flex; }
  .cm-filters > .mk-fctl{ display:none; }
}
/* шторка: тот же узел #feedCtl, перенесённый в модалку variant:'sheet' */
.mk-fsheet-back{ place-items:end stretch; padding:0; overscroll-behavior:contain; }
.mk-fsheet{ max-width:100vw; max-height:88dvh; border-radius:var(--rad-xl) var(--rad-xl) 0 0;
  padding-bottom:env(safe-area-inset-bottom,0px); animation:mk-fsheet-in .22s ease-out; }
.mk-fsheet .cm-modal-head{ position:relative; }
.mk-fsheet .cm-modal-head::before{ content:""; position:absolute; top:7px; left:50%; transform:translateX(-50%);
  width:40px; height:4px; border-radius:var(--rad-pill); background:var(--line2); }
.mk-fsheet .mk-fctl{ display:flex; flex-direction:column; align-items:stretch; gap:var(--sp-3); }
.mk-fsheet .mk-fctl > input,
.mk-fsheet .mk-fctl > select,
.mk-fsheet .mk-fctl > .btn{ width:100%; box-sizing:border-box; justify-content:center; }
@keyframes mk-fsheet-in{ from{ transform:translateY(100%); } to{ transform:none; } }
@media (prefers-reduced-motion:reduce){ .mk-fsheet{ animation:none; } }
/* поле «Город» в шторке — .bs-input (44); 16px, чтобы iOS не увеличивал страницу при фокусе */
.mk-fsheet .mk-fctl > .bs-input{ font-size:16px; }