/* Top corners on every display: paper (scan + trades) on the left, real (LIVE + trades) on the right. The row between them takes no clicks. */
.hud{position:fixed;z-index:52;top:calc(8px + env(safe-area-inset-top));left:calc(10px + env(safe-area-inset-left));right:calc(10px + env(safe-area-inset-right));display:flex;justify-content:space-between;gap:6px;align-items:flex-start;pointer-events:none}
body:has(.tr-sheet.on) .hud{z-index:62}
body.embed .hud{display:none!important}
.hud-col{display:flex;flex-direction:column;gap:6px;min-width:0;pointer-events:auto}
.hud .ss-btn,.hud .lv-btn,.hud .tr-btn{position:static;width:100%;min-height:40px;height:40px;padding:0 12px;justify-content:center;white-space:nowrap}
.hud .tr-btn{transform:none}
.hud-n{font-weight:600;font-size:11px;letter-spacing:0;opacity:.8}.hud-n:empty{display:none}
.hud-tag{font:700 9px Inter,system-ui,sans-serif;letter-spacing:.5px;text-transform:uppercase;border-radius:5px;padding:2px 5px;background:#f5a524;color:#1a1206}
.hud-tag.real{background:#dc2626;color:#fff}
/* view tabs in the top center, wallet under them */
.cw-open{top:calc(66px + env(safe-area-inset-top));right:auto;left:50%;transform:translateX(-50%)}
/* each trades list slides in from its own side, under its buttons: paper from the left, real from the right */
.tr-sheet{left:auto;right:calc(10px + env(safe-area-inset-right));top:calc(102px + env(safe-area-inset-top));bottom:calc(10px + env(safe-area-inset-bottom));width:min(560px,calc(100vw - 20px));max-height:none;border:1px solid #2a2540;border-radius:20px;padding:10px 16px 14px;transform:translateX(calc(100% + 24px))}
.tr-sheet.on{transform:none}
#trSheet{left:calc(10px + env(safe-area-inset-left));right:auto;transform:translateX(calc(-100% - 24px))}
#trSheet.on{transform:none}
.tr-grab{display:none}
.tr-list{flex:1;min-height:0}
.tr-hd small.lt-real{background:#dc2626;color:#fff}
.lt-sheet a{color:#c4b5fd}
.lt-log{font:11.5px/1.5 'JetBrains Mono',ui-monospace,Menlo,monospace;color:#8f8aa3;margin-top:6px;overflow-wrap:anywhere}
.lt-log b{display:block;font:700 11px Inter,system-ui,sans-serif;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px}
body.view-night .tr-sheet{border-bottom:1px solid rgba(233,196,106,.3)}
/* phones: tabs fill the top row, the four buttons sit in two rows under them, wallet stays bottom right */
@media (max-width:820px){
.hud{top:calc(66px + env(safe-area-inset-top))}
.hud-col{flex:1 1 0}
.hud .ss-btn,.hud .lv-btn,.hud .tr-btn{min-height:36px;height:36px;padding:0 8px;gap:5px;font-size:12px;overflow:hidden}
.hud .ss-n,.hud .hud-n{font-size:10px}
.hud .tr-btn{gap:3px}.hud .tr-btn em{font-size:11px}.hud-tag{font-size:8px;padding:1px 3px}
.cw-open{top:auto;bottom:calc(12px + env(safe-area-inset-bottom));left:auto;right:12px;transform:none}
.tr-sheet{top:calc(150px + env(safe-area-inset-top))}
body.view-night #night .nscroll{padding-top:calc(env(safe-area-inset-top) + 152px)!important}
body.view-swarm .swin{margin-top:60px}
body.view-terminal #desk,body.view-mobile #mob{margin-top:calc(env(safe-area-inset-top) + 92px)}
}

/* the two lists: paper on the left, real on the right, on every display */
.duo{--duo-tx:#e9e6f5;--duo-mu:#8f8aa3;--duo-ln:#2a2540;--duo-bg:rgba(255,255,255,.03);--duo-up:#31e881;--duo-dn:#ef5064;--duo-tag:#f5a524;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;color:var(--duo-tx);font:500 12px Inter,system-ui,sans-serif;text-align:left}
.duo-host{margin:0 0 10px}
body.embed .duo-host{display:none}
.duo-col{min-width:0;border:1px solid var(--duo-ln);border-radius:12px;background:var(--duo-bg);padding:8px 10px}
.duo-col.real{border-color:rgba(239,68,68,.4)}
.duo-h{display:flex;align-items:center;justify-content:space-between;gap:6px}
.duo-h b{font-size:13px;font-weight:700}
.duo-tag{font:700 9px Inter,system-ui,sans-serif;letter-spacing:.5px;border-radius:5px;padding:2px 5px;background:var(--duo-tag);color:#1a1206}
.duo-tag.real{background:#dc2626;color:#fff}.duo-tag.off{background:var(--duo-ln);color:var(--duo-mu)}
.duo-sum{margin:3px 0 6px;color:var(--duo-mu);font-size:10.5px;line-height:1.35}
.duo-sum .up{color:var(--duo-up)}.duo-sum .dn{color:var(--duo-dn)}
.duo-row{display:flex;justify-content:space-between;align-items:center;gap:6px;min-height:36px;padding:5px 0;border-top:1px solid var(--duo-ln);color:inherit;text-decoration:none}
.duo-t{min-width:0}.duo-t b{display:block;font-size:12.5px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.duo-t small,.duo-v small{display:block;color:var(--duo-mu);font:500 10px Inter,system-ui,sans-serif;white-space:nowrap}
.duo-v{flex:none;text-align:right;white-space:nowrap;font:700 12px 'JetBrains Mono',ui-monospace,monospace}.duo-v.up{color:var(--duo-up)}.duo-v.dn{color:var(--duo-dn)}
.duo-empty{padding:10px 0;border-top:1px solid var(--duo-ln);color:var(--duo-mu);text-align:center;font-size:11.5px}
.duo-all{display:block;width:100%;min-height:32px;background:none;border:0;border-top:1px solid var(--duo-ln);color:var(--duo-mu);font:600 11px Inter,system-ui,sans-serif;cursor:pointer}
.mob .duo-host{margin:14px 0}.mob .duo{--duo-bg:#1b1a1d;--duo-ln:#2d2b31;--duo-mu:#9b98a3}.mob .duo-col{border-radius:18px}
#night .duo{--duo-tx:#f4efe6;--duo-mu:var(--mut);--duo-ln:var(--bd);--duo-bg:var(--card);--duo-up:var(--up);--duo-dn:var(--dn);--duo-tag:var(--g);margin-bottom:14px;font-family:inherit}#night .duo-col{border-radius:18px}#night .duo-col.real{border-color:rgba(239,68,68,.3)}
.sw.xp .swduo{padding:0 8px 8px;margin-bottom:8px}.sw.xp .swduo .xp-tt{margin:0 -8px 6px}
.sw.xp .duo{--duo-tx:#111;--duo-mu:#555;--duo-ln:#cfc9b5;--duo-bg:#fff;--duo-up:#0a7a17;--duo-dn:#c4161c;font-family:Tahoma,Verdana,sans-serif;gap:6px}.sw.xp .duo-col{border-radius:3px;padding:5px 6px}
.bal-tag{font:700 9px Inter,system-ui,sans-serif;letter-spacing:.6px;color:#f5a524;margin-bottom:4px}