/* ============================================================
   aggrid-totals-floors.css — строка «ИТОГО» в три этажа.
   Пара к aggrid-totals-floors.js (window.MA_TotalsFloors).

   Этаж 1 — найденное, тем же весом, что раньше стояло число периода.
   Этаж 2 — период в скобках, мелко и приглушённо.
   Этаж 3 — доля периода, ещё тише: это справка, а не показатель.

   Цвета — токенами theme.css. Подключать ПОСЛЕ base.css.
   ============================================================ */

.ma-tf {
  display: flex;
  flex-direction: column;
  align-items: flex-end;      /* числа правым краем — как вся числовая колонка */
  justify-content: center;
  line-height: 1.18;
  height: 100%;
  gap: 1px;
}

/* Колонка с подписью «ИТОГО» — текстовая, прижимаем влево */
.ag-cell:not(.ag-right-aligned-cell) > .ma-tf,
.ma-tf.ma-tf--left {
  align-items: flex-start;
  text-align: left;
}

/* Подпись «ИТОГО» не должна обрезаться слева при нехватке ширины: пусть лучше
   уползёт хвост, чем начало слова — читают его с первой буквы. */
.ma-tf--left .ma-tf-main,
.ma-tf--left .ma-tf-sub {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}

.ma-tf-main {
  font-weight: 700;
  color: inherit;             /* наследуем цвет ячейки: прибыль/убыток красят её сами */
  white-space: nowrap;
}

.ma-tf-sub {
  font-size: 11px;
  font-weight: 400;
  color: var(--text2);
  white-space: nowrap;
}

/* Доля — самый тихий этаж: подсказка масштаба, не число для чтения вслух */
.ma-tf-share {
  font-size: 10px;
  opacity: 0.85;
}

/* Закреплённая нижняя строка с тремя этажами выше обычной — иначе этажи
   обрезаются. Высоту строки задаёт страница (MA_TotalsFloors.pinnedRowHeight),
   здесь снимаем вертикальные отступы, съедающие место. */
.ag-floating-bottom .ag-cell:has(.ma-tf) {
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: normal;
}