/* Карточка живого фида — полированный дизайн (порт прото .pc-* → .fc-*).
   Грузится ПОСЛЕ teazy-mobile.css, поэтому переопределяет внутренний layout .tzm-ad.
   Контейнер .tzm-ad сохраняет фон/радиус/тень из teazy-mobile; тут сбрасываем его
   паддинг (внутренние блоки .fc-ad/.fc-foot задают свой) и наводим единый ритм.
   ──────────────────────────────────────────────────────────────────────────
   ШКАЛА: горизонталь 16, блоки 14, заголовок↔текст 6; подвал 14/12/14.
   Один разделитель отделяет подвал (автор → взамен → кнопки) от тела. */
.fc-card { padding: 0; overflow: hidden; }

/* ── Тело ── */
.fc-ad { padding: 16px 16px 18px; }
/* шапка объявления: категория (слева) + данные (давность · просмотры · отклики, справа) */
.fc-head { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 7px 12px; }
.fc-stats { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 14px; margin-left: auto; font-size: 12px; font-weight: 500; color: var(--tzm-muted-2); }
.fc-stat { display: inline-flex; align-items: center; gap: 5px; }
.fc-stat svg { width: 13px; height: 13px; }
.fc-cats { display: flex; flex-wrap: wrap; gap: 7px; }
.fc-cat { display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 11px; border-radius: 999px; font-size: 12px; font-weight: 700; line-height: 1; }
.fc-cat__ico { font-size: 13px; }
.fc-cat--pink   { background: #ffe6f2; color: var(--tzm-pink-2); }
.fc-cat--purple { background: var(--tzm-purple-tint); color: var(--tzm-purple); }
.fc-cat--amber  { background: #fbeccf; color: var(--tzm-amber); }
.fc-cat--mint   { background: #e1f6ea; color: #16a34a; }
.fc-cat--indigo { background: #e7e3ff; color: #5b46e0; }

.fc-title { display: block; margin: 13px 0 0; font-size: 16.5px; font-weight: 700; line-height: 1.3; letter-spacing: -0.1px; color: var(--tzm-text); }
.fc-text  { margin: 6px 0 0; font-size: 13.5px; line-height: 1.5; color: #5d647a; }

/* Чип «Ищет: …» — что человек ищет (looking_for из анкеты). */
.fc-seek { display: inline-flex; align-items: center; gap: 6px; margin-top: 10px; padding: 4px 11px; border-radius: 999px; font-size: 12px; font-weight: 700; background: var(--tzm-purple-tint); color: var(--tzm-purple); }
.fc-seek svg { width: 14px; height: 14px; flex: 0 0 auto; }
/* Строка-контракт по типу сделки: get=розовый (предлагает за вознаграждение), pay=янтарь (спонсор) */
.fc-seek--reward { background: #ffe6f2; color: var(--tzm-pink-2); }
.fc-seek--sponsor { background: #fff0d6; color: var(--tzm-amber); }

/* ── Подвал: автор → взамен → кнопки. Один разделитель сверху, внутри без линий. ── */
.fc-foot { border-top: 1px solid var(--tzm-line); padding: 14px 16px 16px; }

.fc-author { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 600; color: var(--tzm-muted); }
/* Аватар: НЕ клипуем контейнер (иначе режется онлайн-точка) — скругляем само фото */
.fc-author__ava { position: relative; width: 38px; height: 38px; flex: 0 0 auto; }
.fc-author__ava img { width: 100%; height: 100%; border-radius: 50%; object-fit: cover; }
.fc-author__online { position: absolute; right: 0; bottom: 1px; width: 10px; height: 10px; border-radius: 50%; background: var(--tzm-online); border: 2px solid #fff; box-shadow: 0 0 0 .5px rgba(0,0,0,.04); }

/* Строка автора: имя сверху, под ним мета (звёзды · город · ✓) */
.fc-author__id { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.fc-author__name { font-size: 14px; font-weight: 700; color: var(--tzm-text); }
.fc-author__sub { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; font-size: 12px; font-weight: 600; color: var(--tzm-muted); }
.fc-author__stars { display: inline-flex; align-items: center; gap: 3px; color: var(--tzm-amber); }
.fc-author__stars svg { width: 12px; height: 12px; }
.fc-author__stars b { font-weight: 700; }
.fc-author__sep { color: #c7cdda; }
.fc-author__place { display: inline-flex; align-items: center; gap: 3px; }
.fc-author__place svg { width: 12px; height: 12px; }
/* город-ссылка на поддомен: наследует цвет места, подчёркивание по hover (не «синяя ссылка») */
.fc-author__place--link { color: inherit; text-decoration: none; }
.fc-author__place--link:hover { color: var(--tzm-pink, #e23a7a); text-decoration: underline; }
.fc-author__ver { display: inline-flex; align-items: center; justify-content: center; width: 15px; height: 15px; border-radius: 50%; background: #16a34a; color: #fff; font-size: 9px; font-weight: 800; }
.fc-author__vip { padding: 1px 7px; border-radius: 6px; background: linear-gradient(118deg, #fbe7ad, #f3cd5e); color: #875600; font-size: 10px; font-weight: 800; letter-spacing: .3px; }

/* Контракт оффера: «Предлагаю [услуга] → Взамен [reward]» (двусторонний). _deal — одна из сторон. */
.fc-contract { display: flex; align-items: center; flex-wrap: wrap; gap: 7px 10px; }
.fc-contract .fc-deal { margin-top: 0; }
.fc-contract__side { display: inline-flex; align-items: center; gap: 8px; }
.fc-contract__arr { color: var(--tzm-muted-2); font-weight: 800; }
.fc-contract__svc { display: inline-flex; align-items: center; gap: 5px; padding: 4px 11px; border-radius: 999px; font-size: 12.5px; font-weight: 700; background: #f1f3f8; color: var(--tzm-text); }
.fc-contract__svc-ico { font-size: 13px; }

/* «Взамен» — ответная сторона договора (не пейволл). paid → грейд щедрости; free/barter → взаимно */
.fc-deal { display: flex; align-items: center; flex-wrap: wrap; gap: 8px 10px; margin-top: 12px; }
.fc-deal__lbl { font-size: 12.5px; font-weight: 600; color: var(--tzm-muted); }

/* Грейд вознаграждения — абстрактный уровень БЕЗ цифр (4 сегмента под price_tier).
   Цвет и заполненность пипсов растут: l1 нейтральный → l4 «золото». */
.fc-tier { display: inline-flex; align-items: center; gap: 7px; height: 28px; padding: 0 12px; border-radius: 999px; font-size: 12px; font-weight: 800; letter-spacing: .1px; }
.fc-tier__ico { width: 14px; height: 14px; flex: 0 0 auto; }
.fc-tier__lbl { white-space: nowrap; }
.fc-tier__pips { display: inline-flex; gap: 3px; }
.fc-tier__pips i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; opacity: .26; }
.fc-tier__pips i.on { opacity: 1; }
/* 5 грейдов вознаграждения (эталон, см. docs/architecture/dictionaries.md) */
.fc-tier--l1 { background: #eef1f6; color: #7a849b; }
.fc-tier--l2 { background: #ffe6f2; color: var(--tzm-pink-2); }
.fc-tier--l3 { background: #fff0d6; color: var(--tzm-amber); }
.fc-tier--l4 { background: #fbeccf; color: #9a6b12; }
.fc-tier--l5 { background: linear-gradient(118deg, #fbe7ad, #f3cd5e); color: #875600; box-shadow: 0 2px 12px rgba(214, 162, 30, .32); }

/* Взаимный / бартер — зелёный маркер «без денег» */
.fc-free { display: inline-flex; align-items: center; gap: 7px; min-height: 28px; padding: 4px 13px; border-radius: 999px; font-size: 12.5px; font-weight: 800; background: #e1f6ea; color: #16a34a; }
.fc-free svg { width: 16px; height: 16px; flex: 0 0 auto; }

/* Кнопки действий */
.fc-acts { display: flex; gap: 9px; margin-top: 14px; }
.fc-btn { flex: 1 1 0; height: 46px; display: inline-flex; align-items: center; justify-content: center; gap: 7px; border-radius: 13px; font-size: 14px; font-weight: 700; text-align: center; }
.fc-btn svg { width: 17px; height: 17px; }
.fc-card .fc-btn--ghost { background: var(--tzm-purple-tint); color: var(--tzm-purple); }
/* solid: белый текст железно (специфичнее базового a{color:var(--link-color)}) */
.fc-card .fc-btn--solid { background: linear-gradient(120deg, var(--tzm-pink-2), var(--tzm-purple)); color: #fff; box-shadow: 0 6px 16px rgba(174, 53, 158, .26); }
.fc-card .fc-btn--solid svg { color: #fff; }