/* ATC Group v3 • облик «как в ролике», акцент синий — Daryn 20.10 (#998, макет PR #997).
   Нейтральный светлый холст, белые карточки без рамок, капсулы и тёмная «таблетка» активного пункта.
   Scoped tokens: no changes outside .atc-v2. Движение (--v2-fast …) — отдельный слой. */
.atc-v2 {
  --v2-canvas: #f1f2f5;
  --v2-surface: #ffffff;
  --v2-raised: #f5f6f8;
  --v2-line: #e6e8ee;
  --v2-panel-line: rgb(18 21 26 / .05);   /* почти невидимый край карточки */
  --v2-control-line: #868c98;             /* край поля 3:1 */
  --v2-ink: #12151a;
  --v2-muted: #343943;
  --v2-secondary: #474d59;
  --v2-disabled: #9a9fa9;
  --v2-accent: #1b5cb8;
  --v2-accent-deep: #164c9b;
  --v2-accent-soft: #e8f0fb;
  --v2-money: #086b46;
  --v2-money-soft: #e8f4ee;
  --v2-warn: #7d5000;
  --v2-warn-soft: #fbf3e2;
  --v2-risk: #ad2020;
  --v2-risk-soft: #fbecec;
  /* Активный пункт навигации и главная кнопка — тёмная «таблетка» */
  --v2-nav-active-bg: var(--v2-ink);
  --v2-nav-active-fg: #ffffff;
  --v2-primary-bg: var(--v2-ink);
  --v2-primary-fg: #ffffff;
  --v2-primary-hover: #2a2f38;
  /* Плитка-акцент: одна на экран, главное число; белый текст ≥ 4,5:1 по всей заливке */
  --v2-hero-bg: radial-gradient(120% 110% at 100% 0%, rgb(120 170 255 / .45) 0%, rgb(120 170 255 / 0) 55%),
                linear-gradient(150deg, #2a6ad0 0%, #1d5abd 55%, #16479b 100%);
  --v2-hero-fg: #ffffff;
  --v2-hero-fg-soft: rgb(255 255 255 / .9);
  --v2-hero-chip: rgb(255 255 255 / .18);
  --v2-hero-shadow: 0 1px 2px rgb(16 50 110 / .2), 0 18px 34px -18px rgb(27 92 184 / .6);
  /* Графики: ряд A — синий, ряд B — тёмный, неполный период — штриховка ряда */
  --v2-chart-a: var(--v2-accent);
  --v2-chart-b: var(--v2-ink);
  --v2-chart-grid: #e3e6ec;
  /* Задача 952: бирюзовый «Почти готов» — между зелёным «Готов» и синим «Подана», заметно голубее зелёного;
     текст 5,3:1 к белому, 4,7:1 к своей подложке. */
  --v2-teal: #00768c;
  --v2-teal-soft: #e3f5f8;
  --v2-brand-teal: #15b5c4;
  --v2-brand-coral: #ff6a4d;
  --v2-chart-muted: #868c98;
  /* Inter — решение Daryn 20.10 (#998): кириллица, табличные цифры; заменил IBM Plex Sans (29.08). */
  --v2-font: 'Inter', system-ui, 'Segoe UI', sans-serif;
  --v2-fs-min: var(--fs-min, 12px);
  --v2-fs-caption: var(--fs-caption, 12px);
  --v2-fs-meta: var(--fs-meta, 13px);
  --v2-fs-body: var(--fs-body, 14px);
  --v2-fs-title: var(--fs-title, 15px);
  --v2-text-caption: var(--v2-fs-caption);
  --v2-text-meta: var(--v2-fs-meta);
  --v2-text-body: var(--v2-fs-body);
  --v2-text-title: var(--v2-fs-title);
  --v2-icon-ui: 20px;
  --v2-icon-header: 20px;
  --v2-icon-mobile: 22px;
  --v2-icon-menu: 20px;
  --v2-icon-heading: 20px;
  --v2-icon-inline: 1em;
  --v2-select-arrow-size: 16px;
  --v2-select-arrow: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%2372929b' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m4 6 4 4 4-4'/%3E%3C/svg%3E");
  --v2-link-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 4 4 4-4 4'/%3E%3C/svg%3E");
  --v2-control-h: 36px;
  --v2-control-header: 36px;
  --v2-control-mobile: 44px;
  --v2-text-section: 17px;
  --v2-text-sheet-title: var(--v2-text-section); /* Daryn: set to 30px to restore the previous panel heading. */
  --v2-text-heading: 28px;
  --v2-weight-heading: 600;
  --v2-tracking-heading: -.022em;
  --v2-text-page: var(--v2-text-heading);
  --v2-text-metric: 30px;
  --v2-space-1: 4px;
  --v2-space-2: 8px;
  --v2-space-3: 12px;
  --v2-space-4: 16px;
  --v2-space-5: 20px;
  --v2-space-6: 24px;
  --v2-space-8: 32px;
  --v2-space-10: 40px;
  --v2-radius-chip: 999px;                /* метки — «таблетки» */
  --v2-radius-control: 12px;
  --v2-radius-popover: 16px;
  --v2-radius-panel: 20px;
  --v2-radius-tile: 14px;                 /* серая плитка внутри карточки */
  --v2-radius-pill: 999px;                /* капсулы, вкладки-сегменты, поиск */
  --v2-shadow-panel: 0 1px 2px rgb(18 21 26 / .035), 0 10px 30px -18px rgb(18 21 26 / .16);
  --v2-shadow-popover: 0 6px 16px rgb(18 21 26 / .06), 0 24px 48px -20px rgb(18 21 26 / .28);
  --v2-shadow-capsule: 0 1px 2px rgb(18 21 26 / .05), 0 4px 14px -8px rgb(18 21 26 / .14);
  /* Длительности и кривые (--v2-fast, --v2-normal, --v2-reveal, --v2-update, --v2-ease) — в слое движения
     v2-motion.css (#993), один источник вместе с --v2-dur-* и --v2-ease-*. */
  --v2-page-max: 1440px;
  --v2-gutter: 24px;
  --v2-rail-w: 64px;                      /* левая колонка иконок */
  --v2-panel-x: 20px; /* внутренний край панели: шапка, тело, строки, нижняя полоса */
}
@media (min-width: 1600px) { .atc-v2 { --v2-gutter: 40px; } }
@media (max-width: 767px) { .atc-v2 { --v2-gutter: 16px; --v2-text-heading: 24px; --v2-panel-x: 20px; } }

/* Тёмная тема: почти чёрный холст с синевой, тот же синий светлее; активный пункт и главная кнопка — светлые. */
.dark .atc-v2 {
  --v2-canvas: #0c0e12;
  --v2-surface: #15181e;
  --v2-raised: #1c2028;
  --v2-line: #282d36;
  --v2-panel-line: rgb(255 255 255 / .06);
  --v2-control-line: #6e7684;
  --v2-ink: #f2f4f7;
  --v2-muted: #c8cdd5;
  --v2-secondary: #adb3be;
  --v2-disabled: #5c636f;
  --v2-accent: #6aa8ff;
  --v2-accent-deep: #93c0ff;
  --v2-accent-soft: #142339;
  --v2-money: #3ccf91;
  --v2-money-soft: #0f2a20;
  --v2-warn: #f2b84b;
  --v2-warn-soft: #2e2410;
  --v2-risk: #ff6b5e;
  --v2-risk-soft: #3a1714;
  --v2-teal: #4cc3cf;
  --v2-teal-soft: #102b2f;
  --v2-nav-active-bg: #f2f4f7;
  --v2-nav-active-fg: #12151a;
  --v2-primary-bg: #f2f4f7;
  --v2-primary-fg: #12151a;
  --v2-primary-hover: #ffffff;
  --v2-hero-shadow: 0 1px 2px rgb(0 0 0 / .4), 0 18px 34px -18px rgb(60 130 255 / .35);
  --v2-chart-b: #f2f4f7;
  --v2-chart-grid: #282d36;
  --v2-chart-muted: #6e7684;
  --v2-shadow-panel: 0 1px 2px rgb(0 0 0 / .4), 0 12px 28px -16px rgb(0 0 0 / .7);
  --v2-shadow-popover: 0 6px 16px rgb(0 0 0 / .45), 0 24px 48px -20px rgb(0 0 0 / .75);
  --v2-shadow-capsule: 0 1px 2px rgb(0 0 0 / .4);
}

@media (pointer: coarse), (max-width: 767px) { .atc-v2 { --v2-control-h: 44px; --v2-control-header: 44px; } }