table.croc-payments tr.paid td:has(.field--name-balance)  {
  background-color: lightgreen;
}
table.croc-payments tr.unpaid td:has(.field--name-balance)  {
  background-color: lightcoral;
}
table.croc-payments tr.overpaid td:has(.field--name-balance)  {
  background-color: yellow;
}
table.croc-payments tr.total td,
table.croc-payments td:has(.field--type-commerce-price) {
  text-align: right;
}
table.croc-payments tr.total td {
  font-weight: bold;
}