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

/* ── Три кнопки загрузки в шапке «Показателей» (M1.4) ─────────────────────
   Раиль: «хочу, чтобы они все были как кнопка показателей работы, с заливкой,
   но при наведении курсора не должны менять цвет». Все три — заливка акцентом,
   под курсором меняется только курсор; текст читается всегда. Это единственное
   исключение из правила «одна заливка акцентом на экран» — его просил сам Раиль. */
.wm-actions .btn.primary,
.wm-actions .btn.primary:hover,
.wm-actions .btn.primary:active,
.wm-actions .btn.primary:focus{
  background:var(--accent);border-color:var(--accent);color:var(--accent-ink);
  filter:none;cursor:pointer;
}
.wm-actions .btn.primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

/* Период и кнопки — одной строкой при ширине ≥ 1440: период занимает ровно
   свою ширину, а не тянется на весь ряд (раньше кнопки уходили второй строкой). */
.wm-head .pbar-compact{flex:0 1 auto}
.wm-head .wm-actions{flex:0 0 auto;flex-wrap:nowrap}
@media (max-width:760px){
  .wm-head .wm-actions{flex:1 1 100%}
}

/* ── Вкладки «Показателей»: двенадцать в одну строку при 1440 (S17) ───────
   Поля вкладок ужаты (10 → 6 px), промежуток убран. Растушёвка правого края
   включается, только когда вкладкам тесно (класс ставит workmetrics.js) —
   иначе она гасила последнюю вкладку, даже когда та помещалась. */
.wm-tabs{gap:0;-webkit-mask-image:none;mask-image:none}
.wm-tabs .subtab{padding:0 6px}
.wm-tabs.wm-tabs-over{
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent);
          mask-image:linear-gradient(90deg,#000 0,#000 calc(100% - 24px),transparent);
}

/* ── Переключатели «Дни / Недели / Месяцы» и выбор показателя (S13) ───────
   Общий .pill-row-btn (29 px, радиус 6, выбранный — серой заливкой шапки).
   Строка переключателей стоит в блоке с теми же полями, что и тело блока. */
.tblock > .wm-chips{padding:12px 14px 0}
.tblock > .wm-chips.wm-chips-2{padding-top:8px}

/* ── «Динамика склада»: процент и разница в часах не переносятся ─────────── */
.wm-trend-table td.mdelta small{white-space:nowrap}
.wm-trend-table td.change b{white-space:nowrap}

/* ── Мини-таблицы направлений: без цветной точки ─────────────────────────
   Точка красила «Сети» изумрудом, «Торговые дома» бордо — цвет «хорошо/плохо»
   без смысла. Название направления стоит рядом, точка не нужна. */
.wm-direction-mini header>span:first-child{display:none}

/* Карточка, над которой держат перетаскиваемую, — контуром, без тени. */
.wm-actual-chart.drop-target,
.wm-direction-mini.drop-target{box-shadow:none;outline:2px solid var(--accent);outline-offset:-1px}

/* Подпись над графиком показателя — одна строка, без «фактической шкалы». */
.wm-chart-card-head{height:auto;min-height:24px;align-items:center}

/* Сломанные сокращения «font: … inherit» в общих стилях браузер выбрасывает
   целиком, и эти кнопки брали чужой шрифт и размер (заметно у «＋ Добавить»).
   Шрифт сайта, контролы 29 px, радиусы из токенов. */
.wm-direction-add summary{
  font-family:inherit;font-size:12.5px;font-weight:500;line-height:1;
  height:29px;box-sizing:border-box;display:inline-flex;align-items:center;padding:0 11px;
  border-radius:var(--radius-ctrl);
}
.wm-direction-add-menu button,.wm-direction-add-menu span{font-family:inherit;font-size:12px;font-weight:500;line-height:1.2;border-radius:var(--radius-chip)}
.wm-matrix-gear{font-family:inherit;font-size:15px;line-height:1;border-radius:var(--radius-ctrl)}
.wm-matrix-actions button{font-family:inherit;font-size:12.5px;font-weight:600;line-height:1;height:29px;padding:0 14px;border-radius:var(--radius-ctrl)}
.wm-card-order-controls button{font-family:inherit;font-size:12px;font-weight:500;line-height:1;border-radius:var(--radius-chip)}

/* ── «Динамика полной стоимости направлений»: шесть малых графиков ───────── */
.wm-dir-trend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.wm-dir-trend{min-width:0;padding:8px 10px 6px;border:1px solid var(--hair);border-radius:var(--radius-card);background:var(--surface-1)}
.wm-dir-trend > b{display:block;font-size:12px;font-weight:600;color:var(--text-1);line-height:1.3}
.tblock .wm-dir-trend .chart-wrap{height:150px}
@media (max-width:1100px){ .wm-dir-trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media (max-width:640px){ .wm-dir-trend-grid{grid-template-columns:1fr} }

/* ── «День / смена»: выбор смены одной строкой, семь плашек в ряд ────────── */
.wm-day-controls.wm-day-row{
  justify-content:flex-start;gap:8px;padding:0;margin:0 0 10px;
  background:none;border:0;border-radius:0;
}
.wm-day-row .wm-day-lab{font-size:12.5px;font-weight:500;color:var(--text-2);text-transform:none;letter-spacing:0}
@media (min-width:1200px){
  .kpis.wm-day-kpis{grid-template-columns:repeat(7,minmax(0,1fr))}
}

/* ═══ Раздел «Загрузка склада» (stock-load.js → renderStockLoadPage) ═══════ */
/* Строка управления: слева срез, справа «Справочник мест», «Ёмкость вручную»,
   «Загрузить остатки» (единственная залитая кнопка экрана). */
.sl-bar{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap;margin:0 0 12px}
.sl-bar-left{display:flex;align-items:center;gap:8px;min-width:0}
.sl-bar-lab{font-size:12.5px;color:var(--text-2)}
.sl-bar-actions{display:flex;align-items:center;gap:8px;margin-left:auto;flex-wrap:wrap}
.sl-bar-actions .btn{height:29px}
@media (max-width:760px){
  .sl-bar-actions{margin-left:0;width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .sl-bar-actions::-webkit-scrollbar{display:none}
  .sl-bar-actions > *{flex:0 0 auto}
}

/* Переключатели линий графика: выбранная — серой заливкой; слева образец
   линии (цвет и штрих те же, что на графике). Выключенная — бледнее. */
.sl-series{margin-left:auto;gap:6px}
.sl-series .pill-row-btn{gap:7px}
.sl-keywrap{display:inline-flex;align-items:center;flex:none}
.sl-keywrap.off{opacity:.35}
.sl-series .pill-row-btn:not(.active){color:var(--text-2)}
.sl-key{display:block;flex:none}
/* Легенда под графиком — те же образцы линий вместо точек. */
.wp-lg .sl-key{display:inline-block;vertical-align:middle;margin-right:5px}

/* Предупреждение «файлу N дн. — проверьте момент среза» — латунью (внимание). */
.xup-note.sl-old{color:var(--mid)}

/* Окно «Ёмкость вручную» — узкое, как окна загрузки. */
.modal.sl-modal-narrow{max-width:min(460px,94vw)}