/* Shared controls for the four wallet surfaces. No new global page shell. */
body[data-wallet-flow] #wallet-dialog{width:calc(100% - 32px);max-width:430px;box-sizing:border-box;padding:28px;border-radius:20px}
body[data-wallet-flow] #wallet-dialog[open]{display:flex;flex-direction:column;overflow:hidden}
body[data-wallet-flow] #wallet-dialog h2{font-size:26px;line-height:1.2;font-weight:500;margin:0 0 20px}
body[data-wallet-flow] #wallet-dialog .wallet-options{display:grid;gap:10px;margin:0;min-height:0;overflow:auto;overscroll-behavior:contain}
body[data-wallet-flow] #wallet-dialog .wallet-options button{display:flex;align-items:center;width:100%;margin:0;min-height:52px;padding:12px 16px;gap:14px;border-radius:12px;font-size:17px;opacity:1}
body[data-wallet-flow] #wallet-dialog .wallet-options img{width:28px;height:28px}
body[data-wallet-flow] #wallet-message{font-size:14px;line-height:1.5;margin:16px 0 0}
body[data-wallet-flow] #wallet-message:empty{display:none}
body[data-wallet-flow] #wallet-dialog #close-wallet{display:block;position:static;min-height:44px;margin:16px auto 0;padding:8px 16px;border:0;background:transparent;color:var(--ui-ink);font-size:14px;line-height:1.3;opacity:1}
body[data-wallet-flow] :is(#pending,#saved-action){box-sizing:border-box;border:0;border-radius:14px;background:#fff2d82b;padding:16px 18px;font-size:14px;line-height:1.5;overflow-wrap:anywhere;box-shadow:none}
body[data-wallet-flow] :is(#pending,#saved-action) p{margin:0 0 8px}
body[data-wallet-flow] :is(#pending,#saved-action) button{min-height:44px;padding:10px 14px;margin:4px 0;border-radius:10px;border:0;background:var(--ui-ink);color:var(--ui-paper);font:inherit}
body[data-wallet-flow] :is(#pending,#saved-action) summary{cursor:pointer;min-height:44px;align-content:center}
body[data-wallet-flow] [data-wallet-state]{font-size:14px;line-height:1.5;animation:none!important}
body[data-wallet-flow] [data-wallet-state]:not(:empty)::before{content:'';display:inline-block;width:6px;height:6px;margin:0 8px 2px 0;border-radius:50%;background:currentColor}
body[data-wallet-flow] :is(.primary,#connect,#provide,#withdraw,#finish,#act,#connect-to-stake){min-height:48px;border-radius:12px}
body[data-wallet-flow] :is(#wallet-dialog,#pending,#saved-action) button:disabled{opacity:.5;cursor:default}
body[data-wallet-flow] :is(#wallet-dialog,#pending,#saved-action) button:focus-visible{outline:2px solid var(--ui-ink);outline-offset:3px}
body[data-wallet-flow] :is(#pending,#saved-action) :is(a,summary):focus-visible{outline:2px solid var(--ui-ink);outline-offset:3px}
body[data-wallet-flow] .swap-receive[data-stale=true]{opacity:.6}
body[data-wallet-flow] #swap-stage{min-height:21px;margin:0 0 6px;font-size:13px;line-height:1.5;text-align:center}
@media(prefers-reduced-motion:no-preference){
 body[data-wallet-flow] :is(#wallet-dialog,#pending,#saved-action) button{transition:background-color .15s,opacity .15s,scale .15s}
 body[data-wallet-flow] :is(#wallet-dialog,#pending,#saved-action) button:active:not(:disabled){scale:.96}
 body[data-wallet-flow] .swap-receive{transition:opacity .15s}
}
@media(max-height:660px){body[data-wallet-flow] #wallet-dialog{padding:16px 20px}body[data-wallet-flow] #wallet-dialog h2{font-size:24px;margin-bottom:12px}body[data-wallet-flow] #wallet-dialog .wallet-options{gap:8px}body[data-wallet-flow] #wallet-dialog .wallet-options button{min-height:44px;padding:7px 12px;font-size:16px}}

body[data-wallet-flow] :is(#swap-stage,#swap-status){min-height:0;margin:0 0 6px;font-size:13px;line-height:1.5;text-align:center}
body[data-wallet-flow] :is(#swap-stage,#swap-status):empty{display:none}
body[data-wallet-flow] #stop-flow{border:0;background:transparent;color:var(--ui-ink);font:inherit;font-size:13px;min-height:44px;padding:8px 10px;border-radius:10px}