/* Terminal v2 (FEATURES terminal2): the full-viewport trading app at /terminal. Everything here is scoped under body.t2a and lives in
   this file only, so the site-wide redesign (public/premium.css) and this page merge cleanly.
   Look: OMBRO's warm dark ground in stepped surfaces (page -> panel -> raised -> hover) instead of hairlines, radius 16 on panels and
   10 on controls, Urbanist for words and JetBrains Mono (tabular) for every number, green up / red down for market direction,
   orange only for the brand, actions and XMR amounts. No glows, no gradients, no tilted anything.
   Zero layout shift: every panel, row, cell and button has its final size before data arrives;
   lists scroll inside fixed boxes; live values replace text inside fixed cells. */
body.t2a{--s0:#1E1C1A;--s1:#252320;--s2:#2C2926;--s3:#34312D;--s4:#3D3935;--tx:#F5F1E8;--tx2:#CBC4B8;--mu:#9C958A;--mu2:#80796F;--up:#7BC79A;--dn:#F0806A;--or:#FF6600;--r:16px;--rc:10px;--top:56px;--bar:30px;--gap:8px;--rail:300px;--side:360px;
  margin:0;background:var(--s0);color:var(--tx);font:15px/1.45 Urbanist,system-ui,-apple-system,sans-serif;height:100dvh;overflow:hidden;font-feature-settings:'tnum' 1;-webkit-font-smoothing:antialiased}
body.t2a *{box-sizing:border-box}
body.t2a .mono,body.t2a input,body.t2a dd,body.t2a td{font-variant-numeric:tabular-nums}
body.t2a .mono{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace;letter-spacing:-.01em}
body.t2a .up{color:var(--up)}body.t2a .dn{color:var(--dn)}body.t2a .mut{color:var(--mu)}body.t2a .o{color:var(--or)}
body.t2a a{color:inherit}
body.t2a button{font:inherit;color:inherit}
body.t2a h1,body.t2a h2{margin:0;font-weight:600;letter-spacing:-.02em}
body.t2a [hidden]{display:none!important}
/* ---------- top bar ---------- */
.t2a .t2-top{height:var(--top);display:flex;align-items:center;gap:20px;padding:0 16px;background:var(--s0);position:relative;z-index:30}
.t2a .t2-brand{display:flex;align-items:center;gap:8px;text-decoration:none;font:700 19px/1 Urbanist,sans-serif;letter-spacing:-.03em;flex:none}
.t2a .t2-brand img{display:block}
.t2a .t2-nav{display:flex;gap:4px;flex:none}
.t2a .t2-nav a{height:36px;display:flex;align-items:center;padding:0 12px;border-radius:var(--rc);text-decoration:none;color:var(--mu);font-weight:500}
.t2a .t2-nav a:hover{color:var(--tx);background:var(--s1)}.t2a .t2-nav a[aria-current=page]{color:var(--tx);background:var(--s2)}
.t2a .t2-coins{display:none}
.t2a .t2-q{position:relative;flex:1;max-width:620px;height:40px;display:flex;align-items:center;gap:8px;padding:0 6px 0 14px;background:var(--s1);border-radius:var(--rc);color:var(--mu)}
.t2a .t2-q:focus-within{background:var(--s2);box-shadow:inset 0 0 0 1px var(--s4)}
.t2a .t2-q input{flex:1;min-width:0;height:100%;border:0;outline:0;background:none;color:var(--tx);font:15px Urbanist,sans-serif}
.t2a .t2-q input::placeholder{color:var(--mu)}
.t2a .t2-q input::-webkit-search-cancel-button{display:none}
.t2a .t2-paste{height:28px;padding:0 10px;border:0;border-radius:8px;background:var(--s3);color:var(--tx2);font-size:13px;cursor:pointer}
.t2a .t2-q kbd{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:var(--s2);font:12px 'JetBrains Mono',monospace;color:var(--mu)}
.t2a .t2-qr{position:absolute;left:0;right:0;top:46px;margin:0;padding:6px;list-style:none;background:var(--s2);border-radius:var(--rc);box-shadow:0 12px 32px rgba(0,0,0,.45);max-height:420px;overflow:auto;z-index:40}
.t2a .t2-qr li a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;height:48px;padding:0 10px;border-radius:8px;text-decoration:none}
.t2a .t2-qr li a:hover,.t2a .t2-qr li a[aria-selected=true]{background:var(--s3)}
.t2a .t2-qr li.t2-empty{padding:12px;color:var(--mu)}
.t2a .t2-tr{margin-left:auto;display:flex;align-items:center;gap:12px;flex:none}
.t2a .t2-xp,.t2a .t2-bal{font-size:13px;color:var(--tx2);white-space:nowrap}
.t2a .t2-bal{height:36px;width:196px;display:flex;align-items:center;justify-content:center;padding:0 12px;border-radius:var(--rc);background:var(--s1);overflow:hidden}
.t2a .t2-bal.off{visibility:hidden}
.t2a #wbtn{height:36px;width:150px;justify-content:center;overflow:hidden;white-space:nowrap}.t2a #wbtn .ws{display:none}
/* ---------- the app grid ---------- */
.t2a main.t2-app{max-width:none;margin:0}
.t2a .t2-app{display:grid;grid-template-columns:var(--rail) minmax(0,1fr) var(--side);gap:var(--gap);padding:0 var(--gap);height:calc(100dvh - var(--top) - var(--bar))}
.t2a.rail-off .t2-app{grid-template-columns:0 minmax(0,1fr) var(--side);column-gap:0}
.t2a.rail-off .t2-rail{visibility:hidden}
.t2a .t2-mid,.t2a .t2-side{min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--gap);padding-bottom:var(--gap);scrollbar-width:thin;scrollbar-color:var(--s3) transparent;overflow-anchor:none}
.t2a .t2-p{background:var(--s1);border-radius:var(--r);flex:none;position:relative}
/* ---------- rail ---------- */
.t2a .t2-rail{display:flex;flex-direction:column;min-height:0;overflow:hidden}
.t2a .t2-rtabs{display:flex;gap:2px;padding:8px;overflow-x:auto;scrollbar-width:none;flex:none;height:52px}
.t2a .t2-rtabs button{flex:none;height:36px;padding:0 12px;border:0;border-radius:var(--rc);background:none;color:var(--mu);font-weight:500;cursor:pointer;white-space:nowrap}
.t2a .t2-rtabs button:hover{color:var(--tx)}.t2a .t2-rtabs button[aria-selected=true]{background:var(--s2);color:var(--tx)}
.t2a .t2-list{list-style:none;margin:0;padding:0 8px 52px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:var(--s3) transparent}
.t2a .t2-row{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;height:56px;padding:0 10px;border-radius:12px;text-decoration:none}
.t2a .t2-row:hover{background:var(--s2)}.t2a .t2-row[aria-current=true]{background:var(--s3)}
.t2a .t2-rn{display:grid;min-width:0}.t2a .t2-rn b{font-weight:600;font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.t2a .t2-rn span{font-size:12px;line-height:18px;color:var(--mu)}
.t2a .t2-rr{display:grid;justify-items:end;font-size:12.5px;line-height:19px}.t2a .t2-rr small{color:var(--mu2);font-size:10.5px}
.t2a .t2-empty{padding:16px 10px;color:var(--mu);font-size:14px}
.t2a .t2-rfold{position:absolute;left:8px;bottom:8px;width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:8px;background:var(--s2);color:var(--mu);cursor:pointer}
.t2a .t2-ico{position:relative;display:inline-grid;place-items:center;flex:none;border-radius:50%;background:var(--s3);overflow:hidden}
.t2a .t2-ico i{font:600 13px Urbanist,sans-serif;font-style:normal;color:var(--mu)}
.t2a .t2-ico img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
/* ---------- coin header ---------- */
.t2a .t2-head{height:124px;padding:14px 18px;display:grid;grid-template-rows:48px 1fr;gap:10px}
.t2a .t2-id{display:flex;gap:12px;align-items:center;min-width:0}
.t2a .t2-idt{min-width:0;display:grid;gap:2px}
.t2a .t2-nm{display:flex;align-items:baseline;gap:8px;min-width:0;height:26px}
.t2a .t2-nm h1{font-size:21px;line-height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}
.t2a .t2-tk{color:var(--mu);font-size:14px}
.t2a .t2-fav{width:26px;height:26px;border:0;border-radius:6px;background:none;color:var(--mu);cursor:pointer;font-size:16px;line-height:1}
.t2a .t2-fav[aria-pressed=true]{color:var(--or)}
.t2a .t2-meta{display:flex;gap:14px;align-items:center;height:20px;font-size:12px;color:var(--mu);white-space:nowrap;overflow:hidden}
.t2a .t2-meta a{text-decoration:none}.t2a .t2-meta a:hover{color:var(--tx)}
.t2a .t2-ca{border:0;background:none;padding:0;color:var(--mu);cursor:pointer;font:inherit}
.t2a .t2-stats{display:grid;grid-auto-flow:column;grid-auto-columns:auto;gap:12px;margin:0;align-items:end}
.t2a .t2-st{min-width:0}.t2a .t2-st dt{font-size:12px;color:var(--mu);line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t2a .t2-st dd{margin:0;font-size:14px;line-height:22px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* ---------- chart ---------- */
.t2a .t2-chart{height:480px;display:grid;grid-template-rows:44px 22px minmax(0,1fr) 26px;padding:0 6px;overflow:hidden;margin:0;border:0}
.t2a .t2-cbar{display:flex;align-items:center;gap:8px;padding:6px 6px 0;overflow-x:auto;scrollbar-width:none}
.t2a .t2-sp{flex:1}
.t2a .cseg{display:inline-flex;gap:2px;padding:2px;border-radius:9px;background:var(--s2);flex:none}
.t2a .cseg button{height:28px;padding:0 9px;border:0;border-radius:7px;background:none;color:var(--mu);font:500 12px 'JetBrains Mono',monospace;cursor:pointer;white-space:nowrap}
.t2a .cseg button:hover{color:var(--tx)}.t2a .cseg button[aria-pressed=true]{background:var(--s4);color:var(--tx)}
.t2a .t2-cro{padding:2px 12px 0;font-size:12px;color:var(--tx2);white-space:nowrap;overflow:hidden}.t2a .t2-cro span{color:var(--mu);margin-right:3px}.t2a .t2-cro b{font-weight:500;margin-left:6px}
.t2a .t2-chart .cc-b{height:auto;min-height:0;position:relative}
.t2a .t2-cfoot{display:flex;justify-content:space-between;align-items:center;padding:0 10px;font-size:11px;color:var(--mu2);white-space:nowrap;overflow:hidden}
.t2a .t2-cfoot .cc-n{padding:0;font-size:11px;color:var(--mu2);overflow:hidden;text-overflow:ellipsis}
.t2a .cc-tv{display:inline;padding:0;font:11px 'JetBrains Mono',monospace;color:var(--mu2);text-decoration:none;flex:none}.t2a .cc-tv:hover{color:var(--tx2)}
/* ---------- bottom tabs ---------- */
.t2a .t2-tabs{height:470px;display:grid;grid-template-rows:52px minmax(0,1fr);overflow:hidden}
.t2a .t2-tabbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px}
.t2a .t2-tb{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.t2a .t2-tb button{height:36px;padding:0 12px;border:0;border-radius:var(--rc);background:none;color:var(--mu);font-weight:500;cursor:pointer;white-space:nowrap}
.t2a .t2-tb button[aria-selected=true]{color:var(--tx);background:var(--s2)}
.t2a .t2-tbl{overflow-y:auto;overflow-x:hidden;min-height:0;padding:0 10px 8px;scrollbar-width:thin;scrollbar-color:var(--s3) transparent;overflow-anchor:none}
.t2a .t2-t{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}
.t2a .t2-t th{position:sticky;top:0;background:var(--s1);height:32px;padding:0 8px;text-align:left;font-weight:500;font-size:12px;color:var(--mu);z-index:1}
.t2a .t2-t td{height:36px;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'JetBrains Mono',monospace;font-size:12.5px}
.t2a .t2-t tr:hover td{background:var(--s2)}
.t2a .t2-t .n{text-align:right}
.t2a .t2-t a{text-decoration:none;color:var(--tx2)}.t2a .t2-t a:hover{color:var(--tx)}
.t2a .t2-t .sd-b{color:var(--up)}.t2a .t2-t .sd-s{color:var(--dn)}
.t2a .t2-t .bar{position:relative}.t2a .t2-t .bar i{position:absolute;right:8px;top:7px;bottom:7px;border-radius:3px;opacity:.16;pointer-events:none}.t2a .t2-t .bar.b i{background:var(--up)}.t2a .t2-t .bar.s i{background:var(--dn)}.t2a .t2-t .bar span{position:relative}
.t2a .t2-t tr.sk td i{display:block;height:10px;border-radius:5px;background:var(--s2)}
.t2a .t2-t tr.new td{animation:t2flash 1.2s ease-out}.t2a .t2-t tr.new{animation:t2in .28s ease-out}
@keyframes t2flash{from{background:var(--s3)}to{background:transparent}}
@keyframes t2in{from{transform:translateY(-6px);opacity:.4}to{transform:none;opacity:1}}
@media (prefers-reduced-motion:reduce){.t2a .t2-t tr.new td,.t2a .t2-t tr.new{animation:none}}
.t2a .t2-t .me{color:var(--or)}
/* ---------- right column ---------- */
.t2a .t2-trade{padding:14px 16px 12px;height:520px;display:flex;flex-direction:column;gap:10px}
.t2a .t2-sheet-h{display:none}
.t2a .t2-seg{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:3px;border-radius:12px;background:var(--s2);height:44px;flex:none}
.t2a .t2-seg button{border:0;border-radius:9px;background:none;color:var(--mu);font-weight:600;cursor:pointer}
.t2a .t2-seg button[aria-selected=true]{background:var(--s4);color:var(--tx)}
.t2a .t2-trade[data-side=buy] .t2-seg [data-tside=buy]{color:var(--up)}.t2a .t2-trade[data-side=sell] .t2-seg [data-tside=sell]{color:var(--dn)}
.t2a .t2-line{display:flex;justify-content:space-between;align-items:center;height:32px;flex:none}
.t2a .t2-line .k{font-size:13px;color:var(--mu)}
.t2a .legs{display:inline-flex;gap:2px;padding:2px;border-radius:9px;background:var(--s2)}
.t2a .legs button{height:28px;padding:0 10px;border:0;border-radius:7px;background:none;color:var(--mu);font:500 12.5px 'JetBrains Mono',monospace;cursor:pointer}
.t2a .legs button[aria-pressed=true]{background:var(--s4);color:var(--tx)}.t2a .legs button:disabled{opacity:.35;cursor:default}
.t2a .t2-amt{display:flex;align-items:center;gap:6px;height:56px;padding:0 8px 0 14px;border-radius:12px;background:var(--s2);flex:none}
.t2a .t2-amt:focus-within{box-shadow:inset 0 0 0 1px var(--s4)}
.t2a .t2-cur{font-size:22px;color:var(--mu);width:16px;text-align:center}
.t2a .t2-amt input{flex:1;min-width:0;border:0;outline:0;background:none;color:var(--tx);font:500 24px 'JetBrains Mono',monospace;height:100%;padding:0}
.t2a .t2-unit{height:32px;padding:0 10px;border:0;border-radius:8px;background:var(--s3);color:var(--tx2);font-size:12.5px;cursor:pointer;flex:none;min-width:62px}
.t2a .t2-hint{height:16px;font-size:12px;color:var(--mu);margin-top:-4px;white-space:nowrap;overflow:hidden;flex:none}
.t2a .t2-pre{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) auto;gap:6px;height:36px;flex:none}
.t2a .t2-pre button,.t2a .t2-pre input{height:36px;border:0;border-radius:var(--rc);background:var(--s2);color:var(--tx2);font:500 13px 'JetBrains Mono',monospace;cursor:pointer;min-width:0;text-align:center}
.t2a .t2-pre input{background:var(--s3);color:var(--tx);cursor:text;outline:0;width:100%}
.t2a .t2-pre button:hover{background:var(--s3);color:var(--tx)}.t2a .t2-pre [data-edit]{padding:0 10px;font-family:Urbanist,sans-serif}
.t2a .t2-opts{display:flex;justify-content:space-between;align-items:center;height:24px;flex:none}
.t2a .t2-quick{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tx2);cursor:pointer}.t2a .t2-quick input{accent-color:var(--or);margin:0}
.t2a .t2-chip{height:24px;display:flex;align-items:center;padding:0 9px;border-radius:999px;background:var(--s2);color:var(--tx2);font-size:12px}
.t2a .t2-kv{margin:0;display:grid;gap:0;flex:none}
.t2a .t2-kv div{display:flex;justify-content:space-between;align-items:center;height:26px;font-size:13px}
.t2a .t2-kv dt{color:var(--mu)}.t2a .t2-kv dd{margin:0;font-family:'JetBrains Mono',monospace;font-size:12.5px;max-width:62%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t2a .t2-expl{margin:0;height:36px;font-size:12.5px;line-height:18px;color:var(--mu);overflow:hidden;flex:none}
.t2a .t2-go{height:48px;border:0;border-radius:12px;background:var(--or);color:#1E1C1A;font:700 16px Urbanist,sans-serif;cursor:pointer;flex:none;width:100%}
.t2a .t2-go:hover{background:#FF7D26}.t2a .t2-go:disabled{opacity:.55;cursor:default}
.t2a .t2-trade[data-side=sell] .t2-go{background:var(--s4);color:var(--tx)}
.t2a .t2-res{height:40px;font-size:12.5px;line-height:18px;color:var(--tx2);overflow:hidden;flex:none}
.t2a .t2-res .bad{color:var(--dn)}.t2a .t2-res .ok{color:var(--up)}.t2a .t2-res a{color:var(--tx)}
.t2a .t2-res button{border:0;background:none;padding:0;color:var(--or);cursor:pointer;font-size:12.5px;text-decoration:underline}
.t2a .t2-card{padding:16px 18px}
.t2a .t2-card h2,.t2a .t2-ch h2{font-size:15px;line-height:20px}
.t2a .t2-ch{display:flex;justify-content:space-between;align-items:center;min-height:32px}
.t2a .t2-ch b{font:500 20px 'JetBrains Mono',monospace}
.t2a .t2-note{margin:10px 0 0;font-size:12.5px;line-height:18px;color:var(--mu)}.t2a .t2-note a{color:var(--tx2)}
.t2a .t2-pay{height:260px}
.t2a .t2-pr{display:flex;justify-content:space-between;align-items:flex-start;height:52px;padding-top:10px}
.t2a .t2-pr span{display:grid}.t2a .t2-pr span:last-child{justify-items:end}.t2a .t2-pr b{font-weight:600;font-size:14px}.t2a .t2-pr em{font-style:normal;font-size:12px;color:var(--mu)}.t2a .t2-pr em.o{color:var(--or)}
.t2a .t2-more{display:block;margin-top:8px;font-size:12.5px;color:var(--tx2);text-decoration:none}
.t2a .t2-lad{list-style:none;margin:10px 0 0;padding:0}
.t2a .t2-lad li{display:flex;justify-content:space-between;height:30px;align-items:center;padding:0 10px;border-radius:8px;font-size:13px;color:var(--mu)}
.t2a .t2-lad li b{font-weight:500;color:var(--tx2)}
.t2a .t2-lad li[aria-current=true]{background:var(--s2);color:var(--tx)}.t2a .t2-lad li[aria-current=true] b{color:var(--or)}
.t2a .t2-tier{height:248px}
.t2a .t2-split{list-style:none;margin:10px 0 0;padding:0}
.t2a .t2-split li{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:10px;align-items:center;height:46px}
.t2a .t2-split li>b{font-weight:500;color:var(--or);font-size:15px}.t2a .t2-split li span{display:grid;font-size:13.5px;line-height:18px}.t2a .t2-split em{font-style:normal;font-size:11.5px;color:var(--mu)}.t2a .t2-split a{font-size:12px;color:var(--tx2);text-decoration:none}
.t2a .t2-btn{height:40px;display:inline-flex;align-items:center;justify-content:center;padding:0 16px;border:0;border-radius:var(--rc);background:var(--or);color:#1E1C1A;font:700 14.5px Urbanist,sans-serif;text-decoration:none;cursor:pointer}
.t2a .t2-btn.ghost{background:var(--s2);color:var(--tx)}.t2a .t2-btn.sm{height:32px;font-size:13px;padding:0 12px;background:var(--s2);color:var(--tx)}
.t2a .t2-conn .t2-btn{margin-top:14px;width:100%}
/* ---------- landing, positions, numbers ---------- */
.t2a .t2-land{padding:48px 44px;min-height:440px}
.t2a .t2-land .k{font-size:13px;color:var(--mu)}
.t2a .t2-land h1{font-size:46px;line-height:1.05;letter-spacing:-.035em;margin-top:14px}
.t2a .t2-pts{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:18px;max-width:560px}
.t2a .t2-pts li{display:grid;gap:2px;padding-left:18px;border-left:2px solid var(--s3)}.t2a .t2-pts b{font-size:16px}.t2a .t2-pts span{font-size:14px;color:var(--mu)}
.t2a .t2-la{display:flex;gap:10px;margin-top:32px}
.t2a .t2-pos{padding:14px 10px 10px;height:470px;display:grid;grid-template-rows:auto minmax(0,1fr)}.t2a .t2-pos .t2-ch{padding:0 8px 8px}
.t2a .t2-coin{display:inline-flex;gap:8px;align-items:center;border:0;background:none;padding:0;cursor:pointer;color:var(--tx);font:600 13px Urbanist,sans-serif}
.t2a .t2-nums{padding:16px 18px;container-type:inline-size}.t2a .t2-nums h2 .mut{font-weight:500}
.t2a .t2-ng{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0 0}
.t2a .t2-nc{background:var(--s2);border-radius:12px;padding:12px 14px;min-width:0;height:84px;overflow:hidden}.t2a .t2-nc dt{font-size:12px;line-height:16px;color:var(--mu);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t2a .t2-nc dd{margin:4px 0 0;font-size:19px;line-height:26px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t2a .t2-nc span{font-size:11.5px;line-height:16px;color:var(--mu);white-space:nowrap;overflow:hidden;display:block;text-overflow:ellipsis}
@container (max-width:600px){.t2a .t2-ng{grid-template-columns:1fr 1fr}}
/* ---------- status bar ---------- */
.t2a .t2-bar{position:fixed;left:0;right:0;bottom:0;height:var(--bar);display:flex;align-items:center;gap:22px;padding:0 16px;background:var(--s0);font-size:12px;color:var(--tx2);white-space:nowrap;overflow:hidden;z-index:20}
.t2a .t2-bar a{text-decoration:none}.t2a .t2-bar small{color:var(--mu2)}
.t2a .t2-keys{margin-left:auto;color:var(--mu)}
.t2a .t2-sticky{display:none}
/* the wallet dialog keeps the site's own styles; the wallet menu sits above the app */
.t2a .wmenu{z-index:50}
/* ---------- narrower screens ---------- */
@media (max-width:1280px){body.t2a{--rail:264px;--side:336px}.t2a .t2-xp{display:none}.t2a .t2-bal{display:none}}
@media (max-width:1080px){body.t2a{--rail:0px}.t2a .t2-app{grid-template-columns:minmax(0,1fr) var(--side)}.t2a .t2-rail{position:fixed;left:8px;top:calc(var(--top) + 4px);bottom:calc(var(--bar) + 8px);width:320px;z-index:35;box-shadow:0 18px 48px rgba(0,0,0,.5);visibility:hidden}.t2a.rail-on .t2-rail{visibility:visible}.t2a .t2-coins{display:flex;height:36px;align-items:center;padding:0 12px;border:0;border-radius:var(--rc);background:var(--s1);color:var(--tx);font-weight:600;cursor:pointer;flex:none}.t2a .t2-rfold{display:none}.t2a .t2-nav a:last-child{display:none}}
@media (max-width:760px){
 body.t2a{height:auto;overflow:auto;--top:56px}
 .t2a .t2-top{position:sticky;top:0;gap:8px;padding:0 12px}
 .t2a .t2-brand span,.t2a .t2-nav,.t2a .t2-q kbd,.t2a .t2-paste,.t2a .t2-bar{display:none}
 .t2a .t2-q{flex:1;min-width:0;height:38px}
 .t2a #wbtn{width:auto;min-width:44px;padding:0 12px}.t2a #wbtn.on span{display:inline;font-size:12px}.t2a #wbtn .wl{display:none}.t2a #wbtn .ws{display:inline}
 .t2a .t2-coins{padding:0 10px}
 .t2a .t2-app{display:block;height:auto;padding:0 8px calc(84px + env(safe-area-inset-bottom))}
 .t2a .t2-mid,.t2a .t2-side{overflow:visible;padding-bottom:8px}
 .t2a .t2-side{margin-top:0}
 .t2a .t2-rail{left:0;right:0;top:0;bottom:0;width:auto;border-radius:0;padding-top:8px}
 .t2a .t2-head{height:auto;min-height:178px;grid-template-rows:auto auto;padding:14px}
 .t2a .t2-stats{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 12px}
 .t2a .t2-meta{gap:4px 12px;flex-wrap:wrap;height:auto;white-space:normal}.t2a .t2-nm h1{max-width:200px}
 .t2a .t2-chart{grid-template-rows:44px 22px minmax(0,1fr) 40px}.t2a .t2-cfoot{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px}
 .t2a #tfilt{display:none}.t2a .t2-tb{-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent);padding-right:24px}
 .t2a .t2-tabs colgroup{display:none}.t2a [data-pane=trades] th:nth-child(3),.t2a [data-pane=trades] td:nth-child(3),.t2a [data-pane=trades] th:nth-child(4),.t2a [data-pane=trades] td:nth-child(4){display:none}
 .t2a .t2-chart{height:400px}.t2a .t2-tfs button{padding:0 7px}
 .t2a .t2-tabs{height:440px}
 .t2a .t2-trade{position:fixed;left:0;right:0;bottom:0;z-index:45;height:auto;border-radius:20px 20px 0 0;padding:14px 16px calc(16px + env(safe-area-inset-bottom));transform:translateY(105%);transition:transform .22s cubic-bezier(.4,0,.2,1);box-shadow:0 -12px 40px rgba(0,0,0,.5)}
 .t2a.sheet-on .t2-trade{transform:none}
 .t2a .t2-sheet-h{display:flex;justify-content:space-between;align-items:center;height:28px}.t2a .t2-x{border:0;background:var(--s2);border-radius:8px;height:28px;padding:0 10px;color:var(--tx2);cursor:pointer}
 .t2a .t2-sticky{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--s0);z-index:40}
 .t2a .t2-sticky .alt{background:var(--s2);color:var(--tx)}
 .t2a .t2-land{padding:28px 20px;min-height:0}.t2a .t2-land h1{font-size:34px}
 .t2a .t2-ng{grid-template-columns:1fr 1fr}
 .t2a .t2-pos{height:auto;min-height:300px}
}
/* the shared trade runner's messages, inside the fixed result line */
.t2a .t2-res{display:flex;gap:10px;align-items:flex-start}
.t2a .t2-res .sim,.t2a .t2-res .note,.t2a .t2-res p{margin:0;padding:0;background:none;border:0;font-size:12.5px;line-height:18px;max-height:36px;overflow:hidden}
.t2a .t2-res .sim.ok{color:var(--up)}.t2a .t2-res .sim.bad{color:var(--dn)}
.t2a .t2-res .btn{height:auto;padding:0;border:0;background:none;color:var(--or);font-size:12.5px;margin:0!important;flex:none;text-decoration:underline;cursor:pointer}
.t2a .t2-res .spin{display:inline-block;width:10px;height:10px;border-radius:50%;border:2px solid var(--s4);border-top-color:var(--or);animation:t2spin .8s linear infinite;vertical-align:-1px}
@keyframes t2spin{to{transform:rotate(360deg)}}
.t2a .cc-retry{border:0;background:none;padding:0;color:var(--or);font:inherit;cursor:pointer;text-decoration:underline}
/* laptop widths: eight stats share the centre column; a little tighter so no value is cut (sweep 11-03: price and paid cut at 1024-1340) */
@media (max-width:1440px) and (min-width:761px){.t2a .t2-stats{gap:8px}.t2a .t2-st dd{font-size:13px;letter-spacing:-.02em}.t2a .t2-st dt{font-size:11.5px}.t2a .t2-head{padding:14px 14px}}
/* ---------- v2.1: coin picker (in the search box) + the slippage chip ---------- */
.t2a .t2-pkg{padding:10px 10px 4px;font:500 11px 'JetBrains Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:var(--mu2)}
.t2a .t2-pk{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:center}
.t2a .t2-pk a{display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:10px;align-items:center;height:52px;padding:0 10px;border-radius:8px;text-decoration:none}
.t2a .t2-pk a:hover,.t2a .t2-pk a[aria-selected=true]{background:var(--s3)}
.t2a .t2-star{width:32px;height:32px;border:0;border-radius:8px;background:none;color:var(--mu);cursor:pointer;font-size:15px}
.t2a .t2-star[aria-pressed=true]{color:var(--or)}.t2a .t2-star:hover{background:var(--s3)}
.t2a .t2-pick{width:24px;height:24px;border:0;border-radius:6px;background:var(--s2);color:var(--tx2);cursor:pointer;font-size:12px;line-height:1;align-self:center}
.t2a .t2-slipw{position:relative}
.t2a button.t2-chip{border:0;cursor:pointer}.t2a button.t2-chip:hover{background:var(--s3)}
.t2a .t2-slipp{position:absolute;right:0;top:30px;width:260px;padding:12px;border-radius:12px;background:var(--s3);box-shadow:0 14px 36px rgba(0,0,0,.5);z-index:20;font-size:12.5px;color:var(--tx2)}
.t2a .t2-slipp b{display:block;font-size:13px;color:var(--tx);margin-bottom:8px}
.t2a .t2-slipb{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.t2a .t2-slipb button{height:30px;border:0;border-radius:7px;background:var(--s2);color:var(--tx2);cursor:pointer;font-size:12px}
.t2a .t2-slipb button[aria-pressed=true]{background:var(--s4);color:var(--or)}
.t2a .t2-slipp label{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.t2a .t2-slipp input{width:90px;height:30px;border:0;border-radius:7px;background:var(--s2);color:var(--tx);padding:0 8px;font:12.5px 'JetBrains Mono',monospace}
.t2a .t2-slipp p{margin:8px 0 0;color:var(--mu);line-height:17px}
@media (max-width:760px){.t2a.pick-on .t2-qr{position:fixed;left:0;right:0;top:var(--top);bottom:0;max-height:none;border-radius:0;z-index:60}}
/* ---------- v2.1: Pulse (/terminal/pulse): three columns of fixed-height cards ---------- */
.t2a .t2-pseg{display:none}
.t2a .t2-papp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap);padding:0 var(--gap);height:calc(100dvh - var(--top) - var(--bar));max-width:none;margin:0}
.t2a .t2-pcol{display:grid;grid-template-rows:auto minmax(0,1fr);min-height:0;padding:12px 8px 0}
.t2a .t2-pcol .t2-ch{padding:0 8px 8px;gap:10px}.t2a .t2-pcol .t2-ch .t2-note{margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.t2a .t2-pl{list-style:none;margin:0;padding:0 0 8px;overflow-y:auto;min-height:0;scrollbar-width:thin;scrollbar-color:var(--s3) transparent;overflow-anchor:none}
.t2a .t2-pc{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;height:78px;padding:0 8px;border-radius:12px}
.t2a .t2-pc:hover{background:var(--s2)}
.t2a .t2-pc.new{animation:t2in .3s ease-out}
.t2a .t2-pca{display:grid;grid-template-columns:40px minmax(0,1fr);grid-template-rows:auto auto 4px;column-gap:10px;row-gap:4px;align-items:center;text-decoration:none;min-width:0}
.t2a .t2-pca .t2-ico{grid-row:1/3}
.t2a .t2-pcn{display:flex;gap:8px;align-items:baseline;min-width:0;white-space:nowrap;overflow:hidden}.t2a .t2-pcn b{font-weight:600;font-size:14.5px}.t2a .t2-pcn em{font-style:normal;font-size:11px}.t2a .t2-pcn .mono{font-size:12px}
.t2a .t2-pcs{display:flex;gap:12px;font-size:12px;color:var(--tx2);white-space:nowrap;overflow:hidden}.t2a .t2-pcs small{color:var(--mu2);font-size:10.5px}
.t2a .t2-pcb{grid-column:1/-1;height:4px;border-radius:2px;background:var(--s3);overflow:hidden}.t2a .t2-pcb i{display:block;height:100%;background:var(--up);border-radius:2px}
.t2a .t2-qb{height:32px;display:flex;align-items:center;padding:0 10px;border-radius:9px;background:var(--s3);color:var(--tx);text-decoration:none;font-size:12.5px;white-space:nowrap}
.t2a .t2-qb:hover{background:var(--or);color:#1E1C1A}
@media (max-width:1080px){.t2a .t2-papp{grid-template-columns:repeat(2,minmax(0,1fr))}.t2a .t2-pcol[data-col=graduated]{display:none}}
@media (max-width:760px){
 .t2a .t2-pseg{display:flex;margin:4px 8px 8px}.t2a .t2-pseg button{flex:1;height:34px;font-family:Urbanist,sans-serif;font-size:13.5px}
 .t2a .t2-papp{display:block;height:auto;padding:0 8px 24px}
 .t2a .t2-pcol{display:block}.t2a .t2-pcol[data-off]{display:none}.t2a .t2-pcol[data-col=graduated]:not([data-off]){display:block}
 .t2a .t2-pl{overflow:visible}
}
/* v2.1 chart Display menu (marker kinds) */
.t2a .t2-crow{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.t2a .t2-crow .t2-cro{flex:1;min-width:0}
.t2a .t2-dispw{position:static;flex:none;padding-right:8px}.t2a .t2-dispw .t2-chip{height:20px;font-size:11px;padding:0 8px}
.t2a .t2-disp{right:10px;left:auto;top:66px;width:240px}
.t2a .t2-dk{display:flex!important;align-items:center;gap:8px;justify-content:flex-start!important;margin:6px 0 0!important;cursor:pointer}.t2a .t2-dk input{accent-color:var(--or);width:auto;height:auto}
/* 11-04 header stats: columns sized to their content (a long value such as the XMR paid gets the room, short ones give it); below
   1080 px the eight stats take two rows of four instead of cutting every value, and a long label wraps instead of being cut */
@media (max-width:1080px) and (min-width:761px){.t2a .t2-head{height:auto;min-height:124px;grid-template-rows:48px auto}.t2a .t2-stats{grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px}}
@media (max-width:1080px){.t2a .t2-st dt{white-space:normal;overflow:visible;line-height:15px}}
/* chart marker tip (hover a marker): kind, count, side, USD and time span */
.t2a .cc-tip{position:absolute;left:0;top:0;z-index:5;pointer-events:none;padding:4px 8px;border-radius:6px;background:var(--s3);color:var(--tx2);font-size:11px;line-height:16px;white-space:nowrap}