/* =====================================================================
 * REZUMKA V2 — ИНСТРУМЕНТЫ И СЛУЖЕБНЫЕ СТРАНИЦЫ
 *
 * Конструктор резюме, письмо, заявления, фотоателье, бланки,
 * генераторы навыков и обязанностей, тарифы, контакты.
 *
 * КАК ЭТО РАБОТАЕТ
 *
 * Конструктор и письмо читают переменные темы: --rz-accent берётся
 * из --stamp, --rz-paper из --paper и так далее. Переменные уже
 * подменены в v2-blocks.css, поэтому оба инструмента переезжают сами,
 * без единой правки в их собственных файлах.
 *
 * Заявления, фотоателье и страница бланков зелёный прописали жёстко —
 * их правила перекрываются здесь поимённо.
 *
 * Свои файлы плагинов не трогаю: они работают и на старых страницах,
 * и правка ради оформления сломала бы их там.
 * =================================================================== */

/* ------------------------------------- жёсткие цвета в плагинах */
.v2 {
	--rzd-accent:  var(--v2-brand);
	--rzd-line:    var(--v2-line);
	--rzpp-accent: var(--v2-brand);
	--rzpp-line:   var(--v2-line);
}

/* =====================================================================
 * ФОТОАТЕЛЬЕ
 *
 * Переменных оно не завело вовсе: зелёный вписан прямо в правила,
 * пятнадцать мест. Раньше я перекрывал классы с приставкой rzph,
 * а они называются rzp — поэтому на странице оставалась зелёная
 * кнопка и зелёные направляющие в кадре.
 *
 * Свой файл плагина не трогаю: он работает и на старых страницах.
 * =================================================================== */
.v2 .rzp-start__btn,
.v2 .rzp__apply {
	background: var(--v2-brand);
	border-color: var(--v2-brand);
	color: #fff;
	border-radius: var(--v2-r-btn);
}
.v2 .rzp-start__btn:hover,
.v2 .rzp__apply:hover { background: var(--v2-brand-hover); border-color: var(--v2-brand-hover); }
.v2 .rzp-start__btn:focus-within { outline-color: var(--v2-brand); }

.v2 .rzp-start__btn--ghost {
	background: var(--v2-surface);
	border-color: var(--v2-line);
	color: var(--v2-text);
}
.v2 .rzp-start__btn--ghost:hover { background: var(--v2-brand-soft); border-color: var(--v2-brand-line); color: var(--v2-brand); }

/* Направляющие в кадре: по ним ставят лицо, и они самые заметные */
.v2 .rzp-start__line { stroke: var(--v2-brand); }

.v2 .rzp__privacy { color: var(--v2-text-2); }
.v2 .rzp__btn:hover { border-color: var(--v2-brand); color: var(--v2-brand); }
.v2 .rzp__sw--on { border-color: var(--v2-brand); color: var(--v2-brand); }
.v2 .rzp__btn--ai { border-color: var(--v2-brand-line); color: var(--v2-brand); }

/* Галочки и ползунки — фирменным, а не системным зелёным */
.v2 .rzp__panel input[type="range"],
.v2 .rzp__check input,
.v2 .rzp-consent__check input { accent-color: var(--v2-brand); }
.v2 .rzp-consent__check { border-color: var(--v2-brand-line); }

/* Скругления и рамки под общий вид */
.v2 .rzp-start__frame,
.v2 .rzp-consent__win,
.v2 .rzp__panel {
	border-color: var(--v2-line);
	border-radius: var(--v2-r-card);
}

/* ------------------------------------------- общие элементы форм */
/*
 * Поля во всех инструментах приводятся к одному виду. Раньше каждый
 * плагин задавал свои отступы и скругления, и пять инструментов
 * выглядели пятью разными сайтами.
 */
.v2 .rz-app input:not([type="checkbox"]):not([type="radio"]),
.v2 .rz-app select,
.v2 .rz-app textarea,
.v2 .rzl input:not([type="checkbox"]),
.v2 .rzl select,
.v2 .rzl textarea,
.v2 .rzd input:not([type="checkbox"]),
.v2 .rzd select,
.v2 .rzd textarea {
	/*
	 * Только скругление, рамка и цвета. Размеры не трогаем:
	 * конструктор задаёт их сам и уже выверен — спорить с ним
	 * значит получить поля разной высоты в соседних разделах.
	 */
	border-radius: var(--v2-r-ctl);
	border-color: var(--v2-line);
	background: var(--v2-surface);
	color: var(--v2-text);
}

.v2 .rz-app input:focus,
.v2 .rz-app select:focus,
.v2 .rz-app textarea:focus,
.v2 .rzl input:focus,
.v2 .rzl textarea:focus,
.v2 .rzd input:focus,
.v2 .rzd textarea:focus {
	outline: none;
	border-color: var(--v2-brand);
	box-shadow: 0 0 0 4px rgba(99, 91, 255, .12);
}

/* Главные кнопки инструментов — как везде в теме */
.v2 .rz-btn--primary,
.v2 .rzl-btn--primary,
.v2 .rzd-btn--primary {
	background: var(--v2-brand);
	border-color: var(--v2-brand);
	border-radius: var(--v2-r-btn);
	min-height: 48px;
	font-weight: 600;
}
.v2 .rz-btn--primary:hover,
.v2 .rzl-btn--primary:hover,
.v2 .rzd-btn--primary:hover { background: var(--v2-brand-hover); border-color: var(--v2-brand-hover); }

/* ------------------------------------------- служебные страницы */
/*
 * Тарифы, контакты, безопасность, карта сайта. Они собраны
 * шорткодами ядра и держатся на тех же переменных, что и блоки, —
 * поэтому здесь только скругления и рамки под новый вид.
 */
.v2 .rzprice__card,
.v2 .rzform,
.v2 .rzmap__col,
.v2 .rzsec__card,
.v2 .rzkurs__card,
.v2 .rzblank__card {
	border-radius: var(--v2-r-card);
	border-color: var(--v2-line);
	background: var(--v2-surface);
	box-shadow: var(--v2-sh-card);
}

/* Строка вкладок и переключателей в инструментах */
.v2 .rz-viewswitch,
.v2 .rzl-steps {
	background: var(--v2-brand-soft);
	border-radius: 9999px;
}
.v2 .rz-viewswitch button[aria-pressed="true"] {
	background: var(--v2-brand);
	color: #fff;
}

/* Заголовок инструмента на странице */
.v2 .prose h1 { letter-spacing: -.02em; }

/* =====================================================================
 * БЛОК ПРЕДПРОСМОТРА В КОНСТРУКТОРЕ
 *
 * Приводим к виду новой темы: заголовок обычным шрифтом,
 * плитки шаблонов ровным рядом, платные — со значком замка,
 * а не пунктирной рамкой. Пунктир читался как «поле не заполнено».
 * =================================================================== */
.v2 .rz-preview-head {
	padding-bottom: 12px;
	margin-bottom: 14px;
	border-bottom: 1px solid var(--v2-line);
}
.v2 .rz-preview-title {
	font-family: inherit;
	font-size: .78rem;
	letter-spacing: .07em;
	text-transform: uppercase;
	font-weight: 700;
	color: var(--v2-text-3);
	margin: 0;
}
.v2 .rz-wide-toggle {
	border: 1px solid var(--v2-line);
	border-radius: 9999px;
	background: var(--v2-surface);
	color: var(--v2-text-2);
	padding: 7px 14px;
}
.v2 .rz-wide-toggle:hover { border-color: var(--v2-brand); color: var(--v2-brand); }

/* Плитки шаблонов */
.v2 .rz-tpl { gap: 6px; margin-bottom: 16px; }
.v2 .rz-tpl button {
	border-radius: 9999px;
	border-color: var(--v2-line);
	background: var(--v2-surface);
	color: var(--v2-text-2);
	padding: 7px 14px;
	font-weight: 500;
}
.v2 .rz-tpl button:hover { border-color: var(--v2-brand-line); color: var(--v2-brand); }
.v2 .rz-tpl button[aria-pressed="true"] {
	background: var(--v2-brand);
	border-color: var(--v2-brand);
	color: #fff;
	font-weight: 600;
}
/*
 * Платные: сплошная рамка и замок. Пунктир в макете нового
 * оформления не используется вовсе — он читается как незаполненное
 * поле, а не как «доступно за деньги».
 */
.v2 .rz-tpl__opt.is-paid { border-style: solid; }
.v2 .rz-tpl__mark { opacity: .6; }
.v2 .rz-tpl__opt[aria-pressed="true"] .rz-tpl__mark { opacity: 1; }

/* Лист резюме в колонке предпросмотра */
.v2 .rz-sheet {
	border: 1px solid var(--v2-line);
	border-radius: var(--v2-r-card);
	box-shadow: var(--v2-sh-card);
}
.v2 .rz-sheet-wrap { background: transparent; }

/* =====================================================================
 * КАРТА САЙТА
 *
 * Всё собрано из настоящих данных: сколько образцов в отрасли,
 * сколько статей в рубрике. Числа не вписаны руками и потому
 * не разойдутся с сайтом.
 * =================================================================== */
/*
 * Карта задаёт свою раскладку сама.
 *
 * Она выводится шорткодом внутри содержимого страницы, а что там
 * вокруг — отсюда не видно. С конструктором это уже выходило боком:
 * страницу что-то пускало в колонки, и приложение растекалось.
 * Здесь те же способы отменены заранее.
 */
.v2-map {
	margin-top: var(--v2-s6);
	display: block;
	columns: initial;
	column-count: initial;
	column-span: all;
	float: none;
	width: 100%;
	max-width: 100%;
}
.v2-map > *,
.v2-map__sphere,
.v2-map__side > * { break-inside: avoid; }

/* Четыре карточки разделов */
.v2-map__top { margin-bottom: var(--v2-s7); }
.v2-map__card { display: grid; gap: 4px; align-content: start; }
.v2-map__card b { font-size: 1.05rem; }
.v2-map__card span { color: var(--v2-text-2); font-size: .92rem; }
.v2-map__count {
	margin-top: var(--v2-s3);
	display: inline-flex;
	align-self: start;
	padding: 4px 12px;
	border-radius: 9999px;
	background: var(--v2-brand-soft);
	color: var(--v2-brand) !important;
	font-size: .84rem;
	font-weight: 600;
}

.v2-map__grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 320px;
	gap: var(--v2-gap);
	align-items: start;
}

/* --------------------------------------------------- отрасли */
.v2-map__spheres { margin-top: var(--v2-s5); display: grid; gap: var(--v2-s2); }
.v2-map__sphere {
	border: 1px solid var(--v2-line);
	border-radius: var(--v2-r-card);
	background: var(--v2-surface);
	padding: var(--v2-s3) var(--v2-s4);
}
.v2-map__sphere > summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--v2-s3);
	cursor: pointer;
	list-style: none;
	font-weight: 600;
}
.v2-map__sphere > summary::-webkit-details-marker { display: none; }
.v2-map__sphere > summary::after {
	content: "";
	width: 9px;
	height: 9px;
	flex: 0 0 auto;
	border-right: 2px solid var(--v2-text-3);
	border-bottom: 2px solid var(--v2-text-3);
	transform: rotate(45deg);
	transition: transform .16s ease;
	margin-left: auto;
}
.v2-map__sphere[open] > summary::after { transform: rotate(-135deg); }
.v2-map__sname { font-weight: 600; }
.v2-map__snum { color: var(--v2-text-3); font-size: .84rem; font-weight: 400; }

/*
 * Сетка, а не колонки.
 *
 * Раньше здесь стояло columns: 3 — и список вываливался из карточки
 * поверх боковой колонки. Многоколоночная вёрстка плохо уживается
 * с длинными списками и совсем плохо — когда часть строк скрыта
 * поиском: браузер считает высоту по всем строкам, включая спрятанные.
 *
 * Сетка от этого свободна: скрытая строка просто выпадает,
 * остальные перестраиваются.
 */
.v2-map__list {
	list-style: none;
	margin: var(--v2-s4) 0 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
	gap: 6px var(--v2-s5);
}
.v2-map__list li { min-width: 0; }
.v2-map__list a { color: var(--v2-text); text-decoration: none; font-size: .93rem; }
.v2-map__list a:hover { color: var(--v2-brand); }
.v2-map__sphere .v2-arrow { margin-top: var(--v2-s4); font-size: .9rem; }

/* ------------------------------------------------ боковая колонка */
.v2-map__side { display: grid; gap: var(--v2-gap); }
.v2-map__side h3 { font-size: 1rem; margin-bottom: var(--v2-s3); }

.v2-map__links { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.v2-map__links a {
	display: grid;
	gap: 1px;
	padding: 9px 11px;
	border-radius: var(--v2-r-ctl);
	text-decoration: none;
	color: var(--v2-text);
}
.v2-map__links a:hover { background: var(--v2-brand-soft); }
.v2-map__links b { font-size: .94rem; font-weight: 600; }
.v2-map__links a:hover b { color: var(--v2-brand); }
.v2-map__links span { color: var(--v2-text-2); font-size: .84rem; }

.v2-map__rows { list-style: none; margin: 0; padding: 0; display: grid; gap: 1px; }
.v2-map__rows li {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: var(--v2-s3);
	padding: 7px 0;
	border-bottom: 1px solid var(--v2-line);
}
.v2-map__rows li:last-child { border-bottom: 0; }
.v2-map__rows a { color: var(--v2-text); text-decoration: none; font-size: .93rem; }
.v2-map__rows a:hover { color: var(--v2-brand); }
.v2-map__rows span { color: var(--v2-text-3); font-size: .82rem; white-space: nowrap; }

@media (max-width: 1000px) {
	.v2-map__grid { grid-template-columns: 1fr; }
}
@media (max-width: 620px) {
	.v2-map__list { grid-template-columns: 1fr; }
	.v2-map__sphere > summary { flex-wrap: wrap; }
}

/* Поиск и указатель на карте сайта */
.v2-map__search { max-width: 560px; margin-bottom: var(--v2-s6); }

.v2-map__abc {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	margin-top: var(--v2-s5);
	padding-bottom: var(--v2-s4);
	border-bottom: 1px solid var(--v2-line);
}
.v2-abc {
	min-width: 34px;
	height: 34px;
	padding: 0 9px;
	border: 1px solid var(--v2-line);
	border-radius: var(--v2-r-ctl);
	background: var(--v2-surface);
	color: var(--v2-text);
	font: inherit;
	font-size: .88rem;
	cursor: pointer;
	transition: border-color .15s ease, background-color .15s ease, color .15s ease;
}
.v2-abc:hover:not(:disabled) { border-color: var(--v2-brand); color: var(--v2-brand); }
.v2-abc.is-on { background: var(--v2-brand); border-color: var(--v2-brand); color: #fff; }
/*
 * Буквы, на которые профессий нет, видно, но нажать нельзя:
 * пустая буква в указателе — обещание, которое не выполняется.
 */
.v2-abc:disabled { opacity: .35; cursor: default; }

.v2-map__sphere[hidden] { display: none; }
.v2-map__list li[hidden] { display: none; }
.v2-map__none {
	margin-top: var(--v2-s5);
	padding: var(--v2-s5);
	border: 1px dashed var(--v2-line);
	border-radius: var(--v2-r-card);
	color: var(--v2-text-2);
	text-align: center;
}
.v2-map__none[hidden] { display: none; }

/* Шапка карты сайта с рисунком */
.v2-map__hero {
	display: grid;
	grid-template-columns: minmax(0, 1fr) 360px;
	gap: var(--v2-s6);
	align-items: center;
	margin-bottom: var(--v2-s6);
	padding: var(--v2-s6);
	border: 1px solid var(--v2-line);
	border-radius: var(--v2-r-lg);
	background:
		radial-gradient(520px 220px at 88% 30%, var(--v2-brand-soft) 0%, transparent 70%),
		var(--v2-surface);
}
.v2-map__hero h2 { font-size: clamp(1.3rem, 1.1rem + .8vw, 1.75rem); }
.v2-map__hero p { margin-top: var(--v2-s3); max-width: 34em; }
.v2-map__hero-text { min-width: 0; }
.v2-map__art { width: 100%; height: auto; display: block; }

@media (max-width: 860px) {
	.v2-map__hero { grid-template-columns: 1fr; }
	/* На телефоне рисунок уступает место тексту, но не исчезает */
	.v2-map__art { max-width: 320px; margin-inline: auto; }
}

/* Нижний ряд карты сайта */
.v2-map__bottom { margin-top: var(--v2-s7); align-items: start; }
.v2-map__bottom .v2-card { display: grid; align-content: start; }
.v2-map__bottom .v2-arrow { margin-top: var(--v2-s4); font-size: .9rem; }

/* Быстрые переходы: строка целиком ведёт по ссылке */
.v2-map__rows--go li { align-items: center; }
.v2-map__rows--go a { flex: 1 1 auto; font-weight: 500; }
.v2-map__rows--go svg { color: var(--v2-text-3); flex: 0 0 auto; transition: transform .16s ease, color .16s ease; }
.v2-map__rows--go li:hover svg { color: var(--v2-brand); transform: translateX(3px); }

/* Картинка в шапке карты */
.v2-map__art { width: 100%; height: auto; display: block; }

/* =====================================================================
 * ШИРИНА КАРТЫ САЙТА
 *
 * Обычная страница зажата 780 точками — так и надо для текста:
 * длинные строки читать тяжело. Но карта это не текст, а оглавление
 * на две с лишним сотни ссылок, и в узкой колонке она превращается
 * в бесконечный столбик.
 *
 * Поэтому карта выходит за пределы колонки во всю ширину страницы.
 * Приём известный: сдвинуть на половину ширины родителя и вернуть
 * на половину своей.
 * =================================================================== */
/*
 * Вынос за колонку больше не нужен: ширину теперь даёт шаблон
 * страницы — он видит, что внутри инструмент, и не зажимает
 * содержимое до ширины чтения.
 *
 * Оставлять оба приёма нельзя: сдвиг сложился бы со сдвигом,
 * и карта уехала бы вбок.
 */
.v2-map { max-width: none; }

/* Значок в карточке раздела */
.v2-map__ico {
	display: grid;
	place-items: center;
	width: 46px;
	height: 46px;
	border-radius: var(--v2-r-ctl);
	background: var(--v2-brand-soft);
	color: var(--v2-brand);
	margin-bottom: var(--v2-s3);
	transition: background-color .16s ease, color .16s ease;
}
.v2-map__ico svg { width: 23px; height: 23px; }
.v2-map__card:hover .v2-map__ico { background: var(--v2-brand); color: #fff; }



/* =====================================================================
 * СПИСКИ В НАШИХ БЛОКАХ — БЕЗ МАРКЕРОВ
 *
 * Карта сайта выводится внутри содержимого страницы, а там у списков
 * своё оформление: отступ слева и маркер-чёрточка фирменного цвета.
 * Для текста статьи это правильно, для колонки ссылок — нет:
 * чёрточки съедают место и создают лишний шум.
 *
 * Гасим только в своих блоках: списки в статьях не трогаем.
 * =================================================================== */
.v2 .prose .v2-map__links,
.v2 .prose .v2-map__rows,
.v2 .prose .v2-map__list,
.v2 .prose .v2-map__spheres {
	list-style: none;
	padding-left: 0;
	margin-block: 0;
}
.v2 .prose .v2-map__links > li::marker,
.v2 .prose .v2-map__rows > li::marker,
.v2 .prose .v2-map__list > li::marker {
	content: "";
	color: transparent;
}
.v2 .prose .v2-map__links > li,
.v2 .prose .v2-map__rows > li,
.v2 .prose .v2-map__list > li { list-style: none; }

/* Заголовки внутри карточек карты не должны наследовать отступы статьи */
.v2 .prose .v2-map h2,
.v2 .prose .v2-map h3 { margin-top: 0; }
.v2 .prose .v2-map p { margin-block: 0; }

/* =====================================================================
 * ПОИСК ПРОФЕССИИ НА ГЛАВНОЙ
 *
 * Разметку даёт шорткод ядра — он же ищет по вшитому в страницу
 * списку. Здесь только вид под новую тему.
 * =================================================================== */
.v2 .rzfind__box input {
	min-height: 52px;
	border-radius: var(--v2-r-btn);
	border-color: var(--v2-line);
	background: var(--v2-surface);
	color: var(--v2-text);
	font-size: 1rem;
}
.v2 .rzfind__box input:focus {
	outline: none;
	border-color: var(--v2-brand);
	box-shadow: 0 0 0 4px rgba(99, 91, 255, .12);
}
.v2 .rzfind__out {
	border: 1px solid var(--v2-line);
	border-radius: var(--v2-r-card);
	background: var(--v2-surface);
	box-shadow: var(--v2-sh-float);
	padding: 6px;
}
.v2 .rzfind__hit {
	display: block;
	padding: 10px 12px;
	border-radius: var(--v2-r-ctl);
	color: var(--v2-text);
	text-decoration: none;
}
.v2 .rzfind__hit:hover { background: var(--v2-brand-soft); color: var(--v2-brand); }
.v2 .rzfind__none { color: var(--v2-text-2); padding: 10px 12px; margin: 0; }
.v2 .rzfind__hint { color: var(--v2-text-2); font-size: .9rem; }
.v2 .rzfind__hint b { color: var(--v2-text); }

/* =====================================================================
 * СТРАНИЦА
 *
 * Две ширины на один шаблон: текст читают в узкой колонке,
 * интерфейсу нужна вся ширина.
 * =================================================================== */
.v2-page { padding-block: var(--v2-s6) var(--v2-s9); }
.v2-page__head { margin-bottom: var(--v2-s6); }
.v2-page__lead { margin-top: var(--v2-s4); }

/*
 * Текстовая страница: колонка по ширине чтения.
 * Восемьдесят знаков в строке — предел, за которым глаз теряет
 * начало следующей строки.
 */
.v2-page .v2-container { max-width: 800px; }
.v2-page--wide .v2-container { max-width: var(--v2-container); }

.v2-page__body { color: var(--v2-text); }
.v2-page__body > h2 { margin-top: var(--v2-s7); }
.v2-page__body > h3 { margin-top: var(--v2-s6); }
.v2-page__body > p { margin-top: var(--v2-s4); line-height: 1.7; }

/* Переход в конструктор внизу текстовых страниц */
.v2-page__cta {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: var(--v2-s4);
	margin-top: var(--v2-s8);
	padding: var(--v2-s5) var(--v2-s6);
	border: 1px solid var(--v2-brand-line);
	border-radius: var(--v2-r-lg);
	background: var(--v2-brand-soft);
}
.v2-page__cta b { display: block; font-size: 1.05rem; }
.v2-page__cta span { display: block; color: var(--v2-text-2); font-size: .93rem; margin-top: 3px; }

@media (max-width: 620px) {
	.v2-page__cta { flex-direction: column; align-items: stretch; }
	.v2-page__cta .v2-btn { width: 100%; }
}

/* =====================================================================
 * ОСТАТКИ ЗЕЛЁНОГО В ПЛАГИНАХ
 *
 * Найдены проверкой check-green.py. Это места, где зелёный вписан
 * прямо в правило, а не взят из переменной, — поэтому сам он никуда
 * не переехал.
 *
 * Лист резюме и его уменьшенные изображения сюда не входят: там
 * зелёный — цвет самого документа, который выбирает человек,
 * а не цвет сайта.
 * =================================================================== */

/* Помощник ИИ */
.v2 .rz-btn--ai { border-color: var(--v2-brand-line); color: var(--v2-brand); }
.v2 .rzai-badge { background: var(--v2-brand-soft); color: var(--v2-brand); }
.v2 .rzai-pkg--on { border-color: var(--v2-brand); }
.v2 .rzai-ready__bar > span { background: var(--v2-brand); }

/* Письмо: заготовки вопросов */
.v2 .rzl-preset:hover,
.v2 .rzl-preset.is-asking { border-color: var(--v2-brand); color: var(--v2-brand); }
.v2 .rzl-preset:focus-visible { outline-color: var(--v2-brand); }

/* Конструктор: кнопка «все оформления» и подпись про платное */
.v2 .rz-tpl-all:hover { border-color: var(--v2-brand); color: var(--v2-brand); }
.v2 .rz-tpl-note--locked b { color: var(--v2-brand); }

/*
 * Уровень навыка: точки от бледной к насыщенной.
 *
 * Раньше шкала уходила в зелёный, и в анкете рядом с фиолетовыми
 * полями это выглядело чужим. Теперь оттенки фирменного.
 */
.v2 .rz-lvl__dot.is-on:nth-child(3) { background: #8B84FF; }
.v2 .rz-lvl__dot.is-on:nth-child(4) { background: #756DFF; }
.v2 .rz-lvl__dot.is-on:nth-child(5) { background: var(--v2-brand); }

/*
 * «Бесплатно» у оформления остаётся зелёным: это подтверждение,
 * а не украшение. Но берём наш оттенок, а не старый фирменный.
 */
.v2 .rz-all__free { color: var(--v2-ok); }
.v2 .rzai-issue--low { color: var(--v2-ok); }

/* =====================================================================
 * ВЫПАДАЮЩИЕ СПИСКИ В ИНСТРУМЕНТАХ
 *
 * ПОЧЕМУ ОНИ ПЕРЕКРЫВАЛИСЬ
 *
 * Список подсказок лежал на слое 40, а закреплённая шапка сайта —
 * на 60. Пока страница не прокручена, разницы не видно; стоит
 * прокрутить так, чтобы поле оказалось под шапкой, — и список
 * уходит под неё.
 *
 * Поднимаем список выше шапки: он привязан к полю, в которое человек
 * сейчас печатает, и заслонять его нечем. Но ниже окна во весь экран
 * и напоминаний — те должны накрывать всё.
 * =================================================================== */
.v2 .rz-combo__list,
.v2 .rzl-combo__list {
	z-index: 80;
	border-color: var(--v2-line);
	border-radius: var(--v2-r-card);
	background: var(--v2-surface);
	box-shadow: var(--v2-sh-float);
	padding: 6px;
}
.v2 .rz-combo__list li,
.v2 .rz-combo__list button {
	border-radius: var(--v2-r-ctl);
	color: var(--v2-text);
}
.v2 .rz-combo__list li:hover,
.v2 .rz-combo__list li[aria-selected="true"],
.v2 .rz-combo__list button:hover { background: var(--v2-brand-soft); color: var(--v2-brand); }

/*
 * Обычные выпадающие списки браузера.
 *
 * Их рисует сам браузер, и вмешаться можно двумя свойствами:
 * цветом подсветки и указанием, что оформление светлое. Без второго
 * браузер в тёмной теме системы рисует список тёмным, и он выпадает
 * из вида страницы.
 */
.v2 .rz-app select,
.v2 .rz-field select,
.v2 .rzl select,
.v2 .rzd select {
	accent-color: var(--v2-brand);
	color-scheme: light;
	border-radius: var(--v2-r-ctl);
	border-color: var(--v2-line);
}
.v2 .rz-app select:focus,
.v2 .rz-field select:focus {
	outline: none;
	border-color: var(--v2-brand);
	box-shadow: 0 0 0 4px rgba(99, 91, 255, .12);
}