/* Wallet bar + swap box. Each page sets --sgf-primary / --sgf-paper / --sgf-text / --sgf-dim / --sgf-line on .sgf-swap. */
.sgf-swap{max-width:516px;margin:22px auto 6px;border:2px solid var(--sgf-primary);background:var(--sgf-paper);padding:14px 14px 10px;color:var(--sgf-text)}
.sgf-swap[data-mode=uni]{max-width:672px}
/* the "Trade X" heading right above the box centers with it */
h2:has(+ .sgf-swap){text-align:center;margin-left:auto;margin-right:auto}
.sgf-wallet{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;margin:0 0 12px;font-size:14px}
.sgf-addr{font-family:Consolas,Menlo,monospace;color:var(--sgf-primary)}
.sgf-bal b{font-family:Consolas,Menlo,monospace;font-weight:600}
.sgf-dim{color:var(--sgf-dim);font-size:13px}
.sgf-warn{color:#ff8a5c;font-size:13px}
.sgf-btn{display:inline-block;cursor:pointer;font:inherit;font-weight:700;padding:8px 16px;border:2px solid var(--sgf-primary);background:var(--sgf-primary);color:var(--sgf-paper);border-radius:999px;text-decoration:none}
.sgf-btn:hover{filter:brightness(1.12);text-decoration:none}
.sgf-btn.alt{background:transparent;color:var(--sgf-primary)}
.sgf-oku{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 8px}
.sgf-widget{max-width:480px;height:var(--dynamicHeight,540px)}
.sgf-widget iframe{display:block;width:100%;border:0;border-radius:12px}
.sgf-fine{color:var(--sgf-dim);font-size:13px;margin:10px 0 0}
a.sgf-connect{white-space:nowrap}