/* Правки вида раздела «Дашборд» — 10.09.2026 (заметки Раиля).
   Файл подключается после общих стилей и dash2.css и перекрывает их только
   для своего раздела. Только токены; теней нет; радиусы 6/7/6. */

/* ═══════════════════════════════════════════════════════════════════
   ПРИБОРНАЯ ПАНЕЛЬ (S20)
   Подписи Раиля целиком — до двух строк, без многоточия («Финансовый
   результ…», «Зарплата на килогра…»). Строка «по 06.09», повторявшая шапку
   панели, убрана (dash2.js), поэтому высота плашки прежняя — 99 px.
   Этажи плашки (число · подпись · пояснение · сравнение) общие для всего
   ряда (subgrid): если хоть одной подписи нужны две строки, ряд
   подстраивается целиком, и пояснения соседей стоят на одной линии.
   ═══════════════════════════════════════════════════════════════════ */
.dash2 .d2-gwrap{container-type:inline-size}
.dash2 .d2-gwrap .d2-gauges{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));
  grid-auto-rows:auto;row-gap:0}
.dash2 .d2-gwrap .d2-g{
  display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0;align-content:start;
  padding:8px 11px;border-top:0;border-left:1px solid var(--rule-2);
}
.dash2 .d2-gwrap .d2-g:first-child{border-left:0}
.dash2 .d2-gwrap .d2-gl{
  white-space:normal;text-overflow:clip;overflow:hidden;overflow-wrap:break-word;
  display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
  line-height:1.15;margin-top:3px;align-self:start;
}
.dash2 .d2-gwrap .d2-gs{margin-top:1px;line-height:1.2;align-self:start}
.dash2 .d2-gwrap .d2-gd{margin-top:4px;min-height:17px;align-self:end}
/* Пустая строка (ни своей даты, ни сравнения) места не занимает. */
.dash2 .d2-gwrap .d2-gd:empty{min-height:0;margin-top:0}
/* Сравнение всегда справа — там, где было и раньше; дата (если своя) — слева. */
.dash2 .d2-gwrap .d2-gd .d2-cmp{margin-left:auto;padding:2.5px 6px}
/* Там, где subgrid не поддерживается (старый браузер), — прежние этажи. */
@supports not (grid-template-rows:subgrid){
  .dash2 .d2-gwrap .d2-g{display:block;grid-row:auto}
  .dash2 .d2-gwrap .d2-gl{min-height:2.3em}
}

/* Раскладка плашек. Все одиннадцать помещаются — одной строкой (от 1210 px
   ширины панели). Не помещаются — ровно 6 + 5, а не 10 + 1: одинокая плашка
   во втором ряду выглядела ошибкой вёрстки (было на 1440). Узко — по 4,
   на телефоне — по 3. Линии между плашками: слева у всех, кроме первой
   в ряду; сверху — у всех рядов, кроме первого. */
/* Последняя плашка, если за ней в ряду осталась бы одна пустая клетка,
   занимает две: панель остаётся ровным прямоугольником. */
@container (min-width:760px) and (max-width:1209.98px){
  .dash2 .d2-gwrap .d2-gauges{grid-template-columns:repeat(6,minmax(0,1fr))}
  .dash2 .d2-gwrap .d2-g:nth-child(6n+1){border-left:0}
  .dash2 .d2-gwrap .d2-g:nth-child(n+7){border-top:1px solid var(--rule-2)}
  .dash2 .d2-gwrap .d2-g:last-child:nth-child(6n+5){grid-column:span 2}
}
@container (min-width:480px) and (max-width:759.98px){
  .dash2 .d2-gwrap .d2-gauges{grid-template-columns:repeat(4,minmax(0,1fr))}
  .dash2 .d2-gwrap .d2-g:nth-child(4n+1){border-left:0}
  .dash2 .d2-gwrap .d2-g:nth-child(n+5){border-top:1px solid var(--rule-2)}
  .dash2 .d2-gwrap .d2-g:last-child:nth-child(4n+3){grid-column:span 2}
}
/* Телефон: плашки узкие (≈100 px под текст), и пояснение переносится
   на вторую строку, а не режется многоточием. */
@container (max-width:479.98px){
  .dash2 .d2-gwrap .d2-gauges{grid-template-columns:repeat(3,minmax(0,1fr))}
  .dash2 .d2-gwrap .d2-g:nth-child(3n+1){border-left:0}
  .dash2 .d2-gwrap .d2-g:nth-child(n+4){border-top:1px solid var(--rule-2)}
  .dash2 .d2-gwrap .d2-g:last-child:nth-child(3n+2){grid-column:span 2}
  .dash2 .d2-gwrap .d2-gs{white-space:normal;text-overflow:clip;overflow-wrap:break-word;
    display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.2}
}

/* ═══════════════════════════════════════════════════════════════════
   ТАБЛИЦЫ БЛОКОВ
   Правило сайта: число не режется многоточием никогда, первый столбец
   может переноситься, остальные — в одну строку. Раньше пояснение в первом
   столбце резалось («Коробочного отбора · из 479 · 7…»), а на 1440 число
   «134 179 ₽ / 0,9 %» выходило за свой столбец.
   Столбцы значения и сравнения — постоянной ширины у всех блоков (линии
   соседних таблиц совпадают) и расширяются, только если число шире; всё
   остальное место — показателю. Раньше показатель получал 48 %, а сравнение
   24 % при пилюле втрое уже.
   ═══════════════════════════════════════════════════════════════════ */
.dash2 .d2-tbl{table-layout:auto}
.dash2 .d2-tbl th:nth-child(1){width:auto}
.dash2 .d2-tbl th:nth-child(2){width:112px}
.dash2 .d2-tbl th:nth-child(3){width:96px}
.dash2 .d2-tbl td.k{white-space:normal;overflow:visible;text-overflow:clip;
  overflow-wrap:break-word;line-height:1.25;padding-top:3px;padding-bottom:3px}
/* Пояснение переносится целиком, а не посреди «из 479 · 77 %». Ушедшее на
   вторую строку (отметку own ставит dash2.js) — с начала строки и без «·». */
.dash2 .d2-tbl .d2-note{white-space:nowrap}
.dash2 .d2-tbl .d2-note.own{display:block;margin-left:0}
.dash2 .d2-tbl .d2-note.own .d2-sep{display:none}
/* Разница в рублях при смене знака — та же пилюля, цифры табличные. */
.d2-cmp--d{letter-spacing:-.01em}
/* Узкий блок (три в ряд на экране 1440): столбцы значения и сравнения
   чуть уже — показателю остаётся больше, и переносов меньше. */
.dash2 .d2-pane--table{container-type:inline-size}
@container (max-width:440px){
  .dash2 .d2-tbl th:nth-child(2){width:102px}
  .dash2 .d2-tbl th:nth-child(3){width:86px}
  .dash2 .d2-tbl td.c{padding-left:6px;padding-right:8px}
}
/* Таблица соседа ниже (там перенос) — dash2.js выравнивает высоту таблиц
   в ряду, а лишняя высота раздаётся строкам, а не пустой полосой снизу. */
.dash2 .d2-pane--table > .d2-tbl{flex:1 0 auto}

/* ═══════════════════════════════════════════════════════════════════
   ШАПКА БЛОКА
   Название и дата актуальности больше не режутся многоточием («РЕЗУЛЬТАТЫ
   ИНВЕНТАРИЗ… с 01.09 по 0…»). Помещаются в строку — стоят в строку, как
   раньше; не помещаются (узкий блок, три в ряд на 1440) — дата уходит
   второй строкой под название. Высоту таблиц соседей в ряду выравнивает
   dash2.js. Кнопки шапки стоят плотнее — места названию больше.
   ═══════════════════════════════════════════════════════════════════ */
.dash2 .d2-h{gap:6px}
.dash2 .d2-tt{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:8px;row-gap:1px;
  flex:1 1 auto;min-width:0}
.dash2 .d2-tt .d2-t{letter-spacing:0;max-width:100%}
.dash2 .d2-tt .d2-as{flex:0 0 auto;min-width:0;max-width:100%;overflow:visible;text-overflow:clip}
.dash2 .d2-h .d2-icb + .d2-icb{margin-left:-4px}
/* Блок уже 480 px (три в ряд на 1680): название на полпикселя мельче,
   кнопки вплотную, подпись тумблера без разрядки — «Результаты
   инвентаризации» с датой и тумблером снова помещаются в одну строку. */
@container (max-width:480px){
  .dash2 .d2-tt .d2-t{font-size:11.5px}
  .dash2 .d2-h .d2-icb{width:18px;height:18px}
  .dash2 .d2-h .d2-icb + .d2-icb{margin-left:-6px}
  .dash2 .d2-sw{padding:2px 6px 2px 3px;letter-spacing:0;text-transform:none;font-size:10px}
}
/* Тумблер «Тара» — скруглённый прямоугольник, как все переключатели сайта
   (полукруглых форм нет нигде), ручка без тени — её отделяет рамка. */
.dash2 .d2-sw i{border-radius:4px;border:1px solid var(--rule);box-sizing:border-box;
  width:20px;height:12px;background:var(--head-2)}
.dash2 .d2-sw i::after{border-radius:2px;top:1px;left:1px;width:8px;height:8px;
  background:var(--card);border:1px solid var(--rule);box-sizing:border-box}
.dash2 .d2-sw.on i{background:var(--nav);border-color:var(--nav)}
.dash2 .d2-sw.on i::after{transform:translateX(8px);border-color:var(--nav)}