/* Стили экрана «Настройки»: четыре группы, строки-раскрытия «Ещё» внутри группы, подпись версии (часть 2, этап 2.5; SPEC-NEW-LOOK-2, 1.7).
   Сами строки, карточки групп, переключатели и листы выбора рисуют 46-kept, 47-sheets2, 49-understand и 62-auth (они остаются от прежнего вида); здесь — только то, что нужно новой раскладке.
   Только переменные из 10-tokens.css (свои — в блоке «часть 2 · 2.5»): цветов, радиусов и размеров текста здесь числами быть не должно (сторож — tests/web-tokens.test.ts). */

/* группы лежат в <section>: заголовок первой стоит ближе к «Настройкам», как раньше (47-sheets2.css: .set-body > .grp-h:first-child) */
.set-grp:first-child > .grp-h { margin-top: var(--sp-8); }

/* «Ещё», «Замечания», «Сферы», «Устройства»: нажатие показывает или прячет блок, лежащий в той же карточке; стрелка поворачивается вниз */
.set-more .chev { transition: transform var(--d-fast); }
.set-more[aria-expanded="true"] .chev { transform: rotate(90deg); }
.set-more-body { border-top: 1px solid var(--c-line); }
.set-more-body + .set-row { border-top: 1px solid var(--c-line); }   /* строка после блока: соседство «строка + строка» разорвано блоком, линию ставим сами */

/* подзаголовок и сноска внутри карточки */
.set-subh { margin: 0; padding: var(--sp-12) var(--sp-16) var(--sp-4); border-top: 1px solid var(--c-line); font-size: var(--fs-small); line-height: var(--lh-small); font-weight: var(--fw-semibold); letter-spacing: var(--ls-caps); text-transform: uppercase; color: var(--c-text-2); }
.set-subh:first-child { border-top: 0; }
.set-note { margin: 0; padding: var(--sp-12) var(--sp-16); border-top: 1px solid var(--c-line); font-size: var(--fs-small); line-height: var(--lh-small); color: var(--c-text-2); overflow-wrap: break-word; }

/* значения: «включены» зелёным, четыре цветные точки сфер у строки «Сферы» */
.set-val.is-on { color: color-mix(in srgb, var(--c-done) 85%, var(--c-text)); }
.set-dots { display: inline-flex; align-items: center; gap: var(--sp-4); }

/* версия оболочки внизу экрана */
.set-ver { margin: var(--sp-20) 0 0; text-align: center; font-size: var(--fs-caption); line-height: var(--lh-caption); color: var(--c-text-2); font-variant-numeric: tabular-nums; }

/* лист «Срочные — повтор»: пояснение под переключателем «Срочное будит в тихие часы» */
.np-k small { display: block; font-size: var(--fs-small); line-height: var(--lh-small); color: var(--c-text-2); }