/* Правки вида раздела «Продажи, Контрагенты, Поддоны» — 10.09.2026 (заметки Раиля).
   Файл подключается после общих стилей и перекрывает их только для своего раздела.
   Только токены — ни одного вписанного цвета. */

/* ═══ Продажи ═════════════════════════════════════════════════════════════ */

/* Ряд управления: «Месяц │ Период» и справа от него вкладки — одной строкой,
   по центру по высоте (раньше выравнивание было по базовой линии текста,
   и вкладки сидели на пиксель ниже списков). */
.sales-head{align-items:center;gap:8px 18px;margin-bottom:10px}
.sales-head>.sales-period{margin:0}
.sales-head>.subtabs{margin:0}

/* Знак «?» у подписи «Охват» был выше строки подписи на 2 px, и плашки
   «Что в выгрузке» выходили на пиксель выше соседних «Сервис-левел».
   Знак вписан в строку — плашки обоих блоков одной высоты. */
.sales-two .bento .bl-help{width:12px;height:12px;box-sizing:border-box;vertical-align:-1px}

/* Квадратик причины: бордо — потеря самого склада, изумруд — излишки,
   остальное — нейтральным серым. Цвет больше не вписан в разметку. */
.sales-sq{background:var(--text-3)}
.sales-sq.own{background:var(--loss)}
.sales-sq.plus{background:var(--gain)}

/* Таблицы с номером строки («Клиенты», «Все позиции», окно группы).
   Раиль: «в первом столбце нет линии вообще». Номер больше не «липкий»
   и не залит своим белым поверх строки: линию рисует каждая ячейка сама
   (раздельные границы — так надёжно и в Safari при увеличенном масштабе),
   подсветка строки доходит до номера. Номер — узкий служебный столбец,
   цифры справа, того же размера, что текст строки. */
.sales-numtbl{border-collapse:separate;border-spacing:0}
html .sales-scroll>table.sales-numtbl>:is(thead,tbody)>tr>:first-child:is(th,td){
  position:static;min-width:0;width:44px;box-shadow:none;
  padding-left:6px;padding-right:9px;text-align:right;white-space:nowrap;
}
/* Шапка по-прежнему прилипает к верху окна прокрутки — как соседние. */
html .sales-scroll>table.sales-numtbl>thead>tr>th:first-child{position:sticky;top:0;left:auto;z-index:6}
html .sales-scroll>table.sales-numtbl>tbody>tr>td:first-child{background:transparent !important}
html .sales-scroll>table.sales-numtbl>tbody>tr:hover>td:first-child{
  background:color-mix(in srgb,var(--accent) 4%,transparent) !important;
}
.sales-numtbl td.sales-idx{
  color:var(--text-2);font-size:12px;font-weight:500;
  font-variant-numeric:tabular-nums;letter-spacing:0;
}
/* Название клиента / товара переносится в своей колонке и не наезжает
   на «Оборот»; остальные столбцы — в одну строку. */
.sales-numtbl td.wrap:not(.v){min-width:220px}

/* Поиск в шапке блока — белое поле 29 px с рамкой, как все поля сайта. */
.sales-search .inp{min-width:200px;background:var(--surface-2);border:1px solid var(--hair-2)}
.sales-search .inp::placeholder{color:var(--text-3);opacity:1}

/* «Загрузки»: крестик по центру своей узкой колонки. */
.sales-uptbl td.c{text-align:center}

/* Ряд «две трети + треть»: «Направления» (семь столбцов) и «Кроме
   реализации» (три плашки стопкой) — одной высоты, без пустой половины. */
.half-grid.sales-23{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
@media (max-width:1080px){.half-grid.sales-23{grid-template-columns:minmax(0,1fr)}}
/* У таблицы направлений первый столбец — по содержимому, а не 200 px:
   названия отделов короткие, и места под числа хватает. */
.sales-23 .tblock table :is(thead th,tbody td):first-child{min-width:0}
.bento.sales-stack{grid-template-columns:minmax(0,1fr)}

/* ═══ Контрагенты ═════════════════════════════════════════════════════════ */

/* Период, «Сравнить с» и вкладки — одной строкой. */
.pt-head{align-items:center;gap:8px 18px;margin-bottom:10px}
.pt-head>.pt-period{margin:0}
.pt-head>.subtabs{margin:0}
@media (max-width:760px){.pt-period label{width:auto}}

/* Плашка: число и изменение пилюлей в одной строке — «608 тыс. кор. ↓ 75,9 %».
   Если плашке не хватает ширины, пилюля уходит под число, а не за край. */
.pt-tiles .bv{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:4px;white-space:normal}
.pt-tiles .pt-val{white-space:nowrap}
/* Ряд, где пилюле тесно, — пилюля под числом у всех плашек ряда сразу
   (класс ставит js: partners/state.js → fitTiles), высота плашек одна. */
.pt-tiles.pt-stack .bv{flex-direction:column;align-items:flex-start;row-gap:3px}
.pt-tiles.pt-stack .pt-dlt{padding:2px 5px}
/* Пилюля изменения — рецепт сравнения с Дашборда: контур без заливки,
   цвет по смыслу (бордо — хуже, изумруд — лучше, серым — без оценки). */
.pt-dlt{
  display:inline-flex;align-items:center;flex:none;
  font-size:10px;font-weight:600;line-height:1;letter-spacing:0;
  padding:3px 5px;border-radius:var(--radius-chip);
  color:var(--text-2);background:none;
  border:1px solid color-mix(in srgb,currentColor 42%,transparent);
  font-variant-numeric:tabular-nums;white-space:nowrap;
}
.pt-dlt.good{color:var(--gain)}
.pt-dlt.bad{color:var(--loss)}

/* График вдвое ниже: высоту задаёт сама система координат svg (1000 × 130),
   а не прежняя пропорция 1000 : 260 из общих стилей. */
.pt-chartwrap{padding:8px 14px 2px}
.pt-chartwrap .pt-chart,.pt-chartwrap.sm .pt-chart{aspect-ratio:auto;height:auto}
@media (max-width:760px){.pt-chartwrap .pt-chart{height:auto}}
.pt-ylab{fill:var(--text-2)}

/* Выбранный показатель под графиком — заливкой шапки, как выбранные
   переключатели сайта. Акцентная заливка на экране одна. */
.pt-metric.on{background:var(--surface-head);border-color:var(--hair-2);color:var(--text-1);font-weight:600}

/* «Помесячно»: пометка неполного месяца «(7 дн.)». */
.pt-part{color:var(--text-2);font-weight:500;white-space:nowrap}

/* ═══ Поддоны ═════════════════════════════════════════════════════════════ */
.pal-head{margin-bottom:10px}