/* ============================================================
   Стили, вынесенные из шаблонов главной, отчётов, рисков, комиссий
   и центра качества (аудит UI 25.09.2026, волна 1, К13).
   Раньше жили во встроенных <style> и style="…font-size…" — мимо шкалы
   и мимо сторожа. Кегли здесь — только токены var(--bdk-fs-*);
   сторож — apps/core/tests/test_ui_typography_guard.py.
   ============================================================ */

/* --- 1. Виджеты главной (core/templates/dashboard_widgets, _dashboard_*) --- */

/* Смайлик пустого виджета («задач нет», «обращений нет»). */
.bdk-widget-empty-icon { font-size: var(--bdk-fs-page); }

/* Название канала в KPI-ячейке «Публикации»: подпись, а не крупная цифра. */
.bdk-kpi-num.bdk-kpi-num--label { font-size: var(--bdk-fs); }

/* Замок в плашке «Управленческий обзор недоступен». */
.bdk-dash-note-icon { font-size: var(--bdk-fs-lg); }


/* --- 2. Экран руководителя (crm/reports/cockpit.html) --- */

.cockpit-card-head {
  display: flex; align-items: center; justify-content: space-between;
  gap: 8px; padding: 14px 20px;
  border-bottom: 1px solid var(--ios-separator, rgba(60,60,67,0.12));
}
/* Заголовок карточки — ступень заголовка панели (как .bdk-panel-title). */
.cockpit-card-title { font-size: var(--bdk-fs-lg); font-weight: 500; margin: 0; }
/* «Открыть отчёт →» — как действие панели .bdk-panel-action. */
.cockpit-card-link { font-size: var(--bdk-fs-sm); text-decoration: none; white-space: nowrap; color: var(--ios-accent, #007aff); }
.cockpit-card-link:hover { text-decoration: underline; }
.cockpit-kpis { display: flex; gap: 24px; flex-wrap: wrap; margin-bottom: 14px; }
.cockpit-kpi-num { font-size: var(--bdk-fs-display); font-weight: 500; color: var(--ios-text-primary, #1c1c1e); line-height: 1.1; }
/* «мало данных» на месте цифры конверсии. */
.cockpit-kpi-note { font-size: var(--bdk-fs); }
.cockpit-kpi-lbl { font-size: var(--bdk-fs-xs); color: #8a8a8e; margin-top: 2px; }
.cockpit-mini-list { list-style: none; margin: 0; padding: 0; font-size: var(--bdk-fs); }
.cockpit-mini-list li {
  display: flex; justify-content: space-between; gap: 8px;
  padding: 6px 0; border-bottom: 1px solid var(--ios-separator, rgba(60,60,67,0.12));
}
.cockpit-mini-list li:last-child { border-bottom: 0; }
.cockpit-empty { color: #8a8a8e; font-size: var(--bdk-fs); margin: 0; }


/* --- 3. Дашборд рисков (crm/risks.html) --- */

/* Название правила в плашке-счётчике над списком. */
.bdk-risk-label { font-size: var(--bdk-fs); color: var(--ios-text-primary, #1c1c1e); }
/* Строки правил, пояснения, ссылки на лид/сделку/контакт. */
.bdk-risk-text { font-size: var(--bdk-fs); }
/* Заголовок карточки правила — ступень заголовка панели. */
.bdk-risk-title { font-size: var(--bdk-fs-lg); }
/* Текст ошибки упавшей автоматизации. */
.bdk-risk-code { font-family: ui-monospace, SFMono-Regular, Menlo, monospace; word-break: break-word; }
/* Свёрнутый блок «правила, которые пока не считаются». */
.bdk-risk-summary { cursor: pointer; font-size: var(--bdk-fs); color: var(--ios-text-primary, #1c1c1e); }


/* --- 4. Комиссии и зарплата (crm/finance, crm/deals/_commission_split_preview) --- */

/* Сумма в плитке статуса над списком комиссий. */
.bdk-comm-status-sum { font-size: var(--bdk-fs-title); font-weight: 500; }
/* Итоги периода: начислено / выплачено / к выплате. */
.bdk-comm-total { font-size: var(--bdk-fs-title); font-weight: 500; }
.bdk-comm-total--paid { color: #34c759; }
.bdk-comm-total--due { color: var(--bdk-primary, #00599C); }
/* Кнопка перехода статуса комиссии (_action_btn.html). */
.bdk-fin-action-btn { min-height: 36px; border-radius: var(--bdk-radius, 12px); font-size: var(--bdk-fs); }


/* --- 5. Центр качества и доска исправлений (properties/quality, properties/remediation) --- */

/* Кнопка в шапке («Доска исправлений», «Центр качества»). */
.bdk-qd-action { border-radius: var(--bdk-radius, 12px); font-size: var(--bdk-fs); min-height: 36px; }
/* Заголовок панели списка — ступень заголовка панели. */
.bdk-qd-panel-title { font-size: var(--bdk-fs-lg); }
/* Пустое состояние: крупный значок и заголовок. */
.bdk-qd-empty-icon { font-size: var(--bdk-fs-display); color: var(--ios-accent); }
.bdk-qd-empty-icon--ok { color: #34c759; }
.bdk-qd-empty-title { font-size: var(--bdk-fs-lg); }

/* ── Добивка волны 1 по замеру «после» (26.09.2026) ─────────────────────── */
/* Центр качества: итоговые числа (было 28 px) и плитки портфеля (было 24 px). */
.quality-kpi-num { font-size: var(--bdk-fs-display); font-weight: 500; color: var(--ios-text-primary); }
.quality-kpi-num--ok { color: #34c759; }
.quality-kpi-num--warn { color: #9a5b00; }
.quality-kpi-num--bad { color: #ff3b30; }
.quality-tile-num { font-size: var(--bdk-fs-page); font-weight: 500; color: var(--ios-text-primary); }
/* Строка центра качества: число оценки в круге (было 13 px), название объекта (было 15 px). */
.quality-score-num { font-size: var(--bdk-fs-sm); }
.quality-row-title { font-size: var(--bdk-fs); }
/* Хаб отчётов: вопрос под названием карточки (было 13 px). */
.reports-catalog-question { font-size: var(--bdk-fs-sm); }

@media (max-width: 540px) {
  /* KPI кокпита и итоги центра качества на телефоне — как .bdk-metric-value. */
  .cockpit-kpi-num,
  .quality-kpi-num { font-size: var(--bdk-fs-title); }
}