/* ============================================================
   ПМК — страница «Финансовая модель» (/finansovaya-model/)
   ------------------------------------------------------------
   Свёрстана 14.09.2026 по ТЗ страницы на языке главной и принятой
   страницы «Бизнес-план». Новых дизайн-решений нет: каждый лист
   собран из словаря base.css и приёмов, принятых заказчиком.
   Адаптив сделан сразу (требование ТЗ), брейкпоинты — лестница
   base.css, своих не заведено.

   Что уехало в base.css после сдачи: герой светлых страниц
   (.geroy, .fakt) — он же на /biznes-plan/, третья страница
   с этой полосой; словесный факт .fakt--slovo. Вариант
   .panel-danet--vnim не уехал, а СНЯТ — см. ниже.

   Фоны листов (пять состояний, смежные не совпадают):
   01 fon-2 — 02 белый — 03 fon-2 — 04 белый — 05 sinij-fon —
   06 fon-2 — 07 белый — 08 fon-2 — 09 белый — подвал тёмный.
   Маршрут (лист 07) обязан стоять на белом: подсветка его строки —
   заливка fon-2, на fon-2 она пропадает. Тёмных зон нет: фотографий
   для страницы не снимали, тёмное на сайте даёт только снимок.

   Акценты листов (1–2 на лист): 01 полоса фактов — 02 снимки
   документов в карточках — 03 два примечания-исключения — 04 пара
   да/нет («должно быть» шире) — 05 таблица с осями на заливке —
   06 номера 28/300 и снимки — 07 маршрут во всю ширину —
   08 строка-вывод — 09 крупная кнопка.

   Красный --krasnyj: лист 04, панель «Не должно быть» и крестики
   в ней — штатный вариант .panel-danet--net из base.css.
   Правка заказчика 15.09.2026: «тут должен быть красный цвет как
   на главной». ТЗ страницы запрещало красный и было неправо:
   «нельзя» — РАЗРЕШЁННОЕ применение --krasnyj (ДИЗАЙН-СИСТЕМА 2.3),
   запрет касается заливок, шапки, подвала и соседства со знаком
   фонда. Больше красного на странице нет.
   ============================================================ */

/* ================= ЛИСТ 01 — Первый экран =================
   Светлый издательский герой — дословно язык /biznes-plan/
   (КАНДИДАТ в base.css: третья страница сайта с этим героем).
   Первый экран занимает экран целиком — правка заказчика:
   полоса структуры уходит за сгиб. Минимальная высота — минимум,
   а не жёсткая: на коротком окне содержимое просто выше экрана.
   Единица svh — как на главной и как предписывает 11.3; dvh в ТЗ
   был ошибкой задания: он меняется, пока прячется адресная строка,
   и герой «дышит» прямо во время прокрутки. svh:
   и низ обрезается; строка с vh — запас для старых браузеров.
   Содержание — в верхней половине, полоса фактов прижата к нижнему
   краю (margin-top:auto). */
/* Ручной перенос H1 (грабля склейки слов у display:none <br>):
   строки-span, «и ТЭО для ФРП» не рвётся случайным переносом. */
/* Полоса фактов: сетка 3×1fr, отделена линией, как на главной.
   Кегль 34 у всех трёх — каждый факт начинается числом; на светлом
   фоне числа синие (ключевые числа — разрешённый акцент). */
@media (max-width:480px){
  /* Ручные переносы рассчитаны на широкую колонку — на телефоне
     естественный перенос даёт меньше строк (приём главной) */
  .geroy__h1-str{display:inline}
}


/* ================= ЛИСТ 02 — Три документа =================
   Плитки .plitka (base.css) — правка заказчика 15.09.2026: блок
   собран так же, как «требования фондов» бизнес-плана, «чтобы
   не перегружать читателя». Три в ряд; описание первого документа
   длиннее остальных, поэтому плитка выше, чем на листе 06. */
/* Сетка .plitki ПЕРЕЕХАЛА в base.css 15.09.2026 (третья страница
   с плитками — /procedura/); здесь только колонки и высота листа. */
.dokumenty{grid-template-columns:repeat(3,minmax(0,1fr))}
.dokumenty .plitka{height:420px}

/* ================= ЛИСТ 03 — Показатели и горизонт =================
   Узкая полоса чтения: абзац, ярлык группы (.zag-kolonki), перечень,
   два примечания-исключения (.primech, компонент бизнес-плана;
   два подряд — предел по ТЗ). Отклик строки перечня доведён
   по правке заказчика «сдвига на 5px недостаточно»: заливка белым
   (лист идёт по fon-2 — приём .razdel бизнес-плана) + маркер
   в акцентный синий + сдвиг. Заливка с обратными полями наружу:
   текст стоит там же, где стоял. */
.pokazateli .spisok{gap:2px;margin-top:14px}
/* Знак сдвинут вместе с полями строки — через переменные base.css,
   иначе второй слой знака (галочка при наведении) остаётся
   на прежнем месте и съезжает. */
.pokazateli .spisok li{--znak-x:16px;--znak-y:20px;padding:8px 16px 8px 40px;margin:0 -16px;transition:transform .2s ease,background-color .2s ease}
.pokazateli .spisok li::before{transition:background-color .2s ease}
.pokazateli .spisok li:hover{background-color:var(--fon)}
.pokazateli .spisok li:hover::before{background:var(--sinij)}
.pokazateli__yarlyk{margin-top:32px}
/* Два исключения из 88 подряд: второе ближе к первому, чем общий
   отступ компонента, — они одна пара */
.primech--vplotnuyu{margin-top:16px}

/* ================= ЛИСТ 04 — Требования к файлу =================
   Первое применение .panel-danet на странице. «Должно быть» шире —
   приём главной (панель «Финансируются» шире красной): в ней шесть
   пунктов против трёх. Полярность «не должно быть» — штатный
   .panel-danet--net с красным (правка 15.09.2026). */
.fajl__para{display:grid;grid-template-columns:3fr 2fr;gap:24px;align-items:start}
@media (max-width:1024px){
  .fajl__para{grid-template-columns:1fr}
}

/* ================= ЛИСТ 05 — Разброс требований =================
   Таблица .tabl на раме .tabl-rama — оба из base.css: рама и оси
   приехали с доводкой таблиц бизнес-плана (заливка осей снята
   редакцией 3 таблиц 15.09.2026 — оси держит начертание)
   14.09.2026, здесь их второе применение, ничего не дублируем.
   Своё у листа: ширина рамы под два столбца (полная рама
   растягивала бы строку значений за 68 знаков), фиксированная
   раскладка, отклик строки и отмена мобильного скролла рамы.
   Отклик строки — механика .tabl--adresaty бизнес-плана: строка
   целиком ложится на fon-2 (единая полоса с осью), на столбце
   значений встаёт вертикальный синий акцент, ось отступает
   в серый. Ни цвета, ни приёма нового. */
.razbros-rama{max-width:920px}
.tabl--razbros{table-layout:fixed}
.tabl--razbros th:first-child{width:30%}
/* Волосяная линия на заливке оси пропадала — на тон темнее
   (приём подложки колонки ФРП, бизнес-план) */
.tabl--razbros tbody th{border-bottom-color:var(--linia);transition:color .2s ease}
.tabl--razbros tbody tr:last-child th,
.tabl--razbros tbody tr:last-child td{border-bottom-color:transparent}
/* Отклик: строка — единица чтения, откликается целиком */
.tabl--razbros tbody td{transition:background-color .2s ease,box-shadow .2s ease}
.tabl--razbros tbody tr:hover td{background-color:var(--fon-2);box-shadow:inset 3px 0 0 var(--sinij)}
.tabl--razbros tbody tr:hover th{color:var(--seryj)}
.razbros__deystvie{margin-top:36px}
@media (max-width:767px){
  /* Скролл-режим рамы рассчитан на пять столбцов бизнес-плана;
     двум столбцам прокрутка не нужна — на 360 таблица помещается
     как есть, min-width компонента снимаем. */
  .tabl-rama .tabl--razbros{min-width:0}
  .tabl--razbros th:first-child{width:36%}
}

/* ================= ЛИСТ 06 — Две ловушки внутри книг =================
   Плитки .plitka — правка заказчика 15.09.2026 («сейчас перегружен»).
   Две в ряд: плитка вдвое шире, чем на листе 02, и разбор ловушки
   в ней раскрывается на пять-шесть строк, а не на десять. */
.lovushki{grid-template-columns:repeat(2,minmax(0,1fr))}
.lovushki .plitka{height:400px}

/* ================= ЛИСТ 07 — Порядок работ =================
   Маршрут (base.css). Подзаголовка у листа нет, но маршрут стоит
   не вплотную — отступ, как на /biznes-plan/. Правило
   .marshrut--otstup ПЕРЕЕХАЛО в base.css 15.09.2026 —
   им пользуются уже три страницы. */

/* ================= ЛИСТ 09 — Форма =================
   Форма без колонки контактов — как на /biznes-plan/: контакты
   в подвале строкой ниже. Поле «регион» одно в ряду — хвост
   нечётного числа полей, не дыра. Обёртка .zayavka__forma
   ПЕРЕЕХАЛА в base.css 15.09.2026 — ею пользуются три страницы. */

/* ── Адаптив листов с плитками: сетку ведём здесь, компонент
      в base.css отвечает только за устройство плитки. На тач
      пояснение открыто всегда — жёсткие высоты снимаем, иначе
      текст упрётся в низ кадра ── */
@media (max-width:1024px){
  .dokumenty{grid-template-columns:repeat(2,minmax(0,1fr))}
  .dokumenty .plitka:last-child{grid-column:1/-1}
}
@media (max-width:768px){
  .dokumenty,.lovushki{grid-template-columns:1fr}
  .dokumenty .plitka:last-child{grid-column:auto}
  .dokumenty .plitka,.lovushki .plitka{height:auto;min-height:340px}
}

/* ── Тач: ховера нет — сдвиги, подъёмы и заливки гасим,
      как в base.css для общих компонентов ── */
@media (hover:none){
  .pokazateli .spisok li:hover{background-color:transparent}
  .pokazateli .spisok li:hover::before{background:var(--seryj-2)}
  .tabl--razbros tbody tr:hover td{background-color:transparent;box-shadow:none}
  .tabl--razbros tbody tr:hover th{color:var(--seryj-2)}
}