/* T-448 — тёмная тема дашборда: второй набор тех же токенов.
   Включает её атрибут data-theme="dark" на <html>; его ставит /static/theme.js до первой отрисовки по выбору
   человека (localStorage его браузера). Без атрибута правила ниже не срабатывают — светлая тема как была.
   Всё тёмное — внутри @media screen: печать и «Печать / PDF» всегда светлые.
   У страниц два семейства имён: «панели» (--panel/--ink — обзор, столы, заметки, цепочки) и «карточки»
   (--card/--text — Забота, Телефония, Развороты, Смена…); тёмные значения — сразу у обоих. --soft не трогаем:
   у «панелей» это вторичный текст (на тёмном читается и так), у «Шара» — фон (его тёмный — в самой странице).
   Контраст (WCAG) к --panel: --ink 14,0:1 · --muted 7,5:1 · --soft 5,7:1; к --bg: --ink 15,5:1, --muted 8,3:1. */
@media screen{
  :root[data-theme="dark"]{
    color-scheme:dark;
    --bg:#0f141c; --panel:#171e2a; --card:#171e2a; --panel2:#1d2534; --chip:#232c3c; --line:#2c3647;
    --ink:#e7ebf3; --text:#e7ebf3; --muted:#a3aec3;
    /* для прямых цветов без своего токена: в странице var(--kc-sub, светлый литерал) — светлая не меняется */
    --kc-sub:#1d2534; --kc-tint:rgba(59,108,246,.18);
    --shadow:0 1px 2px rgba(0,0,0,.35),0 6px 22px rgba(0,0,0,.25);
  }
  /* вставки «Клиент ждёт ответа» и «Отклонённые звонки» (свои страницы и разделы дашборда) держат токены под .mw/.rc */
  :root[data-theme="dark"] .mw{--mw-card:#171e2a;--mw-line:#2c3647;--mw-text:#e7ebf3;--mw-muted:#a3aec3;--mw-soft:#1d2534}
  :root[data-theme="dark"] .rc{--rc-card:#171e2a;--rc-line:#2c3647;--rc-text:#e7ebf3;--rc-muted:#a3aec3}
}
/* Переключатель в шапке: вид даёт класс соседних кнопок, здесь — только раскладка значка. */
.kc-theme{display:inline-flex;align-items:center;justify-content:center}
.kc-theme svg{display:block;flex:none}
.ub-btn.kc-theme{width:36px;height:36px;padding:0}
/* к правому краю строки; у «Витрины» строка и так прижата вправо (.bar.top) — там встаём просто следом */
.bar:not(.top)>.kc-theme,.mw-head>.kc-theme,.rc-head>.kc-theme,.as2-head>.kc-theme{margin-left:auto}
@media print{.kc-theme{display:none}}