/* TX Gym: Axiom token page (.axt-*) and the search modal (.axs-*).
   Axiom look: near-black, Geist, 4px radii, tiny gray labels, teal increase,
   pink decrease, blue-purple accent. Colors come from base.css tokens. */

/* ---- shared bits ---- */
.axt-sol, .axs-sol {
  display: inline-block; flex: 0 0 auto; width: .95em; height: .76em; margin-right: 3px; vertical-align: -.04em;
  background: linear-gradient(100deg, #9945ff 0%, #5d8bf2 50%, #14f195 100%);
  -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'><path d='M3.4 0H20l-3.4 3.4H0z M0 6.3h16.6L20 9.7H3.4z M3.4 12.6H20L16.6 16H0z'/></svg>") center / contain no-repeat;
  mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 16'><path d='M3.4 0H20l-3.4 3.4H0z M0 6.3h16.6L20 9.7H3.4z M3.4 12.6H20L16.6 16H0z'/></svg>") center / contain no-repeat;
}
.axt [data-platform], .axs-backdrop [data-platform], .axs-pchip { --plat: #4fe08a; }
.axt [data-platform="bonk"], .axs-backdrop [data-platform="bonk"], .axs-pchip[data-p="bonk"] { --plat: #ff9a3c; }
.axt [data-platform="bags"], .axs-backdrop [data-platform="bags"], .axs-pchip[data-p="bags"] { --plat: #a3e635; }
.axt [data-platform="moonshot"], .axs-backdrop [data-platform="moonshot"], .axs-pchip[data-p="moonshot"] { --plat: #c084fc; }
.axt [data-platform="believe"], .axs-backdrop [data-platform="believe"], .axs-pchip[data-p="believe"] { --plat: #38bdf8; }
.axt [data-platform="jupstudio"], .axs-backdrop [data-platform="jupstudio"], .axs-pchip[data-p="jupstudio"] { --plat: #fbbf24; }
.axt kbd, .axs-backdrop kbd {
  font-family: var(--font-mono); font-size: 10px; line-height: 1; padding: 3px 5px; border-radius: 4px;
  border: 1px solid rgb(var(--secondary-stroke)); background: rgb(var(--background-tertiary)); color: rgb(var(--text-secondary));
}

/* ======================================================= token page */
.axt {
  position: absolute; inset: 0; overflow: hidden; container-type: inline-size; container-name: axt;
  background: var(--ax-bg); color: rgb(var(--text-primary)); font-size: 12px;
}
.axt-grid { height: 100%; display: grid; grid-template-columns: minmax(0, 1fr) 320px; }
.axt-main { display: flex; flex-direction: column; min-width: 0; min-height: 0; border-right: 1px solid rgb(var(--primary-stroke)); }
.axt-flex { flex: 1 1 auto; }
.axt .up { color: rgb(var(--increase)); }
.axt .dn { color: rgb(var(--decrease)); }
.axt .dim { color: rgb(var(--text-secondary)); }
.axt-ico {
  width: 22px; height: 22px; display: inline-grid; place-items: center; border-radius: 4px;
  color: rgb(var(--text-secondary)); font-size: 14px; flex: 0 0 auto;
}
.axt-ico:hover { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); }

/* ---- header ---- */
.axt-head {
  flex: 0 0 64px; display: flex; align-items: center; gap: 12px; min-width: 0;
  padding: 0 10px 0 8px; border-bottom: 1px solid rgb(var(--primary-stroke));
}
.axt-back {
  flex: 0 0 auto; height: 28px; padding: 0 9px 0 3px; display: inline-flex; align-items: center; gap: 1px; border-radius: 4px;
  border: 1px solid rgb(var(--primary-stroke)); color: rgb(var(--text-secondary)); font-size: 12px; font-weight: 500;
}
.axt-back i { font-size: 19px; }
.axt-back:hover { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); border-color: rgb(var(--secondary-stroke)); }
.axt-id { display: flex; align-items: center; gap: 10px; min-width: 0; flex: 0 1 auto; max-width: 360px; }
.axt-av { position: relative; flex: 0 0 auto; width: 46px; height: 46px; padding: 2px; border-radius: 4px; border: 1px solid var(--plat); }
.axt-av img { width: 100%; height: 100%; border-radius: 3px; object-fit: cover; }
.axt-av-badge {
  position: absolute; right: -6px; bottom: -6px; width: 17px; height: 17px; border-radius: 50%;
  display: grid; place-items: center; font-size: 10px; color: #06070b; background: var(--plat); border: 2px solid var(--ax-bg);
}
.axt-idtxt { min-width: 0; overflow: hidden; display: flex; flex-direction: column; gap: 4px; }
.axt-idr1 { display: flex; align-items: center; gap: 6px; min-width: 0; }
.axt-ticker { font-size: 16px; font-weight: 600; letter-spacing: -.01em; white-space: nowrap; }
.axt-name { font-size: 14px; color: rgb(var(--text-secondary)); max-width: 170px; }
.axt-star.on { color: rgb(var(--primary-yellow)); }
.axt-you, .axs-you {
  flex: 0 0 auto; font-size: 9px; font-weight: 700; letter-spacing: .04em; padding: 2px 5px; border-radius: 3px;
  background: rgb(var(--primary-color)); color: #fff;
}
.axt-idr2 { display: flex; align-items: center; gap: 8px; font-size: 12px; min-width: 0; }
.axt-age { color: rgb(var(--increase)); font-weight: 500; }
.axt-soc { color: rgb(var(--text-secondary)); font-size: 14px; line-height: 1; }
.axt-soc:hover { color: rgb(var(--primary-color-hover)); }
.axt-ca { font-family: var(--font-mono); font-size: 11px; color: rgb(var(--text-tertiary)); white-space: nowrap; }
.axt-ca:hover { color: rgb(var(--text-secondary)); }
/* stats wrap onto a hidden second line instead of being cut in half */
.axt-stats {
  flex: 1 1 auto; min-width: 0; height: 36px; overflow: hidden;
  display: flex; flex-wrap: wrap; align-items: center; align-content: flex-start; column-gap: 18px; row-gap: 12px;
  padding-left: 14px; border-left: 1px solid rgb(var(--primary-stroke));
}
.axt-mc { height: 36px; display: flex; align-items: center; }
.axt-mc { flex: 0 0 auto; }
.axt-stat { height: 36px; justify-content: center; }
.axt-mcv { font-size: 20px; font-weight: 600; letter-spacing: -.01em; font-variant-numeric: tabular-nums; transition: color .25s; }
.axt-stat { flex: 0 0 auto; display: flex; flex-direction: column; gap: 3px; white-space: nowrap; }
.axt-sl { font-size: 11px; color: rgb(var(--text-secondary)); }
.axt-sv { font-size: 13px; font-weight: 500; font-variant-numeric: tabular-nums; }
.axt-sv.good { color: rgb(var(--increase)); }
.axt-sv.bad { color: rgb(var(--decrease)); }
.axt-sv.mig { color: rgb(var(--primary-yellow)); }
.axt-bcbar { height: 2px; border-radius: 2px; overflow: hidden; background: rgb(var(--secondary-stroke)); }
.axt-bcbar i { display: block; height: 100%; width: 0; background: linear-gradient(90deg, rgb(var(--primary-color)), rgb(var(--increase))); transition: width .3s; }
.axt-head-r { flex: 0 0 auto; display: flex; gap: 2px; }

/* ---- chart ---- */
.axt-chart { flex: 1 1 auto; min-height: 170px; display: flex; flex-direction: column; }
.axt-tbar {
  flex: 0 0 34px; display: flex; align-items: center; gap: 2px; padding: 0 8px;
  border-bottom: 1px solid rgb(var(--primary-stroke)); overflow-x: auto; overflow-y: hidden; scrollbar-width: none;
}
.axt-tbar::-webkit-scrollbar { display: none; }
.axt-tfs { display: flex; gap: 1px; flex: 0 0 auto; }
.axt-tf {
  height: 24px; padding: 0 7px; border-radius: 4px; font-size: 12px; font-weight: 500;
  color: rgb(var(--text-secondary)); white-space: nowrap;
}
.axt-tf:hover { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); }
.axt-tf.on { color: rgb(var(--primary-color-hover)); background: rgb(var(--primary-color) / .13); }
.axt-tsep { flex: 0 0 1px; height: 16px; margin: 0 6px; background: rgb(var(--primary-stroke)); }
.axt-tbi {
  flex: 0 0 auto; height: 24px; min-width: 24px; padding: 0 5px; border-radius: 4px; display: inline-flex; align-items: center; justify-content: center; gap: 4px;
  color: rgb(var(--text-secondary)); font-size: 15px; white-space: nowrap;
}
.axt-tbi.txt { font-size: 12px; font-weight: 500; }
.axt-tbi:hover { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); }
.axt-fx { font: italic 600 14px Georgia, "Times New Roman", serif; }
.axt-seg { flex: 0 0 auto; display: inline-flex; align-items: center; height: 24px; margin: 0 6px; font-size: 12px; font-weight: 500; }
.axt-seg button { color: rgb(var(--text-tertiary)); padding: 0 1px; white-space: nowrap; }
.axt-seg button + button::before { content: '/'; margin-right: 2px; color: rgb(var(--text-tertiary)); }
.axt-seg button:hover { color: rgb(var(--text-secondary)); }
.axt-seg button.on { color: rgb(var(--primary-color-hover)); }
.axt-cvwrap { position: relative; flex: 1 1 auto; min-height: 0; overflow: hidden; }
.axt-cv { position: absolute; left: 0; top: 0; display: block; cursor: crosshair; touch-action: none; user-select: none; }
.axt-cv.grabbing { cursor: grabbing; }
.axt-cv.on-axis { cursor: ns-resize; }
.axt-legend {
  position: absolute; left: 10px; top: 7px; max-width: calc(100% - 100px); pointer-events: none;
  display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: rgb(var(--text-secondary));
}
.axt-lg1 { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.axt-lg-img { width: 16px; height: 16px; border-radius: 50%; }
.axt-lg-sym { color: rgb(var(--text-primary)); font-weight: 600; }
.axt-lg-dot { color: rgb(var(--text-tertiary)); }
.axt-lg-sim {
  font-size: 9px; font-weight: 700; letter-spacing: .04em; padding: 0 4px; border-radius: 3px;
  color: rgb(var(--primary-yellow)); border: 1px solid rgb(var(--primary-yellow) / .45);
}
.axt-lg-ohlc { display: inline-flex; align-items: center; gap: 3px; margin-left: 4px; font-variant-numeric: tabular-nums; }
.axt-legend.stack .axt-lg-ohlc { flex-basis: 100%; margin-left: 0; flex-wrap: wrap; }
.axt-legend.stack .lg-x { display: none; }
.axt-legend { text-shadow: 0 0 3px var(--ax-bg), 0 0 6px var(--ax-bg); }
.axt-lg-ohlc b { font-weight: 500; margin-right: 6px; color: rgb(var(--increase)); }
.axt-lg-ohlc.dn b { color: rgb(var(--decrease)); }
.axt-lg2 b { margin-left: 6px; font-weight: 500; color: rgb(var(--text-primary)); font-variant-numeric: tabular-nums; }
.axt-tip {
  position: absolute; left: 0; top: 0; z-index: 2; width: 156px; padding: 6px 9px; pointer-events: none;
  background: rgb(var(--background-tertiary) / .95); border: 1px solid rgb(var(--secondary-stroke)); border-radius: 4px;
  box-shadow: 0 8px 22px rgb(0 0 0 / .5); font-size: 11px;
}
.axt-tip .tt { color: rgb(var(--text-secondary)); margin-bottom: 3px; white-space: nowrap; }
.axt-tip .tr { display: flex; justify-content: space-between; line-height: 1.55; color: rgb(var(--text-secondary)); }
.axt-tip .tr b { font-weight: 500; color: rgb(var(--text-primary)); font-variant-numeric: tabular-nums; }
.axt-tip .tr b.up { color: rgb(var(--increase)); }
.axt-tip .tr b.dn { color: rgb(var(--decrease)); }
.axt-live {
  position: absolute; right: 80px; bottom: 34px; width: 28px; height: 28px; border-radius: 50%; display: grid; place-items: center;
  background: rgb(var(--background-tertiary)); border: 1px solid rgb(var(--secondary-stroke)); color: rgb(var(--text-primary)); font-size: 16px;
}
.axt-live:hover { border-color: rgb(var(--primary-color)); }
.axt-cv-empty { position: absolute; left: 0; top: 0; right: 68px; bottom: 24px; display: grid; place-items: center; color: rgb(var(--text-tertiary)); pointer-events: none; }

/* ---- chart / tables split + tables ---- */
.axt-split { flex: 0 0 5px; cursor: row-resize; border-top: 1px solid rgb(var(--primary-stroke)); }
.axt-split:hover, .axt-split.drag { background: rgb(var(--primary-color) / .35); }
.axt-tables { flex: 0 0 auto; height: 34%; min-height: 140px; display: flex; flex-direction: column; }
.axt.chart-max .axt-tables, .axt.chart-max .axt-split { display: none; }
.axt-tabs {
  flex: 0 0 38px; display: flex; align-items: center; gap: 2px; padding: 0 8px;
  border-bottom: 1px solid rgb(var(--primary-stroke)); overflow-x: auto; overflow-y: hidden; scrollbar-width: none;
}
.axt-tabs::-webkit-scrollbar { display: none; }
.axt-tab { flex: 0 0 auto; height: 28px; padding: 0 10px; border-radius: 4px; font-size: 13px; font-weight: 500; color: rgb(var(--text-secondary)); white-space: nowrap; }
.axt-tab:hover { color: rgb(var(--text-primary)); }
.axt-tab.on { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); }
.axt-tcnt { color: rgb(var(--text-tertiary)); font-weight: 400; }
.axt-chip {
  flex: 0 0 auto; height: 24px; padding: 0 9px; margin-left: 6px; border-radius: 999px; display: inline-flex; align-items: center; gap: 4px;
  border: 1px solid rgb(var(--secondary-stroke)); color: rgb(var(--text-secondary)); font-size: 11px; font-weight: 500; white-space: nowrap;
}
.axt-chip:hover { color: rgb(var(--text-primary)); }
.axt-chip.on { color: rgb(var(--primary-color-hover)); border-color: rgb(var(--primary-color)); background: rgb(var(--primary-color) / .1); }
.axt-paused { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 3px; font-size: 11px; font-weight: 600; color: rgb(var(--primary-yellow)); }
.axt-panes { position: relative; flex: 1 1 auto; min-height: 0; }
.axt-pane { position: absolute; inset: 0; display: flex; flex-direction: column; }
.axt-th, .axt-tr { display: grid; align-items: center; column-gap: 8px; padding: 0 12px; }
.axt-th {
  flex: 0 0 26px; font-size: 11px; color: rgb(var(--text-tertiary)); border-bottom: 1px solid rgb(var(--border-subtle));
  white-space: nowrap; overflow: hidden;
}
.axt-tb { flex: 1 1 auto; min-height: 0; overflow-y: auto; }
.axt-tr {
  height: 28px; font-size: 12px; font-variant-numeric: tabular-nums; white-space: nowrap;
  border-bottom: 1px solid rgb(var(--border-subtle) / .7);
}
.axt-tr > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; }
.axt-tr:hover { background: rgb(var(--background-secondary)); }
.axt-pane[data-pane="trades"] .axt-th, .axt-pane[data-pane="trades"] .axt-tr { grid-template-columns: 50px 46px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.3fr) 18px; }
.axt-pane[data-pane="positions"] .axt-th, .axt-pane[data-pane="positions"] .axt-tr { grid-template-columns: minmax(0, 1.6fr) repeat(3, minmax(0, 1fr)) minmax(0, 1.3fr) 128px; }
.axt-pane[data-pane="holders"] .axt-th, .axt-pane[data-pane="holders"] .axt-tr { grid-template-columns: 26px minmax(0, 1.2fr) minmax(0, 1.4fr) repeat(3, minmax(0, 1fr)) minmax(0, .9fr); }
.axt-pane[data-pane="top"] .axt-th, .axt-pane[data-pane="top"] .axt-tr { grid-template-columns: 26px minmax(0, 1.6fr) repeat(4, minmax(0, 1fr)); }
.axt-pane[data-pane="devtok"] .axt-th, .axt-pane[data-pane="devtok"] .axt-tr { grid-template-columns: minmax(0, 2fr) repeat(3, minmax(0, 1fr)); }
.axt-th .c-n, .axt-tr .c-n, .axt-th .c-tot, .axt-tr .c-tot, .axt-th .c-act, .axt-tr .c-act { text-align: right; }
.axt-tr .c-age { color: rgb(var(--text-secondary)); }
.axt-tr.buy .c-type, .axt-tr.buy .c-mc, .axt-tr.buy .c-amt, .axt-tr.buy .c-tot { color: rgb(var(--increase)); }
.axt-tr.sell .c-type, .axt-tr.sell .c-mc, .axt-tr.sell .c-amt, .axt-tr.sell .c-tot { color: rgb(var(--decrease)); }
.axt-tr .c-tot { display: inline-flex; align-items: center; justify-content: flex-end; }
.axt-tr .c-trader { display: inline-flex; align-items: center; gap: 5px; color: rgb(var(--text-secondary)); }
.axt-tr .c-trader.trk { color: rgb(var(--primary-light-blue)); }
.axt-tr .c-x { color: rgb(var(--text-tertiary)); font-size: 13px; text-align: right; }
.axt-tr.mine { background: rgb(var(--primary-color) / .1); box-shadow: inset 2px 0 0 rgb(var(--primary-color)); }
.axt-tr.mine.new { animation: axt-flash 1s ease-out; }
@keyframes axt-flash { from { background: rgb(var(--primary-color) / .45); } to { background: rgb(var(--primary-color) / .1); } }
.axt-youtag { font-size: 10px; font-weight: 700; padding: 1px 5px; border-radius: 3px; background: rgb(var(--primary-color)); color: #fff; }
.only-mine .axt-tr:not(.mine) { display: none; }
.axt-tr .c-tok { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.axt-tr .c-tok img { width: 18px; height: 18px; border-radius: 3px; flex: 0 0 auto; }
.axt-tr.cur .c-tok { cursor: default; }
.axt-tr.cur { background: rgb(var(--background-secondary)); }
.axt-tr .c-act { display: inline-flex; gap: 4px; justify-content: flex-end; }
.axt-mini { height: 20px; padding: 0 7px; border-radius: 999px; font-size: 11px; font-weight: 600; border: 1px solid rgb(var(--secondary-stroke)); color: rgb(var(--text-secondary)); }
.axt-mini.sell:hover { color: rgb(var(--decrease)); border-color: rgb(var(--decrease) / .7); background: rgb(var(--decrease) / .08); }
.axt-tr .c-rank { color: rgb(var(--text-tertiary)); }
.axt-tr .c-w { color: rgb(var(--text-secondary)); display: inline-flex; align-items: center; gap: 6px; }
.axt-tr .c-w b { color: rgb(var(--text-primary)); font-weight: 500; }
.axt-tr .c-pct { display: inline-flex; align-items: center; gap: 8px; }
.axt-tr .c-pct > span:first-child { width: 48px; text-align: right; }
.axt-pbar { flex: 1 1 auto; height: 3px; border-radius: 2px; background: rgb(var(--secondary-stroke)); overflow: hidden; max-width: 110px; }
.axt-pbar i { display: block; height: 100%; background: rgb(var(--primary-color)); }
.axt-tr.mine .axt-pbar i { background: rgb(var(--increase)); }
.axt-tag {
  display: inline-flex; align-items: center; gap: 3px; height: 18px; padding: 0 6px; border-radius: 999px; font-size: 10px; font-weight: 600;
  background: rgb(var(--background-tertiary)); color: rgb(var(--text-secondary));
}
.axt-tag.dev { color: rgb(var(--primary-orange)); }
.axt-tag.sniper { color: rgb(var(--decrease)); }
.axt-tag.insider { color: rgb(var(--primary-yellow)); }
.axt-tag.bundler { color: rgb(var(--primary-light-blue)); }
.axt-tag.pool { color: rgb(var(--increase)); }
.axt-tag.you { color: #fff; background: rgb(var(--primary-color)); }
.axt-empty { margin: auto; padding: 18px; display: flex; flex-direction: column; align-items: center; gap: 5px; color: rgb(var(--text-secondary)); text-align: center; }
.axt-empty i { font-size: 26px; color: rgb(var(--text-tertiary)); }
.axt-empty .t { font-size: 13px; font-weight: 600; color: rgb(var(--text-primary)); }
.axt-empty .s { font-size: 12px; max-width: 320px; }
.axt-tb > .axt-empty { height: 100%; justify-content: center; }

/* ---- right panel ---- */
.axt-side { min-height: 0; overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column; }
.axt-sbox { padding: 10px 12px; border-bottom: 1px solid rgb(var(--primary-stroke)); }
.axt-wins { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4px; }
.axt-win {
  height: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1px;
  border-radius: 4px; border: 1px solid rgb(var(--primary-stroke));
}
.axt-win .l { font-size: 11px; color: rgb(var(--text-secondary)); }
.axt-win .v { font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; }
.axt-win:hover { border-color: rgb(var(--secondary-stroke)); }
.axt-win.on { background: rgb(var(--background-tertiary)); border-color: rgb(var(--secondary-stroke)); }
.axt-svs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; margin-top: 9px; }
.axt-svs > div { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.axt-svs span { font-size: 11px; color: rgb(var(--text-secondary)); }
.axt-svs b { font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.axt-svs i { font-style: normal; font-size: 11px; color: rgb(var(--text-secondary)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.axt-ratio { display: flex; gap: 2px; height: 3px; margin-top: 7px; border-radius: 2px; overflow: hidden; }
.axt-ratio i { display: block; height: 100%; transition: width .4s; }
.axt-ratio .b { background: rgb(var(--increase)); }
.axt-ratio .s { background: rgb(var(--decrease)); }
.axt-trade { padding: 12px; display: flex; flex-direction: column; gap: 10px; border-bottom: 1px solid rgb(var(--primary-stroke)); }
.axt-bsrow {
  display: grid; grid-template-columns: 1fr 1fr; padding: 3px; border-radius: 999px;
  background: rgb(var(--background-secondary)); border: 1px solid rgb(var(--primary-stroke));
}
.axt-bs { height: 30px; border-radius: 999px; font-size: 13px; font-weight: 600; color: rgb(var(--text-secondary)); }
.axt-bs:hover { color: rgb(var(--text-primary)); }
.axt-bs.buy.on { background: rgb(var(--increase)); color: #06070b; }
.axt-bs.sell.on { background: rgb(var(--decrease)); color: #fff; }
.axt-otrow { display: flex; align-items: center; gap: 2px; }
.axt-ot { height: 26px; padding: 0 9px; border-radius: 4px; font-size: 12px; font-weight: 500; color: rgb(var(--text-secondary)); }
.axt-ot:hover { color: rgb(var(--text-primary)); }
.axt-ot.on { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); }
.axt-wchip {
  display: inline-flex; align-items: center; gap: 5px; height: 26px; padding: 0 9px; border-radius: 999px;
  border: 1px solid rgb(var(--primary-stroke)); font-size: 12px; color: rgb(var(--text-secondary)); white-space: nowrap;
}
.axt-wchip .sep { width: 1px; height: 12px; background: rgb(var(--secondary-stroke)); }
.axt-wchip > span:last-child { color: rgb(var(--text-primary)); font-weight: 500; }
.axt-amt {
  display: flex; align-items: center; gap: 8px; height: 42px; padding: 0 12px; border-radius: 4px; cursor: text;
  background: rgb(var(--background-secondary)); border: 1px solid rgb(var(--secondary-stroke));
}
.axt-amt:focus-within { border-color: rgb(var(--primary-color)); }
.axt-amt .lbl { font-size: 11px; font-weight: 600; letter-spacing: .05em; color: rgb(var(--text-secondary)); }
.axt-amt-in { flex: 1 1 auto; min-width: 0; text-align: right; font-size: 16px; font-weight: 500; background: none; border: 0; outline: 0; font-variant-numeric: tabular-nums; }
.axt-amt-u { flex: 0 0 auto; display: inline-flex; align-items: center; font-weight: 600; color: rgb(var(--text-secondary)); }
.axt-amt-u .axt-sol { margin: 0; font-size: 15px; }
.axt-presets { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 6px; }
.axt-pill {
  height: 30px; display: inline-flex; align-items: center; justify-content: center; gap: 1px; border-radius: 999px;
  font-size: 12px; font-weight: 600; font-variant-numeric: tabular-nums; color: rgb(var(--text-primary));
  background: rgb(var(--background-secondary)); border: 1px solid rgb(var(--secondary-stroke));
  transition: background .12s, border-color .12s, color .12s, transform .06s;
}
.axt-pill:active { transform: scale(.95); }
.axt-pill.buy:hover { color: rgb(var(--increase)); border-color: rgb(var(--increase) / .7); background: rgb(var(--increase) / .08); }
.axt-pill.sell:hover { color: rgb(var(--decrease)); border-color: rgb(var(--decrease) / .7); background: rgb(var(--decrease) / .08); }
.axt-pill.buy.fired { background: rgb(var(--increase) / .3); border-color: rgb(var(--increase)); }
.axt-pill.sell.fired { background: rgb(var(--decrease) / .3); border-color: rgb(var(--decrease)); }
.axt-presets-h { display: flex; align-items: center; justify-content: space-between; margin-top: -4px; font-size: 11px; color: rgb(var(--text-tertiary)); }
.axt-opts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 4px; }
.axt-opt {
  height: 26px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; border-radius: 4px;
  font-size: 11px; font-weight: 500; color: rgb(var(--text-secondary)); white-space: nowrap;
}
.axt-opt i { font-size: 13px; }
.axt-opt:hover { color: rgb(var(--text-primary)); background: rgb(var(--background-tertiary)); }
.axt-opt.set { color: rgb(var(--primary-yellow)); }
.axt-adv { display: flex; align-items: center; gap: 8px; font-size: 12px; color: rgb(var(--text-secondary)); cursor: pointer; user-select: none; }
.axt-adv input { width: 14px; height: 14px; margin: 0; accent-color: rgb(var(--primary-color)); }
.axt-go { height: 42px; border-radius: 999px; font-size: 14px; font-weight: 600; transition: background .12s, box-shadow .15s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding: 0 12px; }
.axt-go.buy { background: rgb(var(--increase)); color: #06070b; }
.axt-go.buy:hover { background: rgb(var(--increase-hover)); }
.axt-go.sell { background: rgb(var(--decrease)); color: #fff; }
.axt-go.sell:hover { background: rgb(var(--decrease-hover)); }
.axt-go.buy.fired { box-shadow: 0 0 0 4px rgb(var(--increase) / .3); }
.axt-go.sell.fired { box-shadow: 0 0 0 4px rgb(var(--decrease) / .3); }
.axt-posbox { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-radius: 4px; border: 1px solid rgb(var(--primary-stroke)); }
.axt-posbox > div { min-width: 0; padding: 6px 8px; display: flex; flex-direction: column; gap: 2px; border-right: 1px solid rgb(var(--primary-stroke)); }
.axt-posbox > div:last-child { border-right: 0; }
.axt-posbox span { font-size: 10px; color: rgb(var(--text-secondary)); }
.axt-posbox .pv { display: flex; align-items: center; min-width: 0; }
.axt-posbox b { font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-variant-numeric: tabular-nums; }
.axt-posbox i { font-style: normal; font-size: 10px; font-weight: 500; font-variant-numeric: tabular-nums; }
.axt-posbox b.up, .axt-posbox i.up { color: rgb(var(--increase)); }
.axt-posbox b.dn, .axt-posbox i.dn { color: rgb(var(--decrease)); }
.axt-p123 { display: flex; gap: 4px; }
.axt-p123 button { flex: 1 1 0; height: 24px; border-radius: 4px; font-size: 11px; font-weight: 600; color: rgb(var(--text-tertiary)); }
.axt-p123 button:hover { color: rgb(var(--text-secondary)); }
.axt-p123 button.on { color: rgb(var(--primary-color-hover)); background: rgb(var(--primary-color) / .13); }
.axt-info { padding: 12px; display: flex; flex-direction: column; gap: 8px; }
.axt-info-h { display: flex; align-items: center; justify-content: space-between; font-size: 13px; font-weight: 600; }
.axt-info-h i { color: rgb(var(--text-secondary)); font-weight: 400; }
.axt-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.axt-tile {
  height: 54px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
  border-radius: 4px; border: 1px solid rgb(var(--primary-stroke));
}
.axt-tile .v { font-size: 13px; font-weight: 600; font-variant-numeric: tabular-nums; }
.axt-tile .v.good { color: rgb(var(--increase)); }
.axt-tile .v.bad { color: rgb(var(--decrease)); }
.axt-tile .l { display: inline-flex; align-items: center; gap: 3px; font-size: 10.5px; color: rgb(var(--text-secondary)); white-space: nowrap; }
.axt-carow {
  width: 100%; height: 30px; display: flex; align-items: center; gap: 6px; padding: 0 9px; border-radius: 4px;
  border: 1px solid rgb(var(--primary-stroke)); font-size: 12px; color: rgb(var(--text-secondary));
}
.axt-carow .k { flex: 0 0 auto; color: rgb(var(--text-tertiary)); }
.axt-carow .mono { flex: 1 1 auto; text-align: left; color: rgb(var(--text-primary)); }
.axt-carow:hover { border-color: rgb(var(--secondary-stroke)); color: rgb(var(--text-primary)); }

/* ---- not found ---- */
.axt.axt-nf { display: grid; place-items: center; }
.axt-nf-box { display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; padding: 24px; }
.axt-nf-ico { width: 58px; height: 58px; border-radius: 50%; display: grid; place-items: center; font-size: 28px; color: rgb(var(--text-secondary)); background: rgb(var(--background-tertiary)); }
.axt-nf-t { font-size: 18px; font-weight: 600; }
.axt-nf-s { color: rgb(var(--text-secondary)); font-size: 13px; }
.axt-nf-btn {
  margin-top: 8px; height: 36px; padding: 0 18px; border-radius: 999px; display: inline-flex; align-items: center; gap: 6px;
  background: rgb(var(--primary-color)); color: #fff; font-size: 13px; font-weight: 600;
}
.axt-nf-btn:hover { background: rgb(var(--primary-color-hover)); }
.axt-nf-k { font-size: 11px; color: rgb(var(--text-tertiary)); }

/* ---- narrow Axiom panes (1280 px screens with J7 + trades panel) ---- */
@container axt (max-width: 1150px) {
  .axt-grid { grid-template-columns: minmax(0, 1fr) 290px; }
  .axt-stat.opt { display: none; }
}
@container axt (max-width: 940px) {
  .axt-grid { grid-template-columns: minmax(0, 1fr) 268px; }
  .axt-stat.opt2, .axt-name, .axt-head-r, .axt-back .lbl { display: none; }
  .axt-back { padding: 0 3px; }
  .axt-stats { gap: 14px; }
  .axt-pane[data-pane="trades"] .c-amt { display: none; }
  .axt-pane[data-pane="trades"] .axt-th, .axt-pane[data-pane="trades"] .axt-tr { grid-template-columns: 44px 40px minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.2fr) 14px; }
  .axt-trade, .axt-info, .axt-sbox { padding-left: 10px; padding-right: 10px; }
}
@container axt (max-width: 720px) {
  .axt-grid { grid-template-columns: minmax(0, 1fr) 244px; }
  .axt-stat.opt3 { display: none; }
  .axt-mcv { font-size: 17px; }
  .axt-id { max-width: 170px; }
  .axt-ca, .axt-star { display: none; }
  .axt-wchip .n, .axt-wchip .sep { display: none; }
  .axt-wchip { padding: 0 7px; }
  .axt-ot { padding: 0 6px; }
  .axt-opt span { display: none; }
  .axt-pill { font-size: 11px; }
  .axt-tf { padding: 0 5px; }
}

/* ======================================================= search modal */
.axs-backdrop {
  position: fixed; z-index: 700; left: 0; top: 0; width: 100vw; height: 100vh;
  display: flex; justify-content: center; align-items: flex-start; padding: 7vh 16px 16px;
  background: rgb(0 0 0 / .55); backdrop-filter: blur(1.5px);
  font-family: var(--font-ax); color: rgb(var(--text-primary)); font-size: 13px;
}
.axs-modal {
  width: 720px; max-width: 100%; max-height: 100%; display: flex; flex-direction: column; overflow: hidden;
  background: rgb(var(--background-secondary)); border: 1px solid rgb(var(--secondary-stroke)); border-radius: 8px;
  box-shadow: 0 28px 70px rgb(0 0 0 / .7); animation: axs-in .12s ease-out;
}
@keyframes axs-in { from { opacity: 0; transform: translateY(-6px) scale(.99); } to { opacity: 1; transform: none; } }
.axs-top { flex: 0 0 54px; display: flex; align-items: center; gap: 10px; padding: 0 14px; border-bottom: 1px solid rgb(var(--primary-stroke)); }
.axs-ico { font-size: 19px; color: rgb(var(--text-secondary)); }
.axs-in { flex: 1 1 auto; min-width: 0; height: 100%; background: none; border: 0; outline: 0; font-size: 16px; color: rgb(var(--text-primary)); }
.axs-in::placeholder { color: rgb(var(--text-tertiary)); }
.axs-clear { color: rgb(var(--text-tertiary)); font-size: 17px; line-height: 1; }
.axs-clear:hover { color: rgb(var(--text-secondary)); }
.axs-esc { cursor: pointer; }
.axs-chips { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 8px 12px; border-bottom: 1px solid rgb(var(--primary-stroke)); }
.axs-sorts { display: flex; align-items: center; gap: 4px; min-width: 0; flex-wrap: wrap; }
.axs-sl { display: inline-flex; align-items: center; gap: 3px; margin-right: 3px; font-size: 11px; color: rgb(var(--text-tertiary)); }
.axs-chip {
  height: 25px; padding: 0 10px; border-radius: 999px; font-size: 12px; font-weight: 500; white-space: nowrap;
  border: 1px solid rgb(var(--secondary-stroke)); color: rgb(var(--text-secondary));
}
.axs-chip:hover { color: rgb(var(--text-primary)); }
.axs-chip.on { color: rgb(var(--primary-color-hover)); border-color: rgb(var(--primary-color)); background: rgb(var(--primary-color) / .14); }
.axs-plats { display: flex; gap: 4px; flex: 0 0 auto; }
.axs-pchip { width: 27px; height: 25px; display: grid; place-items: center; border-radius: 4px; border: 1px solid rgb(var(--primary-stroke)); color: rgb(var(--text-tertiary)); font-size: 13px; }
.axs-pchip span { display: none; }
.axs-pchip:hover { color: var(--plat); }
.axs-pchip.on { color: var(--plat); border-color: var(--plat); background: rgb(255 255 255 / .04); }
.axs-head { flex: 0 0 auto; display: flex; align-items: baseline; justify-content: space-between; padding: 9px 16px 5px; }
.axs-label { font-size: 12px; font-weight: 600; color: rgb(var(--text-secondary)); }
.axs-count { font-size: 11px; color: rgb(var(--text-tertiary)); }
.axs-list { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: 0 6px 6px; }
.axs-row {
  display: grid; grid-template-columns: 44px minmax(0, 1fr) 74px 82px 74px 70px 54px auto; align-items: center; column-gap: 10px;
  height: 60px; padding: 0 8px; border-radius: 6px; cursor: pointer; font-variant-numeric: tabular-nums;
}
.axs-row + .axs-row { margin-top: 1px; }
.axs-row.sel { background: rgb(var(--background-tertiary)); box-shadow: inset 2px 0 0 rgb(var(--primary-color)); }
.axs-av { position: relative; width: 44px; height: 44px; padding: 2px; border-radius: 4px; border: 1px solid var(--plat); }
.axs-av img { width: 100%; height: 100%; border-radius: 3px; object-fit: cover; }
.axs-av-b {
  position: absolute; right: -5px; bottom: -5px; width: 16px; height: 16px; border-radius: 50%; display: grid; place-items: center;
  font-size: 9px; color: #06070b; background: var(--plat); border: 2px solid rgb(var(--background-secondary));
}
.axs-row.sel .axs-av-b { border-color: rgb(var(--background-tertiary)); }
.axs-info { min-width: 0; }
.axs-l1 { display: flex; align-items: baseline; gap: 6px; min-width: 0; }
.axs-tk { font-size: 14px; font-weight: 600; white-space: nowrap; }
.axs-nm { font-size: 13px; color: rgb(var(--text-secondary)); }
.axs-l2 { display: flex; align-items: center; gap: 8px; margin-top: 4px; font-size: 11px; color: rgb(var(--text-tertiary)); }
.axs-ca { display: inline-flex; align-items: center; gap: 3px; font-family: var(--font-mono); }
.axs-ca:hover, .axs-soc:hover { color: rgb(var(--text-primary)); }
.axs-soc { font-size: 13px; line-height: 1; color: rgb(var(--text-secondary)); }
.axs-mig { font-size: 13px; color: rgb(var(--primary-yellow)); }
.axs-age {
  justify-self: start; display: inline-flex; align-items: center; gap: 4px; height: 28px; padding: 0 9px; border-radius: 6px;
  font-size: 15px; font-weight: 700; letter-spacing: -.01em; white-space: nowrap;
}
.axs-age i { font-size: 12px; font-weight: 400; opacity: .75; }
.axs-age.a-s, .axs-age.a-m { color: rgb(var(--increase)); background: rgb(var(--increase) / .1); }
.axs-age.a-h { color: rgb(var(--primary-light-blue)); background: rgb(var(--primary-light-blue) / .1); }
.axs-age.a-d { color: rgb(var(--primary-yellow)); background: rgb(var(--primary-yellow) / .1); }
.axs-age.a-mo { color: rgb(var(--primary-orange)); background: rgb(var(--primary-orange) / .13); }
.axs-age.a-y { color: #ff6a3d; background: rgb(255 106 61 / .17); box-shadow: inset 0 0 0 1px rgb(255 106 61 / .4); }
.axs-num { display: flex; align-items: baseline; justify-content: flex-end; gap: 4px; white-space: nowrap; min-width: 0; }
.axs-num .k { font-size: 11px; color: rgb(var(--text-tertiary)); }
.axs-num b { font-size: 13px; font-weight: 600; }
.axs-num b.up { color: rgb(var(--increase)); }
.axs-num b.dn { color: rgb(var(--decrease)); }
.axs-num.mc b { color: rgb(var(--primary-light-blue)); }
.axs-num.mc b.up { color: rgb(var(--increase)); }
.axs-num.mc b.dn { color: rgb(var(--decrease)); }
.axs-num.hold { align-items: center; color: rgb(var(--text-secondary)); }
.axs-num.hold i { font-size: 12px; }
.axs-num.hold b { font-weight: 500; color: rgb(var(--text-primary)); }
.axs-qb {
  height: 28px; padding: 0 12px; border-radius: 999px; display: inline-flex; align-items: center; gap: 3px;
  background: rgb(var(--primary-color)); color: #fff; font-size: 12px; font-weight: 600; white-space: nowrap;
  transition: background .12s, transform .06s, box-shadow .15s;
}
.axs-qb:hover { background: rgb(var(--primary-color-hover)); }
.axs-qb:active { transform: scale(.95); }
.axs-qb.fired { box-shadow: 0 0 0 4px rgb(var(--primary-color) / .35); }
.axs-empty { padding: 34px 16px 40px; display: flex; flex-direction: column; align-items: center; gap: 5px; color: rgb(var(--text-secondary)); }
.axs-empty i { font-size: 28px; color: rgb(var(--text-tertiary)); }
.axs-empty .t { font-size: 14px; font-weight: 600; color: rgb(var(--text-primary)); }
.axs-empty .s { font-size: 12px; }
.axs-foot {
  flex: 0 0 34px; display: flex; align-items: center; gap: 14px; padding: 0 14px; border-top: 1px solid rgb(var(--primary-stroke));
  font-size: 11px; color: rgb(var(--text-tertiary)); white-space: nowrap; overflow: hidden;
}
.axs-foot > span { display: inline-flex; align-items: center; gap: 4px; }
.axs-foot b { color: rgb(var(--text-secondary)); font-weight: 600; }
.axs-flex { flex: 1 1 auto; }
.axs-sim {
  font-size: 9px; font-weight: 700; letter-spacing: .05em; padding: 1px 5px; border-radius: 3px;
  color: rgb(var(--primary-yellow)); border: 1px solid rgb(var(--primary-yellow) / .45);
}
@media (max-width: 760px) {
  .axs-row { grid-template-columns: 40px minmax(0, 1fr) 66px 74px auto; }
  .axs-row > .axs-num.vol, .axs-row > .axs-num.liq, .axs-row > .axs-num.hold { display: none; }
  .axs-plats { display: none; }
}