.outstanding-list article[class*="payment-age-"] {
  border-left: 5px solid transparent;
}
.outstanding-list .payment-age-attention { border-left-color: #d39a28; }
.outstanding-list .payment-age-warning { border-left-color: #d06c32; }
.outstanding-list .payment-age-critical {
  border-left-color: #ad263e;
  background: #fff7f8;
}
.payment-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 10px;
}
.payment-actions form {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
}
.payment-actions small {
  max-width: 160px;
  color: var(--muted);
  font-size: 11px;
}
.outstanding-panel > header p {
  margin: 7px 0 0;
  color: var(--muted);
  font-size: 12px;
}
@media (max-width: 780px) {
  .payment-actions,
  .payment-actions form {
    align-items: stretch;
    width: 100%;
    flex-direction: column;
  }
  .payment-actions .button,
  .payment-actions select { width: 100%; }
}