.payout-confirmation { max-width: 760px; }
.payment-system { max-width: 760px; }
.payment-system .badge { margin-bottom: 12px; }
.payment-system dd { font-variant-numeric: tabular-nums; font-size: 20px; }
.payment-amount-input { display: flex; gap: 12px; align-items: center; margin-bottom: 16px; }
.payment-amount-input input { width: 220px; max-width: 100%; font-size: 22px; font-variant-numeric: tabular-nums; }
.payment-preview { display: grid; gap: 8px; margin: 18px 0 0; max-width: 540px; }
.payment-preview > div { display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: space-between; }
.payment-preview dd { margin: 0; font-weight: 600; font-variant-numeric: tabular-nums; }
.payment-preview dt { color: var(--muted, #62616a); }
.payment-more { margin-top: 24px; }
@media (max-width: 600px) {
  .payment-amount-input { flex-wrap: wrap; }
  .payment-amount-input input { flex: 1 1 150px; min-width: 0; }
  .payout-confirmation .actions > button { width: 100%; }
}