/* Shared spacing and readable supporting text for account and checkout windows. */
#modal{--window-gap:24px;--window-padding:32px;padding:var(--window-padding);border-radius:16px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);background:linear-gradient(155deg,#182229,#10181f 78%);border-color:#3a464b}
#modal-content{min-width:0}
#modal .dialog-close{top:12px;right:12px;width:32px;height:32px}
#modal .dialog-content>h2,#modal #modal-title{font-size:clamp(23px,3.5vw,28px);line-height:1.25;margin-bottom:16px;padding-right:20px}
#modal .dialog-content>p,#modal .cart-note,#modal .account-login-hint,#modal .form-notice{font-size:12px;line-height:1.85}
#modal .account-summary{gap:12px;margin-block:24px}
#modal .account-summary>div{padding:17px;border-radius:10px}
#modal .account-summary small,#modal .account-history-description,#modal .account-history-meta,#modal .delivery-receipt>span,#modal .delivery-receipt code{font-size:11px;line-height:1.7}
#modal .account-history-tabs{margin-block:24px}
#modal .button{min-height:44px;font-size:12px;border-radius:8px}
#modal .cart-note{margin-block:20px;color:#b5c1c9}
.profile-panel .profile-stats small,.shop-banner p,.spending-heading p,.spending-amount-label,.lower-grid .panel-heading>a{font-size:11px;line-height:1.7}
.profile-panel .profile-stats{gap:12px}
@media(max-width:600px){#modal{--window-padding:24px;max-height:calc(100dvh - 24px)}#modal .account-summary>div{padding:14px}#modal .account-summary strong{font-size:20px}.profile-panel .profile-stats small{font-size:10px}.shop-banner p{font-size:11px}}