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

/* ── Шапка раздела: «Месяц ▾ │ Период ▾ — ▾» слева, «Скачать PDF-справку» справа ── */
.tmc-view .tmc-head{
  display:flex;align-items:center;justify-content:space-between;gap:10px 16px;
  flex-wrap:wrap;margin-bottom:10px;
}
.tmc-view .tmc-head-period{min-width:0}
.tmc-view .tmc-head-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}
.tmc-view .tmc-head .mrpick{margin:0}

/* ── Шапки блоков — 30 px, как по всему сайту ──
   В ТМЦ стояли поля 8px 14px: шапка с кнопкой вырастала до 40–42 px, и пара
   блоков на Обзоре начиналась на разной высоте (30 и 39,6 px). */
.tmc-view .tblock-head{padding:0 14px;min-height:30px}

/* Спокойная кнопка в шапке блока («Задать», «Добавить поставщика»,
   «Аналитика цены»): высотой под шапку, скруглённый прямоугольник. */
.tmc-view .tblock-head .th-act.tmc-th-btn{
  margin-left:auto;height:22px;padding:0 10px;line-height:1;
  font-family:inherit;font-size:10.5px;font-weight:600;letter-spacing:.01em;white-space:nowrap;
  color:var(--text-1);border-radius:var(--radius-chip);
}
/* Главное действие вкладки в шапке («Создать расход», «Выгрузить в Excel»):
   единственная заливка акцентом на экране. Радиус — из токена (было 9 px). */
.tmc-view .tblock-head .th-act.th-cta{
  height:24px;padding:0 12px;display:inline-flex;align-items:center;
  border-radius:var(--radius-chip);
}
.tmc-view .tblock-head .th-act.tmc-th-cta{margin-left:auto}
.tmc-view .tblock-head .th-act.tmc-th-btn + .th-act.tmc-th-cta,
.tmc-view .tblock-head .th-act.tmc-th-cta + .th-act.tmc-th-btn{margin-left:0}

/* Пустой период внутри блока — одна строка, без карточки в карточке. */
.tmc-view .tmc-empty{padding:12px 14px;font-size:12.5px;color:var(--text-2)}

/* Кнопка действия вкладки над блоками (Мониторинг цен) — справа, без подписи. */
.tmc-view .tmc-tabbar{display:flex;justify-content:flex-end;margin-bottom:10px}

/* ── Норматив расхода: пустой блок растягивается до высоты соседа ── */
.tmc-view .tmc-norm .tmc-norm-empty{
  flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:44px;
  font-size:12.5px;color:var(--text-2);
}

/* ── «Расход по категориям»: выбор ряда и глубины в шапке ──
   Вид — как «3 мес. · 6 мес.» в Инвентаризации (.thrange). */
.tmc-view .tmc-th-tools{
  margin-left:auto;display:flex;align-items:center;justify-content:flex-end;
  gap:6px 12px;flex-wrap:wrap;min-width:0;
}
.tmc-view .tmc-th-tools .thrange{margin-left:0}
.tmc-view .thrange button{display:inline-flex;align-items:center;white-space:nowrap}
/* Черта цвета линии — легенда прямо в кнопке. */
.tmc-view .thrange .mk{display:inline-block;flex:none;width:12px;height:2px;margin-right:6px;border-radius:1px}
/* Глубины, которой ещё нет в данных, нажать нельзя — и это видно. */
.tmc-view .thrange button:disabled{opacity:.42;cursor:default}
.tmc-view .thrange button:disabled:hover{color:var(--text-2)}

/* ── «Остатки ТМЦ»: поле «Найти позицию» справа от заголовка ── */
.tmc-view .tmc-find{
  display:inline-flex;align-items:center;gap:6px;flex:0 1 240px;min-width:150px;
  height:24px;padding:0 8px;margin-left:10px;box-sizing:border-box;
  background:var(--surface-2);border:1px solid var(--hair-2);border-radius:var(--radius-chip);
  cursor:text;
}
.tmc-view .tmc-find:focus-within{outline:1px solid var(--accent);outline-offset:0;border-color:var(--accent)}
.tmc-view .tmc-find svg{width:13px;height:13px;flex:none;fill:none;stroke:var(--text-3);stroke-width:1.8}
.tmc-view .tmc-find input{
  flex:1 1 auto;min-width:0;height:100%;border:0;outline:0;padding:0;margin:0;background:transparent;
  font-family:inherit;font-size:12px;color:var(--text-1);
  -webkit-appearance:none;appearance:none;
}
.tmc-view .tmc-find input::placeholder{color:var(--text-3)}
/* Без этого Safari рисует поле поиска полукруглой «пилюлей» со своим крестиком. */
.tmc-view .tmc-find input::-webkit-search-decoration,
.tmc-view .tmc-find input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.tmc-view .tmc-find + .th-act.th-cta{margin-left:auto}
.tmc-view .tmc-nofind td{color:var(--text-2);text-align:left}

/* Точка семафора: смысл — в подсказке при наведении. */
.tmc-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:7px;vertical-align:middle;cursor:help}

/* Таблица остатков: ширина по содержимому. Прежняя нижняя граница 1270 px
   держала таблицу шире блока уже на экране 1440. Заголовки — в одну строку. */
.tmc-view .tmc-wide{min-width:0;width:100%}
.tmc-view .tmc-wide thead th{white-space:nowrap}
/* Одиннадцать столбцов: поля ячеек чуть уже (7 px вместо 9), и у шапки, и
   у строк — числа и заголовки кончаются на одной вертикали, а таблица
   помещается в блок на экране 1440 без прокрутки вбок. */
.tmc-view .tmc-wide :is(thead th,tbody td){padding-left:7px;padding-right:7px}
/* Единица после остатка теперь в падеже («рулонов», «коробов») — в прежнюю
   колонку 26 px она не входила и налезала на соседний столбец. Ширина — под
   самое длинное слово, чтобы числа по-прежнему кончались на одной вертикали. */
.tmc-view .tmc-wide td.v u{width:auto;min-width:48px}

/* ── Телефон ── */
@media (max-width:760px){
  .tmc-view .tmc-head-actions{margin-left:0}
  /* Шапка блока с кнопками переносится, а не вылезает за край. */
  .tmc-view .tblock-head{flex-wrap:wrap;row-gap:6px;padding:6px 12px}
  .tmc-view .tmc-th-tools{justify-content:flex-start;margin-left:0;flex:1 1 100%}
  .tmc-view .tmc-find{order:3;flex:1 1 100%;margin-left:0;height:29px}
  .tmc-view .tmc-find input{font-size:16px}   /* iOS не приближает страницу при вводе */
}