/**
 * /public_html/assets/css/payment-record.css
 * Staff record-payment + NSF reverse UI (allocation polish).
 */

.pay-alloc-panel {
  border: 1px solid rgba(33, 37, 41, 0.12);
  border-radius: 0.75rem;
  padding: 0.9rem 1rem;
  margin-bottom: 1rem;
  background: rgba(248, 249, 250, 0.65);
}

.pay-alloc-panel__head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.55rem;
}

.pay-alloc-panel__title {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  margin: 0;
  font-weight: 600;
}

.pay-alloc-panel__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  font-size: 0.8125rem;
  color: #6c757d;
  margin-bottom: 0.65rem;
}

.pay-alloc-panel__total {
  font-weight: 600;
  color: #212529;
}

.pay-alloc-panel__total.is-mismatch {
  color: #b02a37;
}

.pay-alloc-panel__total.is-match {
  color: #146c43;
}

.pay-alloc-panel.is-priority-mode .pay-alloc-lines {
  opacity: 0.55;
}

.pay-alloc-lines .pay-alloc-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}

.pay-alloc-lines .pay-alloc-line__copy {
  flex: 1 1 12rem;
  min-width: 0;
}

.pay-alloc-lines .pay-alloc-line__amount {
  flex: 0 0 6.5rem;
}

.pay-reverse-modal .form-label {
  font-weight: 600;
}