/* ============================================================
   CRYPTO WAR ROOM -- DEX Terminal v3 (Desktop/deploy-terminal-v3)
   The desk as the v3 design draws it: Geist and Geist Mono, a #0d0f12
   ground with #14161a panels split by 1px #1f2329 lines, 52px header,
   28px status bar, green #2fd49b for everything that's up or on.
   Laid over terminal-v2.css (five .app classes beat its four), so every
   data-* hook and every behaviour underneath is unchanged.
   ============================================================ */
.app.app.app.app.app .term2{
  --app:#0d0f12; --panel:#14161a; --raise:#171a1f; --sunk:#0f1114;
  --hair:#1f2329; --hair-2:#262a31; --rule:#1c1f24;
  --ink:#eceef1; --body:#c3c8cf; --muted:#7c8490; --faint:#7c8490;
  --up:#2fd49b; --down:#f2556f; --accent:#2fd49b;
  --font-ui:Geist,ui-sans-serif,system-ui,sans-serif;
  --font-mono:"Geist Mono",ui-monospace,SFMono-Regular,Menlo,monospace;
  --r-sm:6px; --r-md:9px; --r-lg:12px;
  background:#0d0f12!important;font-size:13px;color:var(--ink)
}
/* the chart reads these when it is built */
html:has(.term2:not([hidden])){--chart-bg:#14161a;--candle-up:#2fd49b;--candle-down:#f2556f}
.app.app.app.app.app .term2 *::-webkit-scrollbar{width:6px;height:6px}
.app.app.app.app.app .term2 *::-webkit-scrollbar-thumb{background:#262a31;border-radius:6px;border:0}
.app.app.app.app.app .term2 .t3hidden{display:none!important}

/* ---------------- header, 52px ---------------- */
.app.app.app.app.app .term2 .t2bar{height:52px;gap:14px;padding:0 14px;background:#111317;border-bottom:1px solid #1f2329}
.app.app.app.app.app .term2 .t3brand{flex:none;display:flex;align-items:center;gap:10px;padding-right:14px;border-right:1px solid #1f2329;height:28px}
.app.app.app.app.app .term2 .t3brand img{width:24px;height:24px;border-radius:6px;display:block}
.app.app.app.app.app .term2 .t3brand span{font:600 12.5px var(--font-ui);letter-spacing:.12em!important;white-space:nowrap;color:#eceef1;text-transform:uppercase}
.app.app.app.app.app .term2 .t2chains{flex:none;display:flex;gap:2px;margin:0!important;padding:0!important;background:none!important;border:0!important;overflow:visible}
.app.app.app.app.app .term2 .t2chains button{flex:none;display:flex;align-items:center;gap:7px;height:30px;padding:0 10px!important;border:1px solid transparent!important;border-radius:8px!important;
  background:transparent!important;color:#a1a8b3!important;font:500 12.5px var(--font-ui)!important;white-space:nowrap;cursor:pointer;transition:all .15s}
.app.app.app.app.app .term2 .t2chains button:hover{color:#ffffff!important}
.app.app.app.app.app .term2 .t2chains button[aria-pressed="true"]{color:#ffffff!important;background:#171a1f!important;border-color:#262a31!important}
.app.app.app.app.app .term2 .t2chains button img,.app.app.app.app.app .term2 .t2chains .t2chainlogo{width:16px!important;height:16px!important;border-radius:99px;display:block}
.app.app.app.app.app .term2 .t2chains button[aria-pressed="false"] .t3cname{display:none}
.app.app.app.app.app .term2 .t2find{flex:0 1 440px!important;width:auto!important;margin:0 auto!important;display:flex;align-items:center;gap:10px;height:34px;padding:0 12px;border-radius:9px;
  background:#171a1f;border:1px solid #1f2329;color:#7c8490}
.app.app.app.app.app .term2 .t2find:focus-within{border-color:#3a4049}
.app.app.app.app.app .term2 .t2find svg{position:static!important;flex:none;width:14px!important;height:14px!important;stroke:currentColor!important;stroke-width:2!important;fill:none}
.app.app.app.app.app .term2 .t2find input{flex:1;min-width:0;width:auto!important;border:0!important;outline:0;background:transparent!important;padding:0!important;font:12.5px var(--font-ui)!important;
  color:#eceef1;box-shadow:none!important;height:auto}
.app.app.app.app.app .term2 .t2find input::placeholder{color:#7c8490}
.app.app.app.app.app .term2 .t2find input::-webkit-search-cancel-button{display:none}
.app.app.app.app.app .term2 .t3kbd{flex:none;font:10.5px var(--font-mono);padding:1px 6px;border-radius:5px;border:1px solid #2a2e35;color:#8a919c}
.app.app.app.app.app .term2 .t3bal{flex:none;display:flex;align-items:center;gap:8px;height:34px;padding:0 12px;border-radius:9px;background:#171a1f;border:1px solid #1f2329;white-space:nowrap}
.app.app.app.app.app .term2 .t3bal span{font:12px var(--font-ui);color:#8a919c}
.app.app.app.app.app .term2 .t3bal b{font:500 12.5px var(--font-mono);color:#eceef1}
.app.app.app.app.app .term2 .wallet{flex:none;display:flex!important;align-items:center;gap:8px;height:34px;padding:0 12px!important;margin:0!important;border-radius:9px!important;background:#171a1f!important;
  border:1px solid #1f2329!important;white-space:nowrap;font:12.5px var(--font-mono)!important;color:#eceef1;cursor:pointer}
.app.app.app.app.app .term2 .wallet[hidden]{display:none!important}
.app.app.app.app.app .term2 .wallet:hover{border-color:#3a4049!important}
.app.app.app.app.app .term2 .wallet__dot{width:7px!important;height:7px!important;border-radius:99px;background:#7c8490!important;box-shadow:none!important;flex:none}
.app.app.app.app.app .term2 .wallet[data-on="true"] .wallet__dot{background:#2fd49b!important;box-shadow:0 0 8px #2fd49b!important}
.app.app.app.app.app .term2 .wallet__state{font:12.5px var(--font-mono)!important;color:#eceef1!important}
.app.app.app.app.app .term2 .wallet [data-wallet-connect]{border:0!important;background:none!important;padding:0!important;height:auto!important;min-height:0!important;font:500 12.5px var(--font-ui)!important;
  color:#2fd49b!important;box-shadow:none!important}
.app.app.app.app.app .term2 .t2icbtn{flex:none;width:34px!important;height:34px!important;border-radius:9px!important;background:#171a1f!important;border:1px solid #1f2329!important;color:#a1a8b3!important;
  display:grid!important;place-items:center;cursor:pointer;padding:0!important}
.app.app.app.app.app .term2 .t2icbtn:hover{color:#ffffff!important;border-color:#3a4049!important}
.app.app.app.app.app .term2 .t2icbtn svg{width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important}

/* ---------------- the three columns ---------------- */
.app.app.app.app.app .term2 .t2work{display:grid!important;grid-template-columns:clamp(280px,14vw,360px) minmax(0,1fr) clamp(330px,15vw,400px)!important;gap:1px!important;padding:0!important;
  background:#1f2329!important}
.app.app.app.app.app .term2 .t2card{border:0!important;border-radius:0!important;background:#14161a!important;box-shadow:none!important}
.app.app.app.app.app .term2 .t2mid{gap:0!important;background:#14161a}
.app.app.app.app.app .term2 .t2rail{gap:0!important;background:#14161a;overflow-y:auto;min-height:0}
.app.app.app.app.app .term2 .t2tabs button[aria-selected="true"]::after{display:none!important}

/* ---------------- left: markets ---------------- */
.app.app.app.app.app .term2 .t2markets .t2tabs{height:44px;gap:18px;padding:0 14px;align-items:stretch;border-bottom:1px solid #1f2329}
.app.app.app.app.app .term2 .t2markets .t2tabs button{padding:0!important;font:500 13px var(--font-ui)!important;color:#7c8490!important;transition:color .15s}
.app.app.app.app.app .term2 .t2markets .t2tabs button[aria-selected="true"]{color:#eceef1!important;box-shadow:inset 0 -2px 0 #2fd49b}
.app.app.app.app.app .term2 .t2mk__top{padding:10px 12px!important;border-bottom:1px solid #1f2329;margin:0}
.app.app.app.app.app .term2 .t2srch{display:none!important}
.app.app.app.app.app .term2 .t2chips{display:flex;gap:4px!important;margin:0!important;overflow:visible}
.app.app.app.app.app .term2 .t2chips.t2sub{margin-top:6px!important}
.app.app.app.app.app .term2 .t2chips button{flex:1!important;white-space:nowrap;height:26px;padding:0 6px!important;border-radius:6px!important;border:0!important;cursor:pointer;
  font:500 12px var(--font-ui)!important;letter-spacing:0!important;text-transform:none!important;color:#8a919c!important;background:transparent!important;transition:all .15s}
.app.app.app.app.app .term2 .t2chips button[aria-pressed="true"]{color:#eceef1!important;background:#1f2329!important}
.app.app.app.app.app .term2 .t2mk__h{display:grid!important;grid-template-columns:minmax(0,1fr) 52px 84px!important;gap:8px!important;padding:8px 14px!important;border:0!important;
  font:11px var(--font-ui)!important;letter-spacing:0!important;text-transform:none!important;color:#7c8490!important}
.app.app.app.app.app .term2 .t2mk__h span:last-child{text-align:right}
.app.app.app.app.app .term2 .coinlist{padding:0 6px 6px!important;overflow-y:auto}
.app.app.app.app.app .term2 .coinrow{display:grid!important;grid-template-columns:minmax(0,1fr) 52px 84px!important;gap:8px!important;align-items:center;height:48px;padding:0 8px!important;
  border-radius:8px!important;border:0!important;background:transparent!important;box-shadow:none;cursor:pointer;transition:background .12s;margin:0!important}
.app.app.app.app.app .term2 .coinrow:hover{background:#1b1e23!important}
.app.app.app.app.app .term2 .coinrow[aria-selected="true"]{background:#1b1e23!important;box-shadow:inset 0 0 0 1px #262a31!important}
.app.app.app.app.app .term2 .coinrow::before,.app.app.app.app.app .term2 .coinrow::after{display:none!important}
.app.app.app.app.app .term2 .coinrow__n{gap:10px!important}
.app.app.app.app.app .term2 .coinrow__logo{width:28px!important;height:28px!important;border-radius:99px!important;font:700 11px var(--font-ui)!important;color:#0d0f12;background:#d9e3e0}
.app.app.app.app.app .term2 .coinrow__names b{font:600 13px/1.2 var(--font-ui)!important;color:#eceef1!important}
.app.app.app.app.app .term2 .coinrow__names span{margin-top:0!important;font:11.5px/1.35 var(--font-ui)!important;color:#7c8490!important}
.app.app.app.app.app .term2 .coinrow__spark{display:block;width:52px;height:20px;overflow:visible}
.app.app.app.app.app .term2 .coinrow__spark path{fill:none;stroke:#2fd49b;stroke-width:1.3;vector-effect:non-scaling-stroke;opacity:.85}
.app.app.app.app.app .term2 .coinrow__spark[data-dir="down"] path{stroke:#f2556f}
.app.app.app.app.app .term2 .coinrow__p{text-align:right;font-family:var(--font-mono)!important;font-variant-numeric:tabular-nums;overflow:visible!important}
.app.app.app.app.app .term2 .coinrow__px{display:block;font:500 12px/1.3 var(--font-mono);color:#eceef1}
.app.app.app.app.app .term2 .coinrow__p .coinrow__chg{display:inline-block!important;margin-top:2px!important;font:500 11px var(--font-mono)!important;padding:0 5px!important;border-radius:4px!important}
.app.app.app.app.app .term2 .coinrow__chg[data-dir="up"]{color:#2fd49b!important}
.app.app.app.app.app .term2 .coinrow__chg[data-dir="down"]{color:#f2556f!important}
.app.app.app.app.app .term2 .coinrow__v,.app.app.app.app.app .term2 .coinrow__tv{display:none!important}
/* index rows (bStocks / indices) have no trend line */
.app.app.app.app.app .term2 .coinrow--idx{grid-template-columns:minmax(0,1fr) 84px!important}

/* ---------------- centre: pair, timeframes, chart, positions ---------------- */
.app.app.app.app.app .term2 .t2chart{min-height:0}
.app.app.app.app.app .term2 .t2pair{height:64px;gap:22px!important;padding:0 18px!important;border-bottom:1px solid #1f2329;overflow:hidden}
.app.app.app.app.app .term2 .t2pair__n{gap:12px!important;flex:none}
.app.app.app.app.app .term2 .t2coin{width:36px!important;height:36px!important;border-radius:99px!important;box-shadow:0 0 0 3px #14161a,0 0 0 4px #23272e!important;flex:none}
.app.app.app.app.app .term2 .t2coin img{width:36px;height:36px;border-radius:99px}
.app.app.app.app.app .term2 .t3pair{display:block;font:600 16px var(--font-ui)!important;color:#eceef1;letter-spacing:0;white-space:nowrap}
.app.app.app.app.app .term2 .t3pair span{color:#7c8490;font-weight:400}
.app.app.app.app.app .term2 .t2pair__venue{margin-top:2px!important;font:11.5px var(--font-ui)!important;letter-spacing:0!important;color:#7c8490!important;white-space:nowrap}
.app.app.app.app.app .term2 .t2pair__venue > span + span::before{content:" \00b7 "}
.app.app.app.app.app .term2 .t2star{border:0!important;background:transparent!important;padding:0!important;color:#7c8490!important;font-size:15px!important;cursor:pointer;line-height:1}
.app.app.app.app.app .term2 .t2star[aria-pressed="true"]{color:#f3ba2f!important}
.app.app.app.app.app .term2 .t2pair__p{display:flex;flex-direction:column;gap:2px;flex:none;white-space:nowrap}
.app.app.app.app.app .term2 .t2pair__p .chartbox__price{font:500 20px var(--font-mono)!important;letter-spacing:-.01em!important;color:#f4f5f6!important}
.app.app.app.app.app .term2 .t2pair__p .chartbox__chg{margin:0!important;font:500 12px var(--font-mono)!important}
.app.app.app.app.app .term2 .t2pair__p .chartbox__chg::after{content:" 24h";color:#7c8490}
.app.app.app.app.app .term2 .t2pair__s{flex:1;min-width:0;display:flex;flex-wrap:wrap;column-gap:26px!important;row-gap:40px;height:36px;overflow:hidden;padding-left:22px;margin-left:0!important;
  border-left:1px solid #1f2329}
.app.app.app.app.app .term2 .t2ps h6{margin:0!important;font:400 11px var(--font-ui)!important;letter-spacing:0!important;text-transform:none!important;color:#7c8490!important}
.app.app.app.app.app .term2 .t2ps p{margin-top:3px!important;font:500 12.5px var(--font-mono)!important;color:#eceef1}
.app.app.app.app.app .term2 .t2ps p.up{color:#2fd49b!important}

.app.app.app.app.app .term2 .t2chartbar{height:40px;display:flex;align-items:center;gap:6px!important;padding:0 12px!important;border-bottom:1px solid #1f2329;overflow-x:auto;scrollbar-width:none;flex:none;
  background:#14161a!important;margin:0!important}
.app.app.app.app.app .term2 .t2chartbar::-webkit-scrollbar{display:none}
.app.app.app.app.app .term2 .t2tf{display:flex!important;gap:6px!important;background:none!important;border:0!important;padding:0!important;flex:none}
.app.app.app.app.app .term2 .t2tf .seg__b{flex:none;height:26px!important;min-width:34px;padding:0 7px!important;border:0!important;border-radius:6px!important;font:500 12px var(--font-mono)!important;
  color:#7c8490!important;background:transparent!important;transition:all .15s}
.app.app.app.app.app .term2 .t2tf .seg__b:hover{color:#ffffff!important}
.app.app.app.app.app .term2 .t2tf .seg__b[aria-pressed="true"]{color:#ffffff!important;background:#1f2329!important}
.app.app.app.app.app .term2 .t2tf::after{content:"";flex:none;width:1px;height:18px;background:#23272e;margin:0 4px;align-self:center}
.app.app.app.app.app .term2 .t2tool{flex:none;display:flex!important;align-items:center;gap:6px;height:26px!important;padding:0 9px!important;border:0!important;border-radius:6px!important;
  background:transparent!important;color:#a1a8b3!important;font:500 12.5px var(--font-ui)!important;letter-spacing:0!important;text-transform:none!important;white-space:nowrap;cursor:pointer}
.app.app.app.app.app .term2 .t2tool:hover{background:#1b1e23!important;color:#ffffff!important}
.app.app.app.app.app .term2 .ind__open::before{content:"";width:13px;height:13px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M3 17l6-6 4 4 8-8'/%3E%3C/svg%3E") center/contain no-repeat}
.app.app.app.app.app .term2 .t2tool--tv svg{display:none}
.app.app.app.app.app .term2 .t2tool--ic{width:28px;padding:0!important;justify-content:center;color:#8a919c!important}
.app.app.app.app.app .term2 .seg--tools,.app.app.app.app.app .term2 .seg--layout{display:flex!important;gap:0!important;background:none!important;border:0!important;padding:0!important}
.app.app.app.app.app .term2 .tvlegend{position:static!important;margin-left:auto;flex:none;display:flex!important;gap:12px!important;font:11.5px var(--font-mono)!important;color:#8a919c!important;
  white-space:nowrap;background:none!important;padding:0!important;pointer-events:none}
.app.app.app.app.app .term2 .tvlegend__sym,.app.app.app.app.app .term2 .tvlegend__vol{display:none!important}
.app.app.app.app.app .term2 .tvlegend__v{display:flex;gap:12px}
.app.app.app.app.app .term2 .tvlegend em{font-style:normal;color:#8a919c!important;margin-right:-8px}
.app.app.app.app.app .term2 .tvlegend b{font-weight:400}
.app.app.app.app.app .term2 .t2tool--r{margin-left:0!important;width:28px;padding:0!important;justify-content:center;font-size:0!important;color:#8a919c!important}
.app.app.app.app.app .term2 .t2tool--r::before{content:"";width:13px;height:13px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'%3E%3Cpath d='M4 9V4h5M20 9V4h-5M4 15v5h5M20 15v5h-5'/%3E%3C/svg%3E") center/contain no-repeat}
.app.app.app.app.app .term2 .tvlegend:not(:empty) ~ .t2tool--r{margin-left:0!important}
.app.app.app.app.app .term2 .t2chartbar:not(:has(.tvlegend)) .t2tool--r{margin-left:auto!important}
.app.app.app.app.app .term2 .chartbox__frame{background:#14161a!important}

.app.app.app.app.app .term2 .t2split{background:#1f2329!important;height:1px!important}
.app.app.app.app.app .term2 .t2pos{height:220px;border-top:1px solid #1f2329!important;transition:height .2s}
.app.app.app.app.app .term2 .t2pos.t3min{height:41px!important;overflow:hidden}
.app.app.app.app.app .term2 .t2pos .t2tabs{height:40px;gap:20px;padding:0 18px;align-items:stretch;border-bottom:1px solid #1f2329}
.app.app.app.app.app .term2 .t2pos .t2tabs button[role="tab"]{display:flex;align-items:center;gap:6px;padding:0!important;font:500 12.5px var(--font-ui)!important;color:#eceef1!important;box-shadow:inset 0 -2px 0 #2fd49b}
.app.app.app.app.app .term2 .t2pos__n{font:10.5px var(--font-mono)!important;padding:0 5px;border-radius:4px;background:#1f2329;color:#a1a8b3!important}
.app.app.app.app.app .term2 .t2pos__n:empty::before{content:"0"}
.app.app.app.app.app .term2 .t3poscol{margin-left:auto!important;box-shadow:none!important;height:auto;border:0;background:transparent;cursor:pointer;color:#7c8490;display:grid;place-items:center;padding:0}
.app.app.app.app.app .term2 .t3poscol:hover{color:#ffffff}
.app.app.app.app.app .term2 .t3poscol svg{transform:rotate(180deg);transition:transform .2s}
.app.app.app.app.app .term2 .t2pos.t3min .t3poscol svg{transform:none}
.app.app.app.app.app .term2 .t2pos__pnl + .t3poscol,.app.app.app.app.app .term2 .t2pos__pnl:not([hidden]) + .t3poscol{margin-left:12px}
.app.app.app.app.app .term2 .t2pos__pnl:not([hidden]){margin-left:auto}
.app.app.app.app.app .term2 .t2pos__h,.app.app.app.app.app .term2 .t2prow{grid-template-columns:1.4fr 1fr 1fr 1fr 1fr 1.1fr 70px!important;gap:12px!important;padding:0 18px!important}
.app.app.app.app.app .term2 .t2pos__h{padding:9px 18px!important;font:11px var(--font-ui)!important;letter-spacing:0!important;text-transform:none!important;color:#7c8490!important;border-bottom:1px solid #1c1f24!important}
.app.app.app.app.app .term2 .t2pos__h span:nth-child(6){text-align:right}
.app.app.app.app.app .term2 .t2prow{height:44px;border-bottom:1px solid #1c1f24;font:12px var(--font-mono)}
.app.app.app.app.app .term2 .t2pos__b .livepos__empty{display:grid;place-items:center;height:100%;min-height:90px;margin:0;text-align:center;font:500 13px var(--font-ui)!important;color:#c3c8cf!important}
.app.app.app.app.app .term2 .t2pos__b .livepos__empty::after{content:"Swaps you make show up here with live PnL.";display:block;margin-top:4px;font:400 12px var(--font-ui);color:#7c8490}

/* ---------------- right: the swap ---------------- */
.app.app.app.app.app .term2 .t2ticket{position:relative;flex:none!important;max-height:none!important;padding:14px!important;border-bottom:1px solid #1f2329!important}
.app.app.app.app.app .term2 [data-t2-ordtabs]{height:32px;gap:0!important;padding:0!important;border:0!important;align-items:center}
.app.app.app.app.app .term2 [data-t2-ordtabs] button{display:none!important}
.app.app.app.app.app .term2 [data-t2-ordtabs] button[data-t2-ord="swap"]{display:block!important;font:600 14px var(--font-ui)!important;color:#eceef1!important;padding:0!important;pointer-events:none}
.app.app.app.app.app .term2 .t2soon{display:none!important}
.app.app.app.app.app .term2 .ticket{padding:0!important;overflow:visible!important}
.app.app.app.app.app .term2 .t2mode{position:absolute;top:14px;right:14px;display:flex!important;gap:2px!important;padding:3px!important;margin:0!important;border-radius:9px!important;background:#0f1114!important;
  border:1px solid #1f2329!important;width:auto}
.app.app.app.app.app .term2 .t2mode .seg__b{display:flex;align-items:center;gap:6px;height:26px!important;padding:0 11px!important;border:0!important;border-radius:6px!important;white-space:nowrap;
  font:500 12px var(--font-ui)!important;letter-spacing:0!important;text-transform:none!important;color:#8a919c!important;background:transparent!important;box-shadow:none!important}
.app.app.app.app.app .term2 .t2mode .seg__b::before{content:"";width:6px;height:6px;border-radius:99px;background:#8a919c}
.app.app.app.app.app .term2 .t2mode .seg__b[data-acct="real"]::before{background:#ff2d78}
.app.app.app.app.app .term2 .t2mode .seg__b[aria-pressed="true"]{color:#ffffff!important;background:#1f2329!important}
.app.app.app.app.app .term2 .t2mode .seg__b[data-acct="real"][aria-pressed="true"]{background:rgba(255,45,120,.16)!important}
.app.app.app.app.app .term2 .t2side{margin:12px 0 0!important;gap:4px!important}
.app.app.app.app.app .term2 .t2side .seg__b{height:30px;padding:0!important;border-radius:8px!important;font:600 12.5px var(--font-ui)!important}
.app.app.app.app.app .term2 .ticket > .field:first-of-type{margin-top:12px!important}
.app.app.app.app.app .term2 .field{background:#0f1114!important;border:1px solid #1f2329!important;border-radius:12px!important;padding:14px!important;margin:0 0 10px!important}
.app.app.app.app.app .term2 .field__label{margin:0 0 10px!important;font:11.5px var(--font-ui)!important;letter-spacing:0!important;text-transform:none!important;color:#7c8490!important;font-weight:400!important}
.app.app.app.app.app .term2 .field__input{font:500 24px var(--font-mono)!important;letter-spacing:-.01em;color:#eceef1!important}
.app.app.app.app.app .term2 select.field__input{font:500 13px var(--font-ui)!important}

/* pay and receive: one box, the flip on the line between them */
.app.app.app.app.app .term2 .swap{margin-top:12px!important}
.app.app.app.app.app .term2 .swap__leg{background:#0f1114!important;border:1px solid #1f2329!important;padding:14px!important}
.app.app.app.app.app .term2 .swap__leg:has(+ .swap__flip){border-radius:12px 12px 0 0!important;border-bottom:0!important;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}
.app.app.app.app.app .term2 .swap__leg:has(+ .swap__flip) > .swap__legtop,.app.app.app.app.app .term2 .swap__leg:has(+ .swap__flip) > .swap__legtop--tight,.app.app.app.app.app .term2 .swap__leg:has(+ .swap__flip) > .swap__row{grid-column:1 / -1}
.app.app.app.app.app .term2 .swap__flip + .swap__leg{border-radius:0 0 12px 12px!important;border-top:1px solid #1f2329!important}
.app.app.app.app.app .term2 .swap__legtop{margin:0 0 10px!important;align-items:center}
.app.app.app.app.app .term2 .swap__k{font:11.5px var(--font-ui)!important;letter-spacing:0!important;text-transform:none!important;color:#7c8490!important;font-weight:400!important}
.app.app.app.app.app .term2 .swap__bal,.app.app.app.app.app .term2 .swap__chain{font:11.5px var(--font-mono)!important;letter-spacing:0!important;color:#a1a8b3!important}
.app.app.app.app.app .term2 .swap__chainnote{font:11px var(--font-mono)!important;color:#7c8490!important}
.app.app.app.app.app .term2 .swap__row{gap:10px!important}
.app.app.app.app.app .term2 .swap__cur{order:0;margin:0!important;font:500 24px var(--font-mono)!important;color:#7c8490!important}
.app.app.app.app.app .term2 .swap__amt{order:1;text-align:left!important;font:500 24px var(--font-mono)!important;letter-spacing:-.01em!important;color:#eceef1!important}
.app.app.app.app.app .term2 .swap__out{order:0;text-align:left!important;font:500 24px var(--font-mono)!important;letter-spacing:-.01em!important;color:#eceef1!important}
.app.app.app.app.app .term2 .swap__token{order:2;height:34px!important;padding:0 10px 0 5px!important;gap:7px!important;border-radius:99px!important;border:1px solid #262a31!important;background:#171a1f!important;
  font:600 13px var(--font-ui)!important;color:#eceef1!important;margin-left:auto}
.app.app.app.app.app .term2 .swap__token b{font-weight:600!important}
.app.app.app.app.app .term2 .swap__token:hover{border-color:#3a4049!important}
.app.app.app.app.app .term2 .swap__coin,.app.app.app.app.app .term2 .swap__logo{width:24px!important;height:24px!important}
.app.app.app.app.app .term2 .swap__sub{margin:8px 0 0!important;text-align:left!important;font:11.5px var(--font-mono)!important;color:#7c8490!important}
.app.app.app.app.app .term2 .swap__sub:not(:empty)::before{content:"\2248  "}
.app.app.app.app.app .term2 .pcts{margin:8px 0 0!important;gap:4px!important;justify-content:flex-end}
.app.app.app.app.app .term2 .pcts__b{height:22px;padding:0 8px!important;border-radius:5px!important;border:1px solid #23272e!important;background:transparent!important;color:#a1a8b3!important;
  font:11px var(--font-mono)!important;cursor:pointer;transition:all .15s}
.app.app.app.app.app .term2 .pcts__b:hover{border-color:#3a4049!important;color:#ffffff!important}
.app.app.app.app.app .term2 .swap__flip{width:32px!important;height:32px!important;margin:-16px auto!important;border-radius:9px!important;border:1px solid #262a31!important;background:#171a1f!important;
  color:#c3c8cf!important;font-size:14px!important;transition:transform .3s,border-color .15s}
.app.app.app.app.app .term2 .swap__flip:hover{border-color:#2fd49b!important;color:#2fd49b!important}

/* the rate line; the details open under it */
.app.app.app.app.app .term2 .t3rate{width:100%;display:flex;align-items:center;gap:10px;height:38px;margin-top:10px;padding:0 12px;border:1px solid #1f2329;border-radius:10px;background:transparent;
  cursor:pointer;font:12px var(--font-ui);color:#a1a8b3}
.app.app.app.app.app .term2 .t3rate[aria-expanded="true"]{border-radius:10px 10px 0 0;border-bottom-color:transparent}
.app.app.app.app.app .term2 .t3rate__r{font-family:var(--font-mono);color:#e2e5e9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.app.app.app.app.app .term2 .t3rate__f{margin-left:auto;display:flex;align-items:center;gap:6px;font-family:var(--font-mono);white-space:nowrap}
.app.app.app.app.app .term2 .t3rate > svg{flex:none;transition:transform .2s}
.app.app.app.app.app .term2 .t3rate[aria-expanded="true"] > svg{transform:rotate(180deg)}
.app.app.app.app.app .term2 .swap__facts.t3facts{display:none;margin:0!important;padding:2px 12px 8px!important;background:transparent!important;border:1px solid #1f2329!important;border-top:1px solid #1f2329!important;
  border-radius:0 0 10px 10px!important}
.app.app.app.app.app .term2 .swap__facts.t3facts.is-open{display:block}
.app.app.app.app.app .term2 .swap__facts > div{height:30px;padding:0!important;border:0!important}
.app.app.app.app.app .term2 .swap__facts > div:first-child{display:none!important}
.app.app.app.app.app .term2 .swap__facts dt{font:12px var(--font-ui)!important;color:#8a919c!important}
.app.app.app.app.app .term2 .swap__facts dd{font:12px var(--font-mono)!important;color:#e2e5e9!important}
.app.app.app.app.app .term2 .swap__facts .t3crw dd{color:#2fd49b!important}
.app.app.app.app.app .term2 .switch{width:32px!important;height:18px!important;border-radius:99px!important;border:0!important;padding:2px!important;background:#2c3139!important;box-shadow:none!important}
.app.app.app.app.app .term2 .switch[aria-checked="true"]{background:#2fd49b!important}
.app.app.app.app.app .term2 .switch__knob{width:14px!important;height:14px!important;border-radius:99px!important;background:#ffffff!important;box-shadow:none!important}
.app.app.app.app.app .term2 .swap__protect-state{display:none}

/* the pre-trade check */
.app.app.app.app.app .term2 .tkwrap{margin:10px 0 0!important}
.app.app.app.app.app .term2 .tkchip{height:38px;padding:0 12px!important;gap:10px!important;border-radius:10px!important;background:rgba(47,212,155,.05)!important;border:1px solid rgba(47,212,155,.2)!important;
  font:12.5px var(--font-ui)!important;color:#eceef1!important}
.app.app.app.app.app .term2 .tkchip .tokenbox__dot{width:14px!important;height:14px!important;border-radius:0!important;box-shadow:none!important;background:#2fd49b!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2'%3E%3Cpath d='M12 3l8 3v6c0 4.5-3.4 8.3-8 9-4.6-.7-8-4.5-8-9V6z'/%3E%3Cpath d='M8.5 12l2.5 2.5 4.5-5'/%3E%3C/svg%3E") center/contain no-repeat}
.app.app.app.app.app .term2 .tkchip__label{font:500 12.5px var(--font-ui)!important;color:#eceef1!important}
.app.app.app.app.app .term2 .tkchip__verdict{font:500 12.5px var(--font-ui)!important;color:#2fd49b}

/* the button */
.app.app.app.app.app .term2 .ticket__actions{margin:12px 0 0!important}
.app.app.app.app.app .term2 .btn--go{height:46px;padding:0!important;border-radius:11px!important;background:#2fd49b!important;color:#05140e!important;font:600 14.5px var(--font-ui)!important;
  box-shadow:rgba(47,212,155,.3) 0 10px 28px -12px!important;transition:background .15s,transform .08s}
.app.app.app.app.app .term2 .btn--go:active{transform:scale(.99)}
.app.app.app.app.app .term2 .btn--go:disabled{background:#171a1f!important;color:#7c8490!important;box-shadow:none!important}
.app.app.app.app.app .term2 .t2route{margin-top:10px!important;font:11.5px var(--font-ui)!important;color:#7c8490!important}
.app.app.app.app.app .term2 .t2route b{color:#7c8490!important}

/* ---------------- right: wallet ---------------- */
.app.app.app.app.app .term2 .t2wallet{flex:1 0 auto!important;padding:14px!important}
.app.app.app.app.app .term2 [data-t2-waltabs]{height:auto;gap:18px!important;padding:0!important;border:0!important}
.app.app.app.app.app .term2 [data-t2-waltabs] button{padding:0!important;font:500 13px var(--font-ui)!important;color:#7c8490!important}
.app.app.app.app.app .term2 [data-t2-waltabs] button[aria-selected="true"]{color:#eceef1!important}
.app.app.app.app.app .term2 [data-t2-waltabs] button[data-t2-wal="positions"]{display:none!important}
.app.app.app.app.app .term2 .t2pane{padding:0!important;margin-top:12px!important}
.app.app.app.app.app .term2 .t2wal__h{order:2}
.app.app.app.app.app .term2 [data-t2-pane="wallet"]{display:flex;flex-direction:column}
.app.app.app.app.app .term2 [data-t2-pane="wallet"] > *{order:5}
.app.app.app.app.app .term2 .t2wal__v{order:1;margin:0!important;font:500 20px var(--font-mono)!important;color:#eceef1!important;display:flex;align-items:baseline}
.app.app.app.app.app .term2 .t2wal__v::after{content:"Total balance";margin-left:auto;font:11.5px var(--font-ui);color:#7c8490}
.app.app.app.app.app .term2 .t2wal__h{display:block!important;height:4px;margin:10px 0 0!important;border-radius:99px;background:#2fd49b;overflow:hidden}
.app.app.app.app.app .term2 .t2wal__h > *{display:none!important}
.app.app.app.app.app .term2 .t2wal__addr{order:3;margin:8px 0 0!important;font:11px var(--font-mono)!important;color:#7c8490!important}
.app.app.app.app.app .term2 .t2wal__list{order:4;margin-top:8px}
.app.app.app.app.app .term2 .t2hold{height:44px;padding:0!important;border:0!important;grid-template-columns:26px 1fr auto auto!important}
.app.app.app.app.app .term2 .t2hold img,.app.app.app.app.app .term2 .t2hold .t2hold__ph{width:26px!important;height:26px!important}
.app.app.app.app.app .term2 .t2hold b{font:600 12.5px var(--font-ui)!important}
.app.app.app.app.app .term2 .t2pool{display:none!important}
.app.app.app.app.app .term2 .side__capital{border-top:1px solid #1f2329!important}
.app.app.app.app.app .term2 .side__capital-label{font:11.5px var(--font-ui)!important;letter-spacing:0!important;text-transform:none!important;color:#7c8490!important}
.app.app.app.app.app .term2 .side__capital-value{font:500 20px var(--font-mono)!important}

/* ---------------- status bar, 28px ---------------- */
.app.app.app.app.app .term2 .t2status{height:28px;padding:0 14px!important;gap:20px!important;background:#111317!important;border-top:1px solid #1f2329!important;
  font:11.5px var(--font-ui)!important;letter-spacing:0!important;color:#7c8490!important}
.app.app.app.app.app .term2 .t2status b{font-family:var(--font-mono);color:#c3c8cf!important;font-weight:400}
.app.app.app.app.app .term2 .t2status > span:first-child{display:flex;align-items:center;gap:6px;color:#2fd49b}
.app.app.app.app.app .term2 .t2dot{width:6px!important;height:6px!important;margin:0!important;background:#2fd49b!important;box-shadow:none!important;animation:t3pulse 2s ease-in-out infinite}
.app.app.app.app.app .term2 .t2status__r{display:none!important}
.app.app.app.app.app .term2 .t3keys{margin-left:auto;display:flex;gap:14px}
.app.app.app.app.app .term2 .t3keys b{font-family:var(--font-mono)}
@keyframes t3pulse{0%,100%{opacity:1}50%{opacity:.35}}

/* ---- fixes from the first side-by-side ---- */
/* the chart fills its frame: the readout that used to sit over it is in the bar now */
.app.app.app.app.app .term2 .chartbox__canvas{position:absolute!important;inset:0!important}
.app.app.app.app.app .term2 .t2mk__h span{text-transform:none!important;letter-spacing:0!important}
.app.app.app.app.app .term2 .t2pos__h span{font:11px var(--font-ui)!important;text-transform:none!important;letter-spacing:0!important;color:#7c8490!important;text-align:left!important}
.app.app.app.app.app .term2 .t2pos__h span:nth-child(6){text-align:right!important}
.app.app.app.app.app .term2 .t2pos__b .livepos__empty{border:0!important;background:none!important;border-radius:0!important;padding:0!important}
.app.app.app.app.app .term2 .t2pos__b{display:flex!important;flex-direction:column}
.app.app.app.app.app .term2 .t2pos__b > .livepos__empty{flex:1}
.app.app.app.app.app .term2 .swap__flip + .swap__leg .swap__sub::before{content:none}
/* the check keeps its own colour when it isn't clear */
.app.app.app.app.app .term2 .tkwrap[data-verdict="blocked"] .tkchip{background:rgba(242,85,111,.06)!important;border-color:rgba(242,85,111,.3)!important}
.app.app.app.app.app .term2 .tkwrap[data-verdict="blocked"] .tokenbox__dot{background:#f2556f!important}
.app.app.app.app.app .term2 .tkwrap[data-verdict="blocked"] .tkchip__verdict{color:#f2556f!important}
.app.app.app.app.app .term2 .tkwrap[data-verdict="risky"] .tkchip{background:rgba(245,165,36,.06)!important;border-color:rgba(245,165,36,.3)!important}
.app.app.app.app.app .term2 .tkwrap[data-verdict="risky"] .tokenbox__dot{background:#f5a524!important}
.app.app.app.app.app .term2 .tkwrap[data-verdict="risky"] .tkchip__verdict{color:#f5a524!important}
/* the balance bar only when there is a balance to split */
.app.app.app.app.app .term2 .t2wal__h{display:none!important}
.app.app.app.app.app .term2 [data-t2-pane="wallet"]:has(.t2hold) .t2wal__h{display:block!important}
/* header wallet: the dot and "Connect" until a wallet is in, then its address */
.app.app.app.app.app .term2 .wallet:not([data-on="true"]) .wallet__state{display:none!important}
.app.app.app.app.app .term2 .wallet [data-wallet-connect]{color:#eceef1!important;text-decoration:none!important}
.app.app.app.app.app .term2 .t2pair__venue{display:none!important}
.app.app.app.app.app .term2 .t3sub{display:block;margin-top:2px;font:11.5px var(--font-ui);color:#7c8490;white-space:nowrap}
.app.app.app.app.app .term2 .t3sub code{font:11.5px var(--font-mono);background:none;padding:0;color:#7c8490}

/* ---- fixes from the second side-by-side ---- */
.app.app.app.app.app .term2 .t2pos__b > .livepos__empty{display:flex!important;flex-direction:column;align-items:center;justify-content:center}
.app.app.app.app.app .term2 .t2pos__pnl{position:static!important;align-self:center;margin-left:auto!important;font:500 12px var(--font-mono)!important}
.app.app.app.app.app .term2 .t2pos__pnl:not([hidden]) + .t3poscol{margin-left:14px!important}
/* practice: Buy / Sell as one small switch, like the account switch */
.app.app.app.app.app .term2 .t2side{display:grid!important;grid-template-columns:1fr 1fr;gap:2px!important;padding:3px!important;border-radius:9px!important;background:#0f1114!important;border:1px solid #1f2329!important}
.app.app.app.app.app .term2 .t2side .seg__b{height:30px!important;border:0!important;border-radius:6px!important;background:transparent!important;color:#8a919c!important;
  font:600 12.5px var(--font-ui)!important;letter-spacing:0!important;text-transform:none!important;box-shadow:none!important}
.app.app.app.app.app .term2 .t2side .seg__b--buy[aria-pressed="true"]{background:rgba(47,212,155,.14)!important;color:#2fd49b!important}
.app.app.app.app.app .term2 .t2side .seg__b--sell[aria-pressed="true"]{background:rgba(242,85,111,.14)!important;color:#f2556f!important}