.payment-backdrop{z-index:40}
.payment-modal{width:min(650px,100%)}
.payment-modal .field label{font-size:14px}
.payment-modal textarea{width:100%;min-height:70px;border:1px solid #dfe7ec;border-radius:8px;padding:10px;font:inherit}
.payment-summary{display:flex;gap:14px;flex-wrap:wrap;padding:14px;background:#f3faf9;border-radius:10px;font-size:14px}
.payment-summary span{flex:1;min-width:130px}
.payment-summary b{display:block;margin-top:5px;font-size:18px}
.payment-note{font-size:13px;color:#637483;line-height:1.5}
.payment-error{font-size:14px;color:#ab2929;line-height:1.5}
.payment-history{border-top:1px solid #e6ebf0;padding-top:12px;font-size:14px}
.payment-history summary{cursor:pointer;font-weight:700}
.payment-history>div{padding:10px 0;border-bottom:1px solid #e6ebf0}
.payment-history small{display:block;color:#637483;margin-top:4px}
.payment-history p{margin:5px 0;overflow-wrap:anywhere}
.payment-modal .modal-foot{flex-wrap:wrap}
.invoice-payment-caption{display:block;font-size:12px;font-weight:400;color:#637483;margin:4px 0}