/* Отчёты «Финансов» (plans/money-loop Ф4а): «Расходы по статьям и
   проектам» — сетка платёжного календаря (.calendar-grid: своя прокрутка,
   колонка названий закреплена) с деревом статей: отступ по глубине, группы
   жирнее, «без подстатьи» — вторичным цветом, столбец «Итого» — подложкой.
   Фильтр — общий (report_filters.css). Без инлайн-стилей (CSP). */

.report-empty__action {
  margin: var(--space-3) 0 0;
}

/* Таблица — во всю панель: при нескольких столбцах справа нет пустоты */
.report-grid {
  width: 100%;
}

.report-grid thead th {
  vertical-align: bottom;
}

/* Статья — обычным начертанием, группа и итог — жирнее (у th по умолчанию жирный) */
.report-grid tbody th {
  font-weight: 400;
}

.report-grid__col-label,
.report-grid__col-sub {
  display: block;
}

.report-grid__col-sub {
  max-width: 160px;
  margin-left: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.report-grid__col--total,
.report-grid .report-grid__cell--total {
  background: var(--surface-subtle);
  font-weight: 600;
}

/* Правки разметки после закрытия месяца (Р-354) */
.report-grid__flag {
  display: block;
  margin-top: var(--space-1);
  color: var(--warning);
  font-size: var(--font-size-secondary);
  font-weight: 400;
  white-space: nowrap;
}

/* Дерево статей: отступ по глубине — классом (CSP); с .report-grid —
   сильнее отступов ячеек сетки календаря */
.report-grid .report-grid__name--depth-1 { padding-left: calc(var(--space-3) + var(--space-4)); }
.report-grid .report-grid__name--depth-2 { padding-left: calc(var(--space-3) + 2 * var(--space-4)); }
.report-grid .report-grid__name--depth-3 { padding-left: calc(var(--space-3) + 3 * var(--space-4)); }
.report-grid .report-grid__name--depth-4 { padding-left: calc(var(--space-3) + 4 * var(--space-4)); }

.report-grid .report-grid__row--group :is(th, td),
.report-grid .calendar-grid__row--total :is(th, td) {
  font-weight: 600;
}

.report-grid__row--orphan .calendar-grid__name {
  color: var(--text-secondary);
  font-style: italic;
}

.report-grid__note {
  margin-left: var(--space-2);
  color: var(--text-secondary);
  font-size: var(--font-size-secondary);
  font-weight: 400;
}

@media (max-width: 767px) {
  /* Закреплённая колонка статей — узкая, название переносится: иначе на
     телефоне она закрывает суммы при прокрутке таблицы */
  .report-grid .calendar-grid__name {
    width: 150px;
    min-width: 150px;
    max-width: 150px;
    white-space: normal;
    overflow-wrap: anywhere;
  }

  .report-grid .report-grid__name--depth-1 { padding-left: calc(var(--space-3) + var(--space-2)); }
  .report-grid .report-grid__name--depth-2 { padding-left: calc(var(--space-3) + 2 * var(--space-2)); }
  .report-grid .report-grid__name--depth-3 { padding-left: calc(var(--space-3) + 3 * var(--space-2)); }
  .report-grid .report-grid__name--depth-4 { padding-left: calc(var(--space-3) + 4 * var(--space-2)); }
}