/* Compact dialogs: retain readable text and scroll access at any zoom. */
#paymentModalV2,#myOrdersModal,#adminModal,#statsModal,#pricingModal,#activateModal,#paywallModal{padding:12px!important;align-items:flex-start;overflow-y:auto;overscroll-behavior:contain}
#paymentModalV2 *,#myOrdersModal *,#pricingModal *{box-sizing:border-box}
#paymentModalV2 .pay-card{max-width:720px;padding:18px;border-radius:18px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;margin:auto;min-width:0}
#paymentModalV2 .pay-header{grid-column:1/-1;margin:0;padding:0 36px 4px}
#paymentModalV2 .pay-header h2{font-size:20px;margin:0 0 2px}
#paymentModalV2 .pay-header p{font-size:12px}
#paymentModalV2 .pay-amount{grid-column:1;grid-row:2;margin:0;padding:10px;border-radius:12px}
#paymentModalV2 .pay-amount-value{font-size:28px;line-height:1.2}
#paymentModalV2 .pay-amount-tier{font-size:12px;margin-top:3px}
#paymentModalV2 .pay-ref{grid-column:2;grid-row:2;margin:0;padding:10px;border-radius:12px}
#paymentModalV2 .pay-ref-title{font-size:12px;line-height:1.5;margin-bottom:5px}
#paymentModalV2 .pay-ref-row input{font-size:16px;padding:8px;min-height:42px;letter-spacing:.02em}
#paymentModalV2 .pay-ref-row button{font-size:12px;padding:8px 10px;min-height:42px}
#paymentModalV2 .pay-qr-wrap{grid-column:1;grid-row:3/6;margin:0;padding:10px;display:flex;align-items:center;justify-content:center}
#paymentModalV2 #payQrContainer{width:100%}
#paymentModalV2 .pay-qr-wrap img,#paymentModalV2 .pay-qr-wrap canvas{width:180px!important;height:180px!important;max-width:100%;object-fit:contain;border-radius:0}
#paymentModalV2 .pay-info{grid-column:2;grid-row:3;padding:8px 10px;margin:0;font-size:12px}
#paymentModalV2 .pay-info-row{gap:8px;flex-wrap:wrap;padding:3px 0}
#paymentModalV2 .pay-order-id{grid-column:2;grid-row:4;padding:6px;margin:0;font-size:12px;overflow-wrap:anywhere}
#paymentModalV2 .pay-steps{grid-column:2;grid-row:5;padding:8px 10px;margin:0;font-size:11px;line-height:1.5}
#paymentModalV2 .pay-steps li{padding:1px 0}
#paymentModalV2 #slipUploadSection,#paymentModalV2 #slipPreviewSection,#paymentModalV2 #slipSuccessSection{grid-column:1/-1}
#paymentModalV2 .pay-actions{flex-direction:row;gap:8px}
#paymentModalV2 .pay-btn{padding:10px;font-size:13px;min-height:44px}
#paymentModalV2 .pay-close{width:40px;height:40px;top:8px;right:8px;z-index:2}
#myOrdersModal .pay-card,#statsModal .pay-card,#adminModal .pay-card{padding:18px;border-radius:18px}
#pricingModal .pricing-box{padding:40px 20px 20px;max-width:1160px}
#pricingModal .pricing-title{font-size:26px;margin:0 0 6px}
#pricingModal .pricing-sub{font-size:13px;margin-bottom:12px}
#pricingModal .have-code-banner{padding:10px 14px;margin-bottom:18px}
#pricingModal .pricing-grid{gap:16px}
#pricingModal .tier-card{padding:26px 16px 16px;gap:9px}
#pricingModal .tier-card-name{font-size:25px}
#pricingModal .tier-card-price .num{font-size:38px}
#pricingModal .tier-features li{font-size:13px;line-height:1.5;margin-bottom:7px}
#pricingModal .nm-year{padding:9px;font-size:14px}
#pricingModal .nm-first-month{padding:10px;font-size:13px}
#pricingModal .nm-first-month span{font-size:12px}
#pricingModal .tier-cta{padding:10px;font-size:14px;min-height:44px}
#pricingModal .nm-game-preview img{height:100px}
#pricingModal .nm-year-note{font-size:13px;margin:14px 0}
#nmKruRenewal{padding:12px 16px;gap:12px;margin:12px 0}
#nmKruRenewal .nm-renew-mascot{width:95px;min-height:115px}
#nmKruRenewal h3{font-size:18px}#nmKruRenewal button{font-size:15px;padding:14px}
#activateModal .activate-box,#paywallModal .paywall-box{padding:22px 18px;max-width:420px}
@media(min-width:960px){#pricingModal .pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-width:none}}
@media(max-width:600px){
 #paymentModalV2 .pay-card{max-width:430px;padding:14px;display:flex;flex-direction:column;gap:8px;margin:0 auto}
 #paymentModalV2 .pay-header{padding:0 30px 4px}
 #paymentModalV2 .pay-amount{padding:8px}
 #paymentModalV2 .pay-qr-wrap{padding:8px}
 #paymentModalV2 .pay-qr-wrap img,#paymentModalV2 .pay-qr-wrap canvas{width:160px!important;height:160px!important}
 #paymentModalV2 .pay-actions{flex-wrap:wrap}
 #paymentModalV2 .pay-actions>*{flex:1 1 140px}
 #pricingModal .pricing-box{padding:42px 12px 16px}
 #pricingModal .pricing-title{font-size:22px}
 #pricingModal .tier-card{padding:24px 14px 14px}
}