/* Fayro — рескин служебных страниц под язык v2 «Знак ведёт» (item 767,
   слово владельца 25.08: «везде должна быть одна версия»).
   Подключается ПОСЛЕ styles.css на partner/support/delete-account/404 и
   переопределяет только ТОКЕНЫ и форму контролов: логика форм, юртексты и
   инлайн-скрипты не тронуты (CSP-хэши прежние). Главная (v2) живёт на
   собственном v2.css — этот файл к ней отношения не имеет.

   Палитра: ЕДИНЫЙ канон всех поверхностей (слово владельца 26.08 «цвета
   везде идентичны») — фоновые и текстовые токены styles.css НЕ трогаются
   (#080808 / #F4F3F3 / #BDB5AD = приложение и админка); собственная
   чернильная палитра v2-тона (#131211/#F1EEE7) жила один день и снята
   слоем COLOR-CANON-1. Здесь остаются только форма контролов и плоское
   золото CTA. */

:root {
  /* Плоское золото вместо глянцевого градиента — канон v2. */
  --grad-cta: linear-gradient(0deg, var(--gold-light), var(--gold-light));
  --on-gold: #11110f;
}

/* Пилюли v2: капитель с трекингом, радиус 999. Геометрию (паддинги/кегль)
   не трогаем — вёрстка форм посчитана на неё. */
.btn,
.pform-add,
.pform-resend,
.btn-messenger {
  border-radius: 999px;
}


/* ═══ ТРЕКИНГ: КАНОН ЭТАЛОНОВ (TYPE-TRACKING-1, 31.08.2026) ═══
   Тот же канон, что введён в website-v2/v2.css: положительная разрядка
   остаётся ТОЛЬКО у словесного знака FΛYRO (.logo-word) — там она часть
   логотипа. Всё остальное — normal. Основание: живой замер трёх эталонов
   (tecnoarreda.it 0 ролей с разрядкой из 53, pelizzari.com 0 из 34,
   dior.com/beauty 0 из 12) и слово владельца 31.08 «дистанция между
   буквами великовата». ═══ */
.btn {
  font-size: 0.83rem;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: uppercase;
}

/* Поля форм: мягче радиус, кромка v2. */
.pform-input,
.pform-select,
.pform-textarea,
textarea.pform-input,
select.pform-input,
input.pform-input {
  border-radius: 14px;
}

/* Карточки-плиты брифа/поддержки: радиус карточек v2. */
.pform-card,
.pform-done,
.pform-step {
  border-radius: 22px;
}

/* ---------- V2-PAGES-2 (item 771): служебные страницы = язык v2-главной.
   Шапка прозрачная absolute с плоским знаком, «На главную» — пилюля-CTA,
   кикер над заголовком, футер — центрированный чернильный, как .ftr v2. */

/* Шапка v2: прозрачная, уезжает со страницей; плитка-подложка и блюр v1
   здесь не живут. Знак — ПЛОСКОЕ золото --gold (решение 26.08 «дорого как
   Apple», слово владельца «делай»): в мелких интерфейсных местах — один
   тон, металл-градиент --grad-mark остаётся постановке главной; та же
   плоскость — в шапке v2-главной и у пина карты в приложении. */
.site-header.site-header-solid {
  position: absolute;
  background: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-bottom: none;
}

.logo-mark { background: var(--gold); }

/* «На главную» — та же пилюля, что «Оформить» на главной: контур, капитель,
   fixed справа сверху, ховер — заливка золотом, тап — поджатие. */
.header-back {
  position: fixed;
  top: 16px;
  right: clamp(20px, 4.5vw, 64px);
  z-index: 41;
  margin-left: 0;
  opacity: 1;
  /* Размер = пилюля «Подписка» главной после ужатия 02.09 (9/16/7, 0.74rem;
     +1 сверху / −1 снизу — оптический центр капители). */
  padding: 9px 16px 7px;
  font-size: 0.74rem;
  border: 1px solid currentColor;
  border-radius: 100px;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  transition: background 0.25s ease, color 0.25s ease,
    border-color 0.25s ease;
}

.header-back:hover {
  background: var(--gold-light);
  border-color: var(--gold-light);
  color: #11110f;
}

.header-back:active { transform: scale(0.97); }

@media (max-width: 960px) {
  .header-back {
    top: 12px;
    padding: 7px 12px 5px;
    font-size: 0.66rem;
    letter-spacing: normal;
  }
}

/* Кикер над заголовком — капитель с трекингом, как на главной. */
.pform-hero .kicker {
  margin-bottom: clamp(14px, 2.4vh, 22px);
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: normal;
  text-transform: uppercase;
  color: var(--muted);
}

/* Футер v2: чернила-глубина, всё по центру, капительный ряд ссылок. */
.site-footer,
.site-footer.pform-footer {
  background: #000000;
  color: var(--muted);
  text-align: center;
  padding: clamp(44px, 6vw, 64px) clamp(20px, 4.5vw, 64px) 34px;
  font-size: 0.82rem;
  letter-spacing: normal;
}

.pform-footer-nav {
  justify-content: center;
  gap: 12px 28px;
  margin-top: 0;
  margin-bottom: 4px;
}

.pform-footer-nav a {
  font-size: inherit;
  opacity: 0.85;
  transition: opacity 0.25s ease, color 0.25s ease;
}

.pform-footer-nav a:hover {
  opacity: 1;
  color: var(--ink);
}

.footer-copy {
  margin-top: 16px;
  color: inherit;
  opacity: 0.7;
  font-size: inherit;
}

/* 404: одинокая ©-строка тоже по центру, без линейки-разделителя. */
.footer-bottom {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
  justify-content: center;
}

/* ---------- AWARDS-FLOW-1 (item 781): тон корпуса = стандарт победителей.
   Интерлиньяж служебных страниц сведён с v2-главной (замер 15 SOTD:
   корпус 1.3–1.5; у styles.css исторические 1.6). Только тон — геометрия
   форм, юртексты и инлайн-скрипты не тронуты. */
body { line-height: 1.5; }

/* ---------- IVORY-PAGES-1 (item 788): служебные страницы = айвори-журнал
   главной (слово владельца 27.08: «тот же стиль, что на сайте, чтобы
   переход не резал глаз»). Главная живёт светлым телом с тёмными
   интерлюдиями — бриф и удаление аккаунта больше не встречают человека
   чёрным экраном. Только скин: логика форм, юртексты и инлайн-скрипты
   байт-в-байт, CSP-хэши прежние. */

/* Палитра v1 → айвори главной (v2.css): фон, плиты, кромки, текст. */
:root {
  --bg: #F4F3F3;
  --bg-soft: #F4F3F3;
  --bg-warm: #F4F3F3;
  --surface: #FAF8F3;
  --warm-backing: #FAF8F3;
  --header: #F4F3F3;
  --line: rgba(8, 8, 8, 0.12);
  --line-control: rgba(8, 8, 8, 0.38);
  --ink: #080808;
  --ink-2: #3f3c37;
  --muted: #6E6960;
  --faint: #8a857c;
  --gold-glow: rgba(144, 113, 65, 0.16);
  /* Статусные цвета на светлом: канонные пастели нечитаемы. */
  --danger: #9c2b20;
  --ok: #1e6b3a;
}

/* Фокус-кольцо: золото #c6a669 на айвори падает ниже порога — тёмное
   золото, как на светлых секциях главной. */
:focus-visible { outline-color: var(--gold-dark); }

/* Голова страницы — грамматика главной: надпись-линия и заголовок по
   центру, вес 400, узкая мера. */
.pform-hero { text-align: center; }
.pform-hero .kicker {
  font-size: 0.72rem;
  letter-spacing: normal;
  line-height: 1.2;
  color: var(--muted);
}
.pform-hero .section-title,
.pform-hero .section-title.section-title {
  margin-inline: auto;
  max-width: 18em;
  font-weight: 400;
  font-size: clamp(1.9rem, 3vw, 2.8rem);
  line-height: 1.25;
  letter-spacing: -0.02em;
  text-align: center;
}
.pform-hero .section-sub {
  margin-inline: auto;
  max-width: 34em;
  font-size: 1rem;
  text-align: center;
}

/* Номер шага карточки и ссылки: золото главной, читаемое на светлом. */
.pform-card h2 .pform-num { color: var(--gold-dark); }
.pform-card a,
.pform-done a { color: var(--gold-dark); }
.pform-card a:hover,
.pform-done a:hover { color: var(--gold); }

/* «На главную» на светлой странице — чернильный контур, ховер чернилами
   (как «Оформить» над светлыми секциями главной). */
.header-back:hover {
  background: var(--ink);
  border-color: var(--ink);
  color: #F4F3F3;
}

/* Футер остаётся чернильной глубиной главной: пере-краска токенов выше его
   не задевает. */
.site-footer,
.site-footer.pform-footer { color: #BDB5AD; }
.pform-footer-nav a:hover { color: #F4F3F3; }
.site-footer a:focus-visible,
.site-footer :focus-visible { outline-color: var(--gold-light); }

/* Кнопки форм «Прислать код» и «Отправить заявку» — подмена подписи, как у
   «Оформить» на главной (слово владельца 27.08): подпись выписана дважды,
   на наведении уезжает вверх на свою высоту. Тач, reduced motion, без JS —
   обычная кнопка; на неактивной подмены нет. */
.pform-submit .cta-slide > span[aria-hidden="true"] { display: none; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
  .pform-submit .cta-slide { display: block; overflow: clip; height: 1.6em; }
  .pform-submit .cta-slide > span,
  .pform-submit .cta-slide > span[aria-hidden="true"] {
    display: block;
    height: 1.6em;
    line-height: 1.6;
    transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
  }
  .pform-submit:hover:not(:disabled) .cta-slide > span { transform: translateY(-1.6em); }
}

/* Сабмиты «Отправить заявку» / «Прислать код» — ГЛАВНОЕ действие страницы:
   чернильная заливка, как у «Стать партнёром» на главной (эталон владельца
   26.08 «Try It Free»); ховер — контур. Ревизия 02.09 (слово владельца
   «приведи в порядок»): контурная версия 27.08 читалась как второстепенная
   кнопка в конце длинной формы. Золотая заливка v1 здесь не живёт;
   деструктивная «Удалить аккаунт» остаётся красной. */
.pform-submit.btn-primary {
  background: var(--ink);
  border: 1px solid var(--ink);
  color: #F4F3F3;
}
.pform-submit.btn-primary:hover:not(:disabled) {
  background: transparent;
  border-color: var(--ink);
  color: var(--ink);
  filter: none;
}
.pform-submit.btn-primary:disabled {
  background: transparent;
  border-color: var(--line-control);
  color: var(--faint);
}

/* Сабмиты — размер пилюль главной (слово владельца 27.08 «великовато»):
   btn-lg v1 (20×52, кегль 20) здесь не живёт; высота ~48 держит цель
   касания. */
.pform-submit.btn-lg {
  padding: 14px 30px;
  font-size: 0.83rem;
}

/* Ревизия 02.09 (слово владельца «приведи в порядок»): на телефоне
   пояснения к полям стояли корпусным кеглем 18 и растягивали бриф до 3 400
   px — пояснение читается мельче, чем подпись поля. */
@media (max-width: 960px) {
  .pform-note { font-size: 0.95rem; line-height: 1.45; }
}