.recharge .eyebrow{margin-bottom:8px}
.recharge-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:22px 0}
.recharge-presets button{padding:20px 12px;background:#f7faf5}
.recharge input{max-width:400px}
.recharge-total{display:flex;align-items:center;gap:20px;color:#65745f;font-size:14px}
.recharge-total strong{color:#284e38;font-size:32px;font-weight:550}
dialog{border:1px solid #dce3d8;border-radius:18px;padding:28px;width:min(500px,calc(100vw - 32px));color:#21332d;max-height:90vh;overflow:auto}
dialog::backdrop{background:#152d2455}
dialog dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:15px;font-size:13px;margin:24px 0}
dialog dd{margin:0;overflow-wrap:anywhere}
dialog dt{color:#7b8578}
.qr-placeholder{width:200px;height:200px;border:2px dashed #d3ddd0;background:#f8faf5;margin:24px auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#8b9781}
.qr-placeholder small{font-size:11px}
.payment-actions{display:flex;gap:12px;justify-content:flex-end}
.payment-actions .primary{margin:0;width:auto}
@media(max-width:700px){.recharge-presets{grid-template-columns:repeat(2,1fr)}.recharge-presets button{padding:16px 8px}.section-head{gap:12px}.section-head button{white-space:nowrap}dialog{padding:22px 18px}dialog dl{grid-template-columns:80px minmax(0,1fr)}}