/* CRM v3 — сгенерировано из design/system/tokens.json (pnpm gen-tokens). Не править руками. */
:root {
  --surface: #FFFFFF;
  --surface-sunken: #FAFAFB;
  --surface-raised: #FFFFFF;
  --surface-hover: #F3F4F6;
  --line: #E4E7EC;
  --line-strong: #8A939F;
  --ink: #1C1D1F;
  --ink-hover: #383E47;
  --on-ink: #FFFFFF;
  --ink-secondary: #505967;
  --ink-muted: #626B79;
  --accent: #266DF0;
  --accent-soft: #E8F0FF;
  --accent-ink: #245BC2;
  --neutral-solid: #B5BDC9;
  --neutral-soft: #F3F4F6;
  --neutral-ink: #383E47;
  --blue-solid: #266DF0;
  --yellow-solid: #F5B900;
  --yellow-soft: #FEF3D0;
  --yellow-ink: #8A5F00;
  --green-solid: #0FC27B;
  --green-soft: #E1F7EC;
  --green-ink: #0B7149;
  --red-solid: #D92D2F;
  --red-soft: #FFE9E8;
  --red-ink: #B42318;
  --on-danger: #FFFFFF;
  --danger-hover: #B42318;
  --overlay: rgba(16,24,40,0.40);
  --shadow-card: 0 0 0 1px rgba(28,40,64,.08), 0 1px 3px rgba(0,0,0,.04), 0 2px 4px -1px rgba(0,0,0,.02);
  --shadow-card-hover: 0 0 0 1px rgba(28,40,64,.18), 0 1px 3px rgba(0,0,0,.04), 0 2px 4px -1px rgba(0,0,0,.02);
  --shadow-raised: 0 0 0 1px rgba(28,40,64,.1), 0 4px 8px -2px rgba(0,0,0,.06), 0 8px 16px -4px rgba(0,0,0,.08);
  --shadow-pop: 0 0 0 1px rgba(28,40,64,.08), 0 16px 32px -8px rgba(0,0,0,.1), 0 32px 64px -16px rgba(0,0,0,.12);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --radius-sm: 5px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 14px;
  --radius-pill: 999px;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}
:root[data-theme="dark"] {
  --surface: #1C1D1F;
  --surface-sunken: #161718;
  --surface-raised: #202124;
  --surface-hover: #2E3238;
  --line: #2E3238;
  --line-strong: #6F7988;
  --ink: #F3F4F6;
  --ink-hover: #DEE2E7;
  --on-ink: #1C1D1F;
  --ink-secondary: #CAD0D9;
  --ink-muted: #A4ADBA;
  --accent: #709FF5;
  --accent-soft: #1A2233;
  --accent-ink: #94B9FF;
  --neutral-solid: #6F7988;
  --neutral-soft: #2E3238;
  --neutral-ink: #CAD0D9;
  --blue-solid: #709FF5;
  --yellow-solid: #F5B900;
  --yellow-soft: #2E2608;
  --yellow-ink: #F5CF5A;
  --green-solid: #0FC27B;
  --green-soft: #0E2A1F;
  --green-ink: #5FDCA6;
  --red-solid: #FF6B69;
  --red-soft: #3A1A1A;
  --red-ink: #FF9B99;
  --on-danger: #1C1D1F;
  --danger-hover: #FF9B99;
  --overlay: rgba(0,0,0,0.60);
  --shadow-card: 0 0 0 1px rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.4);
  --shadow-card-hover: 0 0 0 1px rgba(255,255,255,.2), 0 1px 3px rgba(0,0,0,.4);
  --shadow-raised: 0 0 0 1px rgba(255,255,255,.08), 0 8px 16px -4px rgba(0,0,0,.6);
  --shadow-pop: 0 0 0 1px rgba(255,255,255,.08), 0 24px 48px -12px rgba(0,0,0,.7);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #1C1D1F;
    --surface-sunken: #161718;
    --surface-raised: #202124;
    --surface-hover: #2E3238;
    --line: #2E3238;
    --line-strong: #6F7988;
    --ink: #F3F4F6;
    --ink-hover: #DEE2E7;
    --on-ink: #1C1D1F;
    --ink-secondary: #CAD0D9;
    --ink-muted: #A4ADBA;
    --accent: #709FF5;
    --accent-soft: #1A2233;
    --accent-ink: #94B9FF;
    --neutral-solid: #6F7988;
    --neutral-soft: #2E3238;
    --neutral-ink: #CAD0D9;
    --blue-solid: #709FF5;
    --yellow-solid: #F5B900;
    --yellow-soft: #2E2608;
    --yellow-ink: #F5CF5A;
    --green-solid: #0FC27B;
    --green-soft: #0E2A1F;
    --green-ink: #5FDCA6;
    --red-solid: #FF6B69;
    --red-soft: #3A1A1A;
    --red-ink: #FF9B99;
    --on-danger: #1C1D1F;
    --danger-hover: #FF9B99;
    --overlay: rgba(0,0,0,0.60);
    --shadow-card: 0 0 0 1px rgba(255,255,255,.1), 0 1px 3px rgba(0,0,0,.4);
    --shadow-card-hover: 0 0 0 1px rgba(255,255,255,.2), 0 1px 3px rgba(0,0,0,.4);
    --shadow-raised: 0 0 0 1px rgba(255,255,255,.08), 0 8px 16px -4px rgba(0,0,0,.6);
    --shadow-pop: 0 0 0 1px rgba(255,255,255,.08), 0 24px 48px -12px rgba(0,0,0,.7);
  }
}

/*
 * CareOps — слой токенов поверх tokens.css (тот генерируется из design/system и руками не правится).
 * Палитра, радиусы, тени, высоты контролов и ритм отступов. Правило ритма — web/DESIGN.md.
 * Компоненты берут значения только отсюда и из tokens.css: сырые px для отступов запрещены (проверяет styles.test.ts).
 */
:root {
  /* Палитра (светлая) */
  --surface: #FFFFFF;
  --surface-sunken: #F7F7F8;
  --surface-raised: #FFFFFF;
  --surface-hover: #F2F2F4;
  --surface-muted: #EFEFF2;
  --line: #E7E7EA;
  --line-strong: #8E8E99;
  --ink: #17171C;
  --ink-hover: #2E2E36;
  --on-ink: #FFFFFF;
  --ink-secondary: #4B4B55;
  --ink-muted: #6B6B76;
  /* Только для крупного текста (≥ 18px) и единиц при крупной цифре: контраст 3:1. */
  --ink-faint: #8E8E99;
  --accent: #6F4FDB;
  --accent-soft: #ECE8FC;
  --accent-hover: #F2EFFD;
  --accent-line: #B9ABEE;
  --accent-ink: #5235C2;
  --on-accent: #FFFFFF;
  --blue-solid: #3B6FE0;
  --green-solid: #2DB665;
  --green-soft: #E3F6EA;
  --green-ink: #157A3F;
  --orange-solid: #E28743;
  --red-solid: #D92D2F;
  --red-soft: #FFE9E8;
  --red-ink: #B42318;
  --neutral-solid: #B4B4BE;
  --neutral-soft: #F2F2F4;
  --neutral-ink: #4B4B55;
  --hatch-a: #D4D4DB;
  --hatch-b: #F0F0F3;
  --overlay: rgba(23, 23, 28, .36);

  /* Тени: глубина — кольцом 1px и мягкой тенью */
  --ring-line: 0 0 0 1px var(--line);
  --shadow-card: 0 0 0 1px var(--line);
  --shadow-card-hover: 0 0 0 1px var(--accent-line);
  --shadow-control: 0 0 0 1px var(--line), 0 1px 2px rgba(23, 23, 28, .04);
  --shadow-raised: 0 0 0 1px var(--line), 0 8px 16px -6px rgba(23, 23, 28, .12);
  --shadow-pop: 0 0 0 1px var(--line), 0 16px 32px -8px rgba(23, 23, 28, .14);
  --shadow-menu: 0 0 0 1px var(--line), 0 24px 48px -12px rgba(23, 23, 28, .22);
  --shadow-sheet: -1px 0 0 rgba(23, 23, 28, .06), -24px 0 64px -16px rgba(23, 23, 28, .35);

  /* Кольца фокуса и ошибки */
  --ring-focus: 0 0 0 2px var(--accent), 0 0 0 5px var(--accent-soft);
  --ring-error: 0 0 0 2px var(--red-solid), 0 0 0 5px var(--red-soft);

  /* Радиусы: 6 мелочь · 8 чип · 10 пункт/кнопка-иконка · 12 поле/кнопка/карточка · 16 панель · 0 шторка и модалка (плоские, решение владельца) */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-chip: 6px;
  --radius-option: 8px;
  --radius-control: 10px;
  --radius-card: 12px;
  --radius-column: 14px;
  --radius-panel: 16px;
  --radius-sheet: 0;

  /* Шкала отступов, шаг 4 (2 и 6/10 — только внутри компонентов) */
  --space-0-5: 2px;
  --space-1: 4px;
  --space-1-5: 6px;
  --space-2: 8px;
  --space-2-5: 10px;
  --space-3: 12px;
  --space-3-5: 14px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* Ритм: чем крупнее связь, тем больше зазор */
  --gap-inline: var(--space-2);      /* иконка ↔ текст, чипы в ряд */
  --gap-label: var(--space-2);       /* подпись → поле */
  --gap-field-x: var(--space-3);     /* поля в одной строке */
  --gap-field: var(--space-5);       /* строки полей одной группы */
  --gap-group: var(--space-6);       /* группы внутри секции */
  --gap-section: var(--space-8);     /* секции страницы */
  --gap-list: var(--space-1-5);      /* карточки в колонке, пункты меню */
  --pad-control-x: var(--space-3);   /* текст внутри поля */
  --pad-option: var(--space-2-5);    /* пункт списка */
  --pad-card: var(--space-3);        /* карточка в списке/колонке */
  --pad-section: var(--space-6);     /* секция-панель */
  --pad-sheet-x: var(--space-7);     /* шторка по горизонтали */
  --pad-sheet-y: var(--space-5);
  --pad-page-x: var(--space-6);      /* поля страницы на десктопе: шапка, верхний поиск, вкладки и доска — по одной левой линии */
  --pad-page-y: var(--space-5);

  /* Высоты контролов (FE-DS-COMPACT: компактный десктоп; на сенсорном экране поля и тулбар — 44, см. ниже) */
  --h-touch: 44px;         /* минимальная зона нажатия на сенсорном экране */
  --h-mini: 20px;          /* «×» в чипе, код-иконка в пункте */
  --h-chip: 28px;          /* чип-фильтр, чип условия, бейдж-плашка */
  --h-control-sm: 32px;    /* кнопка sm, кнопка-иконка в карточке */
  --h-option: 34px;        /* пункт списка, вкладка-сегмент */
  --h-control: 36px;       /* кнопка */
  --h-control-md: 40px;    /* кнопки шапки и тулбара, поиск */
  --h-control-lg: 40px;    /* поле, выпадающий список, большая кнопка */
  --h-tab: 40px;           /* вкладка-подчёркивание */
  --h-day: 40px;           /* день календаря */
  --h-switch: 16px;        /* переключатель (ширина — ×1.75) */
  --h-row: 48px;           /* строка с аватаром */
  --h-topbar: 56px;

  /* Движение: шторки — выезд справа (ease-out), уезд вправо (ease-in), фон — плавно */
  --motion-drawer: 240ms;
  --motion-view: 180ms;      /* смена вида (Доска ↔ Список), переезд подложки переключателя */
  --motion-drawer-exit: 180ms;
  --ease-enter: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-exit: cubic-bezier(0.7, 0, 0.84, 0);

  /* Типографика */
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --tracking: -0.01em;
  --text-xs: 500 12px/16px var(--font-sans);
  /* Сумма на карточке сделки: мельче вторичного текста, цифры плотнее */
  --text-amount: 400 12px/16px var(--font-sans);
  --tracking-num: -0.02em;
  --text-sm: 500 13px/18px var(--font-sans);
  --text-base: 500 14px/20px var(--font-sans);
  --text-control: 500 14px/20px var(--font-sans);
  --text-h3: 600 16px/22px var(--font-sans);
  --text-title: 600 22px/28px var(--font-sans);
  --text-sheet: 600 24px/30px var(--font-sans);
  --text-total: 600 26px/32px var(--font-sans);
}

/* Сенсорный экран: зона нажатия ≥ 44px — поля, кнопки тулбара и вкладки выше; остальное — расширенной зоной (care.css). */
@media (pointer: coarse) {
  :root {
    --h-control-md: 44px;
    --h-control-lg: 44px;
    --h-tab: 44px;
    --h-day: 44px;
  }
}

/* Телефон: поля страницы и шторки уже */
@media (max-width: 768px) {
  :root {
    --pad-page-x: var(--space-4);
    --pad-page-y: var(--space-4);
    --pad-sheet-x: var(--space-4);
    --pad-section: var(--space-4);
    --gap-section: var(--space-6);
  }
}

/* Тёмная тема: та же иерархия поверхностей, акцент светлее для контраста */
:root[data-theme="dark"] {
  --surface: #18181D;
  --surface-sunken: #121216;
  --surface-raised: #1F1F25;
  --surface-hover: #2A2A31;
  --surface-muted: #26262D;
  --line: #2E2E36;
  --line-strong: #6B6B76;
  --ink: #F4F4F6;
  --ink-hover: #DCDCE2;
  --on-ink: #17171C;
  --ink-secondary: #C4C4CC;
  --ink-muted: #9C9CA8;
  --ink-faint: #7A7A85;
  --accent: #9B82F0;
  --accent-soft: #2A2342;
  --accent-hover: #221D33;
  --accent-line: #5A4A9E;
  --accent-ink: #C3B3FF;
  --on-accent: #17171C;
  --blue-solid: #709FF5;
  --green-solid: #2DB665;
  --green-soft: #0E2A1F;
  --green-ink: #5FDCA6;
  --orange-solid: #F0A06A;
  --red-solid: #FF6B69;
  --red-soft: #3A1A1A;
  --red-ink: #FF9B99;
  --neutral-solid: #6B6B76;
  --neutral-soft: #2A2A31;
  --neutral-ink: #C4C4CC;
  --hatch-a: #3A3A43;
  --hatch-b: #222228;
  --overlay: rgba(0, 0, 0, .6);
  --shadow-control: 0 0 0 1px var(--line);
  --shadow-raised: 0 0 0 1px var(--line), 0 8px 16px -4px rgba(0, 0, 0, .6);
  --shadow-pop: 0 0 0 1px var(--line), 0 24px 48px -12px rgba(0, 0, 0, .7);
  --shadow-menu: 0 0 0 1px var(--line), 0 24px 48px -12px rgba(0, 0, 0, .7);
  --shadow-sheet: -1px 0 0 rgba(255, 255, 255, .06), -24px 0 64px -16px rgba(0, 0, 0, .7);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface: #18181D;
    --surface-sunken: #121216;
    --surface-raised: #1F1F25;
    --surface-hover: #2A2A31;
    --surface-muted: #26262D;
    --line: #2E2E36;
    --line-strong: #6B6B76;
    --ink: #F4F4F6;
    --ink-hover: #DCDCE2;
    --on-ink: #17171C;
    --ink-secondary: #C4C4CC;
    --ink-muted: #9C9CA8;
    --ink-faint: #7A7A85;
    --accent: #9B82F0;
    --accent-soft: #2A2342;
    --accent-hover: #221D33;
    --accent-line: #5A4A9E;
    --accent-ink: #C3B3FF;
    --on-accent: #17171C;
    --blue-solid: #709FF5;
    --green-solid: #2DB665;
    --green-soft: #0E2A1F;
    --green-ink: #5FDCA6;
    --orange-solid: #F0A06A;
    --red-solid: #FF6B69;
    --red-soft: #3A1A1A;
    --red-ink: #FF9B99;
    --neutral-solid: #6B6B76;
    --neutral-soft: #2A2A31;
    --neutral-ink: #C4C4CC;
    --hatch-a: #3A3A43;
    --hatch-b: #222228;
    --overlay: rgba(0, 0, 0, .6);
    --shadow-control: 0 0 0 1px var(--line);
    --shadow-raised: 0 0 0 1px var(--line), 0 8px 16px -4px rgba(0, 0, 0, .6);
    --shadow-pop: 0 0 0 1px var(--line), 0 24px 48px -12px rgba(0, 0, 0, .7);
    --shadow-menu: 0 0 0 1px var(--line), 0 24px 48px -12px rgba(0, 0, 0, .7);
    --shadow-sheet: -1px 0 0 rgba(255, 255, 255, .06), -24px 0 64px -16px rgba(0, 0, 0, .7);
  }
}

/* docs.type.md — поверх токенов ДС (tokens.css, care.tokens.css — копии из web, `pnpm sync`). Светлая и тёмная тема —
   по prefers-color-scheme (токены переопределяются там же). Без скриптов: меню телефона — <details>. */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--h-topbar) + var(--space-4)); }
body { margin: 0; font: var(--text-base); letter-spacing: var(--tracking); color: var(--ink); background: var(--surface); }
a { color: var(--accent-ink); text-underline-offset: 2px; }
a:hover { color: var(--accent); }
a:focus-visible, summary:focus-visible { outline: none; box-shadow: var(--ring-focus); border-radius: var(--radius-xs); }
code { font-family: var(--font-mono); font-size: .9em; }

.docs-skip { position: absolute; left: var(--space-2); top: calc(-1 * var(--space-12)); padding: var(--space-2) var(--space-3); background: var(--ink); color: var(--on-ink); border-radius: var(--radius-sm); z-index: 10; }
.docs-skip:focus { top: var(--space-2); }
.docs-visually-hidden { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Шапка */
.docs-top { position: sticky; top: 0; z-index: 5; display: flex; align-items: center; justify-content: space-between; gap: var(--space-4); height: var(--h-topbar); padding: 0 var(--pad-page-x); background: var(--surface-sunken); border-bottom: 1px solid var(--line); }
.docs-brand { display: inline-flex; align-items: center; gap: var(--space-2); font: var(--text-h3); color: var(--ink); text-decoration: none; margin: 0; }
.docs-brand:hover { color: var(--ink); }
.docs-brand__mark { display: inline-grid; place-items: center; width: var(--space-6); height: var(--space-6); border-radius: var(--radius-sm); background: var(--ink); color: var(--on-ink); font: var(--text-sm); font-weight: 700; }
.docs-lang { display: inline-flex; gap: var(--space-0-5); padding: var(--space-0-5); border-radius: var(--radius-pill); background: var(--surface-muted); font: var(--text-xs); }
.docs-lang a, .docs-lang span { display: inline-grid; place-items: center; min-width: var(--space-8); height: var(--space-6); padding: 0 var(--space-2); border-radius: var(--radius-pill); color: var(--ink-secondary); text-decoration: none; }
.docs-lang a:hover { color: var(--ink); background: var(--surface-hover); }
.docs-lang [aria-current] { background: var(--surface-raised); color: var(--ink); box-shadow: var(--shadow-control); }

/* Каркас: разделы слева, текст справа */
.docs-frame { display: grid; grid-template-columns: 260px minmax(0, 1fr); max-width: 1200px; margin: 0 auto; }
.docs-side { position: sticky; top: var(--h-topbar); align-self: start; max-height: calc(100vh - var(--h-topbar)); overflow: auto; padding: var(--space-6) var(--space-4); }
.docs-nav ul, .docs-menu ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-0-5); }
.docs-nav a, .docs-menu a { display: block; padding: var(--space-1-5) var(--space-3); border-radius: var(--radius-sm); color: var(--ink-secondary); text-decoration: none; }
.docs-nav a:hover, .docs-menu a:hover { background: var(--surface-hover); color: var(--ink); }
.docs-nav a[aria-current], .docs-menu a[aria-current] { background: var(--accent-soft); color: var(--accent-ink); }
.docs-nav__sub { margin-top: var(--space-2) !important; padding-left: var(--space-3) !important; border-left: 1px solid var(--line); }
.docs-nav__sub a { padding: var(--space-1) var(--space-2); font: var(--text-xs); overflow-wrap: anywhere; }
.docs-menu { display: none; }

.docs-main { min-width: 0; padding: var(--space-8) var(--pad-page-x) var(--space-12); border-left: 1px solid var(--line); }

/* Текст */
.docs-prose { max-width: 760px; line-height: 22px; }
.docs-prose h1 { margin: 0 0 var(--space-6); font: var(--text-sheet); }
.docs-prose h2 { margin: var(--space-10) 0 var(--space-3); font: var(--text-title); font-size: 20px; line-height: 26px; }
.docs-prose h3 { margin: var(--space-8) 0 var(--space-2); font: var(--text-h3); }
.docs-prose h4 { margin: var(--space-5) 0 var(--space-2); font: var(--text-sm); font-weight: 600; color: var(--ink-secondary); text-transform: uppercase; letter-spacing: .04em; }
.docs-prose p, .docs-prose ul, .docs-prose ol { margin: 0 0 var(--space-3); }
.docs-prose ul, .docs-prose ol { padding-left: var(--space-5); }
.docs-prose li + li { margin-top: var(--space-1); }
.docs-prose :not(pre) > code { padding: 1px var(--space-1); border-radius: var(--radius-xs); background: var(--surface-muted); overflow-wrap: anywhere; }
.docs-prose blockquote { margin: 0 0 var(--space-4); padding: var(--space-3) var(--space-4); border-radius: var(--radius-md); background: var(--yellow-soft); color: var(--ink); }
.docs-prose blockquote p:last-child { margin-bottom: 0; }
.docs-anchor { color: inherit; text-decoration: none; }
.docs-anchor:hover { color: inherit; text-decoration: underline; text-decoration-color: var(--line-strong); }

.docs-code { margin: 0 0 var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); background: var(--surface-sunken); }
.docs-code pre { margin: 0; padding: var(--space-3) var(--space-4); overflow-x: auto; font: 400 13px/20px var(--font-mono); }
.docs-code__lang { display: block; padding: var(--space-1) var(--space-3) 0; text-align: right; font: var(--text-xs); color: var(--ink-muted); }
.docs-code__lang + pre { padding-top: 0; }

/* Таблицы (и в тексте, и в справочнике) */
.ref-table { margin: 0 0 var(--space-4); overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius-md); }
.ref-table table { width: 100%; border-collapse: collapse; font: var(--text-sm); }
.ref-table th, .ref-table td { padding: var(--space-2) var(--space-3); text-align: left; vertical-align: top; border-bottom: 1px solid var(--line); }
.ref-table tr:last-child td { border-bottom: 0; }
.ref-table th { background: var(--surface-sunken); color: var(--ink-secondary); font-weight: 600; white-space: nowrap; }
.ref-table td:first-child { white-space: nowrap; }

/* Справочник */
.ref-meta { color: var(--ink-muted); }
.ref-index { columns: 2; column-gap: var(--space-6); list-style: none; padding: 0 !important; }
.ref-index li { break-inside: avoid; }
.ref-op { margin-top: var(--space-8); padding-top: var(--space-6); border-top: 1px solid var(--line); }
.ref-op h3 { display: flex; align-items: center; gap: var(--space-2); margin-top: 0; overflow-wrap: anywhere; }
.ref-path { margin-top: calc(-1 * var(--space-1)); color: var(--ink-muted); font: var(--text-xs); overflow-wrap: anywhere; }
.ref-path code { background: none !important; padding: 0 !important; }
.ref-auth { color: var(--ink-secondary); }
.ref-method { display: inline-grid; place-items: center; min-width: 48px; height: var(--h-chip); padding: 0 var(--space-2); border-radius: var(--radius-chip); font: var(--text-xs); font-weight: 700; }
.ref-method--get { background: var(--green-soft); color: var(--green-ink); }
.ref-method--post { background: var(--accent-soft); color: var(--accent-ink); }
.ref-fmt { color: var(--ink-muted); }
.ref-schema h3 { margin-top: var(--space-6); }

/* Назад / дальше */
.docs-pager { display: flex; justify-content: space-between; gap: var(--space-4); max-width: 760px; margin-top: var(--space-10); }
.docs-pager a { display: flex; flex-direction: column; gap: var(--space-0-5); min-width: 0; padding: var(--space-3) var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-md); color: var(--ink); text-decoration: none; }
.docs-pager a:hover { border-color: var(--line-strong); color: var(--ink); }
.docs-pager span { font: var(--text-xs); color: var(--ink-muted); }
.docs-pager__next { margin-left: auto; text-align: right; }
.docs-foot { max-width: 760px; margin-top: var(--space-8); padding-top: var(--space-4); border-top: 1px solid var(--line); color: var(--ink-muted); font: var(--text-xs); }

/* Корень: выбор языка */
.docs-root { display: grid; place-items: center; min-height: 100vh; background: var(--surface-sunken); }
.docs-choose { width: min(440px, calc(100% - var(--space-8))); display: flex; flex-direction: column; gap: var(--space-5); }
.docs-choose ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: var(--space-2); }
.docs-choose a { display: flex; flex-direction: column; gap: var(--space-0-5); padding: var(--space-4); border: 1px solid var(--line); border-radius: var(--radius-card); background: var(--surface-raised); color: var(--ink); text-decoration: none; box-shadow: var(--shadow-card); }
.docs-choose a:hover { box-shadow: var(--shadow-card-hover); color: var(--ink); }
.docs-choose span { color: var(--ink-muted); font: var(--text-sm); }

/* Телефон: разделы — раскрывающимся меню под шапкой */
@media (max-width: 860px) {
  .docs-frame { display: block; }
  .docs-side { display: none; }
  .docs-main { border-left: 0; padding: var(--space-5) var(--space-4) var(--space-10); }
  .docs-top { padding: 0 var(--space-4); }
  .docs-menu { display: block; position: sticky; top: var(--h-topbar); z-index: 4; background: var(--surface); border-bottom: 1px solid var(--line); }
  .docs-menu summary { padding: var(--space-3) var(--space-4); font: var(--text-sm); font-weight: 600; cursor: pointer; }
  html { scroll-padding-top: calc(var(--h-topbar) + var(--space-12)); }
  .docs-menu nav { padding: 0 var(--space-2) var(--space-3); max-height: 70vh; overflow: auto; }
  .docs-prose h1 { font: var(--text-title); }
  .ref-index { columns: 1; }
  .docs-pager { flex-direction: column; }
  .docs-pager__next { margin-left: 0; }
}