/* NoFee Terminal Desk
   Terminal-only presentation layer. All quote, chart, stream, wallet and trade
   contracts remain owned by index.html/app.js; this file changes no behavior. */

body[data-screen="token"] {
  --term-bg: #08090b;
  --term-panel: #0b0c0e;
  --term-panel-raised: #101216;
  --term-panel-hover: #14171b;
  --term-line: #24272c;
  --term-line-soft: #1a1d21;
  --term-text: #e8eaec;
  --term-muted: #969ca3;
  --term-dim: #71777e;
  --term-buy: #70d99b;
  --term-sell: #ed6e7a;
  color: var(--term-text);
  background: var(--term-bg);
}

body[data-screen="token"] .app-header {
  border-bottom-color: var(--term-line);
  background: rgba(8, 9, 11, .96);
  box-shadow: none;
  backdrop-filter: blur(18px) saturate(112%);
}
body[data-screen="token"] .route-link { color: #858b92; font-size: 13px; }
body[data-screen="token"] .route-link:hover,
body[data-screen="token"] .route-link.current { color: #f0f1f2; }
body[data-screen="token"] .route-link.current::after { background: #d9dde0; box-shadow: none; }
body[data-screen="token"] .global-search,
body[data-screen="token"] .wallet-trigger {
  border-color: var(--term-line);
  border-radius: 5px;
  background: #0d0f12;
  box-shadow: none;
}

body[data-screen="token"] .terminal-screen {
  min-height: 100dvh;
  color: var(--term-text);
  background: var(--term-bg);
  font: 400 13px/1.42 var(--sans);
  font-optical-sizing: auto;
  font-kerning: normal;
  font-synthesis: none;
}
body[data-screen="token"] .terminal-screen button,
body[data-screen="token"] .terminal-screen input { font-family: var(--sans); }
body[data-screen="token"] .terminal-screen input::placeholder { color: #7f858c; opacity: 1; }

/* Asset header ----------------------------------------------------------- */
body[data-screen="token"] .terminal-topbar {
  min-height: 72px;
  height: 72px;
  display: grid;
  grid-template-columns: auto minmax(260px, 1fr) auto auto;
  align-items: center;
  gap: 16px;
  padding: 9px 16px;
  border-bottom: 1px solid var(--term-line);
  background: #0b0c0e;
}
body[data-screen="token"] .back-to-market {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--term-line);
  border-radius: 4px;
  color: #8d939a;
  font-size: 0;
  background: transparent;
}
body[data-screen="token"] .back-to-market::before { content: "←"; font: 500 16px/1 var(--sans); }
body[data-screen="token"] .back-to-market:hover { color: #f0f1f2; border-color: #454a50; background: #121417; }
body[data-screen="token"] .selected-token-title { min-width: 0; gap: 12px; }
body[data-screen="token"] .selected-token-title .token-avatar,
body[data-screen="token"] .selected-token-title img.token-avatar {
  width: 42px;
  height: 42px;
  flex: 0 0 42px;
  border: 1px solid #30343a;
  border-radius: 9px;
  box-shadow: none;
}
body[data-screen="token"] .selected-token-title > div { min-width: 0; }
body[data-screen="token"] .selected-token-title h2 {
  overflow: hidden;
  margin: 0;
  color: #f0f1f2;
  font: 600 19px/23px var(--sans);
  letter-spacing: -.022em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-screen="token"] .selected-token-title h2 span { color: #92989f; font: 500 11px/15px var(--sans); }
body[data-screen="token"] .selected-token-title p {
  gap: 6px;
  margin-top: 4px;
  overflow: hidden;
  color: #92989f;
  font: 450 12px/16px var(--sans);
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-screen="token"] .selected-token-title .copy-ca { color: #7f858c; font: 500 11px/15px var(--mono); }
body[data-screen="token"] .selected-token-title .copy-ca:hover { color: #d9dde0; }
body[data-screen="token"] .token-price-cluster { gap: 17px; margin-left: 0; }
body[data-screen="token"] .price-main {
  color: #f0f1f2;
  font: 500 23px/28px var(--mono);
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: -.025em;
}
body[data-screen="token"] .delta { font: 600 13px/18px var(--mono); font-variant-numeric: tabular-nums; }
body[data-screen="token"] .price-usd { color: #858b92; font: 500 11px/15px var(--mono); }
body[data-screen="token"] .terminal-actions { gap: 3px; margin-left: 0; }
body[data-screen="token"] .terminal-actions .icon-button,
body[data-screen="token"] .terminal-chain {
  min-width: 34px;
  height: 34px;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #858b92;
  background: transparent;
}
body[data-screen="token"] .terminal-actions .icon-button:hover,
body[data-screen="token"] .terminal-actions .icon-button.active,
body[data-screen="token"] .terminal-chain:hover { color: #e1e3e5; border-color: var(--term-line); background: #111317; }
body[data-screen="token"] .terminal-chain { gap: 7px; padding: 0 9px; border-color: var(--term-line); font: 500 11px/1 var(--sans); }
body[data-screen="token"] .terminal-chain,
body[data-screen="token"] .hot-filter { cursor: default; }

body[data-screen="token"] .asset-context-ribbon {
  min-height: 28px;
  padding: 0 16px;
  border-bottom-color: var(--term-line);
  color: #7f858c;
  background: #090a0c;
}
body[data-screen="token"] .asset-context-ribbon > span {
  height: 15px;
  padding-inline: 12px;
  border-right-color: var(--term-line);
  font: 500 10px/14px var(--sans);
  letter-spacing: .015em;
}
body[data-screen="token"] .asset-context-ribbon > span:first-child { color: #a9aeb3; }

/* Three-column workstation ---------------------------------------------- */
body[data-screen="token"] .asset-workspace.terminal-grid {
  height: calc(100dvh - var(--header-h) - 100px);
  min-height: 590px;
  display: grid;
  grid-template-columns: 224px minmax(520px, 1fr) 348px;
  overflow: hidden;
  background: var(--term-bg);
}
body[data-screen="token"] .terminal-left,
body[data-screen="token"] .terminal-right { min-width: 0; min-height: 0; overflow: auto; scrollbar-color: #2a2e33 transparent; }
body[data-screen="token"] .terminal-left { position: relative; border-right: 1px solid var(--term-line); background: #0a0b0d; }
body[data-screen="token"] .terminal-center {
  min-width: 0;
  min-height: 0;
  display: grid;
  grid-template-rows: 43px 24px minmax(250px, 1.18fr) 64px minmax(195px, .82fr);
  overflow: hidden;
  background: #090a0c;
}
body[data-screen="token"] .terminal-right { padding: 0; border-left: 1px solid var(--term-line); background: #0c0d10; }

/* Left rail -------------------------------------------------------------- */
body[data-screen="token"] .panel-head {
  min-height: 42px;
  height: 42px;
  padding: 0 12px;
  border-bottom: 1px solid var(--term-line);
  color: #e0e3e5;
  font: 600 13px/17px var(--sans);
  letter-spacing: -.008em;
}
body[data-screen="token"] .panel-add,
body[data-screen="token"] .hot-filter { color: #8b9198; font: 500 11px/15px var(--sans); }
body[data-screen="token"] .panel-add { width: 28px; height: 28px; font-size: 16px; }
body[data-screen="token"] .watch-list { padding: 0; }
body[data-screen="token"] .watch-row {
  min-height: 57px;
  grid-template-columns: 28px minmax(0, 1fr) auto;
  gap: 9px;
  padding: 7px 11px;
  border: 0;
  border-bottom: 1px solid var(--term-line-soft);
  border-radius: 0;
  background: transparent;
  transition: background-color .15s ease, box-shadow .15s ease;
}
body[data-screen="token"] .watch-row:hover { background: #101216; }
body[data-screen="token"] .watch-row.active { border: 0; background: #111419; box-shadow: inset 2px 0 #aeb4ba; }
body[data-screen="token"] .watch-row .token-avatar {
  width: 28px;
  height: 28px;
  border: 1px solid #30343a;
  border-radius: 50%;
  color: #b9bec3;
  background: #15181c;
  font: 600 9px/1 var(--sans);
}
body[data-screen="token"] .watch-row b { color: #d9dcdf; font: 600 12px/16px var(--sans); }
body[data-screen="token"] .watch-row i { color: #8b9198; font: 500 11px/14px var(--sans); }
body[data-screen="token"] .watch-row em { color: var(--term-buy); font: 500 11px/14px var(--mono); }
body[data-screen="token"] .left-divider { margin: 0; background: var(--term-line); }
body[data-screen="token"] .hot-list { padding: 0; }
body[data-screen="token"] .hot-list button { min-height: 39px; height: 39px; padding: 0 12px; border-bottom: 1px solid var(--term-line-soft); }
body[data-screen="token"] .hot-list button:hover { background: #101216; }
body[data-screen="token"] .hot-list > button > b { color: #6f757c; font: 500 10px var(--mono); }
body[data-screen="token"] .mini-asset strong { color: #c9cdd1; font: 600 11px/15px var(--sans); }
body[data-screen="token"] .hot-list em { color: var(--term-buy); font: 500 11px/14px var(--mono); }
body[data-screen="token"] .left-footnote {
  position: sticky;
  bottom: 0;
  left: 0;
  gap: 7px;
  margin-top: 16px;
  padding: 12px;
  border-top: 1px solid var(--term-line);
  color: #7d838a;
  background: rgba(10, 11, 13, .94);
  font: 500 10px/14px var(--sans);
}
body[data-screen="token"] .circle-spark { width: 6px; height: 6px; border: 0; background: var(--term-buy); box-shadow: none; }

/* Chart and tape --------------------------------------------------------- */
body[data-screen="token"] .chart-toolbar {
  min-height: 43px;
  height: 43px;
  gap: 11px;
  padding: 0 12px;
  border-bottom: 1px solid var(--term-line);
  background: #0c0d10;
}
body[data-screen="token"] .range-tabs { min-width: 0; gap: 3px; margin-left: 0; overflow-x: auto; scrollbar-width: none; }
body[data-screen="token"] .range-tabs::-webkit-scrollbar { display: none; }
body[data-screen="token"] .range-tabs button,
body[data-screen="token"] .chart-switch button,
body[data-screen="token"] .chart-expand {
  min-height: 29px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 3px;
  color: #92989f;
  background: transparent;
  font: 500 12px/16px var(--sans);
}
body[data-screen="token"] .range-tabs button:hover,
body[data-screen="token"] .chart-switch button:hover,
body[data-screen="token"] .chart-expand:hover { color: #c7cbd0; background: #131519; }
body[data-screen="token"] .range-tabs button.selected,
body[data-screen="token"] .chart-switch button.selected {
  color: #e1e3e5;
  border-color: #34383e;
  background: #15171b;
  box-shadow: none;
}
body[data-screen="token"] .chart-switch { gap: 2px; padding: 2px; margin-left: auto; border-color: var(--term-line); border-radius: 4px; }
body[data-screen="token"] .chart-expand { width: 30px; padding: 0; }
body[data-screen="token"] .chart-meta {
  height: 24px;
  gap: 13px;
  padding: 0 12px;
  overflow: hidden;
  color: #90969d;
  background: #090a0c;
  font: 500 11px/15px var(--mono);
  font-variant-numeric: tabular-nums lining-nums;
  white-space: nowrap;
}
body[data-screen="token"] .chart-meta b { color: #d0d4d7; font: inherit; font-weight: 600; }
body[data-screen="token"] .asset-workspace .terminal-stage .chart-canvas-wrap:not(.expanded) {
  width: 100%;
  height: auto;
  min-height: 0;
  border: 0;
  border-bottom: 1px solid var(--term-line);
  background: #090a0c;
  box-shadow: none;
}
body[data-screen="token"] #price-chart::before { background: none; }
body[data-screen="token"] .chart-watermark { display: none; }
body[data-screen="token"] .token-stat-row {
  min-height: 64px;
  height: 64px;
  border-bottom: 1px solid var(--term-line);
  background: #0c0d10;
}
body[data-screen="token"] .token-stat-row > div { gap: 5px; padding: 8px 11px; border-right-color: var(--term-line-soft); }
body[data-screen="token"] .token-stat-row span { color: #8b9198; font: 500 11px/14px var(--sans); text-transform: none; }
body[data-screen="token"] .token-stat-row b { color: #e5e7e9; font: 500 14px/18px var(--mono); font-variant-numeric: tabular-nums; letter-spacing: -.012em; }
body[data-screen="token"] .token-stat-row i { color: #8e949b; font: 500 10px/14px var(--mono); }

body[data-screen="token"] .terminal-tape { min-width: 0; min-height: 0; display: grid; grid-template-rows: 48px minmax(0, 1fr); overflow: hidden; background: #090a0c; }
body[data-screen="token"] .asset-workspace .terminal-stage .terminal-tape { border: 0; border-radius: 0; background: #090a0c; box-shadow: none; }
body[data-screen="token"] .asset-workspace .terminal-stage .trade-feed-head {
  min-height: 48px;
  height: 48px;
  padding: 0 10px;
  border-bottom: 1px solid var(--term-line);
  background: #090a0c;
  box-shadow: none;
}
body[data-screen="token"] .detail-tabs { gap: 2px; }
body[data-screen="token"] .detail-tabs button {
  min-height: 32px;
  padding: 0 9px;
  border-radius: 3px;
  color: #858b92;
  font: 600 13px/17px var(--sans);
}
body[data-screen="token"] .detail-tabs button:hover { color: #c9cdd1; background: #121418; }
body[data-screen="token"] .detail-tabs button.selected { color: #e4e6e8; background: #15171a; }
body[data-screen="token"] .detail-tabs button.selected::after { display: none; }
body[data-screen="token"] .feed-controls { color: #8b9198; font: 500 11px/15px var(--sans); }
body[data-screen="token"] .feed-controls .online-dot { width: 5px; height: 5px; box-shadow: none; }
body[data-screen="token"] #trades-pane { min-height: 0; height: 100%; overflow: auto; }
body[data-screen="token"] .trade-filter-rail {
  min-height: 44px;
  border-bottom-color: var(--term-line);
  background: rgba(11, 12, 14, .96);
  box-shadow: none;
  backdrop-filter: blur(14px);
}
body[data-screen="token"] .trade-side-filter,
body[data-screen="token"] .trade-range-filter,
body[data-screen="token"] .trade-wallet-filter { border-color: var(--term-line); border-radius: 4px; background: #0e1013; }
body[data-screen="token"] .trade-side-filter button.selected { color: #dff8eb; background: rgba(112, 217, 155, .10); box-shadow: inset 0 0 0 1px rgba(112, 217, 155, .18); }
body[data-screen="token"] .trades-table { width: 100%; table-layout: fixed; }
body[data-screen="token"] .trades-table th {
  position: sticky;
  z-index: 2;
  top: 44px;
  height: 30px;
  padding: 0 10px;
  border-bottom: 1px solid var(--term-line);
  color: #8b9198;
  background: #0b0c0e;
  font: 600 11px/14px var(--sans);
  text-transform: none;
}
body[data-screen="token"] .trades-table td {
  height: 36px;
  padding: 0 10px;
  border-bottom: 1px solid var(--term-line-soft);
  color: #c4c8cc;
  font: 500 12px/17px var(--mono);
  font-variant-numeric: tabular-nums lining-nums;
}
body[data-screen="token"] .trades-table tbody tr:hover { background: #101216; box-shadow: none; }
body[data-screen="token"] .trade-type { min-width: 40px; min-height: 20px; justify-content: center; border-radius: 3px; color: var(--term-buy); background: rgba(112, 217, 155, .08); font: 700 10px/13px var(--sans); }
body[data-screen="token"] .trade-type i { display: none; }
body[data-screen="token"] .trade-type.sell { color: var(--term-sell); background: rgba(237, 110, 122, .08); }

/* Execution rail --------------------------------------------------------- */
body[data-screen="token"] .mobile-sheet-close,
body[data-screen="token"] .terminal-intent-heading { display: none; }
body[data-screen="token"] .asset-workspace .terminal-intent .trade-card {
  margin: 0;
  padding: 0 16px 14px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body[data-screen="token"] .trade-card-head {
  height: 50px;
  margin: 0 -16px;
  padding: 0 16px;
  border-bottom: 1px solid var(--term-line);
  background: #0b0c0e;
}
body[data-screen="token"] .buy-sell-tabs { flex: 1; gap: 0; }
body[data-screen="token"] .buy-sell-tabs button {
  min-height: 50px;
  flex: 1;
  color: #858b92;
  font: 600 14px/19px var(--sans);
}
body[data-screen="token"] .buy-sell-tabs button.selected { color: #f0f1f2; }
body[data-screen="token"] .buy-sell-tabs button.selected::after { right: 0; bottom: 0; left: 0; height: 2px; box-shadow: none; }
body[data-screen="token"] .buy-sell-tabs[data-side="buy"] button.selected::after { background: var(--term-buy); }
body[data-screen="token"] .buy-sell-tabs[data-side="sell"] button.selected::after { background: var(--term-sell); }
body[data-screen="token"] .settings-button { width: 34px; height: 34px; border-radius: 3px; color: #858b92; }
body[data-screen="token"] .settings-button:hover { color: #d7dade; background: #15171a; }
body[data-screen="token"] .trade-balance { min-height: 67px; margin: 0; padding: 14px 0 10px; }
body[data-screen="token"] .trade-balance > span { color: #8a9198; font: 500 12px/16px var(--sans); }
body[data-screen="token"] .trade-balance button {
  display: grid;
  grid-template-columns: auto auto;
  align-items: center;
  justify-items: end;
  gap: 1px 6px;
  color: #8b9198;
}
body[data-screen="token"] .trade-balance .aggregate-nodes { grid-row: 1 / span 2; }
body[data-screen="token"] .trade-balance strong { color: #f0f1f2; font: 500 20px/24px var(--mono); font-variant-numeric: tabular-nums; letter-spacing: -.02em; }
body[data-screen="token"] .trade-balance em { color: #7d838a; font: 500 10px/14px var(--sans); }
body[data-screen="token"] .aggregate-nodes::before,
body[data-screen="token"] .aggregate-nodes::after,
body[data-screen="token"] .aggregate-nodes b { background: #aeb4ba; box-shadow: none; }

body[data-screen="token"] .trade-input {
  margin-top: 0;
  padding: 13px 14px;
  border: 1px solid #2a2d32;
  border-radius: 4px;
  background: #101216;
  box-shadow: none;
}
body[data-screen="token"] .trade-input:focus-within { border-color: #555b62; box-shadow: none; }
body[data-screen="token"] .trade-input > span { color: #969ca3; font: 500 12px/16px var(--sans); }
body[data-screen="token"] .trade-input > div { margin-top: 6px; }
body[data-screen="token"] .trade-input input {
  color: #f3f4f5;
  font: 500 32px/36px var(--mono);
  font-variant-numeric: tabular-nums lining-nums;
  letter-spacing: -.04em;
}
body[data-screen="token"] .trade-input b { color: #c1c5c9; font: 600 12px/16px var(--mono); }
body[data-screen="token"] .trade-input button { border-radius: 3px; color: #b8bdc2; background: #1b1e22; font: 700 10px/13px var(--sans); }
body[data-screen="token"] .trade-input small { color: #8b9198; font: 450 11px/15px var(--sans); }
body[data-screen="token"] .preset-row { grid-template-columns: repeat(4, 1fr); gap: 4px; margin-top: 8px; }
body[data-screen="token"] .preset-row button {
  min-height: 34px;
  height: 34px;
  border: 1px solid #25282d;
  border-radius: 3px;
  color: #858b92;
  background: #0f1114;
  font: 600 12px/15px var(--sans);
}
body[data-screen="token"] .preset-row button:hover,
body[data-screen="token"] .preset-row button.selected { color: #e4e6e8; border-color: #464c52; background: #181a1e; box-shadow: none; }
body[data-screen="token"] .trade-swap-icon { display: none; }
body[data-screen="token"] .trade-input.receive { margin-top: 10px; border-color: #24272c; background: #0e1013; }
body[data-screen="token"] .trade-input.receive input { font-size: 27px; line-height: 32px; letter-spacing: -.035em; }
body[data-screen="token"] .slippage-row { min-height: 38px; margin-top: 6px; color: #92989f; font: 500 12px/16px var(--sans); }
body[data-screen="token"] .slippage-row b { color: #c9cdd1; font: 500 11px/15px var(--mono); }
body[data-screen="token"] .slippage-row i { color: #d6b87f; }
body[data-screen="token"] .slip-pop { border-color: var(--term-line); border-radius: 6px; background: rgba(14, 16, 19, .99); box-shadow: 0 18px 48px rgba(0, 0, 0, .46); }
body[data-screen="token"] .trade-quote-extra,
body[data-screen="token"] .funding-details { border-color: var(--term-line); border-radius: 4px; background: #0e1013; }
body[data-screen="token"] .trade-quote-extra { color: #9da3a9; font: 500 11px/15px var(--sans); }
body[data-screen="token"] .funding-details summary { min-height: 34px; color: #92989f; font: 500 11px/15px var(--sans); letter-spacing: 0; }
body[data-screen="token"] .funding-summary { color: #bfc4c8; font: 500 11px/16px var(--sans); }
body[data-screen="token"] .trade-submit {
  min-height: 48px;
  height: 48px;
  margin-top: 12px;
  border: 0;
  border-radius: 4px;
  color: #07100b;
  background: var(--term-buy);
  box-shadow: none;
  font: 700 15px/19px var(--sans);
}
body[data-screen="token"] .trade-submit:not(.sell-mode) { color: #07100b; background: var(--term-buy); box-shadow: none; }
body[data-screen="token"] .trade-submit:not(.sell-mode):hover { background: #80e4aa; transform: none; }
body[data-screen="token"] .trade-submit:not(.sell-mode) i { color: #07100b; background: rgba(255, 255, 255, .26); }
body[data-screen="token"] .trade-submit.sell-mode { color: #17080a; background: var(--term-sell); box-shadow: none; }
body[data-screen="token"] .trade-submit.sell-mode:hover { background: #f27f89; transform: none; }
body[data-screen="token"] .fee-truth { margin-top: 10px; color: #8b9198; font: 500 11px/15px var(--sans); }
body[data-screen="token"] .fee-truth b { color: #aeb4ba; font-weight: 600; }
body[data-screen="token"] .trade-status { margin-top: 9px; color: #aeb4ba; font: 500 12px/16px var(--sans); }

body[data-screen="token"] .asset-workspace .terminal-intent .right-info-panel {
  margin: 0;
  border: 0;
  border-top: 1px solid var(--term-line);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
body[data-screen="token"] .info-tab-head { height: 42px; padding: 0 16px; border-bottom-color: var(--term-line-soft); }
body[data-screen="token"] .info-tab-head button { color: #e0e3e5; font: 600 13px/17px var(--sans); }
body[data-screen="token"] .info-content { display: grid; grid-template-columns: 1fr 1fr; padding: 0; }
body[data-screen="token"] .info-line {
  min-width: 0;
  min-height: 48px;
  height: auto;
  display: block;
  padding: 9px 13px;
  border-right: 1px solid var(--term-line-soft);
  border-bottom: 1px solid var(--term-line-soft);
  color: #8b9198;
  font: 500 11px/14px var(--sans);
}
body[data-screen="token"] .info-line:nth-child(2n) { border-right: 0; }
body[data-screen="token"] .info-line > b,
body[data-screen="token"] .info-line > button {
  display: block;
  max-width: 100%;
  margin-top: 5px;
  overflow: hidden;
  color: #c9cdd1;
  font: 500 12px/16px var(--sans);
  text-overflow: ellipsis;
  white-space: nowrap;
}
body[data-screen="token"] .locked-stamp { width: max-content; border-color: rgba(112, 217, 155, .24); color: #9bdbb8 !important; background: rgba(112, 217, 155, .055); }
body[data-screen="token"] .terminal-disclaimer { padding: 11px 16px; color: #7d838a; font: 500 10px/14px var(--sans); }

/* Responsive workstation ------------------------------------------------ */
@media (max-width: 1180px) and (min-width: 851px) {
  body[data-screen="token"] .asset-workspace.terminal-grid { grid-template-columns: minmax(500px, 1fr) 348px; }
  body[data-screen="token"] .terminal-left { display: none; }
}

@media (max-width: 850px) {
  body[data-screen="token"] .terminal-topbar {
    min-height: 66px;
    height: auto;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 9px;
    padding: 8px 11px;
  }
  body[data-screen="token"] .back-to-market { width: 36px; height: 36px; }
  body[data-screen="token"] .selected-token-title .token-avatar,
  body[data-screen="token"] .selected-token-title img.token-avatar { width: 38px; height: 38px; flex-basis: 38px; }
  body[data-screen="token"] .selected-token-title h2 { font-size: 15px; line-height: 19px; }
  body[data-screen="token"] .selected-token-title p { font-size: 10px; line-height: 13px; }
  body[data-screen="token"] .token-price-cluster { display: grid; gap: 1px; text-align: right; }
  body[data-screen="token"] .price-main { font-size: 16px; line-height: 20px; }
  body[data-screen="token"] .delta { font-size: 10px; line-height: 13px; }
  body[data-screen="token"] .price-usd,
  body[data-screen="token"] .terminal-actions { display: none; }
  body[data-screen="token"] .asset-context-ribbon { overflow-x: auto; scrollbar-width: none; }
  body[data-screen="token"] .asset-workspace.terminal-grid { height: auto; min-height: 0; display: block; overflow: visible; }
  body[data-screen="token"] .terminal-left,
  body[data-screen="token"] .terminal-right { display: none; }
  body[data-screen="token"] .terminal-center { display: block; overflow: visible; }
  body[data-screen="token"] .asset-workspace .terminal-stage .chart-canvas-wrap:not(.expanded) { height: clamp(240px, 58vw, 310px); min-height: 240px; }
  body[data-screen="token"] .token-stat-row { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: minmax(132px, 42vw); overflow-x: auto; }
  body[data-screen="token"] .terminal-tape { display: block; overflow: visible; }
  body[data-screen="token"] #trades-pane { max-height: min(36dvh, 300px); }
  body[data-screen="token"] .terminal-right.mobile-open {
    display: block;
    position: fixed;
    z-index: 44;
    inset: auto 0 0;
    max-height: calc(100dvh - var(--header-h));
    padding: 0 0 calc(14px + env(safe-area-inset-bottom, 0px));
    overflow-y: auto;
    border: 1px solid var(--term-line);
    border-radius: 14px 14px 0 0;
    background: #0c0d10;
    box-shadow: 0 -22px 60px rgba(0, 0, 0, .54);
  }
  body[data-screen="token"] .terminal-right.mobile-open .mobile-sheet-close {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 14px;
    color: #aeb4ba;
    border-bottom: 1px solid var(--term-line);
    font: 600 12px/16px var(--sans);
  }
  body[data-screen="token"] .mobile-trade-dock {
    min-height: calc(64px + env(safe-area-inset-bottom, 0px));
    height: auto;
    padding: 8px 11px calc(8px + env(safe-area-inset-bottom, 0px));
    border-top-color: var(--term-line);
    background: rgba(10, 11, 13, .96);
  }
  body[data-screen="token"] .mobile-trade-dock button { min-width: 84px; min-height: 44px; height: 44px; border-radius: 5px; font-size: 13px; }
}

@media (max-width: 560px) {
  body[data-screen="token"] .terminal-topbar { grid-template-columns: auto minmax(0, 1fr) auto; }
  body[data-screen="token"] .selected-token-title .token-avatar,
  body[data-screen="token"] .selected-token-title img.token-avatar { display: none; }
  body[data-screen="token"] .asset-context-ribbon > span:last-child { display: none; }
  body[data-screen="token"] .chart-toolbar { padding-inline: 8px; }
  body[data-screen="token"] .range-tabs button { min-width: 42px; min-height: 36px; padding-inline: 7px; }
  body[data-screen="token"] .chart-switch button { min-height: 34px; }
  body[data-screen="token"] .chart-meta { gap: 8px; padding-inline: 8px; font-size: 10px; }
  body[data-screen="token"] .chart-meta span:nth-child(5) { display: none; }
  body[data-screen="token"] .detail-tabs { min-width: max-content; overflow-x: auto; }
  body[data-screen="token"] .detail-tabs button { min-height: 42px; font-size: 12px; }
}

@media (min-width: 1920px) and (min-height: 900px) {
  body[data-screen="token"] .terminal-topbar { min-height: 78px; height: 78px; padding-inline: 20px; }
  body[data-screen="token"] .asset-workspace.terminal-grid {
    height: calc(100dvh - var(--header-h) - 106px);
    grid-template-columns: 270px minmax(700px, 1fr) 430px;
  }
  body[data-screen="token"] .terminal-center { grid-template-rows: 48px 26px minmax(330px, 1.18fr) 70px minmax(220px, .82fr); }
  body[data-screen="token"] .watch-row { min-height: 62px; }
  body[data-screen="token"] .trade-input input { font-size: 34px; line-height: 39px; }
  body[data-screen="token"] .trade-input.receive input { font-size: 28px; line-height: 34px; }
}

@media (min-width: 2560px) and (min-height: 1200px) {
  body[data-screen="token"] .terminal-topbar { min-height: 84px; height: 84px; padding-inline: 24px; }
  body[data-screen="token"] .asset-workspace.terminal-grid {
    height: calc(100dvh - var(--header-h) - 112px);
    grid-template-columns: 300px minmax(900px, 1fr) 480px;
  }
  body[data-screen="token"] .terminal-center { grid-template-rows: 52px 28px minmax(390px, 1.2fr) 74px minmax(250px, .8fr); }
  body[data-screen="token"] .trades-table td { height: 40px; font-size: 13px; }
}

@media (min-width: 3400px) and (min-height: 1800px) {
  body[data-screen="token"] .terminal-topbar { min-height: 96px; height: 96px; padding-inline: 30px; }
  body[data-screen="token"] .asset-workspace.terminal-grid {
    height: calc(100dvh - var(--header-h) - 124px);
    grid-template-columns: 390px minmax(1200px, 1fr) 620px;
  }
  body[data-screen="token"] .terminal-center { grid-template-rows: 58px 32px minmax(520px, 1.22fr) 84px minmax(320px, .78fr); }
  body[data-screen="token"] .selected-token-title h2 { font-size: 23px; line-height: 28px; }
  body[data-screen="token"] .price-main { font-size: 29px; line-height: 34px; }
  body[data-screen="token"] .panel-head,
  body[data-screen="token"] .detail-tabs button { font-size: 15px; }
  body[data-screen="token"] .watch-row b,
  body[data-screen="token"] .watch-row i,
  body[data-screen="token"] .watch-row em { font-size: 14px; }
  body[data-screen="token"] .trade-input input { font-size: 40px; line-height: 46px; }
}

@media (prefers-reduced-motion: reduce) {
  body[data-screen="token"] .watch-row,
  body[data-screen="token"] .trades-table tbody tr,
  body[data-screen="token"] .terminal-screen button { transition-duration: .01ms !important; animation-duration: .01ms !important; }
}