/* aggrid-group-tint.css — тинт раскрытых групп колонок AG Grid
 * ============================================================
 *  Применяется совместно с aggrid-group-tint.js (window.MA_GroupTint).
 *  Подключение: <link rel="stylesheet" href="/assets/aggrid-group-tint.css">
 *  после aggrid-theme.css и до styles.css страницы.
 *
 *  Два варианта тинта (A и B) обеспечивают различимость двух соседних
 *  раскрытых групп. Закрытая группа — без тинта (классы не выставляются).
 *  Токены --ma-gt-* определены в theme.css (light + dark).
 *  Специфичность минимальна: только ag-cell / ag-header-cell /
 *  ag-header-group-cell — не перебивает heatmap или другие !important-классы.
 * ============================================================ */

/* === Тинт A (синий акцент) === */

/* Ячейки данных */
.ag-cell.ma-grp-tint-a {
  background: var(--ma-gt-a-cell) !important;
}

/* Заголовочные ячейки-листы (колонки внутри группы) */
.ag-header-cell.ma-grp-tint-a {
  background: var(--ma-gt-a-header) !important;
}

/* Групповой заголовок (одна ячейка на всю группу) */
.ag-header-group-cell.ma-grp-tint-a {
  background: var(--ma-gt-a-header) !important;
}

/* === Тинт B (зелёный нейтральный) === */

.ag-cell.ma-grp-tint-b {
  background: var(--ma-gt-b-cell) !important;
}

.ag-header-cell.ma-grp-tint-b {
  background: var(--ma-gt-b-header) !important;
}

.ag-header-group-cell.ma-grp-tint-b {
  background: var(--ma-gt-b-header) !important;
}

/* === Переходы — плавное появление тинта === */

/* Плавный fade при открытии/закрытии группы.
   Только background (не затрагивает цвет текста). */
.ag-cell.ma-grp-tint-a,
.ag-cell.ma-grp-tint-b,
.ag-header-cell.ma-grp-tint-a,
.ag-header-cell.ma-grp-tint-b,
.ag-header-group-cell.ma-grp-tint-a,
.ag-header-group-cell.ma-grp-tint-b {
  transition: background 0.15s ease;
}

/* prefers-reduced-motion — убрать переход */
@media (prefers-reduced-motion: reduce) {
  .ag-cell.ma-grp-tint-a,
  .ag-cell.ma-grp-tint-b,
  .ag-header-cell.ma-grp-tint-a,
  .ag-header-cell.ma-grp-tint-b,
  .ag-header-group-cell.ma-grp-tint-a,
  .ag-header-group-cell.ma-grp-tint-b {
    transition: none;
  }
}