/* Стили Pages/App/Party/Index.cshtml (Д74). */
/* Фильтры ленты: одна панель — ползунок рангов, роли иконками, поиск героя. */
/* Фильтр ленты (вариант A, кит .fpop): ряд медалей «от — до», список героев с иконками. */
.pf-hero{width:min(320px,calc(100vw - 40px))}
.pf-hero__search{width:100%;box-sizing:border-box;height:34px;padding:0 10px;border:1px solid var(--border-strong);border-radius:8px;background:var(--ink-900);color:var(--text-heading);font:inherit}
.pf-hero__found{display:grid;grid-template-columns:1fr 1fr;gap:2px;max-height:280px;overflow:auto}
.pf-hero__item{display:flex;align-items:center;gap:6px;padding:4px 6px;border:0;border-radius:6px;background:none;color:var(--text-body);font:inherit;font-size:13px;text-align:left;cursor:pointer;min-width:0}
.pf-hero__item img{flex:none;width:24px;height:24px;object-fit:contain}
.pf-hero__item:hover,.pf-hero__item.is-first{background:rgba(255,255,255,.08);color:var(--text-heading)}
/* Раньше — голый текст рядом с кнопками в общем flex-ряду: визуально не пилюля, поэтому
   ряд «плыл»/выглядел сломанным. Теперь такой же чип, как кнопки и статусы в остальном интерфейсе. */
.fi--played{opacity:.85}
.co-played{margin:0;color:var(--text-muted)}
.co-played strong{color:var(--text-heading)}
/* Своя анкета — полоса наверху ленты (_MyAnketaBar), прокручивается вместе с ней. */
.my-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0;padding:10px 14px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--ink-800);box-shadow:0 6px 18px rgba(0,0,0,.35)}
.my-bar.is-live{border-color:rgba(63,185,80,.5)}
.my-bar.is-todo{border-color:var(--accent)}
.my-bar__ico{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.06);color:var(--accent);flex:none}
.my-bar__text{flex:1 1 220px;display:grid;gap:2px;min-width:0}
.my-bar__text strong{color:var(--text-heading);font-size:15px}
.my-bar__text small{color:var(--text-muted);font-size:13px}
.my-bar__acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.my-bar__acts form{margin:0}