/* Keep every scroll container usable while hiding native scrollbar chrome. */
html,body,body *{scrollbar-width:none!important;-ms-overflow-style:none!important}
::-webkit-scrollbar{display:none!important;width:0!important;height:0!important}
/* Content-sized status and small action dialogs. Never constrain the overlay mask. */
body dialog.merchant-notify-dialog{box-sizing:border-box;width:480px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);height:fit-content;min-height:0;padding:0;font-size:13px}
body .merchant-notify-dialog header{padding:12px 16px;min-height:0;gap:12px}
body .merchant-notify-dialog h3{font-size:15px;line-height:1.5}
body .merchant-notify-dialog header button{width:30px;height:30px;min-width:30px;min-height:0;padding:0;display:grid;place-items:center;font-size:20px;line-height:1;border-radius:6px}
body .merchant-notify-dialog .mn-body{padding:12px 16px}
body .merchant-notify-dialog .mn-summary{padding:10px 12px;margin:10px 0}
body .merchant-notify-dialog h4{margin:14px 0 6px}
body .merchant-notify-dialog article{padding:8px 0}
body .merchant-notify-dialog p{margin:6px 0;line-height:1.6}
body .merchant-notify-dialog details{margin-top:12px}
body .merchant-notify-dialog footer{padding:10px 16px;gap:8px}
body .merchant-notify-dialog button{min-height:32px;padding:6px 10px;font-size:13px;line-height:1.4}
body .merchant-notify-dialog .mn-error:empty{display:none}
/* Simple payment and credential dialogs share compact spacing. */
body .shared-payment-card{max-width:400px;border-radius:12px;box-sizing:border-box;max-height:calc(100dvh - 32px)}
body .shared-payment-card header{padding:12px 16px;min-height:0}
body .shared-payment-card header strong{font-size:15px}
body .shared-payment-card header button{width:30px;height:30px;min-height:0;padding:0;font-size:20px}
body .shared-payment-card form{padding:16px}
body #createdInfoModal .created-info-card{width:min(480px,calc(100vw - 32px));max-width:480px;border-radius:12px}
body[data-ui] #credentialView .mbox{width:min(480px,calc(100vw - 32px))!important;max-width:min(480px,calc(100vw - 32px))!important}
body .apply-detail-card{width:640px;max-width:calc(100vw - 32px)}
body[data-ui] #acModal>.modal-card{width:680px!important;border-radius:12px!important}
body[data-ui] #applyChannelChooser .modal-card{width:480px!important}
@media(max-width:520px){body .merchant-notify-dialog article>div{flex-wrap:wrap}body .merchant-notify-dialog footer{gap:6px}}