.muiuqp-payment-shell{
	max-width:660px;margin:32px auto;padding:clamp(20px,5vw,42px);
	background:#fff;color:#17130f;border:1px solid #e9dfd1;border-radius:28px;
	box-shadow:0 22px 70px rgba(29,19,10,.09);
	font-family:system-ui,-apple-system,"Noto Sans Thai","Leelawadee UI",sans-serif
}
.muiuqp-kicker{font-size:11px;font-weight:800;letter-spacing:.18em;color:#9b7444}
.muiuqp-payment-shell h1{margin:7px 0 24px;font-size:clamp(25px,5vw,38px);line-height:1.1}
.muiuqp-amount-label{text-align:center;color:#766859;font-size:13px}
.muiuqp-amount{text-align:center;font-size:clamp(48px,12vw,78px);line-height:1;font-weight:900;margin:7px 0 24px;letter-spacing:-.04em}
.muiuqp-amount span{font-size:.28em;letter-spacing:0;color:#6f6254}
.muiuqp-qr-wrap{width:min(100%,330px);margin:0 auto 22px;padding:18px;border:1px solid #eee2d2;border-radius:24px;background:#fff}
.muiuqp-qr{display:flex;align-items:center;justify-content:center;min-height:280px}
.muiuqp-qr img,.muiuqp-qr canvas{max-width:100%!important;height:auto!important}
.muiuqp-qr-error{padding:28px;text-align:center;color:#8a2b2b;background:#fff2f2;border-radius:16px}
.muiuqp-instruction{text-align:center;padding:16px 18px;margin:0 0 18px;background:#fbf7ef;border-radius:18px}
.muiuqp-instruction strong{display:block;font-size:15px;line-height:1.6}
.muiuqp-instruction p{margin:5px 0 0;font-size:13px;color:#786a59;line-height:1.6}
.muiuqp-summary{margin:0;padding:0;border-top:1px solid #eee4d7}
.muiuqp-summary>div{display:grid;grid-template-columns:1fr 1.35fr;gap:14px;padding:13px 0;border-bottom:1px solid #eee4d7}
.muiuqp-summary dt{color:#847566}
.muiuqp-summary dd{margin:0;text-align:right;overflow-wrap:anywhere}
.muiuqp-badge{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800}
.muiuqp-badge.is-pending{background:#fff2cf;color:#7a5510}
.muiuqp-badge.is-paid{background:#e7f7eb;color:#17622b}
.muiuqp-stay-open{display:flex;flex-direction:column;gap:3px;margin-top:18px;padding:15px 17px;border-radius:16px;background:#17130f;color:#fff}
.muiuqp-stay-open span{font-size:12px;color:#d8cbbb;line-height:1.5}
.muiuqp-success,.muiuqp-expired,.muiuqp-generic-success{text-align:center;padding:28px 0}
.muiuqp-success-mark{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 15px;background:#e7f7eb;color:#17622b;font-size:36px;font-weight:900}
.muiuqp-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border:0;border-radius:999px;background:#17130f;color:#fff!important;text-decoration:none!important;font-weight:800;cursor:pointer}
.muiuqp-message{max-width:660px;margin:30px auto;padding:18px;border-radius:16px;background:#faf5ee}
.muiuqp-message.is-error{background:#fff0f0;color:#7f2222}
@media(max-width:560px){
	.muiuqp-payment-shell{margin:0;border-radius:0;border-left:0;border-right:0;padding:22px 16px}
	.muiuqp-summary>div{grid-template-columns:1fr}
	.muiuqp-summary dd{text-align:left}
	.muiuqp-qr{min-height:240px}
}