/* BG-MOTION-R1.01: requested iOS panel slides; restoration and dialog focus are retained. */
html.bg-wallet-locked{overflow:hidden!important;overscroll-behavior:none}
.bg-wallet-overlay,.bg-wallet-overlay *{box-sizing:border-box}
.bg-wallet-overlay{position:fixed;inset:0;z-index:1100;display:flex;justify-content:center;width:100%;height:100vh;height:100dvh;overflow:hidden;background:transparent;overscroll-behavior:contain;-webkit-tap-highlight-color:transparent}
.bg-wallet-panel{--bg-wallet-gutter:clamp(0.5rem,2.6vw,1.5rem);display:flex;flex-direction:column;position:relative;width:100%;min-width:0;height:100%;overflow:hidden;outline:none;background:#fff;color:#17202d;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition:-webkit-transform 300ms cubic-bezier(.2,.8,.2,1);transition:transform 300ms cubic-bezier(.2,.8,.2,1);-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform}
.bg-wallet-overlay.is-open .bg-wallet-panel{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.bg-wallet-toolbar{flex:0 0 auto;display:grid;grid-template-columns:2.75rem minmax(0,1fr)2.75rem;align-items:center;min-height:calc(3.5rem + env(safe-area-inset-top,0px));padding:calc(0.5rem + env(safe-area-inset-top,0px)) var(--bg-wallet-gutter) 0.5rem;background-color:#fff;background-image:linear-gradient(110deg,#277ef5,#2e83f7);background-repeat:no-repeat;background-position:0 100%;background-size:100% calc(100% - env(safe-area-inset-top,0px))}
.bg-wallet-title{margin:0;color:#fff;text-align:center;font-size:1.0625rem;font-weight:400;line-height:1.5}
.bg-wallet-back{display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;touch-action:manipulation}
.bg-wallet-back svg{display:block;width:1.4375rem;height:1.4375rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.bg-wallet-scroll{flex:1 1 auto;min-height:0;overflow:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px))}
.bg-wallet-state{display:flex;flex-direction:column;align-items:center;gap:1rem;margin:0 var(--bg-wallet-gutter);padding:4rem 0.75rem 1.5rem;text-align:center;overflow-wrap:anywhere}
.bg-wallet-state p{margin:0;color:#6b7280;font-size:0.875rem;line-height:1.7}
.bg-wallet-action{max-width:100%;min-height:2.375rem;padding:0.5rem 1.5rem;border:1px solid #dce8fb;border-radius:0.5625rem;background:#eff5ff;color:#277ef5;font:600 0.8125rem/1.25rem -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",Arial,sans-serif;cursor:pointer;touch-action:manipulation}
.bg-wallet-panel button:focus{outline:none}
.bg-wallet-panel button:focus-visible{outline:0.125rem solid #76a9ff;outline-offset:0.1875rem}
@media screen and (min-width:768px) and (hover:hover) and (pointer:fine){.bg-wallet-overlay{left:50%;right:auto;width:min(100%,32.5rem);transform:translateX(-50%)}.bg-wallet-panel{--bg-wallet-gutter:0.875rem;width:100%;max-width:520px}}
@media(prefers-reduced-motion:reduce){html:not(.bg-ios-webkit) .bg-wallet-panel{transition:none}}