/* Кабинет Elenq (26.10): раскладка экранов поверх дизайн-системы. Компоненты и токены — /web/ds/tokens.css и /web/ds/elenq.css
   (копии design-system/system). Оболочка (AppShell, Sidebar, PageBar), поиск (CommandPalette), карточки-ссылки, Pager, сводка по
   правилам, ответ на «ночи» и карточка с акцентом — компоненты системы. Здесь — только то, чего в системе нет: шапка в содержимом,
   сетки экранов, отчёт, документ, всплывающие слои и печать. Классы кабинета — с приставкой c-, компоненты системы — nl-. Цвета, отступы, скругления — только токены. */

html { background: var(--surface); }
body { min-height: 100vh; }
h1, h2, h3 { margin: 0; }
p { margin: 0; }
[hidden] { display: none !important; }

/* ---- оболочка — AppShell, Sidebar и PageBar системы (nl-shell, nl-side, nl-bar). Бюджет ширины: меню 232 px, свёрнутое 52,
   полоса 52. Документ с пометками — 720 текст + 48 поля + 340 карточка + отступы ≈ 1220 px панели, поэтому ниже 1400 px окна меню
   по умолчанию свёрнуто (решение — в ui.js). Раскладка внутри — от ширины панели (контейнер nl-panel). Здесь — привязка к кабинету:
   при первой отрисовке меню не сужается на глазах; прокрутка к пункту оставляет зазор сверху */
html, body { height: 100%; }
body { background: var(--surface); }
.nl-shell:not(.is-ready) { transition: none; }
.nl-shell__panel { scroll-padding-top: var(--space-4); }
.c-page { max-width: var(--page-max); margin: 0 auto; padding: var(--space-6) var(--gutter) var(--space-24); display: flex; flex-direction: column; gap: var(--space-8); }
.c-page--form { max-width: calc(var(--form-max) + 2 * var(--gutter)); }

/* всплывающее меню — в body, место задаёт ui.js */
.c-pop { position: fixed; z-index: var(--z-menu); }
.c-pop .nl-menu { min-width: 260px; }
.c-pop a.nl-menu__item { text-decoration: none; }

/* поиск — CommandPalette системы, окно сверху по центру */
.c-scrim--top { align-items: flex-start; padding-top: min(16vh, 140px); }
.nl-palette__list .c-wait-line { padding: var(--space-3); }

/* шапка в содержимом: h1 → цель → мета (путь и действия — в полосе страницы) */
.c-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: var(--space-3) var(--space-6); }
.c-head__t { display: flex; flex-direction: column; gap: var(--space-2); min-width: 0; }
.c-head h1 { font-family: var(--font-display); font-size: 30px; line-height: 36px; font-weight: 600; letter-spacing: -0.015em; text-wrap: balance; overflow-wrap: anywhere; }
.c-head__goal { color: var(--ink-2); max-width: 760px; }
.c-head__meta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-1) var(--space-3); font-size: 13px; line-height: 18px; font-weight: 500; color: var(--ink-3); }
.c-head__meta a { color: var(--ink-3); }
.c-head__meta a:hover { color: var(--ink); }

/* общие строки и подписи */
.c-h2 { font-family: var(--font-display); font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: -0.005em; }
.c-h3 { font-size: 18px; line-height: 26px; font-weight: 600; }
.c-lead { font-size: 17px; line-height: 27px; color: var(--ink-2); max-width: 720px; }
.c-note { font-size: 13px; line-height: 18px; color: var(--ink-3); }
.c-note a { color: var(--ink-3); } .c-note a:hover { color: var(--ink); }
.c-label { font-size: 13px; line-height: 18px; font-weight: 600; color: var(--ink); }
.c-stack { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.c-stack--sm { gap: var(--space-2); }
.c-stack--lg { gap: var(--space-8); }
.c-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-2) var(--space-3); }
.c-row--between { justify-content: space-between; }
.c-sec { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.c-sec__head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-1) var(--space-4); }
.c-grid2 { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.c-wait-line { display: flex; align-items: center; gap: var(--space-2); color: var(--ink-3); font-size: 14px; }

/* формы: поля друг под другом, действия — строкой; главное действие на экране одно */
.c-form { display: flex; flex-direction: column; gap: var(--space-6); }
.c-form__acts { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-3) var(--space-4); padding-top: var(--space-2); }
.c-form__acts .c-note { flex: 1 1 240px; }
.c-opts { display: flex; flex-direction: column; gap: var(--space-4); }
.c-kindline { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-3) var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); color: var(--ink-2); }
.c-kindline .nl-icon { color: var(--ink-3); }
.c-kindline b { color: var(--ink); font-weight: 600; }
.c-kindline a { margin-left: auto; font-size: 14px; font-weight: 500; }
.c-files { display: flex; flex-direction: column; gap: var(--space-2); }
.c-files:empty, .nl-list:empty { display: none; }
.c-chips { display: flex; flex-wrap: wrap; gap: var(--space-2); }

/* карточки-ссылки (LinkCard системы) — сеткой */
.c-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: var(--space-4); }
.c-cards--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }

/* список проверок: группы по дням в рамке nl-list */
.c-day { display: flex; flex-direction: column; gap: var(--space-2); }
.c-day > h2 { font-size: 13px; line-height: 18px; font-weight: 600; color: var(--ink-3); }
.c-list-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--space-4); }
.c-list-head .nl-field { flex: 0 1 320px; }
.nl-crow__result .c-rest { font-weight: 400; color: var(--ink-3); }
.c-more { display: flex; align-items: center; gap: var(--space-2); width: 100%; min-height: 44px; padding: 0 var(--space-5); border: 0; border-bottom: 1px solid var(--line); background: var(--paper); color: var(--ink-3); font-size: 14px; text-align: left; cursor: pointer; }
.c-more:hover { color: var(--ink); }
.c-more .nl-chev { margin: 0; padding: 0; }
.c-more[aria-expanded="true"] .nl-chev { transform: rotate(180deg); }
.c-old { background: var(--surface); }
.c-old .nl-crow { background: transparent; padding-left: calc(var(--space-5) + 20px); }

/* свои шаблоны: строка с названием, проверкой по шаблону и удалением */
.c-trow { display: flex; align-items: center; gap: var(--space-3); padding: var(--space-4) var(--space-5); border-bottom: 1px solid var(--line); }
.c-trow:last-child { border-bottom: 0; }
.c-trow__t { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; }
.c-trow__t b { font-weight: 600; }
.c-trow__t span { font-size: 14px; line-height: 20px; color: var(--ink-3); }

/* правила на шаге подтверждения: номер, поле, убрать */
.c-rules { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); counter-reset: rule; }
.c-rules li { display: flex; align-items: center; gap: var(--space-2); }
.c-rules li::before { counter-increment: rule; content: counter(rule); flex: 0 0 24px; text-align: right; font-size: 13px; font-weight: 600; color: var(--ink-3); font-variant-numeric: tabular-nums; }
.c-rules .nl-input { flex: 1 1 auto; }
.c-matlist { display: flex; flex-direction: column; gap: var(--space-2); }

/* ожидание: шаги вертикально, текущий — со строкой того, что делается сейчас */
.c-wait { display: flex; flex-direction: column; gap: var(--space-5); padding: var(--space-6); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.c-wait__top { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-1) var(--space-4); }
.c-wait__top b { font-weight: 600; font-variant-numeric: tabular-nums; }
.c-wait .nl-step__hint { animation: nl-reveal var(--dur-open) var(--ease-out); }

/* закреплённая строка действий внизу длинной формы */
.c-sticky { position: sticky; bottom: 0; z-index: var(--z-sticky); margin: 0 calc(-1 * var(--space-4)); padding: var(--space-4); background: var(--paper); border-top: 1px solid var(--line); }

/* ---- всплывающее: меню, сообщения, окна, боковая панель */
.toasts { position: fixed; left: 50%; bottom: var(--space-6); transform: translateX(-50%); z-index: var(--z-toast); display: flex; flex-direction: column; align-items: center; gap: var(--space-2); pointer-events: none; }
.toasts .nl-toast { pointer-events: auto; }
.c-scrim { position: fixed; inset: 0; z-index: var(--z-dialog); display: flex; align-items: center; justify-content: center; padding: var(--space-4); background: var(--scrim); animation: c-fade var(--dur-pop) var(--ease-out); }
.c-scrim .nl-dialog { animation: nl-pop var(--dur-pop) var(--ease-out); max-height: calc(100vh - 32px); overflow: auto; }
@keyframes c-fade { from { opacity: 0; } }
.c-drawer-scrim { position: fixed; inset: 0; z-index: var(--z-dialog); background: var(--scrim); opacity: 0; transition: opacity var(--dur-pop) var(--ease-out); }
.c-drawer-scrim.is-on { opacity: 1; }
/* боковая панель — Drawer системы; выезжает справа */
.c-drawer-scrim > .nl-drawer { position: absolute; top: 0; right: 0; bottom: 0; height: auto; transform: translateX(24px); transition: transform var(--dur-open) var(--ease-out); }
.c-drawer-scrim.is-on > .nl-drawer { transform: none; }

/* ---- экран входа и публичные страницы */
.c-solo { min-height: 100vh; display: flex; flex-direction: column; background: var(--surface); }
.c-solo__top { padding: var(--space-6) var(--gutter); }
.c-solo__mid { flex: 1 1 auto; display: flex; align-items: center; justify-content: center; padding: var(--space-6) var(--gutter-phone) var(--space-16); }
.c-infobar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3) var(--space-4); padding: var(--space-4) var(--space-5); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.c-infobar__t { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.c-infobar__t b { font-weight: 600; }
.c-infobar__t span { font-size: 14px; line-height: 20px; color: var(--ink-3); }

.c-login { width: min(420px, 100%); display: flex; flex-direction: column; gap: var(--space-5); }
.c-login__t { display: flex; flex-direction: column; gap: var(--space-1); }
.c-login__t h1 { font-family: var(--font-display); font-size: 24px; line-height: 32px; font-weight: 600; letter-spacing: -0.01em; }
.c-login__t p { color: var(--ink-3); }
.c-login .nl-btn { margin-top: var(--space-1); }

/* ---- отчёт: вкладки, «Выводы» в две колонки — основная и боковая aside */
.c-rtabs { margin-bottom: var(--space-8); }
.c-rep { display: grid; grid-template-columns: minmax(0, 1fr) clamp(280px, 30%, var(--aside)); gap: var(--space-10); align-items: start; }
.c-rep__main { display: flex; flex-direction: column; gap: var(--space-8); min-width: 0; }
.c-rep__side { display: flex; flex-direction: column; gap: var(--space-8); min-width: 0; }
.c-rep .nl-verdict__more .c-vmore { margin-bottom: var(--space-2); }
.c-linkbtn { padding: 0; border: 0; background: none; font: inherit; font-size: 14px; line-height: 20px; font-weight: 500; color: var(--ink); text-decoration: underline; text-underline-offset: 3px; text-decoration-color: var(--line-control); cursor: pointer; transition: text-decoration-color var(--dur-hover) var(--ease-out); }
.c-linkbtn:hover { text-decoration-color: var(--ink); }
.c-discs { border-top: 1px solid var(--line); }
.c-discs .nl-disc__body > p { color: var(--ink-2); }
.c-rulelist { display: flex; flex-direction: column; margin: 0 calc(-1 * var(--space-2)); }
.c-co-short { padding: var(--space-4); gap: var(--space-3); }
.c-co-short .nl-company__name h3 { font-size: 15px; line-height: 22px; }
/* цитата: длинная — главное предложение, фрагмент целиком — по нажатию */
.c-qt[role] { cursor: pointer; }
.c-qt[role]:hover { color: var(--ink); }
.c-qt.is-clamp { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.nl-frow__body .nl-finding__action { color: var(--ink); }

/* ---- документ с пометками: текст не шире read-max, номера пометок — на полях слева; справа — карточка текущей */
.c-docv { display: grid; grid-template-columns: minmax(0, 1fr) clamp(280px, 30%, var(--aside)); gap: var(--space-10); align-items: start; }
.c-docv__text { min-width: 0; max-width: calc(var(--read-max) + 48px); display: flex; flex-direction: column; gap: var(--space-8); }
.c-docv__card { position: sticky; top: var(--space-6); display: flex; flex-direction: column; gap: var(--space-3); max-height: calc(100vh - var(--bar) - var(--space-12)); overflow-y: auto; scrollbar-width: thin; }
.c-docv__card > * { flex-shrink: 0; }
.c-doc { display: flex; flex-direction: column; font-size: 16px; line-height: 27px; color: var(--ink); }
.c-doc__name { display: flex; align-items: center; gap: var(--space-2); padding-left: 48px; margin-bottom: var(--space-4); font-size: 14px; line-height: 20px; font-weight: 600; color: var(--ink-2); }
.c-doc__name .nl-icon { color: var(--ink-3); }
.c-doc__note { padding-left: 48px; margin: var(--space-2) 0; }
.c-dp { position: relative; padding-left: 48px; margin-bottom: var(--space-3); }
.c-dp > p { overflow-wrap: anywhere; }
.c-dp__m { position: absolute; left: 0; top: 2px; display: flex; flex-direction: column; gap: var(--space-1); }
.c-dp__m .nl-docmark { cursor: pointer; transition: transform var(--dur-press) var(--ease-out); }
.c-dp__m .nl-docmark:hover { transform: scale(1.08); }
.c-doc .nl-mark[role] { cursor: pointer; transition: box-shadow var(--dur-hover) var(--ease-out); }
.c-pg { padding-left: 48px; margin: var(--space-4) 0 var(--space-2); font-size: 12px; line-height: 16px; font-weight: 500; color: var(--ink-3); }
.c-ent { text-decoration: underline dotted var(--ink-3); text-underline-offset: 4px; cursor: pointer; }
.c-ent:hover { text-decoration-color: var(--ink); }
.c-dgrid { margin: 0 0 var(--space-3) 48px; }
.c-toc { margin: 0 0 var(--space-6) 48px; padding: var(--space-2); border: 1px solid var(--line); border-radius: var(--radius-lg); }
.c-toc__h { display: flex; justify-content: space-between; gap: var(--space-3); padding: var(--space-2) var(--space-3); font-size: 13px; line-height: 18px; color: var(--ink-3); }
.c-toc__h b { color: var(--ink); font-weight: 600; }
.c-toc__r { display: grid; grid-template-columns: 28px minmax(0, 1fr) auto 76px; gap: var(--space-3); align-items: center; min-height: 40px; padding: var(--space-1) var(--space-3); border-radius: var(--radius-md); color: var(--ink); text-decoration: none; font-size: 14px; line-height: 20px; transition: background-color var(--dur-hover) var(--ease-out); }
.c-toc__r:hover { background: var(--state-hover); color: var(--ink); }
.c-toc__n, .c-toc__p { color: var(--ink-3); font-variant-numeric: tabular-nums; }
.c-toc__p { text-align: right; font-size: 13px; }
.c-toc__c { display: inline-flex; align-items: center; gap: 6px; font-weight: 600; font-variant-numeric: tabular-nums; color: var(--ink-3); }
.c-fold { margin: 0 0 var(--space-3) 48px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.c-fold > summary { list-style: none; display: flex; align-items: center; gap: var(--space-2); min-height: 44px; color: var(--ink-3); font-size: 14px; cursor: pointer; }
.c-fold > summary::-webkit-details-marker { display: none; }
.c-fold > summary .nl-chev { margin: 0; padding: 0; }
.c-fold > summary .c-note { margin-left: auto; }
.c-fold[open] > summary { color: var(--ink); }
.c-fold[open] > summary .nl-chev { transform: rotate(180deg); }
.c-fold[open] { margin-left: 0; padding-left: 48px; border: 0; }
.c-doc__miss { margin-left: 48px; }
.c-misslist { display: flex; flex-direction: column; margin: 0 calc(-1 * var(--space-2)); }
.c-miss { display: flex; align-items: flex-start; gap: var(--space-3); padding: var(--space-2); border: 0; border-radius: var(--radius-md); background: transparent; color: var(--ink); font: inherit; font-size: 14px; line-height: 20px; text-align: left; cursor: pointer; transition: background-color var(--dur-hover) var(--ease-out); }
.c-miss:hover { background: var(--state-hover); }
.c-miss.is-on { font-weight: 600; }
.c-miss .nl-docmark { flex-shrink: 0; }

/* ---- набор и сравнение: таблица «требование × документ» — значение и пометка в клетке, первый столбец закреплён */
.c-rep--one { grid-template-columns: minmax(0, 1fr); }
.c-legend { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-5); font-size: 13px; line-height: 18px; color: var(--ink-2); }
.c-legend > span { display: inline-flex; align-items: center; gap: 6px; }
.c-mx__bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-3) var(--space-5); }
.c-mx tr.is-dim .c-mx__c, .c-mx tr.is-dim .c-mx__h { color: inherit; }   /* «только с замечаниями»: is-dim системы красит строку, клетки берут цвет строки */
.c-mx thead th { text-align: left; white-space: normal; min-width: 160px; max-width: 240px; vertical-align: bottom; }
.c-mx thead th.nl-matrix__corner { min-width: 220px; }
.c-mx__h { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; color: var(--ink); font-size: 13px; line-height: 18px; font-weight: 600; }
.c-mx__n { display: block; margin-top: 2px; font-size: 12px; line-height: 16px; font-weight: 400; color: var(--ink-3); }
.c-mx td { text-align: left; vertical-align: top; padding: var(--space-1); min-width: 160px; max-width: 260px; }
.c-mx tbody th { vertical-align: top; }
.c-mx__c { display: flex; align-items: flex-start; gap: var(--space-2); width: 100%; padding: var(--space-2) 10px; border-radius: var(--radius-sm); text-align: left; font-size: 14px; line-height: 20px; color: var(--ink); }
.c-mx__c .nl-status { margin-top: 2px; }
.c-mx__c.is-none { color: var(--ink-3); }
.c-mx__c.is-on { background: var(--state-press); }
.c-mx__v { display: flex; flex-direction: column; min-width: 0; }
.c-mx__v > span { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; overflow-wrap: anywhere; }
.c-mx__v small { font-size: 12px; line-height: 16px; font-weight: 500; }
.c-mx__r { display: flex; align-items: flex-start; gap: var(--space-2); }
.c-mx__r .nl-status { margin-top: 2px; }
.c-mx__r b { font-weight: 600; }
.c-mx__r small { display: block; font-size: 12px; line-height: 16px; font-weight: 400; color: var(--ink-3); overflow-wrap: anywhere; }
.c-mx__val { display: flex; align-items: flex-start; gap: 10px; font-size: 16px; line-height: 24px; }
.c-mx__val .nl-status { margin-top: 2px; }
.c-objh { display: flex; align-items: flex-start; gap: var(--space-3); }
.c-objh .nl-status { margin-top: 3px; }
.c-objh > div { display: flex; flex-direction: column; min-width: 0; }
.c-num { color: var(--ink-3); font-variant-numeric: tabular-nums; }
.c-objlead { color: var(--ink-2); max-width: 760px; }
.c-cellq > summary { cursor: pointer; }
.c-cellq[open] { display: flex; flex-direction: column; gap: var(--space-2); }
/* план набора: требования строками, правка — по раскрытию */
.c-plan { margin-top: var(--space-4); padding-top: var(--space-8); border-top: 1px solid var(--line); }
/* правка плана прежней проверки: план — сразу под шапкой, без черты и второго заголовка */
.c-head + #planBox .c-plan { margin-top: 0; padding-top: 0; border-top: 0; }
.c-head + #planBox .c-plan > h2 { display: none; }
.c-row--nowrap { flex-wrap: nowrap; }
.c-row--nowrap > .nl-input { flex: 1 1 auto; }
.c-row--tight { gap: 6px; flex-wrap: nowrap; }
.c-reqn { flex: 0 0 20px; text-align: right; font-size: 13px; font-weight: 600; color: var(--ink-3); font-variant-numeric: tabular-nums; }
.c-reqb { padding-left: 52px; color: var(--ink); }
.c-reqb .c-row:not(.c-row--nowrap) > .nl-input { width: auto; flex: 0 1 auto; }
.nl-file .c-role .nl-select__list { min-width: 200px; }

/* окна: письмо шире; ссылка «Поделиться» — поле и кнопка в строку */
.c-scrim .nl-dialog.c-dialog--wide { width: min(720px, 100%); }
.c-sharerow { display: flex; align-items: flex-start; gap: var(--space-2); }
.c-sharerow .nl-field { flex: 1 1 auto; }
.c-sharerow > .nl-btn { margin-top: 24px; }

/* ---- узкая область содержимого (не окно: меню может быть развёрнуто или свёрнуто) */
@container nl-panel (max-width: 900px) {
  .c-cards--2 { grid-template-columns: minmax(0, 1fr); }
  .c-rep, .c-docv { grid-template-columns: minmax(0, 1fr); gap: var(--space-8); }
  /* документ: карточка пометки — прилипает к низу экрана, текст — во всю ширину */
  .c-docv__card { position: sticky; bottom: 0; top: auto; z-index: var(--z-sticky); max-height: 46vh; margin: 0 calc(-1 * var(--gutter)); padding: var(--space-3) var(--gutter) var(--space-4); background: var(--paper); border-top: 1px solid var(--line); box-shadow: var(--shadow-pop); }
  .c-docv__card .nl-finding { padding: 0; border: 0; box-shadow: none; }
}
@container nl-panel (max-width: 600px) {
  .c-page { padding: var(--space-5) var(--gutter-phone) var(--space-16); gap: var(--space-6); }
  .c-head h1 { font-size: 24px; line-height: 30px; }
  .c-grid2 { grid-template-columns: minmax(0, 1fr); }
  .c-sticky { margin: 0 calc(-1 * var(--gutter-phone)); padding: var(--space-3) var(--gutter-phone); }
  .c-docv__card { margin: 0 calc(-1 * var(--gutter-phone)); padding: var(--space-3) var(--gutter-phone) var(--space-4); }
  /* роль файла — второй строкой под названием */
  .nl-file:has(.c-role) { flex-wrap: wrap; row-gap: var(--space-2); padding-bottom: var(--space-3); }
  .nl-file .c-role { order: 5; margin-left: 32px; }
  .c-trow { flex-wrap: wrap; }
  .c-dp, .c-doc__name, .c-pg, .c-doc__note { padding-left: 36px; }
  .c-toc, .c-fold, .c-dgrid, .c-doc__miss { margin-left: 36px; }
  .c-fold[open] { margin-left: 0; padding-left: 36px; }
  .c-toc__r { grid-template-columns: 24px minmax(0, 1fr) auto; }
  .c-toc__p { display: none; }
  .c-sharerow { flex-direction: column; align-items: stretch; }
  .c-sharerow > .nl-btn { margin-top: 0; }
  /* фильтры ответа — в строку с прокруткой */
  .nl-verdict__filters { flex-wrap: nowrap; overflow-x: auto; margin: 0 calc(-1 * var(--gutter-phone)); padding: var(--space-1) var(--gutter-phone); scrollbar-width: none; }
  .nl-verdict__filters .nl-chip { flex-shrink: 0; }
  .nl-verdict--night .nl-verdict__filters { margin: 0 calc(-1 * var(--space-5)); padding: var(--space-1) var(--space-5); }
}
/* вход и страницы без меню — от ширины окна */
@media (max-width: 600px) {
  .c-solo__top { padding: var(--space-5) var(--gutter-phone); }
  .c-login { padding: var(--space-6); }
}

@media print {
  .nl-side, .nl-bar, .toasts, .c-rtabs, .c-rep__side, #p-doc, .nl-finding__foot .nl-btn, .nl-frow__body .nl-btn { display: none !important; }
  .c-rep { display: block; }
  .nl-finding, .nl-frow { break-inside: avoid; }
  html, body, .nl-shell { display: block; height: auto; background: var(--paper); }
  .nl-shell__panel { overflow: visible; border: 0; }
  .c-page { padding: 0; max-width: none; }
}