/* Правки поверх стилей макета — только то, чего в макете быть не могло.
   Файл отдельный: `landing-rv.css` приходит из макета целиком и
   перезаписывается при следующей выгрузке.

   Состояния, которые в макете просто не отрисовывались (ответ на вопрос,
   меню на узком экране, вторая вкладка калькулятора), в статике лежат в
   разметке и скрыты атрибутом hidden. Классы макета задают им display,
   поэтому hidden нужно усилить. */
[hidden] { display: none !important; }

/* Узкий экран: рамка секций «Сколько это даёт» и «Карта» стоит в 20 px от
   края, а текст по общему полю в 16 px, то есть ложится на линию рамки.
   Отступ текста считаем от рамки. Только до 767 px: на широких экранах
   контейнер 1240 центрирован и сам отстоит от рамки. */
@container (max-width:767px){
  /* Внутри рамки текст отступает от неё, иначе строки почти касаются линии */
  [data-v="rv"] .rv-types-06,
  [data-v="rv"] .rv-card-05{padding-inline:28px}
  /* Рамки на телефоне оставляем (владелец: «так симпатичнее»), но подтягиваем
     ближе к краю и уменьшаем скругление — при inset 20px они наезжали на текст */
  [data-v="rv"] .rv-types-05, [data-v="rv"] .rv-card-04{inset:12px;border-radius:24px}
  /* Плашка «Начислено» в макете телефона: сумма с nowrap вылезала за рамку на 6 px */
  [data-v="rv"] .rv-cabinet-18{padding:6px 14px;gap:8px}
}

/* Меню на узком экране — сосед строки шапки, а не её часть: внутри
   flex-строки оно вставало справа и выталкивало страницу вбок. Ширина
   и поля как у строки. */
[data-v="rv"] .rv-page-15{width:100%;max-width:var(--page-max);margin:0 auto;padding:6px var(--page-pad) 18px;box-sizing:border-box}

/* Логотип: в макете 44 px (в высоту кнопок) — на глаз тяжеловат и на ПК, и
   на телефоне; 22 px из прежней версии мелок. Баланс: 32 px, на узких 26 px.
   Одно правило на шапку и подвал лендинга и базы знаний. */
[data-v="rv"] .rv-page-05, [data-v="rv"] .rv-page-06, [data-v="rv"] .rv-faq-42, [data-v="rv"] .rv-faq-43{height:32px;width:auto}
@container (max-width:640px){[data-v="rv"] .rv-page-05, [data-v="rv"] .rv-page-06, [data-v="rv"] .rv-faq-42, [data-v="rv"] .rv-faq-43{height:26px}}
/* Блок текста в секции «Карта» на узком экране не сжимался уже своей самой
   длинной строки (ссылка с nowrap) и выходил за рамку справа на 20 px */
@container (max-width:767px){
  [data-v="rv"] .rv-card-06{min-width:0;max-width:100%}
  [data-v="rv"] .rv-card-13, [data-v="rv"] .rv-card-14{white-space:normal}
}

/* Шлифовка 05.09: 11,5 px для подписей и меток мелковато на экране; 12 px */
:root{--fs-cap:12px}
/* Узкие экраны (до 767 px): по правилу мобильной сетки весь контент стоит на
   одном поле 16 px, как логотип в шапке. Декоративная рамка полосы на таком
   экране съедала 32 px ширины и сдвигала текст с линии, поэтому до 767 px
   рамка не показывается, а поле у полосы общее. */

/* Ссылка «Каждая 20-я карта премиальная»: стрелка прижималась к правому краю
   и отрывалась от текста; теперь стоит сразу за словами через общий зазор */
[data-v="rv"] .rv-card-15{margin-left:0}

/* Липкий экран «Дохода» на телефоне: 100vh в Android-Chrome считается без
   адресной строки, и сцена выходила выше окна. Динамическая высота экрана
   (dvh) там, где она есть; маркеры состояний тоже от dvh. */
@supports (height: 100dvh) {
  @container (max-width:767px){
    [data-v="rv"] #income{height:200dvh!important}
    [data-v="rv"] #income>[data-dc-tpl="109"]{height:100dvh!important}
  }
}

/* Тёмная тема: блок «За программой стоит банк» сливался с соседними разделами
   (тот же ink). Фон тот же серый, что у полос «Клиент получает не только
   карту» (ink-800 #1D2228, --d-surface-raised), а печать F зелёная (знак
   бренда), чтобы блок отличался цветом, а не яркостью фона. */
html[data-theme="dark"] [data-v="rv"] .rv-talk-14,
html[data-theme="dark"] [data-v="rv"] [data-bpanel]{background:#1D2228}
html[data-theme="dark"] [data-v="rv"] [data-bseal]{opacity:.16}
html[data-theme="dark"] [data-v="rv"] [data-bseal] img{content:url(/landing-assets/assets/logo/freedom-mark.svg)}
@media (prefers-color-scheme:dark){
  html:not([data-theme="light"]) [data-v="rv"] .rv-talk-14,
  html:not([data-theme="light"]) [data-v="rv"] [data-bpanel]{background:#1D2228}
  html:not([data-theme="light"]) [data-v="rv"] [data-bseal]{opacity:.16}
  html:not([data-theme="light"]) [data-v="rv"] [data-bseal] img{content:url(/landing-assets/assets/logo/freedom-mark.svg)}
}

/* Подвал: юридический текст в два абзаца, как на сайте банка */
[data-v="rv"] .rv-faq-46{line-height:1.7}
/* родитель .rv-faq-30 — grid с gap 36px; сдвигаем второй абзац так, чтобы между ними была одна строка */
[data-v="rv"] .rv-faq-46+[data-faddr]{margin-top:calc(1.7em - 36px)}
/* После юридического текста одна строка. Запас 96px под чат-виджет
   (landing-rv.css) оставляем только до 767px: там центрированный адрес
   доходит до угла с виджетом, на широком экране они не пересекаются. */
@media (min-width:768px){[data-v="rv"] footer{padding-bottom:20px!important}}

/* Телефон: «Оставить заявку» рядом с бургером, а не только внутри меню */
@container (max-width:767px){
  /* Кнопка стоит вплотную к бургеру: свободное место съедает она сама
     (margin-left:auto), а бургеру хватает обычного зазора — в landing-rv.css
     у него margin-left:auto, из-за которого кнопка висела посреди шапки. */
  [data-v="rv"] a.rv-page-13[data-nav]{display:inline-flex!important;min-height:40px;padding:0 14px;font-size:13px;margin-left:auto}
  [data-v="rv"] header [data-burger]{margin-left:10px!important}
  [data-v="rv"] .rv-page-08{display:none}
  [data-v="rv"] #rv-mobile-menu .rv-page-20{display:none}
}

/* Телефон: в блоке «За программой стоит банк» разделительные линии по той же
   сетке, что карточки FAQ (отступ от края), а не во всю ширину экрана */
@container (max-width:767px){
  [data-v="rv"] [data-bfull]>[data-bmeta],[data-v="rv"] [data-bfull]>[data-bsign]{margin-inline:var(--page-pad);padding-inline:0}
}

/* Телефон: юридическая подпись подвала по центру, как на широком экране,
   но строки выравниваются по длине (balance) и разрядка меньше, чтобы
   прописные не дробились на неровные куски */
@container (max-width:767px){
  [data-v="rv"] .rv-faq-46{letter-spacing:.06em;line-height:1.75;text-wrap:balance}
}

/* «За программой стоит банк»: вертикальные отступы блока равны отступам
   соседних секций (FAQ): 48px на телефоне, 6cqw до 86.4px на широком.
   Раньше 40…72px, и снизу до «Вопросов» расстояние выглядело больше, чем внутри. */
[data-v="rv"] [data-bfull]{padding-block:clamp(48px,6cqw,86.4px)!important}

/* Телефон, блок банка: одинаковый воздух вокруг всех разделительных линий.
   Было: над первой линией 28, под ней 22; между ячейками 18/18; над последней
   22, под ней 18. Стало: везде 20 сверху и 20 снизу от линии. Исключение —
   первая линия под лидом: до неё 28, как от лида до первого блока в остальных
   секциях (шлифовка 09.09). */
@container (max-width:767px){
  [data-v="rv"] [data-bfull]>[data-bmeta]{margin-top:28px;padding-top:20px;gap:20px}
  [data-v="rv"] [data-bcell]{padding-bottom:20px}
  [data-v="rv"] [data-bfull]>[data-bsign]{margin-top:20px;padding-top:20px}
}

/* Подвал: кружок у иконок контактов остаётся, но вместо плотной серой заливки
   — тонкое кольцо в цвет акцента. Плашка не спорит с карточкой, строка не
   проваливается, знак читается как знак, а не как кнопка. */
[data-v="rv"] .rv-foot-chip{width:40px;height:40px;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--f-acc) 26%, transparent)}
[data-v="rv"] .rv-foot-chip .rv-foot-acc{width:19px;height:19px}

/* Шлифовка 09.09: вертикальный ритм секций один на всех. Норма по большинству
   секций: заголовок → лид 16px; лид → первый блок clamp(28px,4cqw,56px)
   (как в «Кому подходит» и «Кто становится клиентом»); поле секции сверху и
   снизу var(--band-y). Выбивались: калькулятор (12 и 20), «Поговорить с
   менеджером» и «Не только карту» (18), банк и финальный призыв (14),
   «Кабинет» (до 24 на ПК), «Семь шагов» (32…64), «Требования» (36),
   сцены с фото (26), поле финального призыва на ПК (57,6 вместо 76,8). */
[data-v="rv"] .rv-calc-04, [data-v="rv"] .rv-talk-04, [data-v="rv"] .rv-eresidency-02,
[data-v="rv"] .rv-talk-16, [data-v="rv"] .rv-faq-23, [data-v="rv"] .rv-cabinet-05{margin-top:16px}
[data-v="rv"] .rv-calc-02{row-gap:28px}
[data-v="rv"] .rv-how-03{margin-top:clamp(28px,4cqw,56px)}
[data-v="rv"] .rv-types-10, [data-v="rv"] .rv-card-09{margin-top:28px}
[data-v="rv"] .rv-faq-20{padding:var(--band-y) 0}
/* Телефон, финальный призыв: лид стоит в колонке с gap 28, отрицательный
   отступ даёт 16 от заголовка (было −14 → 14) */
@container (max-width:767px){
  [data-v="rv"] [data-ctalast] [data-row]>[data-reveal]:first-child>p{margin-top:-12px!important}
}

/* FAQ: ответы на всю ширину аккордеона, а не 76ch (решение владельца 09.09) */
[data-v="rv"] .rv-faq-06, [data-v="rv"] .rv-faq-08, [data-v="rv"] .rv-faq-09{max-width:none}

/* Подзаголовки секций во всю ширину контейнера (владелец 10.09) */
[data-v="rv"] .rv-forwhom-02, [data-v="rv"] .rv-agents-03, [data-v="rv"] .rv-how-02,
[data-v="rv"] .rv-eresidency-02, [data-v="rv"] .rv-faq-01{max-width:none}


/* Ссылка внутри текста требований: как остальные текстовые ссылки, с подчёркиванием (владелец 10.09) */
[data-v="rv"] .rv-item-text a{color:var(--acc);font-weight:var(--fw-strong);text-decoration:underline;text-decoration-color:rgba(57,193,111,.6);text-underline-offset:4px}
[data-v="rv"] .rv-item-text a:hover{text-decoration-color:currentColor}

/* Плашка «Каждая 20-я карта премиальная» на телефоне: разрешить перенос, стрелка не вылезает за край (владелец 10.09) */
@media (max-width:767px){
  [data-v="rv"] .rv-card-14{white-space:normal}
  [data-v="rv"] .rv-card-13{display:flex;align-items:flex-start;gap:8px;flex-wrap:wrap}
  [data-v="rv"] .rv-card-15{flex:none;margin-top:3px}
}

/* Сцены с фото на ширинах 900–1440: текст и карточка не прижимаются к рамке.
   Рамка стоит на inset clamp(20px,4cqw,56px); контент шириной 1240 центрирован,
   и на 1280–1400 его край совпадал с рамкой. Держим внутренний отступ
   рамка + 48px. Телефон и широкие экраны не трогаем (владелец 10.09). */
@media (min-width:900px) and (max-width:1440px){
  [data-v="rv"] .rv-types-06{padding-inline:max(var(--page-pad), calc(clamp(20px,4cqw,56px) + 48px));padding-top:calc(clamp(20px,4cqw,56px) + clamp(72px,6.4cqw,96px))}
  [data-v="rv"] .rv-card-05{padding-inline:max(var(--page-pad), calc(clamp(20px,4cqw,56px) + 48px))}
}

/* Герой на телефоне: чуть плотнее затемнение сверху под подписью (владелец 10.09) */
@media (max-width:767px){
  [data-v="rv"] .rv-top-06{height:46%;background:linear-gradient(180deg,rgba(11,16,21,.38),rgba(11,16,21,0))}
  html[data-theme="dark"] [data-v="rv"] .rv-top-06{background:linear-gradient(180deg,rgba(11,16,21,.72),rgba(11,16,21,0))}
}

/* Поля ввода на телефоне (10.09): iOS Safari увеличивает страницу при фокусе
   в поле со шрифтом меньше 16 px и не возвращает масштаб после клавиатуры.
   Поля макета правятся в своих файлах (apply.css, auth.css); здесь страховка
   для любого поля без собственного размера. Чекбоксы, радио и ползунки
   клавиатуру не вызывают, их не трогаем. Запрещать масштабирование через
   meta viewport нельзя. */
@media (max-width:767px){
  /* :where — нулевая специфичность: любое правило макета важнее, страховка только для полей без размера */
  :where(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),textarea,select){font-size:max(16px,1em)}
}

/* «Сколько зарабатывают наши агенты»: заголовок сцены в две строки на ПК (владелец 10.09) */
@media (min-width:900px){
  [data-v="rv"] .rv-types-08{font-size:clamp(36px,3cqw,42px)}
}

/* Кнопка «Напишите в чат» под FAQ выглядит как текстовая ссылка (владелец 10.09) */
/* Стиль текстовой ссылки для этой кнопки снят 14.09: он складывался с
   контурной кнопкой [data-openchat] ниже, и выходила серая плашка с
   подчёркнутым текстом. Кнопка оформлена как чип «Спросите в чат-боте» из формы. */

/* Подвал на телефоне: лого слева, соцсети справа; юридический текст обычным регистром (владелец 10.09) */
@container (max-width:767px){
  [data-v="rv"] .rv-faq-41{justify-content:space-between}
  [data-v="rv"] .rv-faq-46{text-align:center;text-transform:none;letter-spacing:0;line-height:1.5;font-size:13px}
  [data-v="rv"] .rv-faq-46 + .rv-faq-46{margin-top:10px}
}


/* Кнопки «Напишите в чат»: в блоке «Звонок с менеджером» (правка владельца
   13.09) и под FAQ. Под FAQ кнопка была в макете с самого начала, но своих
   стилей не имела: браузер рисовал её серым системным прямоугольником — это
   читалось как сломанный элемент (замечание владельца 13.09). Обе контурные и
   вторичные по отношению к «Оставить заявку»: токены те же, что у кнопки в
   шапке (.rv-page-13), но без заливки — на ховере заливается. Отступ сверху
   нужен только той, что под заголовком блока «Звонок с менеджером»: под FAQ
   кнопка стоит в строке рядом с «Не нашли ответ?». */
/* Обе кнопки «Напишите в чат» повторяют чип «Спросите в чат-боте» из формы
   заявки (apply.css, [data-prepchat]): контур, иконка чата акцентом, на ховере
   лёгкая подложка без смены цвета текста (владелец 14.09). */
[data-v="rv"] [data-openchat]{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin:0;padding:0 18px;border-radius:999px;border:1px solid var(--c22);background:transparent;color:var(--t1);font:inherit;font-size:var(--fs-small);font-weight:var(--fw-strong);line-height:1.3;text-decoration:none;cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}
[data-v="rv"] [data-openchat]::before{content:"";flex:none;width:17px;height:17px;background:var(--acc);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.5 8.5 0 0 1-12.6 7.4L3.5 20.5l1.6-4.9A8.5 8.5 0 1 1 21 11.5z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 11.5a8.5 8.5 0 0 1-12.6 7.4L3.5 20.5l1.6-4.9A8.5 8.5 0 1 1 21 11.5z'/%3E%3C/svg%3E") center/contain no-repeat}
[data-v="rv"] [data-openchat]:hover{background:var(--c07)}
/* Пока ждём виджет ассистента (до 4 секунд) — кнопка занята, а не «сломана» */
[data-v="rv"] [data-openchat][aria-busy="true"]{opacity:.6;cursor:progress}
[data-v="rv"] [data-talkchat]{margin-top:20px}

/* Ссылки внутри текста на лендинге (правка владельца 13.09). Базовое правило
   макета — `a{color:inherit;text-decoration:none}`, поэтому ссылка на правила
   реферальной программы выглядела обычным текстом и её никто не нажимал.
   Красим акцентом дизайн-системы, а не «классическим синим»: синего в палитре
   лендинга нет, он выпадал бы из страницы. */
/* Один вид текстовой ссылки на весь сайт: акцентный цвет, подчёркивание и та
   же SVG-стрелка внешней ссылки, что в карточке «Каждая 20-я карта
   премиальная» (.rv-card-15). Второго варианта не заводим — именно из-за
   разнобоя ссылку в абзаце раньше не замечали.
   Только контент-ссылки лендинга. Согласие на обработку ПДн в формах сюда НЕ
   входит (решение владельца 13.09): там ссылка на политику стоит в служебной
   строке под чекбоксом, у неё своё оформление в apply.css и docs.css. */
[data-v="rv"] [data-rvlink]{color:var(--acc);font-weight:var(--fw-strong);text-decoration:underline;text-decoration-color:var(--acc);text-underline-offset:4px}
[data-v="rv"] [data-rvlink] .rv-linkarrow{width:.85em;height:.85em;margin-left:.3em;color:var(--acc);vertical-align:-1px}
[data-v="rv"] [data-rvlink]:hover{opacity:.75}

/* FP-REFERRAL-001. Форма реферальной программы живёт на каркасе страниц входа,
   где `[data-v="au4"] a` снимает подчёркивание и цвет: без этого правила ссылка
   на политику в согласии выглядела бы обычным текстом. Оформление то же, что у
   соседних форм (заявка, документы), — отдельного вида ссылок не заводим. */
[data-v="au4"] [data-ref="1"] [data-check] a{color:var(--acc);text-decoration:underline;text-underline-offset:3px}

/* Общая фраза под списком «Кому подходит»: отбита от таблицы, ширина как у лида */
/* Подпись сливалась со списком: у списка не было нижней линии, и абзац того
   же серого цвета читался как ещё одна строка (владелец 14.09). Закрываем
   список линией и оформляем подпись примечанием с акцентной чертой слева. */
[data-v="rv"] .rv-forwhom-04:last-child{border-bottom:1px solid var(--c14)}
[data-v="rv"] [data-whonote]{margin:28px 0 0;max-width:none;padding:2px 0 2px 16px;border-left:2px solid var(--acc);font-size:var(--fs-small);color:var(--t1)}

/* Подпись над списком операций в макете кабинета: список показывает последние
   начисления, а итог месяца считает все активации, и без подписи суммы в
   столбце не сходились с итогом (замечание владельца 13.09). */
[data-v="rv"] [data-cabcap]{margin:0 0 6px;font-size:var(--fs-cap);font-weight:var(--fw-title);letter-spacing:.1em;text-transform:uppercase}

/* «Сколько зарабатывают наши агенты»: заголовок был прижат к верхней линии
   рамки (48px), хотя сбоку текст отстоит от неё почти на 100px. Верхний отступ
   от рамки выравниваем с боковым, на широких экранах тоже (владелец 14.09). */
@media (min-width:1441px){
  [data-v="rv"] .rv-types-06{padding-top:calc(clamp(20px,4cqw,56px) + 96px)}
}
[data-v="rv"] [data-whonote] a{white-space:nowrap}

/* Кабинет и карта слиплись в один зелёный блок: между ними стояла белая
   секция «Требования», её слили в семь шагов 13.09. Варианты: переставить
   карту и eResidency (ломает порядок рассказа), вернуть разделитель (пустая
   полоса) или перекрасить одну из секций. Карта — фото-сцена в рамке, её
   зелёный задан фотографией, поэтому светлой делаем секцию кабинета: тёмный
   телефон на светлом фоне читается лучше, ритм снова «светлый — зелёный —
   светлый» (владелец 14.09). */
[data-v="rv"] .rv-cabinet-01{background:var(--s-m);color:var(--t1)}
[data-v="rv"] .rv-cabinet-05{color:var(--c66)}
/* Тень телефона обрезалась по краям блока и на светлом фоне проступала
   прямоугольником. Тёмный телефон на светлом фоне читается и без неё. */
[data-v="rv"] .rv-cabinet-06{filter:none}
/* Телефон в кабинете (владелец 14.09). Обрезка по краю секции на светлом
   фоне «впивалась» в карту; растворение всего низа давало мутное пятно из
   пустого экрана и скруглённого низа корпуса. Как обычно в мокапах: режем
   телефон сразу под карточкой операций, растворяем короткой полосой по
   пустому экрану — скругление корпуса в кадр не попадает. */
[data-v="rv"] #cabinet.rv-cabinet-01{padding-bottom:var(--band-y)!important}
[data-v="rv"] .rv-cabinet-02{align-items:center}
[data-v="rv"] .rv-cabinet-06{margin-bottom:0!important;align-self:center;max-height:640px;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 calc(100% - 64px),transparent);mask-image:linear-gradient(180deg,#000 calc(100% - 64px),transparent)}
@container (max-width:767px){
  [data-v="rv"] .rv-cabinet-06{max-height:440px!important;overflow:hidden!important}
}

/* R6-03 (прогон 6, 15.09): горизонтальная прокрутка на узком телефоне.
   Проверка — scrollWidth не больше ширины окна на 375 и 320 px на всех языках
   и всех страницах лендинга, базы знаний, ошибок и каркаса входа.
   1) Ссылка в подписи под «Кому подходит» держится одной строкой (nowrap
      выше), а на ҚАЗ её текст «банктің рефералдық бағдарламасы сәйкес келеді»
      длиннее экрана: на 375 страница уезжала до 408 px. На телефоне ссылка
      переносится как обычный текст. */
@media (max-width:767px){
  [data-v="rv"] [data-whonote] a{white-space:normal;overflow-wrap:anywhere}
}
/* 2) Экран уже 360 px (старые и компактные Android, iPhone SE в режиме
      увеличения). Шапка: логотип, кнопка заявки и бургер вместе шире 320 px
      на всех языках; строки «Кому подходит» с nowrap («Бухгалтеры и налоговые
      консультанты»); ссылки в подвале страниц ошибок; переключатель языков
      каркаса входа. Ужимаем отступы, текст разрешаем переносить. */
@media (max-width:359px){
  [data-v="rv"] .rv-page-03{gap:8px;padding-inline:12px}
  [data-v="rv"] .rv-page-04{margin-right:0}
  [data-v="rv"] .rv-page-05, [data-v="rv"] .rv-page-06{height:22px}
  [data-v="rv"] .rv-page-13{padding:0 10px;font-size:var(--fs-cap);min-width:0;flex:0 1 auto}
  [data-v="rv"] [data-whorow]>span:first-child{white-space:normal}
  [data-er="b"] [data-links]{flex-wrap:wrap}
  /* auth.css подключается после этого файла: html впереди поднимает специфичность */
  html [data-v="au4"] [data-hdrin]{gap:8px;padding-inline:12px}
  html [data-v="au4"] [data-brand] img{height:22px}
  html [data-v="au4"] [data-langs] button{min-width:32px;padding:0 6px}
  html [data-v="au4"] [data-langs] [data-sep]{margin:0 2px}
}

/* Осмотр экранов 16.09.2026: в тёмной теме опасная кнопка каркаса входа
   («Отключить» 2FA) брала --err тёмной палитры (светлый розовый #FDA4AF) с
   белым текстом и выглядела неактивной. Заливка как в светлой теме. */
html[data-theme="dark"] [data-v="au4"] [data-cta="danger"],
html[data-theme="dark"] [data-v="au4"] [data-cta="danger"]:hover{background:var(--status-error);color:var(--white)}
@media (prefers-color-scheme:dark){
  html:not([data-theme="light"]) [data-v="au4"] [data-cta="danger"],
  html:not([data-theme="light"]) [data-v="au4"] [data-cta="danger"]:hover{background:var(--status-error);color:var(--white)}
}