#mmPayMemberForm{display:grid;gap:16px}
#mmPayMemberForm>label{display:grid;gap:8px}
#mmPayMemberForm #mmPayMemberCheckBtn{min-height:48px;font-weight:800}
#mmPayMemberPreview.mm-member-payment-preview{padding:20px;border:1px solid #bbdcd0;border-radius:16px;background:#f4fbf7;box-shadow:0 8px 20px rgba(20,92,59,.07)}
#mmPayMemberPreview.mm-member-payment-preview.hidden{display:none!important}
#mmPayMemberPreview h3{margin:0 0 15px;font-size:19px;color:#155339}
#mmPayMemberPreview dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
#mmPayMemberPreview dl>div{min-width:0;padding:12px 14px;border:1px solid #e2ece6;border-radius:11px;background:#fff}
#mmPayMemberPreview dt{font-size:12px;color:#587366}
#mmPayMemberPreview dd{margin:4px 0 0;font-size:16px;font-weight:800;color:#183a29;overflow-wrap:anywhere}
#mmPayMemberPreview p{margin:15px 0;font-size:14px;line-height:1.5;color:#345947}
#mmPayMemberPreview #mmPayMemberProcessBtn{min-height:48px;width:100%;font-weight:800}
#mmPayMemberPreview #mmPayMemberProcessBtn:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:580px){#mmPayMemberPreview dl{grid-template-columns:1fr}#mmPayMemberPreview.mm-member-payment-preview{padding:14px}}

/* Pemeriksaan pembayaran merchant menggunakan tata letak yang sama. */
#mmPayMerchantForm{display:grid;gap:16px}
#mmPayMerchantForm>label{display:grid;gap:8px}
#mmPayMerchantForm #mmPayMerchantCheckBtn{min-height:48px;font-weight:800}
#mmPayMerchantPreview.mm-member-payment-preview{padding:20px;border:1px solid #bbdcd0;border-radius:16px;background:#f4fbf7;box-shadow:0 8px 20px rgba(20,92,59,.07)}
#mmPayMerchantPreview.mm-member-payment-preview.hidden{display:none!important}
#mmPayMerchantPreview h3{margin:0 0 15px;font-size:19px;color:#155339}
#mmPayMerchantPreview dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
#mmPayMerchantPreview dl>div{min-width:0;padding:12px 14px;border:1px solid #e2ece6;border-radius:11px;background:#fff}
#mmPayMerchantPreview dt{font-size:12px;color:#587366}
#mmPayMerchantPreview dd{margin:4px 0 0;font-size:16px;font-weight:800;color:#183a29;overflow-wrap:anywhere}
#mmPayMerchantPreview p{margin:15px 0;font-size:14px;line-height:1.5;color:#345947}
#mmPayMerchantPreview #mmPayMerchantProcessBtn{min-height:48px;width:100%;font-weight:800}
#mmPayMerchantPreview #mmPayMerchantProcessBtn:disabled{opacity:.55;cursor:not-allowed}
@media(max-width:580px){#mmPayMerchantPreview dl{grid-template-columns:1fr}#mmPayMerchantPreview.mm-member-payment-preview{padding:14px}}