Как определить другие классы CSS, которые будут использоваться в стилях ячеек ag-grid

Question

Я пытаюсь раскрасить ячейку этого столбца на основе значений, введенных пользователем.
Вот его определение:

{
      headerName: "Test column",
      field: "test",
      width: 150,
      editable: true,
      cellClassRules: {
        "rag-green": "x == 'A. Extremely serious'",
        "rag-amber": "x == 'B. Very serious'",
        "rag-red":"x == 'C. Serious'",
        "sandybrown": "x == 'D. Minor'",
        "red": "x == 'E. Not significant'"
      }
    }

На основании документации: ag-grid Документация по стилю и внешнему виду
Мне удалось использовать"тряпично-зеленый", "тряпично-янтарный" и "тряпично-красный".Однако, когда я попытался определить другие классы ячеек в:

app.component.css:

.ag-theme-balham .sick-days-warning {
  background-color: sandybrown !important;
}
.ag-theme-balham .sick-days-breach {
  background-color: lightcoral !important;
}

И попытался использовать один из них с 4-й строкой,Это не сработало.
Итак, вот мои вопросы:
1 / Как определить другие классы, такие как "rag-green", "rag-amber" и "rag-red", которые будут использоваться внутри стиля сетки?
2 / Где определены классы "rag-green", "rag-amber" и "rag-red"?И есть ли другие предопределенные классы CSS, которые я могу использовать?
3 / Почему не работает класс CSS 4-й строки?
Спасибо!