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

   Каждый раздел ставит на #content свой класс вида: sr-view (Сводный),
   inv-view (Инвентаризации), ded-view (Удержания), co-view (Затраты),
   fin-view (Финансы). Роутер снимает классы *-view при смене раздела, поэтому
   правила ниже не задевают другие страницы. Только токены, без жёстких цветов. */

/* ═══ Финансы ═══════════════════════════════════════════════════════════════ */

/* Ряд периода: общий выбор «Месяц │ Период», справа — «Мой контур / Весь бюджет».
   Вкладки раздела — строкой ниже, как в остальных разделах. */
.fin-view .fbar{margin-bottom:8px;gap:10px 8px}
.fin-view .fbar>.field-row{margin:0}
.fin-view .fbar .sp{flex:1 1 auto}
.fin-view>.subtabs{margin-bottom:12px}

/* «По направлениям»: «статей: N» в той же строке, приглушённо — строки вдвое
   ниже, таблица встаёт вровень с графиком «Ход года». */
.fin-view .tbl.fin-dir td:first-child .c-grp{display:inline;margin:0 0 0 7px}
/* В половине экрана пяти столбцам тесно: на ширине до 1500 px полосу прячем,
   остаётся процент исполнения. Перерасход — бордо, как у полосы в реестре. */
@media (max-width:1500px){
  .fin-view .tbl.fin-dir .ebwrap>.eb{display:none}
  .fin-view .tbl.fin-dir .ebwrap>b{flex:0 0 auto}
}
.fin-view .tbl.fin-dir .ebwrap>.eb.over+b{color:var(--loss)}

/* «Год»: правая половина — два блока столбцом. Нижний дотягивается до низа
   левой таблицы, чтобы пара совпадала и по верху, и по низу. */
.fin-view .half-grid>.fin-side{display:flex;flex-direction:column;gap:14px;min-width:0}
.fin-view .half-grid>.fin-side>.tblock{height:auto;flex:0 0 auto}
.fin-view .half-grid>.fin-side>.tblock:last-child{flex:1 1 auto}

/* «Загрузки»: карточки отчётов. Кнопка — обычная кнопка сайта (29 px, радиус 6),
   без акцентной подложки: залита на экране только «Загрузить» в самом окне. */
.fin-view .upl .u{border-style:solid;border-color:var(--hair-2)}
.fin-view .upl .u .urow{align-items:center;gap:6px}
.fin-view .upl .u .urow>.xsel{flex:0 0 auto}
.fin-view .upl .u button.btn{
  flex:1 1 auto;height:29px;padding:0 12px;font:inherit;font-size:12.5px;font-weight:600;
  background:var(--surface-2);color:var(--text-1);border:1px solid var(--hair-2);
  border-radius:var(--radius-ctrl);
}
.fin-view .upl .u button.btn:hover{border-color:var(--text-3);background:var(--surface-3)}
/* Кнопка своего выпадающего списка — тоже <button>, и правило карточки
   (.upl .u button) красило её акцентной подложкой. Возвращаем вид списка. */
.fin-view .upl .u .xsel-btn{
  flex:0 0 auto;height:29px;padding:0 26px 0 10px;font-family:inherit;font-size:12.5px;font-weight:400;
  background:var(--surface-2);color:var(--text-1);border:1px solid var(--hair-2);
  border-radius:var(--radius-ctrl);
}
.fin-view .upl .u .xsel-btn:hover{border-color:var(--text-3)}

/* ═══ Сводный отчёт ═════════════════════════════════════════════════════════ */

/* «Инвентаризация» в ряду «Результат месяца»: разбивка по складам — по складу
   в строке, а не одной длинной фразой на четыре строки. */
.sr-view .bento .bx.sr-lines .bs{white-space:pre-line}

/* ═══ Инвентаризации ════════════════════════════════════════════════════════ */

/* Свод по складам — все плашки одним рядом; на телефоне — по две в ряд. */
@media (max-width:560px){
  .inv-view .bento.c5,.inv-view .bento.c6,.inv-view .bento.c7{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* Сводка вкладки «Аномалии» — плашки без блока, по краям рабочей области. */
.inv-view .bento.inv-anom-sum{padding:0;margin-bottom:12px}

/* ═══ Удержания ═════════════════════════════════════════════════════════════ */

/* Файл «Зарплата по дням»: имя и счётчики слева, кнопки справа — одной строкой. */
.ded-view .ded-file{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px}
.ded-view .ded-file-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto;
  font-size:12.5px;color:var(--text-2);line-height:1.4}
.ded-view .ded-file-info b{color:var(--text-1);font-weight:650}
.ded-view .ded-file-acts{display:flex;gap:8px;align-items:center;flex:0 0 auto}
/* Ряды кнопок — кнопки сайта 29 px, без отдельной карточки вокруг. */
.ded-view .ded-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
.ded-view .ded-actions{margin-top:14px}

/* Таблицы раздела — общий вид сайта; здесь только начертания и узкие столбцы. */
.ded-view .ded-tbl td.ded-fio{font-weight:600}
.ded-view .ded-tbl td.ded-sum{font-weight:700}
.ded-view .ded-tbl td.ded-b{font-weight:600}
.ded-view .ded-tbl .ded-muted{color:var(--text-2)}
.ded-view .ded-tbl th.ded-act,.ded-view .ded-tbl td.ded-act{width:1%;white-space:nowrap}
.ded-view .ded-tbl th.ded-sort{cursor:pointer}
.ded-view .ded-tbl th.ded-sort:hover{color:var(--text-1);text-decoration:underline;text-underline-offset:2px}

/* «Распределение по комплектующим»: в первом столбце стрелка раскрытия,
   номер и сотрудник. */
.ded-view .ded-parts td.ded-name{white-space:nowrap}
.ded-view .ded-parts .ded-caret{display:inline-block;width:16px;color:var(--text-2);cursor:pointer;user-select:none}
.ded-view .ded-parts .ded-caret:focus-visible{outline:2px solid var(--accent);outline-offset:1px;border-radius:3px}
.ded-view .ded-parts td.ded-in .ded-caret{margin-left:14px}
.ded-view .ded-parts .ded-no{display:inline-block;min-width:22px;margin-right:8px;text-align:right;
  color:var(--text-3);font-weight:500;font-variant-numeric:tabular-nums}
.ded-view .ded-parts .ded-fio{font-weight:600;cursor:pointer}
.ded-view .ded-parts .ded-fio:hover{text-decoration:underline;text-underline-offset:2px}
.ded-view .ded-parts .ded-tag{margin-left:8px;padding:0 5px;font-size:10.5px;font-weight:500;color:var(--text-2);
  border:1px solid var(--hair-2);border-radius:var(--radius-chip)}
/* Строка подразделения — лёгкая подложка (как строки категорий в «Затратах»);
   у закреплённой первой ячейки та же подложка. */
.ded-view .ded-parts tr.ded-grp td{background:var(--surface-3);cursor:pointer}
.ded-view .ded-parts tr.ded-grp td:first-child{--col-stick:var(--surface-3)}
/* Раскрытая строка — какие должности учтены. */
.ded-view .ded-parts tr.ded-detail td{background:var(--surface-1);white-space:normal}
.ded-view .ded-parts tr.ded-detail td:first-child{--col-stick:var(--surface-1)}
.ded-view .ded-detail-body{font-size:12px;color:var(--text-2);line-height:1.6;padding:4px 0 6px 40px}
.ded-view .ded-detail-body b{color:var(--text-1)}
.ded-view .ded-detail-h{font-weight:600;color:var(--text-1);margin:6px 0 2px}
.ded-view .ded-detail-f{margin-top:6px}
.ded-view .ded-pos{display:flex;gap:8px;align-items:baseline;max-width:720px}
.ded-view .ded-pos-mark{flex:none;width:14px;color:var(--text-3)}
.ded-view .ded-pos.on .ded-pos-mark{color:var(--text-1);font-weight:700}
.ded-view .ded-pos-name{flex:1 1 auto;min-width:0}
.ded-view .ded-pos-sum{flex:none;color:var(--text-1);font-variant-numeric:tabular-nums}
.ded-view .ded-pos-state{flex:none;width:132px;text-align:right;color:var(--text-3)}
.ded-view .ded-pos.on .ded-pos-state{color:var(--text-2)}

/* ═══ Затраты ═══════════════════════════════════════════════════════════════ */

/* Ряд периода: «Год │ Месяц │ Период» — общий вид сайта, кнопка загрузки справа. */
.co-view .co-period{gap:8px;margin-bottom:12px}
.co-view .co-period>.mrpick{margin:0}