/* ═══════════════════════════════════════════════════════════════════════════
   skin.finhelp.css — «Малахит и шампань», 09.09.2026.

   Источник: комплект вёрстки output/finhelp-handoff (редакция 02 v3 на основе
   согласованного референса output/finhelp-design/luxury/02-malachite-champagne-v2.png).
   Жемчужно-белый мрамор, глубокий малахит, шампань-золото; заголовки —
   антиква Spectral, интерфейс — Golos, названия карточек — Roboto Condensed.

   Подключается последним поверх norma-tokens.css → norma-base.css →
   norma-v12.css; селекторы ограничены html[data-tenant="finhelp"].
   Контур ТОЛЬКО светлый: сборка ставит data-theme="light" и data-theme-locked
   (webpack SKINS), переключателей темы в интерфейсе нет — тёмного блока
   в этом файле нет намеренно.

   Изображения — пакет img/luxury (webpack: public/img/tenants/finhelp/luxury):
   полноширинные сцены восьми разделов (2:1), сцена главной, библиотека,
   спрайт объёмных иконок 4×2 и фактура pearl-marble. Слоты новой графики
   размечены в ui/Plate.tsx (.fh-section-plate), screens/HomeScreen.tsx
   (.fh-cat-art, .fh-cat-chev) и app/Intro.tsx (.fh-intro-art).

   Смысловую семантику не трогаем: цвета вердиктов --v-* остаются базовыми,
   --au продолжает передавать акцент раздела в метре, шагах и чипах.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ── 1. Палитра «Жемчуг и малахит» и базовая геометрия ── */
html[data-tenant="finhelp"]{
  color-scheme:light;
  /* поверхности: жемчужная бумага и чистые белые карточки */
  --ink-900:#F5F5F2;
  --ink-850:#EFEFEA;
  --ink-800:#FFFFFF;
  --ink-750:#ECEFE9;
  --ink-700:#E3E6DF;
  --ink-650:#D8DAD2;
  --line:#D5D6CF;
  --line-soft:#E4E5DE;
  /* текст: глубокая зелёная гамма вместо сине-серой */
  --tx-1:#182F2F;
  --tx-2:#536B6A;
  --tx-3:#6B7775;
  --tx-4:#83908D;
  /* основное действие — малахит */
  --solid:#063F35;
  --solid-tx:#FFFFFF;
  --solid-hi:#146354;
  --au-hi:#082D28;
  /* сцена вокруг кадра и рамка «шампань» */
  --desk:#EDEEE8;
  --stage:#EEEFEB;
  --stage-glow:rgba(185,153,101,.10);
  --frame-b:#CBB994;
  --bar-fade:rgba(245,245,242,.88);
  --bar-solid:rgba(245,245,242,.94);
  --scrim:rgba(6,30,25,.38);
  --seg-bg:#E8ECE7;
  --seg-on:#FFFFFF;
  /* лист документа — белая бумага с тёплой линовкой */
  --paper:#FDFDFB;
  --paper-2:#F3F3EE;
  --paper-ink:#233832;
  --paper-tx2:#5C6B66;
  --paper-line:#D5D6CF;
  /* фирменные цвета редакции 02 v3 */
  --fh-ink:#082D28;          /* глубокие зелёные заголовки */
  --fh-green:#063F35;        /* малахитовый основной */
  --fh-green-2:#146354;      /* активный оттенок, ссылки */
  --fh-gold:#B99965;         /* шампанское золото */
  --fh-gold-line:#D4C5AC;    /* тонкая золотистая граница карточек */
  --fh-red:#9B352E;          /* короткие действия, ошибки заполнения */
  --fh-shadow:0 4px 12px rgba(32,56,43,.04),0 1px 2px rgba(185,151,101,.13);
  --f-cond:'Roboto Condensed',var(--f-ui);
  --r-sm:8px;
  --r-md:12px;
  --r-lg:14px;
}

html[data-tenant="finhelp"] body{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  background:
    radial-gradient(900px 500px at 50% -10%,var(--stage-glow),transparent 70%),
    linear-gradient(rgba(238,239,235,.80),rgba(238,239,235,.80)),
    url(../img/luxury/pearl-marble.webp) center/1500px auto;
}
html[data-tenant="finhelp"] .stage{background:none}
@media(min-width:760px){
  html[data-tenant="finhelp"] .frame{
    border-radius:29px;
    box-shadow:0 20px 55px rgba(24,55,42,.09),inset 0 0 0 1px #FFFFFF;
  }
}
/* мрамор и внутри кадра — очень тихо, под белой вуалью */
html[data-tenant="finhelp"] .app{
  background:
    linear-gradient(rgba(255,255,255,.36),rgba(255,255,255,.74)),
    url(../img/luxury/pearl-marble.webp) center top/800px auto;
  background-color:var(--ink-900);
}

html[data-tenant="finhelp"] .view{
  scroll-padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));
}
html[data-tenant="finhelp"] button,
html[data-tenant="finhelp"] textarea{
  -webkit-tap-highlight-color:transparent;
}
html[data-tenant="finhelp"] :focus-visible{outline-color:#467D70}
/* У текстовых полей :focus-visible срабатывает и при клике — контрастная кайма
   вокруг поля ввода выглядела ошибкой (владелец 26.08). Фокус показывает сам
   контейнер: чуть темнее рамка, без кричащей обводки. */
html[data-tenant="finhelp"] .comp textarea:focus-visible{outline:none}
html[data-tenant="finhelp"] .comp:focus-within{
  border-color:var(--fh-green-2);
  box-shadow:0 0 0 3px rgba(23,102,84,.07);
}

/* ── 2. Плавающие кнопки: белая «пуговица» с золотой каймой ── */
html[data-tenant="finhelp"] .topbar .tb-btn{
  border:1px solid var(--fh-gold-line);
  background:rgba(255,255,255,.85);
  color:var(--fh-ink);
  box-shadow:var(--fh-shadow);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
  touch-action:manipulation;
}
html[data-tenant="finhelp"] .topbar .tb-btn::before{display:none}
html[data-tenant="finhelp"] .tb-btn .ic{width:19px;height:19px}

/* трекер стадий: пройденное — золото, текущее — малахит */
html[data-tenant="finhelp"] .tracker{background:var(--bar-solid)}
html[data-tenant="finhelp"] .stg.done i{background:var(--fh-gold)}
html[data-tenant="finhelp"] .stg.now i{background:var(--fh-green);box-shadow:none}
html[data-tenant="finhelp"] .stg.now span{color:var(--fh-green)}

/* ── 3. Типографика: антиква заголовков ── */
html[data-tenant="finhelp"] :is(.hello h1,.doc-top h1,.intro-body h1,.sheet-h b,.dw-brand strong,.confirm b){
  font-family:var(--f-doc);
  color:var(--fh-ink);
}
/* заголовки служебных экранов (Законы, Документы, Настройки, О сервисе…) */
html[data-tenant="finhelp"] .screen .pad :is(h1,.h-md){
  font-family:var(--f-doc);
  color:var(--fh-ink);
  letter-spacing:-.03em;
}
html[data-tenant="finhelp"] .v-src{color:var(--fh-green-2)}
html[data-tenant="finhelp"] .consent-link{color:var(--fh-green-2)}

/* ── 4. Главная: сцена за названием, поле вопроса, каталог 4×2 ── */
html[data-tenant="finhelp"] .aurora{display:none}
/* Гравюры прежнего стиля из разметки (плитки credit/debt, шапка) в этой
   редакции не рисуются; display:none выводит их и из сетки карточек —
   иначе пустой span занимает колонку иконки. */
html[data-tenant="finhelp"] .eng{display:none!important}
html[data-tenant="finhelp"] #scr-home{padding-top:0}
html[data-tenant="finhelp"] .hello.small{padding-top:0}

/* Сцена главной — реальный блок в потоке: его пропорция 1536×1024 задаёт
   высоту шапки при любом кегле, а заголовок лежит поверх абсолютом в
   спокойной левой части композиции. Фото уходит под плавающую кнопку меню. */
html[data-tenant="finhelp"] #scr-home .eng-home-band{
  display:block;
  position:relative;
  margin:0 calc(-1 * var(--gut));
  aspect-ratio:1536/1024;
  background:url(../img/luxury/home-hero.webp) 58% center/cover no-repeat;
  pointer-events:none;
}
html[data-tenant="finhelp"] #scr-home .eng-home-band::after{
  content:'';
  position:absolute;
  left:0;right:0;bottom:0;height:38px;
  background:linear-gradient(transparent,var(--ink-900));
}
html[data-tenant="finhelp"] #scr-home .hello h1.brand-h{
  position:absolute;
  z-index:1;
  left:var(--gut);
  top:calc(env(safe-area-inset-top,0px) + 74px);
  width:64%;
  max-width:255px;
  margin:0;
  text-align:left;
  font-size:1.6875rem;
  line-height:1.07;
  font-weight:600;
  letter-spacing:-.045em;
  text-shadow:0 1px 8px rgba(255,255,255,.85);
  text-wrap:balance;
}
html[data-tenant="finhelp"] .hello h1 .hello-tag{
  display:block;
  max-width:190px;
  margin-top:13px;
  font-family:var(--f-ui);
  font-size:.5313rem;
  line-height:1.65;
  font-weight:600;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:#163E37;
  white-space:normal;
  text-shadow:0 1px 6px rgba(255,255,255,.9);
}
html[data-tenant="finhelp"] .hello .hello-motto,
html[data-tenant="finhelp"] .hello.small p:not(.hello-ask){display:none}
html[data-tenant="finhelp"] .hello .hello-ask{
  margin-top:10px;
  max-width:none;
  color:var(--fh-ink);
  font-size:1.0625rem;
  line-height:1.37;
  font-weight:500;
  letter-spacing:-.03em;
  text-wrap:pretty;
}

/* Поле вопроса: белая карточка, малахитовая кнопка отправки */
html[data-tenant="finhelp"] .comp{
  border:1px solid #AFC2C9;
  border-radius:var(--r-md);
  background:var(--ink-800);
  box-shadow:var(--fh-shadow);
}
html[data-tenant="finhelp"] #scr-home .comp{
  margin:12px calc(var(--gut) / 2 - 4px) 0 !important;
}
html[data-tenant="finhelp"] .comp-ctl .comp-send{
  width:44px;
  border-radius:9px;
  background:linear-gradient(130deg,#267062,#043B31 65%,#082C28);
  color:#FFFFFF;
  box-shadow:inset 0 1px 0 rgba(184,214,205,.25),inset 0 0 0 1px rgba(221,200,152,.20);
}
html[data-tenant="finhelp"] .comp-send[disabled]{
  border:1px solid var(--line);
  background:var(--ink-800);
  color:var(--tx-3);
  box-shadow:none;
}

html[data-tenant="finhelp"] .home-dirs{
  padding:26px var(--gut) 10px;
}
html[data-tenant="finhelp"] .home-dirs :is(b,h2){
  display:block;
  margin:0;
  color:var(--fh-ink);
  font-size:.9375rem;
  line-height:1.4;
  font-weight:500;
  letter-spacing:-.025em;
  white-space:normal;
  text-wrap:pretty;
}

/* Каталог: восемь равных карточек в две колонки — объёмная иконка,
   название кондесом, шеврон. Цветные линии и свечение базы сняты. */
html[data-tenant="finhelp"] .cat{
  grid-template-columns:1fr 1fr;
  grid-auto-rows:minmax(96px,1fr);
  gap:9px;
  padding:0 calc(var(--gut) / 2 - 4px);
}
html[data-tenant="finhelp"] .cat-i{
  grid-template-columns:48px minmax(0,1fr) 8px;
  gap:3px;
  align-content:center;
  align-items:center;
  padding:10px 6px;
  border:1px solid var(--fh-gold-line);
  border-radius:var(--r-md);
  background:linear-gradient(145deg,#FFFFFF,#F9F9F6);
  box-shadow:var(--fh-shadow);
  touch-action:manipulation;
  transition:transform var(--dur-fast) var(--e),border-color var(--dur-fast) var(--e),box-shadow var(--dur-fast) var(--e);
}
html[data-tenant="finhelp"] .cat-i::before,
html[data-tenant="finhelp"] .cat-i::after{display:none}
html[data-tenant="finhelp"] .cat-i:active{transform:translateY(1px)}
@media (hover:hover){
  html[data-tenant="finhelp"] .cat-i:hover{
    border-color:var(--fh-gold);
    box-shadow:0 5px 14px rgba(40,79,63,.08);
    transform:translateY(-2px);
  }
}
html[data-tenant="finhelp"] .fh-cat-art{
  display:block;
  width:48px;
  aspect-ratio:1;
  flex:none;
  background-image:url(../img/luxury/category-icons.webp);
  background-repeat:no-repeat;
  background-size:400% 200%;
}
html[data-tenant="finhelp"] .fh-cat-art[data-i="0"]{background-position:0% 0%}
html[data-tenant="finhelp"] .fh-cat-art[data-i="1"]{background-position:33.333333% 0%}
html[data-tenant="finhelp"] .fh-cat-art[data-i="2"]{background-position:66.666667% 0%}
html[data-tenant="finhelp"] .fh-cat-art[data-i="3"]{background-position:100% 0%}
html[data-tenant="finhelp"] .fh-cat-art[data-i="4"]{background-position:0% 100%}
html[data-tenant="finhelp"] .fh-cat-art[data-i="5"]{background-position:33.333333% 100%}
html[data-tenant="finhelp"] .fh-cat-art[data-i="6"]{background-position:66.666667% 100%}
html[data-tenant="finhelp"] .fh-cat-art[data-i="7"]{background-position:100% 100%}
html[data-tenant="finhelp"] .cat-t{display:block;min-width:0}
html[data-tenant="finhelp"] .cat-t .ic{display:none}
html[data-tenant="finhelp"] .cat-t b{
  display:block;
  color:var(--tx-1);
  font-family:var(--f-cond);
  /* .7813rem ≈ 14,8px при базовом кегле — как 0.9rem макета (14,4px):
     «финансирование» помещается в колонку целиком на 390px. */
  font-size:.7813rem;
  line-height:1.27;
  font-weight:500;
  letter-spacing:-.02em;
  /* Только мягкие переносы (luxuryCardTitle расставляет ­ в «финансирование»):
     hyphens:auto ломал «жилищ-ное» посреди слова (прод-скрин владельца 09.09).
     break-word остаётся аварийным клапаном для слова, которое не влезло. */
  hyphens:manual;
  overflow-wrap:break-word;
  text-wrap:pretty;
}
html[data-tenant="finhelp"] .fh-cat-chev{
  width:14px;height:16px;
  color:var(--tx-3);
  justify-self:end;
}

/* ── 5. Страница раздела: полноширинная сцена 2:1 и антиква заголовка ── */
html[data-tenant="finhelp"] .fh-section-plate{
  display:block;
  aspect-ratio:2/1;
  background:var(--ink-900);
  -webkit-mask-image:none;
  mask-image:none;
}
html[data-tenant="finhelp"] .fh-section-plate::before{display:none}
html[data-tenant="finhelp"] .fh-section-art{
  width:100%;
  height:100%;
  object-fit:contain;
  pointer-events:none;
}
/* смягчение низа сцены — только светлая полоса 16px (правило пакета) */
html[data-tenant="finhelp"] .fh-section-plate::after{
  content:'';
  position:absolute;
  left:0;right:0;bottom:0;height:16px;
  background:linear-gradient(transparent,var(--ink-900));
}
/* заголовок и лид идут ПОСЛЕ сцены: базовый подъём -26px снят */
html[data-tenant="finhelp"] #scr-sect .fh-section-plate + .pad{margin-top:-8px !important}
html[data-tenant="finhelp"] #scr-sect .pad h2{
  font-family:var(--f-doc);
  font-size:1.75rem !important;
  line-height:1.12;
  font-weight:600;
  letter-spacing:-.04em !important;
  color:var(--fh-ink);
  text-wrap:balance;
}
html[data-tenant="finhelp"] #scr-sect .pad p{
  font-size:.875rem !important;
  line-height:1.55 !important;
}
html[data-tenant="finhelp"] #scr-sect .comp{margin-left:14px !important;margin-right:14px !important}

/* пустой раздел (landingAlways до наполнения): приглашение по центру */
html[data-tenant="finhelp"] .sect-empty{
  padding:34px 26px 20px;
  text-align:center;
}
html[data-tenant="finhelp"] .sect-empty b{
  display:block;
  font-family:var(--f-doc);
  font-size:1.375rem;
  font-weight:600;
  letter-spacing:-.03em;
  color:var(--fh-ink);
  margin-bottom:8px;
}
html[data-tenant="finhelp"] .sect-empty p{
  font-size:.8438rem;
  line-height:1.5;
  color:var(--tx-2);
}

/* карточки разборов: белая поверхность с тонкой золотой рамкой,
   колонка-ссылка отделена линией, мост — короткое красное действие */
html[data-tenant="finhelp"] .art-card{
  margin:0 14px 9px;
  border:1px solid var(--fh-gold-line);
  border-radius:var(--r-md);
  background:var(--ink-800);
  box-shadow:var(--fh-shadow);
  overflow:hidden;
}
html[data-tenant="finhelp"] .art-card:last-of-type{border-bottom:1px solid var(--fh-gold-line)}
html[data-tenant="finhelp"] .art-card .art{border:0;padding:15px var(--gut) 12px 13px}
/* Колонка с номером нормы («353-ФЗ») скрыта — владелец 09.09: на плашке
   только название, время и мост; сам номер остаётся в шапке страницы разбора. */
html[data-tenant="finhelp"] .art i{display:none}
html[data-tenant="finhelp"] .art b{font-weight:500;letter-spacing:-.02em}
html[data-tenant="finhelp"] .art-go{
  margin:-6px 0 0 13px;
  padding:0 var(--gut) 13px 0;
  color:var(--fh-red);
  font-weight:400;
}
html[data-tenant="finhelp"] .dl-group{color:var(--tx-3)}

/* типовые вопросы и нормы раздела */
html[data-tenant="finhelp"] .q-list .q .ic{color:var(--fh-gold)}
html[data-tenant="finhelp"] .q-list .q b{font-size:.8125rem;line-height:1.5}
html[data-tenant="finhelp"] .q-list .q-more b{color:var(--fh-green-2)}
html[data-tenant="finhelp"] .norm{
  border-radius:var(--r-md);
  border-color:var(--line);
}
html[data-tenant="finhelp"] .doc-norm .norm + .norm,
html[data-tenant="finhelp"] .sect-norms .norm{margin-bottom:10px}
html[data-tenant="finhelp"] .norm-h{background:var(--ink-750)}
html[data-tenant="finhelp"] .norm-h b{color:var(--fh-green)}

/* ── 6. Экран разбора ── */
html[data-tenant="finhelp"] .doc-top h1{letter-spacing:-.035em}
html[data-tenant="finhelp"] .keyp,
html[data-tenant="finhelp"] .go-dialog{
  border-color:var(--fh-gold-line);
  box-shadow:var(--fh-shadow);
}
html[data-tenant="finhelp"] .keyp{
  background:linear-gradient(135deg,#FFFFFF,#F0F5F0);
  border-top:3px solid var(--fh-gold);
}
html[data-tenant="finhelp"] .keyp::before{display:none}
html[data-tenant="finhelp"] .keyp .n{color:var(--fh-green)}
html[data-tenant="finhelp"] .keyp li i,
html[data-tenant="finhelp"] .doc-steps li i,
html[data-tenant="finhelp"] .v-steps li i{color:#8A7148}
html[data-tenant="finhelp"] .case{
  border-left-color:var(--fh-gold);
  background:var(--ink-850);
}
html[data-tenant="finhelp"] .go-dialog{
  background:linear-gradient(145deg,#EEF4EF,#FFFFFF);
}
html[data-tenant="finhelp"] .go-dialog b{
  font-family:var(--f-doc);
  font-size:1.1875rem;
  letter-spacing:-.02em;
  color:var(--fh-ink);
}

/* ── 7. Диалог: светлые карточки, реплика человека — мятный пузырь ── */
html[data-tenant="finhelp"] .msg-u{
  background:#ECF2ED;
  border-color:#D3E2D8;
  border-radius:14px 14px 4px 14px;
}
html[data-tenant="finhelp"] .msg-a::before{
  background:linear-gradient(180deg,var(--fh-gold),rgba(185,153,101,.08));
}
html[data-tenant="finhelp"] .ask{
  border-color:var(--fh-gold-line);
  background:var(--ink-800);
  box-shadow:var(--fh-shadow);
  border-radius:var(--r-lg);
}
html[data-tenant="finhelp"] .verdict{
  border-color:var(--fh-gold-line);
  border-radius:15px;
  box-shadow:var(--fh-shadow);
}
html[data-tenant="finhelp"] .facts,
html[data-tenant="finhelp"] .doccard,
html[data-tenant="finhelp"] .pick-i,
html[data-tenant="finhelp"] .bound,
html[data-tenant="finhelp"] .retry{
  border-color:var(--fh-gold-line);
}
html[data-tenant="finhelp"] .facts-h{background:var(--ink-750)}
html[data-tenant="finhelp"] .calc{border-color:var(--line);background:var(--ink-800)}
html[data-tenant="finhelp"] .calc-r.total{background:#E9F1E9}
html[data-tenant="finhelp"] .calc-r.total b{color:#083D2B}
html[data-tenant="finhelp"] .chip{border-radius:9px}
html[data-tenant="finhelp"] .chip.sel,
html[data-tenant="finhelp"] .df-select .chip.on,
html[data-tenant="finhelp"] .df-bool .chip.on{
  background:#E6F1E9;
  border-color:#4A796C;
  color:#053B2F;
}
html[data-tenant="finhelp"] .chip .ic{color:var(--fh-green-2)}
html[data-tenant="finhelp"] .think .tw{color:var(--fh-green-2)}
html[data-tenant="finhelp"] .think::before{
  background:linear-gradient(180deg,var(--fh-gold),transparent);
}

/* док диалога: белое поле с зелёной отправкой уже задано выше (.comp) */
html[data-tenant="finhelp"] .dock .comp{
  margin-bottom:max(10px,env(safe-area-inset-bottom,0px));
}
html[data-tenant="finhelp"] .dock::before{display:none}

/* ── 8. Кнопки и сегменты ── */
html[data-tenant="finhelp"] .btn{border-radius:10px}
html[data-tenant="finhelp"] .btn-p{
  background:linear-gradient(130deg,#1F6658,#043C33);
  color:#FFFFFF;
  box-shadow:0 4px 10px rgba(5,56,47,.08),inset 0 1px 0 rgba(255,255,255,.14);
}
html[data-tenant="finhelp"] .btn-cta{
  border-color:#1A5549;
  background:linear-gradient(130deg,#1F6658,#043C33);
  color:#FFFFFF;
  box-shadow:0 4px 10px rgba(5,56,47,.08),inset 0 1px 0 rgba(255,255,255,.14);
}
html[data-tenant="finhelp"] .btn-g{
  border-color:var(--fh-gold-line);
  background:var(--ink-800);
}
html[data-tenant="finhelp"] .btn-ask{
  border-color:var(--fh-gold-line);
  background:var(--ink-800);
  box-shadow:var(--fh-shadow);
  color:var(--fh-green);
}
html[data-tenant="finhelp"] .seg{border:0;border-radius:10px;padding:4px;gap:4px}
html[data-tenant="finhelp"] .seg button{border-radius:7px}
html[data-tenant="finhelp"] .seg button[aria-selected="true"]{
  color:var(--fh-green);
  box-shadow:0 2px 6px rgba(20,48,42,.07);
}
html[data-tenant="finhelp"] #ldocSeg button[aria-selected="true"]{color:var(--fh-green)}
html[data-tenant="finhelp"] #ldocSeg button[aria-selected="true"]::before{
  background:var(--fh-green);
  box-shadow:none;
}

/* ── 9. Библиотеки: сцена библиотеки, группы-карточки ── */
html[data-tenant="finhelp"] :is(#scr-laws,#scr-docs)::before{
  content:'';
  display:block;
  height:118px;
  margin-top:calc(-1 * (env(safe-area-inset-top,0px) + 58px));
  margin-bottom:14px;
  background:url(../img/luxury/library-hero.webp) center/cover no-repeat;
  -webkit-mask-image:linear-gradient(#000 78%,transparent);
  mask-image:linear-gradient(#000 78%,transparent);
}
html[data-tenant="finhelp"] .set{
  margin:0 14px;
  border:1px solid var(--fh-gold-line);
  border-radius:var(--r-lg);
  background:var(--ink-800);
  box-shadow:var(--fh-shadow);
  overflow:hidden;
}
html[data-tenant="finhelp"] .set-i{border-top:0;border-bottom:1px solid var(--line-soft)}
html[data-tenant="finhelp"] .set-i:last-child{border-bottom:0}
html[data-tenant="finhelp"] .set-i > .ic:first-child{color:#937B51}
@media (hover:hover){
  html[data-tenant="finhelp"] .set-i:hover{background:#F0F5EF}
}
html[data-tenant="finhelp"] .srch{
  background:var(--ink-800);
  border-color:var(--line);
  border-radius:10px;
}
html[data-tenant="finhelp"] .lawdoc-art.open{background:var(--ink-850)}
html[data-tenant="finhelp"] .lawdoc-h i{color:var(--fh-green-2)}
html[data-tenant="finhelp"] .docs-hint{
  background:#EEF4EF;
  border-color:var(--fh-gold-line);
}
html[data-tenant="finhelp"] .docs-hint .ic{color:var(--fh-green-2)}

/* ── 10. Формы документов ── */
html[data-tenant="finhelp"] .df-in,
html[data-tenant="finhelp"] .f-in{
  background:var(--ink-900);
  border-color:#C7D1CA;
  border-radius:8px;
}
html[data-tenant="finhelp"] .df-in:focus,
html[data-tenant="finhelp"] .f-in:focus{border-color:var(--fh-green-2)}
html[data-tenant="finhelp"] .df-field.err .df-in{border-color:var(--fh-red);background:#FFF5F1}
html[data-tenant="finhelp"] .df-err,
html[data-tenant="finhelp"] .df-fail{color:var(--fh-red)}
html[data-tenant="finhelp"] .df-progress{color:var(--fh-green-2)}
html[data-tenant="finhelp"] .df-label i{color:var(--fh-red)}
html[data-tenant="finhelp"] .df-status{border-color:var(--fh-gold-line)}
html[data-tenant="finhelp"] .df-status.ok{border-color:#9CBDAB;background:#EEF5EE}
html[data-tenant="finhelp"] .df-status.bad{border-color:#BF9288;background:#FFF3EE}
html[data-tenant="finhelp"] .df-x{border-radius:8px}
html[data-tenant="finhelp"] .df-repeat .lnk,
html[data-tenant="finhelp"] .df-privacy .lnk{color:var(--fh-green-2)}
html[data-tenant="finhelp"] input[type="date"].f-in{color-scheme:light}

/* ── 11. Панель диалогов: мрамор, антиква названия ── */
html[data-tenant="finhelp"] .drawer{
  background:
    linear-gradient(rgba(245,245,242,.55),rgba(245,245,242,.82)),
    url(../img/luxury/pearl-marble.webp) center/700px;
  background-color:var(--ink-900);
  border-right:1px solid var(--fh-gold-line);
}
html[data-tenant="finhelp"] .dw-brand strong.plain{
  font-size:1.125rem;
  line-height:1.15;
  letter-spacing:-.02em;
}
html[data-tenant="finhelp"] .dw-fi{
  border:1px solid var(--fh-gold-line);
  border-radius:9px;
  background:rgba(255,255,255,.79);
  color:var(--tx-1);
}
html[data-tenant="finhelp"] .row::before{background:var(--fh-gold);opacity:.9}
html[data-tenant="finhelp"] .row-tag{border-color:var(--line)}

/* ── 12. Листы, подтверждение, тост ── */
html[data-tenant="finhelp"] .sheet{
  background:var(--ink-900);
  border-color:var(--fh-gold-line);
  box-shadow:0 -10px 40px rgba(18,51,43,.15);
}
html[data-tenant="finhelp"] .sheet-grab{background:#C2CABE}
html[data-tenant="finhelp"] .confirm{
  border-color:var(--fh-gold-line);
  border-radius:17px;
  box-shadow:0 20px 55px rgba(3,28,41,.19);
}
html[data-tenant="finhelp"] .toast{
  background:#103D33;
  border-color:#82A08C;
  color:#FFFFFF;
  border-radius:10px;
  box-shadow:0 8px 30px rgba(6,38,30,.19);
}

/* ── 13. Вступление: предметные сцены пакета ── */
html[data-tenant="finhelp"] .intro{background:var(--ink-900)}
html[data-tenant="finhelp"] .intro-art{background:var(--ink-900)}
html[data-tenant="finhelp"] .fh-intro-art{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 38%;
}
/* второй слайд — полноширинная сцена 2:1 целиком, без кропа */
html[data-tenant="finhelp"] .fh-intro-art.intro-wide{object-fit:contain}
html[data-tenant="finhelp"] .intro-body .eyebrow{color:var(--tx-3)}
html[data-tenant="finhelp"] .intro-dots i{
  width:6px;height:6px;border-radius:50%;
  background:var(--line);
  box-shadow:none;
}
html[data-tenant="finhelp"] .intro-dots i.on{width:6px;background:var(--fh-green)}

/* ── 14. Лист-документ ── */
html[data-tenant="finhelp"] .paper::before{
  background:linear-gradient(90deg,var(--fh-gold),var(--fh-gold-line) 55%,var(--fh-gold));
}
html[data-tenant="finhelp"] .mark::after{
  background:linear-gradient(90deg,var(--fh-gold),var(--fh-gold-line));
}

/* ── 15. Остальные экраны ── */
html[data-tenant="finhelp"] .about-op{border-color:var(--fh-gold-line);background:var(--ink-800)}
html[data-tenant="finhelp"] .ldoc h4{color:var(--fh-green-2)}
html[data-tenant="finhelp"] .empty .ic{color:var(--fh-gold)}
html[data-tenant="finhelp"] .netbar{border-radius:var(--r-md)}
html[data-tenant="finhelp"] .ex .ic{color:var(--fh-gold)}
html[data-tenant="finhelp"] .greet-say{color:var(--tx-1)}

/* ── 16. Узкие и низкие смартфоны ── */
@media (max-width:359px){
  html[data-tenant="finhelp"] .cat{gap:7px}
  html[data-tenant="finhelp"] .cat-i{grid-template-columns:40px minmax(0,1fr) 8px;gap:2px;padding:9px 4px}
  html[data-tenant="finhelp"] .fh-cat-art{width:40px}
  html[data-tenant="finhelp"] .cat-t b{font-size:.7813rem}
  html[data-tenant="finhelp"] #scr-home .hello h1.brand-h{font-size:1.5rem;max-width:230px}
  html[data-tenant="finhelp"] .hello h1 .hello-tag{font-size:.5rem;letter-spacing:.13em}
  html[data-tenant="finhelp"] .hello .hello-ask{font-size:1rem}
  html[data-tenant="finhelp"] #scr-sect .pad h2{font-size:1.5rem !important}
}
@media (min-width:500px) and (max-width:759px){
  html[data-tenant="finhelp"] .cat-i{grid-template-columns:64px minmax(0,1fr) 16px;gap:10px;padding:15px}
  html[data-tenant="finhelp"] .fh-cat-art{width:64px}
  html[data-tenant="finhelp"] .cat-t b{font-size:.9375rem}
  html[data-tenant="finhelp"] #scr-home .hello h1.brand-h{font-size:2.1rem;max-width:320px;top:calc(env(safe-area-inset-top,0px) + 90px)}
}
@media (max-height:700px) and (max-width:759px){
  html[data-tenant="finhelp"] #scr-home .hello h1.brand-h{top:calc(env(safe-area-inset-top,0px) + 62px)}
  html[data-tenant="finhelp"] .home-dirs{padding-top:20px}
  html[data-tenant="finhelp"] .cat{gap:7px}
}