/* screens/30_feedback_lead.css — «Отзыв · Заявка · Отзывы» (FB-01, FB-02, LD-01…LD-03, M-11, RV-01, FB-APP, FB-APP-OK). Волны правок 20.10 и v2 21.10.
   Только токены tokens.css; префиксы .fb- / .lead- / .rv- (.ld-* — классы ядра, .lead-dock — док ядра, не трогаем).
   Персонаж, небо, карусель, карточка отзыва — из библиотеки (h.hero, h.carousel, h.quoteCard); здесь только подгонка под экраны. */

/* ── общее: небо на экранах раздела ── */
.fb-hero .ld-hero__in, .lead-hero .ld-hero__in, .rv-hero .ld-hero__in { padding-bottom: 36px; }
.fb-hero .ld-hero__sunny, .lead-hero .ld-hero__sunny, .rv-hero .ld-hero__sunny { margin-bottom: var(--s-2); }
.fb-hero .ld-hero__text, .lead-hero .ld-hero__text { max-width: 320px; }

/* ═════════ Отзыв ═════════ */
/* напоминание о сессии и замере */
.fb-sud { display: flex; align-items: center; gap: var(--s-3); padding: 12px 14px 12px 16px; }
.fb-sud__text { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.fb-sud__over { font-size: var(--fs-1); line-height: var(--lh-1); font-weight: var(--fw-semibold); letter-spacing: .06em; text-transform: uppercase; color: var(--accent-ink); }
.fb-sud__title { font-size: var(--fs-3); line-height: 22px; font-weight: var(--fw-semibold); color: var(--ink); }
.fb-sud__ba { flex: none; display: flex; align-items: center; gap: 4px; color: var(--ink-3); }
.fb-sud__n { min-width: 40px; height: 40px; border-radius: 12px; display: grid; place-items: center; font-size: var(--fs-4); line-height: 1; font-weight: var(--fw-bold); font-variant-numeric: tabular-nums; }
.fb-sud__n--was { background: var(--rose); color: var(--on-rose); }
.fb-sud__n--now { background: var(--sun); color: var(--on-sun); }

/* форма отзыва */
.fb-form { padding: var(--s-4); }
.fb-form__label { margin: 0 var(--s-1); font-size: var(--fs-3); line-height: 22px; font-weight: var(--fw-semibold); color: var(--ink); }
.fb-form .field { margin-top: var(--s-3); }
.fb-form .field__input { background: var(--field); box-shadow: inset 0 0 0 1px var(--line); }
.fb-form .field__input:focus { box-shadow: inset 0 0 0 2px var(--primary); }
.fb-form .field__input--area { min-height: 112px; }
.fb-count { margin: var(--s-2) var(--s-1) 0; font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.fb-count--ok { color: var(--success); font-weight: var(--fw-medium); }

/* галочка «можно опубликовать» */
.fb-check { width: 100%; min-height: 56px; border: 0; border-radius: var(--r-1); padding: 14px 16px; display: flex; align-items: center; gap: var(--s-3);
  background: var(--surface); color: var(--ink); text-align: left; box-shadow: var(--sh-1); border: 1px solid var(--card-border); }
.fb-check__box { flex: none; width: 24px; height: 24px; border-radius: 8px; display: grid; place-items: center; color: transparent; box-shadow: inset 0 0 0 2px var(--ink-3); }
.fb-check[aria-checked="true"] .fb-check__box { background: var(--primary); color: var(--on-primary); box-shadow: none; }
.fb-check__text { font-size: var(--fs-2); line-height: var(--lh-2); font-weight: var(--fw-medium); }
.fb-form .fb-check { margin-top: var(--s-3); min-height: 52px; padding: 12px 4px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; box-shadow: none; }
.fb .btn-col { margin-top: var(--s-4); }
.fb-hero--form .ld-hero__text { font-size: var(--fs-2); line-height: var(--lh-2); }

/* FB-02: что ушло */
.fb-sum { display: flex; flex-direction: column; gap: var(--s-3); }
.fb-sum__head { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); }
.fb-sum__k { font-size: var(--fs-3); line-height: 22px; font-weight: var(--fw-semibold); color: var(--ink); }
.fb-sum__text { margin: 0; padding: var(--s-3) var(--s-4); border-radius: calc(var(--r-1) - 8px); background: var(--field); box-shadow: inset 0 0 0 1px var(--line);
  font-size: var(--fs-3); line-height: var(--lh-3); color: var(--ink); overflow-wrap: anywhere; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.fb-sum__sud { display: flex; align-items: center; gap: var(--s-2); font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.fb-sum__sud .ic { color: var(--accent); }
.fb-sum__sud b { color: var(--ink); }

/* ═════════ Заявка ═════════ */
/* контакт из Telegram — только чтение */
.lead-contact { display: flex; align-items: center; gap: var(--s-3); padding: 14px 16px; }
.lead-contact__ic { flex: none; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: var(--primary); color: var(--on-primary); }
.lead-contact__text { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.lead-contact__over { font-size: var(--fs-1); line-height: var(--lh-1); font-weight: var(--fw-semibold); letter-spacing: .06em; text-transform: uppercase; color: var(--accent-ink); }
.lead-contact__v { margin-top: 2px; font-size: var(--fs-3); line-height: 22px; font-weight: var(--fw-semibold); color: var(--ink); overflow-wrap: anywhere; }
.lead-contact__sub { font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.lead-contact__lock { flex: none; color: var(--ink-3); }

/* карточки-фильтры */
.lead-group { padding: 14px var(--s-4) var(--s-4); }
.lead-group--tight { padding-inline: 12px; }
.lead-group__head { display: flex; align-items: center; gap: var(--s-2); margin-bottom: var(--s-3); padding-inline: 2px; }
.lead-group__ic { flex: none; width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--sun); color: var(--on-sun); }
.lead-group__title { flex: 1; min-width: 0; font-size: var(--fs-3); line-height: 22px; font-weight: var(--fw-semibold); color: var(--ink); }
.lead-group__note { flex: none; font-size: var(--fs-1); line-height: var(--lh-1); color: var(--ink-3); }
.lead-group__hint { margin: var(--s-2) var(--s-1) 0; font-size: var(--fs-1); line-height: var(--lh-1); color: var(--ink-3); }
.lead-group--field .field { margin-top: 0; }
.lead-group--field .field__input { background: var(--field); box-shadow: inset 0 0 0 1px var(--line); }
.lead-group--field .field__input:focus { box-shadow: inset 0 0 0 2px var(--primary); }
.lead-group .pick__opt { box-shadow: inset 0 0 0 1px var(--line); }
.lead-group .pick__opt[aria-pressed="true"] { box-shadow: inset 0 0 0 2px var(--primary); }
.lead-sub { margin: var(--s-3) 2px 6px; font-size: var(--fs-1); line-height: var(--lh-1); font-weight: var(--fw-semibold); letter-spacing: .06em; text-transform: uppercase; color: var(--ink-3); }
.lead-group__head + .lead-sub { margin-top: 0; }

/* формат — две плитки */
.lead-format.pick { display: grid; grid-template-columns: 1fr 1fr; gap: var(--s-2); }
.lead-format .pick__opt { min-height: 72px; border-radius: calc(var(--r-1) - 6px); padding: 12px; align-items: flex-start; flex-direction: column; gap: 6px; text-align: left; }
.lead-format .pick__label { font-weight: var(--fw-semibold); }
.lead-format .pick__sub { font-size: var(--fs-1); line-height: var(--lh-1); }
/* дни — 7 колонок по 44 px; время — 3 колонки */
.lead-days.pick { display: grid; grid-template-columns: repeat(7, minmax(44px, 1fr)); gap: 4px; }
.lead-days .pick__opt { min-width: 0; padding: 0; justify-content: center; border-radius: 14px; font-weight: var(--fw-semibold); }
.lead-slots.pick { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.lead-slots .pick__opt { min-height: 56px; padding: 6px 8px; justify-content: center; border-radius: 14px; text-align: center; }
.lead-slots .pick__text { align-items: center; }
.lead-slots .pick__label { font-weight: var(--fw-semibold); }
.lead-slots .pick__sub { font-size: var(--fs-1); line-height: var(--lh-1); }

.lead-err { margin: 6px var(--s-1) 0 !important; font-size: var(--fs-2); line-height: var(--lh-2); font-weight: var(--fw-medium); color: var(--danger); }

/* «Отправить заявку» / «Вернуться к сессиям» — свой док (класс .lead-dock занят ядром). 22.10: на ночной полосе —
   внутри h.section({tone: 'night'}) ядра: волна сверху ложится на ленту, звёзды, кнопка-солнце. Полоса продолжается под полоской «домой» */
.lead-send { pointer-events: none; }
.lead-send .btn { pointer-events: auto; }
.lead-send--night { padding-top: var(--wave-h); }
.lead-send .lead-send__band.ld-tone { margin: 0; padding: var(--s-3) var(--gutter) var(--s-1); pointer-events: auto; }
.lead-send__band .ld-section__body > .btn { width: 100%; }
.lead-send__band .ld-tone__glow--1 { top: -120px; }
.app__dock:has(.lead-send--night) .homebar { background: var(--t-night-b); }
.app__dock:has(.lead-send--night) .homebar i { background: var(--t-ink-dark); opacity: .85; }
.is-full .lead-send--night { padding-top: 0; }

/* LD-02: шаги и карточка заявки */
.lead-sum { display: flex; flex-direction: column; gap: var(--s-2); }
.lead-sum__head { display: flex; align-items: center; gap: var(--s-2); margin-bottom: 2px; font-size: var(--fs-2); line-height: var(--lh-2); font-weight: var(--fw-semibold); color: var(--success); }
.lead-sum__row { display: flex; gap: var(--s-3); align-items: baseline; }
.lead-sum__k { flex: none; width: 92px; font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.lead-sum__v { flex: 1; min-width: 0; font-size: var(--fs-2); line-height: var(--lh-2); font-weight: var(--fw-semibold); color: var(--ink); overflow-wrap: anywhere; }
.lead-adds { margin: var(--s-2) 0 0; padding: var(--s-3) 0 0; list-style: none; border-top: 1px solid var(--line); display: flex; flex-direction: column; gap: var(--s-2); }
.lead-add { font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink); }
.lead-add__d { display: block; font-size: var(--fs-1); line-height: var(--lh-1); color: var(--ink-3); }
.lead .btn-col { margin-top: var(--s-5); }

/* M-11 — текст сообщения */
.lead-msg__head { display: flex; align-items: center; gap: var(--s-3); }
.lead-msg__sub { font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.lead-msg__text { margin-top: var(--s-3); padding: var(--s-3) var(--s-4); border-radius: calc(var(--r-1) - 8px); background: var(--field); box-shadow: inset 0 0 0 1px var(--line);
  font-size: var(--fs-3); line-height: var(--lh-3); font-weight: var(--fw-medium); color: var(--ink); }
.lead-msg__copy { margin-top: var(--s-2); min-height: var(--tap); border: 0; background: transparent; padding: 0 var(--s-1);
  display: inline-flex; align-items: center; gap: var(--s-2); font-size: var(--fs-2); font-weight: var(--fw-semibold); color: var(--on-primary-soft); }

/* ═════════ Отзывы ═════════ */
/* RV-01 после v2: карточка «Как вам приложение?» → живые сессии → «почему бесплатная» → «после бесплатной» */
.rv-app__done { display: flex; align-items: center; gap: var(--s-2); padding: 10px 12px; border-radius: calc(var(--r-1) - 8px); background: var(--success-soft); color: var(--success);
  font-size: var(--fs-2); line-height: var(--lh-2); font-weight: var(--fw-medium); }
.rv-sec .rv-filter { margin-top: 0; }
.rv-filter { margin-top: var(--s-4); }
.rv-chips.pick { gap: 6px; }
.rv-chips .pick__opt { padding: 8px 13px; font-size: var(--fs-2); background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); }
.rv-chips .pick__opt[aria-pressed="true"] { background: var(--primary); color: var(--on-primary); box-shadow: none; }
.rv .rv-car { margin-top: var(--s-3); }

/* слайд: вся карточка — кнопка «история целиком» */
.rv-slide { display: flex; border-radius: var(--r-1); cursor: pointer; -webkit-tap-highlight-color: transparent; }
.rv-slide > .ld-quote { flex: 1; min-width: 0; }
.rv-slide:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; }
.rv-slide:active .ld-quote { transform: scale(.985); }
.rv-q { transition: transform .15s ease; }
.rv-q .ld-quote__text { font-weight: var(--fw-medium); }
.rv-q__more { display: inline-flex; align-items: center; vertical-align: baseline; white-space: nowrap; font-size: var(--fs-2); font-weight: var(--fw-semibold); color: var(--on-primary-soft); }
.rv-q__more .ic { align-self: center; margin-left: -2px; }
.rv-q .ld-quote__name { display: flex; flex-direction: column; font-weight: var(--fw-semibold); color: var(--ink); }
.rv-q .ld-quote__meta { font-weight: var(--fw-regular); color: var(--ink-2); }
.rv-q:not(.rv-q--long) .ld-quote__text { font-size: var(--fs-4); line-height: var(--lh-4); }   /* без шкалы короткая фраза — главный акцент карточки */
.rv-q--long .ld-quote__text { font-weight: var(--fw-regular); }

/* цвет темы: три из APP.topics + четыре локальные (самооценка, родители, деньги, тело) */
.rv-chip { display: inline-flex; align-items: center; min-height: 26px; padding: 3px 10px; border-radius: var(--r-pill); font-size: var(--fs-1); line-height: var(--lh-1); font-weight: var(--fw-semibold); }
.rv-t--sky .ld-quote__topic, .rv-chip.rv-t--sky { background: var(--primary-soft); color: var(--on-primary-soft); }
.rv-t--sun .ld-quote__topic, .rv-chip.rv-t--sun { background: var(--sun); color: var(--on-sun); }
.rv-t--rose .ld-quote__topic, .rv-chip.rv-t--rose { background: var(--rose); color: var(--on-rose); }
.rv-t--mint .ld-quote__topic, .rv-chip.rv-t--mint { background: var(--success-soft); color: var(--success); }
.rv-t--sand .ld-quote__topic, .rv-chip.rv-t--sand { background: var(--sun-muted); color: var(--on-sun); box-shadow: inset 0 0 0 1px var(--line); }
.rv-t--blush .ld-quote__topic, .rv-chip.rv-t--blush { background: var(--rose-muted); color: var(--on-rose); box-shadow: inset 0 0 0 1px var(--line); }
.rv-t--dawn .ld-quote__topic, .rv-chip.rv-t--dawn { background: linear-gradient(135deg, var(--sun) 0%, var(--rose) 100%); color: var(--on-sun); }

/* «Почему бесплатная сессия» — плашка sunset (ядро h.band), слова Марии — стеклянная карточка в слоте cta */
.rv-why.card { position: relative; padding: 18px var(--s-4) var(--s-4); display: flex; flex-direction: column; gap: var(--s-3); }
.rv-why__mark { color: var(--acc-sun); }
.rv-why__text { margin: 0; font-size: var(--fs-3); line-height: var(--lh-3); font-weight: var(--fw-medium); color: var(--ink); }
.rv-why__foot { display: flex; align-items: center; justify-content: space-between; gap: var(--s-3); flex-wrap: wrap; }
.rv-why__who { display: flex; align-items: center; gap: 10px; min-width: 0; }
.rv-why__who div { display: flex; flex-direction: column; min-width: 0; }
.rv-why__who b { font-size: var(--fs-3); line-height: 22px; font-weight: var(--fw-semibold); color: var(--ink); }
.rv-why__who span { font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.rv-why__ava { flex: none; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-size: var(--fs-3); font-weight: var(--fw-bold);
  background: linear-gradient(135deg, var(--fill-a), var(--fill-b)); color: var(--on-fill); }
.rv-why .badge--off { background: rgba(255,255,255,.16); color: var(--ink); }

/* «После бесплатной сессии» — образцы с бейджем «черновик» вместо кавычки */
.rv-after { gap: var(--s-3); }
.rv-draft { position: relative; display: flex; }
.rv-draft > .ld-quote { flex: 1; min-width: 0; }
.rv-draft > .badge { position: absolute; top: 16px; right: 16px; z-index: 1; height: 26px; font-size: var(--fs-1); }
.rv-draft .ld-quote__mark { visibility: hidden; }

.rv-mine { display: flex; align-items: center; gap: var(--s-2); padding: var(--s-3) var(--s-4); border-radius: var(--r-1);
  background: var(--success-soft); color: var(--success); font-size: var(--fs-2); line-height: var(--lh-2); font-weight: var(--fw-medium); }
.rv-own { display: flex; flex-direction: column; gap: var(--s-3); }
.rv-own__text { display: flex; flex-direction: column; gap: 2px; padding: 0 var(--s-1); }
.rv-own__text b { font-size: var(--fs-3); line-height: 22px; font-weight: var(--fw-semibold); color: var(--ink); }
.rv-own__text span { font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.rv .btn-col { margin-top: var(--s-3); }

/* шторка «История целиком»: поверх телефона (.app — ближайший позиционированный предок), выше дока */
.rv-story { position: absolute; inset: 0; z-index: 20; display: flex; flex-direction: column; justify-content: flex-end; }
.rv-story__scrim { position: absolute; inset: 0; background: var(--scrim); opacity: 0; transition: opacity .25s ease; }
.rv-story__sheet { position: relative; max-height: calc(100% - var(--status-h) - var(--s-4)); display: flex; flex-direction: column; border-radius: var(--r-2) var(--r-2) 0 0;
  background: var(--bg); box-shadow: 0 -12px 32px rgba(20,12,60,.22); transform: translateY(24px); opacity: 0; transition: transform .3s ease, opacity .25s ease; }
.rv-story.is-open .rv-story__scrim { opacity: 1; }
.rv-story.is-open .rv-story__sheet { transform: none; opacity: 1; }
.rv-story__bar { flex: none; position: relative; height: 52px; display: flex; align-items: center; justify-content: center; }
.rv-story__grab { width: 40px; height: 5px; border-radius: var(--r-pill); background: var(--ink-3); opacity: .5; }
.rv-story__close { position: absolute; right: 12px; top: 6px; width: var(--tap); height: var(--tap); border: 0; border-radius: 50%; display: grid; place-items: center;
  background: var(--surface); color: var(--ink); box-shadow: var(--sh-1); }
.rv-story__body { overflow-y: auto; overscroll-behavior: contain; padding: 0 var(--gutter) calc(var(--home-h) + var(--s-4)); }
.rv-story__who { margin-top: var(--s-3); display: flex; align-items: center; gap: var(--s-3); }
.rv-story__who div { display: flex; flex-direction: column; min-width: 0; }
.rv-story__who b { font-size: var(--fs-4); line-height: var(--lh-4); font-weight: var(--fw-semibold); color: var(--ink); }
.rv-story__who span { font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.rv-story__ava { flex: none; width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; font-size: var(--fs-3); font-weight: var(--fw-bold);
  background: linear-gradient(135deg, var(--fill-a), var(--fill-b)); color: var(--on-fill); }
.rv-story__k { display: block; font-size: var(--fs-1); line-height: var(--lh-1); font-weight: var(--fw-semibold); letter-spacing: .06em; text-transform: uppercase; }
.rv-story__pain { margin-top: var(--s-4); padding: var(--s-3) var(--s-4); border-radius: var(--r-1); background: var(--surface); box-shadow: var(--sh-1); border: 1px solid var(--card-border);
  display: flex; flex-direction: column; gap: 4px; font-size: var(--fs-3); line-height: var(--lh-3); font-style: italic; color: var(--ink); }
.rv-story__pain .rv-story__k { font-style: normal; color: var(--accent-ink); }
.rv-story__text { margin-top: var(--s-4); display: flex; flex-direction: column; gap: var(--s-3); padding: 0 var(--s-1); font-size: var(--fs-3); line-height: var(--lh-3); color: var(--ink); }
.rv-story__note { margin: var(--s-4) var(--s-1) 0; display: flex; align-items: center; gap: 6px; font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.rv-story__note .ic { color: var(--ink-3); }
.rv-story .ld-cta { margin-top: var(--s-4); }

/* ═════════ FB-APP · мнение о приложении ═════════ */
.fb-app-tags.pick { margin-top: var(--s-2); display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.fb-app-tags .pick__opt { min-height: var(--tap); min-width: 0; padding: 0 8px; justify-content: center; border-radius: var(--r-pill); white-space: nowrap;
  font-size: var(--fs-2); font-weight: var(--fw-medium); background: var(--field); box-shadow: inset 0 0 0 1px var(--line); }
.fb-app-tags .pick__opt[aria-pressed="true"] { background: var(--sun); color: var(--on-sun); box-shadow: none; }
.fb-app .field__input--area { min-height: 128px; }
.fb-app .fb-count { color: var(--ink-2); }
.fb-app-sent { display: flex; flex-wrap: wrap; gap: 6px; }
.fb-app-tag { display: inline-flex; align-items: center; min-height: 28px; padding: 3px 12px; border-radius: var(--r-pill); background: var(--sun); color: var(--on-sun);
  font-size: var(--fs-2); line-height: var(--lh-2); font-weight: var(--fw-medium); }


/* ═════════ Дизайн-проход 22.10: тона, плашки, цветные чипы ═════════
   Полосы, волны, плашки, стекло — ядро (h.section({tone}), h.band, h.card({glass})). Здесь только модификаторы префиксов .fb- / .lead- / .rv-
   и цвета из токенов --t-*, --acc-*, --card-*. */

/* шапка без персонажа: небо короче, заголовок ниже статус-строки */
.fb-hero--short .ld-hero__in, .lead-hero--short .ld-hero__in { padding-bottom: 30px; }
/* плашка «персонаж + мысль экрана» без заголовка — лид крупный */
.fl-band .ld-band__lead { margin-top: 0; font-size: var(--fs-4); line-height: var(--lh-4); font-weight: var(--fw-semibold); color: var(--ink); }
.fl-band.ld-band { padding-bottom: calc(var(--band-pad) - 8px); }
.fl-band + .ld-tone { margin-top: 0; }

/* содержимое тонированных секций: карточки идут стопкой */
:is(.fb-sec, .lead-sec, .rv-final) .ld-section__body > * + * { margin-top: var(--s-3); }
:is(.fb-sec, .lead-sec, .rv-final, .fb-final) .ld-section__body > .ld-cta:first-child { margin-top: 0; }
:is(.fb-sec, .lead-sec) .ld-section__body > .btn-col { margin-top: var(--s-4); }
.fb-final.ld-tone, .rv-final.ld-tone { padding-top: calc(var(--band-pad) - 8px); }
.fb-sec + .btn-col, .lead-sec + .btn-col { margin-top: var(--s-5); }
.lead-sec .ld-section__head { margin-bottom: var(--s-3); }
/* формы короче лендинга: полосы плотнее */
.lead--form .lead-sec.ld-tone, .fb-sec.ld-tone, .lead-sec--sum.ld-tone { --band-pad: 28px; }

/* иконки групп формы и шапок карточек — цвет акцента своей полосы */
.ld-tone .lead-group__ic, .ld-tone .lead-contact__ic { background: var(--acc); color: var(--acc-on); box-shadow: 0 8px 16px -8px var(--acc); }
.ld-tone .lead-contact__over { color: var(--acc-ink); }
.ld-tone .lead-group { border-color: transparent; }

/* цветные чипы формы: выбранный — цвет акцента полосы (формат — персик, когда — мята, тема — оранжевый) */
.lead--form .ld-tone .pick__opt { background: var(--surface); box-shadow: inset 0 0 0 1px var(--line); }
.lead--form .ld-tone .pick__opt[aria-pressed="true"] { background: var(--acc); color: var(--acc-on); box-shadow: 0 8px 16px -10px var(--acc); }
.lead--form .ld-tone .pick__opt[aria-pressed="true"] .pick__sub,
.lead--form .ld-tone .pick__opt[aria-pressed="true"] > .ic { color: var(--acc-on); opacity: .9; }
.lead-format .pick__opt > .ic { color: var(--acc); }
/* дни — мягкая мята, срочность — солнце: разные цвета внутри одной полосы */
.lead--form .lead-days .pick__opt:not([aria-pressed="true"]) { background: var(--card-mint); box-shadow: none; }
.lead--form .ld-tone .lead-urgency .pick__opt[aria-pressed="true"] { background: var(--acc-sun); color: var(--acc-sun-on); box-shadow: 0 8px 16px -10px var(--acc-sun); }

/* чипы мнения FB-APP: три разных цвета */
.fb-app-tags .pick__opt:nth-child(1)[aria-pressed="true"], .fb-app-tag:nth-child(3n + 1) { background: var(--card-mint); color: var(--acc-mint-ink); }
.fb-app-tags .pick__opt:nth-child(2)[aria-pressed="true"], .fb-app-tag:nth-child(3n + 2) { background: var(--card-peach); color: var(--acc-orange-ink); }
.fb-app-tags .pick__opt:nth-child(3)[aria-pressed="true"], .fb-app-tag:nth-child(3n) { background: var(--card-sun); color: var(--acc-sun-ink); }
.fb-app-tags .pick__opt[aria-pressed="true"] { box-shadow: inset 0 0 0 2px currentColor; font-weight: var(--fw-semibold); }

/* LD-02: строки заявки — тема, формат, срочность цветными чипами */
.lead-sum__row--chip .lead-sum__v { flex: none; display: inline-flex; align-items: center; min-height: 26px; padding: 2px 10px; border-radius: var(--r-pill); font-size: var(--fs-1); line-height: var(--lh-1); }
.lead-sum__row--topic .lead-sum__v { background: var(--card-lavender); color: var(--acc-violet-ink); }
.lead-sum__row--format .lead-sum__v { background: var(--card-peach); color: var(--acc-orange-ink); }
.lead-sum__row--urgency .lead-sum__v { background: var(--card-sun); color: var(--acc-sun-ink); }
.ld-tone .lead-sum__head { color: var(--acc-mint-ink); }

/* RV-01 */
.rv-app .rv-app__done { margin-bottom: var(--s-3); background: var(--surface); }
.rv-app .ld-band__cta { margin-top: var(--s-4); }
.rv-whyband .ld-band__cta { margin-top: var(--s-4); }
.rv-final__card { position: relative; display: flex; flex-direction: column; align-items: center; padding-top: var(--s-3); }
.rv-final__card .ld-cta { margin-top: var(--s-3); width: 100%; }
.rv-breath { display: flex; flex-direction: column; gap: var(--s-3); }
.rv-breath .btn-col { margin-top: 0; }
.rv .rv-car { margin-top: var(--s-3); }
/* фильтр на лавандовой полосе: выбранный — фиолетовый акцент */
.rv-sec--live .rv-chips .pick__opt[aria-pressed="true"] { background: var(--acc); color: var(--acc-on); box-shadow: 0 8px 16px -10px var(--acc); }

/* карточки отзывов: цветной акцент по теме — полоска сверху, подсветка в углу, кавычка и аватар цвета темы */
.rv-q { --rv-acc: var(--acc-violet); --rv-soft: var(--card-lavender); position: relative; overflow: hidden; border-color: transparent; }
.rv-q::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: var(--rv-acc); }
.rv-q::after { content: ""; position: absolute; right: -40px; top: -40px; width: 120px; height: 120px; border-radius: 50%; background: var(--rv-acc); opacity: .12; pointer-events: none; }
.rv-q > * { position: relative; z-index: 1; }
.rv-q .ld-quote__mark { color: var(--rv-acc); }
.rv-q .ld-quote__ava { background: var(--rv-acc); color: var(--rv-on, #FFFFFF); }
.rv-t--sky   { --rv-acc: var(--acc-sky);    --rv-on: var(--acc-sky-on); }
.rv-t--sun   { --rv-acc: var(--acc-sun);    --rv-on: var(--acc-sun-on); }
.rv-t--rose  { --rv-acc: var(--acc-rose);   --rv-on: var(--acc-rose-on); }
.rv-t--mint  { --rv-acc: var(--acc-mint);   --rv-on: var(--acc-mint-on); }
.rv-t--sand  { --rv-acc: var(--acc-orange); --rv-on: var(--acc-orange-on); }
.rv-t--blush { --rv-acc: var(--acc-rose);   --rv-on: var(--acc-rose-on); }
.rv-t--dawn  { --rv-acc: var(--acc-orange); --rv-on: var(--acc-orange-on); }
.rv-q.rv-t--dawn::before { background: linear-gradient(90deg, var(--acc-sun), var(--acc-rose)); }
.rv-draft > .badge { top: 18px; }

@media (prefers-reduced-motion: reduce) {
  .rv-story__scrim, .rv-story__sheet, .rv-q { transition: none; }
}


/* ═════════ Правки v3 23.10: FB-01 три вопроса, сердечко Джой, FB-02 ответы ═════════ */
/* вопросы: номер-кружок, заголовок, подпись «можно несколько»; между вопросами — тонкая линия */
.fb-q + .fb-q { margin-top: var(--s-4); padding-top: var(--s-4); border-top: 1px solid var(--line); }
.fb-q__head { display: flex; align-items: center; flex-wrap: wrap; gap: 4px var(--s-2); margin-bottom: var(--s-3); }
.fb-q__n { flex: none; width: 26px; height: 26px; border-radius: 50%; display: grid; place-items: center; background: var(--fb-q-acc); color: var(--fb-q-on);
  font-size: var(--fs-1); line-height: 1; font-weight: var(--fw-bold); font-variant-numeric: tabular-nums; }
.fb-q__title { font-size: var(--fs-3); line-height: 22px; font-weight: var(--fw-semibold); color: var(--ink); }
.fb-q__sub { flex-basis: 100%; padding-left: 34px; font-size: var(--fs-1); line-height: var(--lh-1); color: var(--ink-2); }
.fb-q { --fb-q-acc: var(--acc-mint); --fb-q-on: var(--acc-mint-on); --fb-q-soft: var(--card-mint); --fb-q-ink: var(--acc-mint-ink); }
.fb-q:nth-child(2) { --fb-q-acc: var(--acc-orange); --fb-q-on: var(--acc-orange-on); --fb-q-soft: var(--card-peach); --fb-q-ink: var(--acc-orange-ink); }
.fb-q:nth-child(3) { --fb-q-acc: var(--acc-sun); --fb-q-on: var(--acc-sun-on); --fb-q-soft: var(--card-sun); --fb-q-ink: var(--acc-sun-ink); }
.fb-chips.pick { gap: 8px; }
.fb-chips .pick__opt { min-height: 40px; padding: 8px 14px; background: var(--surface); color: var(--ink); box-shadow: inset 0 0 0 1px var(--line); font-size: var(--fs-2); line-height: var(--lh-2); }
.fb-chips .pick__opt[aria-pressed="true"] { background: var(--fb-q-soft); color: var(--fb-q-ink); box-shadow: inset 0 0 0 2px var(--fb-q-acc); font-weight: var(--fw-semibold); }
.fb-chips--one .pick__opt { flex: 1 1 auto; justify-content: center; }
.fb-q--free .field { margin-top: 0; }
.fb-q--free .field__label { font-size: var(--fs-3); line-height: 22px; font-weight: var(--fw-semibold); color: var(--ink); }
.fb-q--free .field__input--area { min-height: 96px; }
.fb-q--free .field__hint { color: var(--ink-2); }
.fb-form--q .fb-check { margin-top: var(--s-4); }
/* подпись под «Отправить»: сердечко Марии */
.fb-heart-note { margin: var(--s-2) 0 0; display: flex; align-items: center; justify-content: center; gap: 6px; font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.fb-heart-note .ic { color: #FF5C8A; }

/* FB-02: Джой радуется, рядом улетает сердечко (кадры joy-heart-up — ядро, components.css) */
.fb-band--heart .ld-band__fig { position: relative; }
.fb-band--heart .ld-band__fig::after { content: ""; position: absolute; right: -4px; top: 6px; width: 22px; height: 20px; pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 22'%3E%3Cpath d='M12 21S1.5 14.4 1.5 7.3A5.3 5.3 0 0 1 12 4.6a5.3 5.3 0 0 1 10.5 2.7C22.5 14.4 12 21 12 21z' fill='%23FF5C8A' stroke='%23FFFFFF' stroke-width='1.4'/%3E%3C/svg%3E") center / contain no-repeat;
  animation: joy-heart-up 2.4s ease-out infinite; }
/* FB-02: ответы на три вопроса */
.fb-ans-list { display: flex; flex-direction: column; gap: var(--s-2); }
.fb-ans { display: flex; align-items: baseline; justify-content: space-between; gap: var(--s-3); }
.fb-ans__k { flex: none; font-size: var(--fs-2); line-height: var(--lh-2); color: var(--ink-2); }
.fb-ans__v { min-width: 0; padding: 3px 10px; border-radius: var(--r-pill); text-align: right; font-size: var(--fs-1); line-height: var(--lh-1); font-weight: var(--fw-semibold); }
.fb-ans__v--changed { background: var(--card-mint); color: var(--acc-mint-ink); }
.fb-ans__v--useful { background: var(--card-peach); color: var(--acc-orange-ink); }
.fb-ans__v--improve { background: var(--card-sun); color: var(--acc-sun-ink); }

@media (prefers-reduced-motion: reduce) {
  .fb-band--heart .ld-band__fig::after { animation: none; transform: translate(4px, -14px); }
}