/* УЧЁТ: ШАПКА СЖАТА, КОЛОНКИ АКЦЕНТНЕЕ.
 *
 * Замер до правки (счёт блоков разметки до первой <table>, 15.09.2026):
 *   #/accounting?tab=sales    8 — card-hd · <details> «Источник, охват и
 *                                 расчёт выручки» (2 абзаца) · 7 чипов
 *                                 вкладок · card-hd карточки · 4 плитки ·
 *                                 блок охвата · примечание о марже · поиск;
 *                                 до ВТОРОЙ таблицы — ещё 6 блоков, из них
 *                                 отбор на 8 полей;
 *   ?tab=purchases 8 · ?tab=stock 7 · ?tab=finance 6 ·
 *   #/reports 10 <select> + 7 <input> + 12 <button> ·
 *   #/documents 4 · #/cashflow 4 · #/margin 5 · #/pl 4 · #/debts 4 ·
 *   #/bi 5 · #/bi-builder 6 · #/inventory 4 · #/anomalies 5 ·
 *   #/credit-stop 6.
 *
 * ГРАНИЦА ПРАВИЛ. Сжатие шапки привязано к корню экрана учёта
 * (.accounting-workspace) — за его пределы не выходит. Оформление таблиц
 * привязано к `table.dt[data-kp-vsegda="1"]`: этой пометкой отмечены ровно
 * те таблицы, которые я в этот заход попросил у общего слоя панели взять под
 * управление колонками — учёт, закупки и клиентская база. Чужих экранов
 * правила не касаются.
 *
 * Ни одного !important: всё держится на собственных селекторах и на порядке
 * подключения, то есть на обычном каскаде, а не на его обходе.
 *
 * Цвет — холодный зелёный #0e8067.
 */

.accounting-workspace,
table.dt[data-kp-vsegda="1"],
.procurement-scope-note,
.procurement-command-sub {
  --uc-zeljonyj: #0e8067;
  --uc-zeljonyj-tihij: rgba(14, 128, 103, 0.10);
  --uc-zeljonyj-kraj: rgba(14, 128, 103, 0.26);
  --uc-linija: var(--line, #d8e2de);
  --uc-plastina: var(--surface, #fff);
  --uc-tusklyj: var(--muted, #5d6b66);
}

/* ── ОТБОРЫ ЭКРАНА УЧЁТА: один ряд вместо сетки на треть экрана ──── */
.accounting-workspace .deals-filters { margin-top: 8px; padding: 6px 8px }
.accounting-workspace .deals-filters-grid,
.accounting-workspace .deals-filters-grid-ops {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 6px 8px;
}
.accounting-workspace .deals-filters-grid > .fl,
.accounting-workspace .deals-filters-grid-ops > .fl { margin: 0; min-width: 0 }
.accounting-workspace .deals-filters-grid > .fl > span,
.accounting-workspace .deals-filters-grid-ops > .fl > span {
  display: block;
  font-size: 10px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--uc-tusklyj);
  line-height: 1.5;
}
.accounting-workspace .deals-filters-grid > .fl > input,
.accounting-workspace .deals-filters-grid > .fl > select,
.accounting-workspace .deals-filters-grid-ops > .fl > input,
.accounting-workspace .deals-filters-grid-ops > .fl > select {
  height: 28px;
  padding: 2px 8px;
  font-size: 12.5px;
}

/* ── ПЛИТКИ ПОКАЗАТЕЛЕЙ: полоса, а не ковёр карточек ─────────────── */
.accounting-workspace .kpi-grid,
.accounting-workspace .kpi-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 6px;
}
.accounting-workspace .kpi-grid > *,
.accounting-workspace .kpi-row > * {
  padding: 6px 10px;
  border-radius: 9px;
  min-height: 0;
}

/* ── ЧИПЫ ВКЛАДОК: одна полоса ──────────────────────────────────── */
.accounting-workspace > .chips {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin: 6px 0;
}
.accounting-workspace > .chips > .chip {
  padding: 3px 10px;
  font-size: 12px;
  white-space: nowrap;
}

/* ── ОБЪЯСНЕНИЯ: свёрнутый блок читается строкой ─────────────────── */
.accounting-workspace > details[data-accounting-explain] > summary,
.accounting-workspace details.progressive-section > summary {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.45;
  cursor: pointer;
}
.accounting-workspace details[data-accounting-explain] > p { margin: 5px 0; font-size: 12px; line-height: 1.5 }
.accounting-workspace details.progressive-section > summary small { color: var(--uc-tusklyj) }
.accounting-workspace .card-hd { padding-top: 6px; padding-bottom: 6px }

/* ── ТАБЛИЦЫ: колонки акцентнее, строки плотнее ──────────────────── */
table.dt[data-kp-vsegda="1"] thead th {
  padding: 5px 9px;
  border-bottom: 2px solid var(--uc-zeljonyj-kraj);
  font-size: 10.5px;
  letter-spacing: .045em;
  text-transform: uppercase;
  color: var(--uc-zeljonyj);
  text-align: left;
  white-space: nowrap;
}
table.dt[data-kp-vsegda="1"] tbody td {
  padding: 4px 9px;
  font-size: 12.5px;
}
table.dt[data-kp-vsegda="1"] tbody td.n { font-variant-numeric: tabular-nums; text-align: right }
table.dt[data-kp-vsegda="1"] tbody tr:hover > td { background: var(--uc-zeljonyj-tihij) }
table.dt[data-kp-vsegda="1"] tbody tr.click-row { cursor: pointer }

/* ── ПОДПИСЬ ОХВАТА НАД ТАБЛИЦЕЙ ПЛАНА ЗАКУПОК ──────────────────
   Число в заголовке карточки считает сервер по всему каталогу, а в таблице
   лежит только приехавшее. Пока это разные множества — подпись говорит об
   этом прямо, и её видно. */
.procurement-scope-note {
  margin: 6px 0;
  padding: 5px 10px;
  border: 1px solid var(--uc-linija);
  border-left: 3px solid var(--uc-zeljonyj);
  border-radius: 8px;
  background: var(--uc-plastina);
  font-size: 11.5px;
  line-height: 1.5;
}
.procurement-scope-note b { color: var(--uc-zeljonyj); font-variant-numeric: tabular-nums }
.procurement-command-sub > small { color: var(--uc-tusklyj); font-size: 11px }

@media (max-width: 900px) {
  .accounting-workspace .deals-filters-grid > .fl,
  .accounting-workspace .deals-filters-grid-ops > .fl { flex-basis: 100% }
}