.payment-stats {
  grid-template-columns: repeat(3, 1fr);
  max-width: 900px;
}
.payment-guidance {
  border-radius: 7px;
  background: #f4f7f4;
  padding: 11px 12px;
  font-size: 11px;
  color: #6b786e;
}
.payment-guidance:empty {
  display: none;
}
.payment-guidance-note {
  font-size: 10px;
  color: #9aa49c;
  margin-top: 6px;
}
html[data-theme="dark"] .payment-guidance {
  background: #26312a;
  color: #c3d0c7;
}
.expense-pill {
  display: inline-block;
  border-radius: 20px;
  padding: 4px 8px;
  font-size: 9px;
  font-weight: 700;
  background: #fbefea;
  color: #a35f45;
}
html[data-theme="dark"] .expense-pill {
  background: #4b3730;
  color: #e0a58a;
}
.negative-amount {
  color: #a35f45 !important;
}
.transaction-voided {
  opacity: 0.6;
}
.transaction-voided td strong {
  text-decoration: line-through;
}
@media (max-width: 760px) {
  .payment-stats {
    grid-template-columns: 1fr;
  }
}