/* ============================================================
   ТЕМА «МЕЛ НА БУМАГЕ» (chalk) — ЕДИНСТВЕННОЕ оформление дашборда.
   Выбрана владельцем 31.07.2026: направление «меловая доска», степень
   доводки A, но в СВЕТЛОМ исполнении (решение владельца).

   Концепция: не грифель, а светлая доска кофейни — тёплая бумажная
   поверхность с едва заметной неровностью тона, надписи угольно-графитовые,
   разделители — штрих мела, а не типографская линейка. Цвет тратится скупо:
   ОХРА — единственная сигнатура (кольцо плана, линия факта, активные
   элементы); зелёный и терракотовый — только статусы.

   Переключателей тем в интерфейсе нет: тема одна. Флаг data-design="chalk"
   и data-theme="light" зафиксированы в index.html.
   ОТКАТ к «Ганаш & золото»: снять флаг data-design (вернётся glass).
   ============================================================ */

[data-design="chalk"] {
  /* поверхность: тёплая бумага, НЕ белая */
  --bg:#F2EDE4;
  --paper:#FFFCF6;           /* планка/панель — светлее фона */
  --glass:#FFFCF6; --glass-strong:#FFFFFF; --glass-edge:rgba(42,39,36,.14);
  /* уголь */
  --ink:#2A2724;             /* графит — основной текст */
  --muted:#6E655C;
  --hint:#6A6158;            /* подписи, AA на бумаге */
  --line:rgba(42,39,36,.16);
  /* Сигнатура — охра. Замер на живой странице: #9A6B18 как ЦВЕТ ТЕКСТА давал
     3,98:1 (активный пункт меню, «Развернуть», активный таб) при норме 4,5 —
     мелкие подписи не читались. Затемнено до 5,1:1; как заливка и линия
     графика остаётся тёплой охрой, белый на ней проходит с запасом. */
  --accent:#855C10;
  --accent-soft:rgba(133,92,16,.13);
  --glow-accent:0 0 0 1px rgba(133,92,16,.26), 0 4px 14px -6px rgba(133,92,16,.22);
  --gold:#7A6636; --gold-soft:rgba(122,102,54,.14);
  /* Серия «год назад» в парных графиках. Раньше её рисовало золото, почти
     совпадающее с охрой акцента: факт и прошлый год сливались в один цвет.
     Здесь это «стёртый мел» — прошлое читается как выцветшая запись. */
  --series-prev:#C9B48D;
  /* статусные мелки */
  --good:#4C7439; --good-soft:rgba(76,116,57,.12);
  --warn:#8A5416; --warn-soft:rgba(138,84,22,.12);
  --bad:#A33A3A;  --bad-soft:rgba(163,58,58,.10);
  --info:#6E655C; --info-soft:rgba(110,101,92,.12);
  --glow-card:0 1px 2px rgba(42,39,36,.05), 0 6px 18px -12px rgba(42,39,36,.35);
  /* тинт плиток «дни недели» (RGB без alpha — прозрачность задаёт JS по выручке) */
  --dow-tint:133, 92, 16;
}

/* Поверхность доски: неровность тона + следы стёртого мела.
   fixed — чтобы фактура не ехала вместе со скроллом длинных таблиц. */
[data-design="chalk"] body {
  background-color:var(--bg);
  background-image:
    radial-gradient(120% 70% at 16% 4%, rgba(255,255,255,.7), transparent 62%),
    radial-gradient(90% 55% at 88% 96%, rgba(255,255,255,.5), transparent 58%),
    repeating-linear-gradient(102deg, rgba(42,39,36,.012) 0 2px, transparent 2px 7px);
  background-attachment:fixed;
  color:var(--ink);
}

/* Белый текст — ТОЛЬКО на сплошной охряной заливке. Активный пункт меню и
   активный таб залиты accent-soft (светлым) и красят текст самим акцентом —
   белый там делал их нечитаемыми. */
[data-design="chalk"] .btn-primary,
[data-design="chalk"] .mkt-export,
[data-design="chalk"] .aud-btn {
  color:#FFFCF6;
  font-weight:600;
}

/* ── Цвета мимо палитры ─────────────────────────────────────────────────────
   Аудит контраста на живой странице (замер по всем текстовым узлам) вскрыл
   наследие прежней вёрстки: захардкоженные «тейлвиндовские» зелёный/красный/
   голубой мимо токенов. На бумаге они давали 2,1–3,9:1 при норме 4,5 (самый
   тяжёлый — голубой «Розница», 18 элементов) и выпадали из брендовой палитры.
   Переводим на токены темы: они уже затемнены под AA. */
[data-design="chalk"] .sm-value.sm-good,
[data-design="chalk"] [data-theme=light] .sm-value.sm-good,
[data-design="chalk"] .trend-cell.good,
[data-design="chalk"] .mk-hero-good .mk-hero-value,
[data-design="chalk"] .mk-rfm-col-title.good,
[data-design="chalk"] .kpi-delta-up,
[data-design="chalk"] .mkt-yoy-up { color:var(--good) !important; }

[data-design="chalk"] .sm-value.sm-bad,
[data-design="chalk"] .trend-cell.bad,
[data-design="chalk"] .hero-store-bad b,
[data-design="chalk"] .kpi-delta-down,
[data-design="chalk"] .mkt-yoy-down { color:var(--bad) !important; }

/* Подложки бейджей — тёплые тинты вместо холодных */
[data-design="chalk"] .kpi-delta-up,
[data-design="chalk"] .mkt-yoy-up,
[data-design="chalk"] .mt-rising,
[data-design="chalk"] .mk-badge-good { background:var(--good-soft) !important; }
[data-design="chalk"] .kpi-delta-down,
[data-design="chalk"] .mkt-yoy-down { background:var(--bad-soft) !important; }
[data-design="chalk"] .trend-cell.good { background:var(--good-soft) !important; }
[data-design="chalk"] .trend-cell.bad  { background:var(--bad-soft) !important; }

/* Плашка настроения в герое — те же захардкоженные красный/зелёный (3,2:1) */
[data-design="chalk"] .hero-bad .hero-mood   { background:var(--bad-soft) !important;  color:var(--bad) !important; }
[data-design="chalk"] .hero-great .hero-mood { background:var(--good-soft) !important; color:var(--good) !important; }

/* Метки каналов продаж: голубой «Розница» (#38bdf8, 2,09:1) — единственный
   холодный цвет во всём интерфейсе. Переводим на тёплую нейтраль. */
[data-design="chalk"] .store-source-retail { color:var(--muted) !important; }
[data-design="chalk"] .store-source { color:var(--muted); }

/* Обводки лучшего/худшего дня недели — в цветах темы */
[data-design="chalk"] .weekday-cell.is-best  { box-shadow:0 0 0 2px rgba(76,116,57,.45); }
[data-design="chalk"] .weekday-cell.is-worst { box-shadow:0 0 0 2px rgba(163,58,58,.35); }

/* Столбики графиков: на доске мел кладётся плоско. Глянцевый блик поверх
   баров (наследие «стеклянной» темы) читался как пластик — гасим. */
[data-design="chalk"] rect[fill="url(#chSheen)"] { display:none; }

/* Разделители — штрих мела, а не типографская линейка */
[data-design="chalk"] table tbody tr { border-bottom:1px dashed rgba(42,39,36,.14); }
[data-design="chalk"] table thead tr { border-bottom:1px solid rgba(42,39,36,.3); }

/* Панели и KPI: бумажная планка на доске, без стеклянных бликов.
   .section НЕ красим: это контейнер-отступ вокруг панелей, от заливки
   появлялась вторая подложка «блок в блоке». */
[data-design="chalk"] .panel,
[data-design="chalk"] .kpi,
[data-design="chalk"] .kpi-card,
[data-design="chalk"] .mkt-kpi {
  background:var(--paper);
  border:1px solid rgba(42,39,36,.11);
  box-shadow:var(--glow-card);
}
[data-design="chalk"] .kpi.good { background:var(--paper); border-color:rgba(76,116,57,.34); }
[data-design="chalk"] .kpi.warn { background:var(--paper); border-color:rgba(156,95,30,.34); }
[data-design="chalk"] .kpi.bad  { background:var(--paper); border-color:rgba(163,58,58,.32); }

/* Герой: кольцо плана — охра, отделено штрихом */
[data-design="chalk"] .summary-hero .hero-card {
  background:linear-gradient(180deg, #FFFDF9, #FBF6EC);
  border:1px solid rgba(42,39,36,.12);
}
[data-design="chalk"] .summary-hero .hero-ring { border-left:1px dashed rgba(42,39,36,.22); }
[data-design="chalk"] .summary-hero .hero-headline { color:var(--ink); }

/* Табличные цифры включены глобально в styles.css (столбцы стоят ровно) —
   но в крупных KPI они шире пропорциональных, и «26.1 М ₽» обрезалось
   многоточием в шести-колоночном ряду: сжимаем трекинг и кегль. */
[data-design="chalk"] .kpi-value {
  font-size:clamp(18px, 1.85vw, 26px);
  letter-spacing:-.035em;
  white-space:nowrap;
}

/* Сайдбар — та же бумага, отделён штрихом */
[data-design="chalk"] .sidebar,
[data-design="chalk"] aside {
  background:rgba(255,255,255,.5);
  border-right:1px dashed rgba(42,39,36,.18);
}

/* Полноэкранный зум графика — на той же бумаге */
[data-design="chalk"] .chart-zoom-box { background:var(--bg); }
[data-design="chalk"] .chart-zoom-ov { background:rgba(42,39,36,.55); }

/* Поля ввода и PIN */
[data-design="chalk"] input,
[data-design="chalk"] select,
[data-design="chalk"] textarea {
  background:#FFFDF9;
  color:var(--ink);
  border:1px solid rgba(42,39,36,.2);
}
[data-design="chalk"] ::placeholder { color:var(--hint); }