:root {
  --bg-primary: #090710;
  --bg-secondary: rgba(19, 15, 34, 0.75);





  --bg-menu: #15102a;
  --bg-card: rgba(30, 24, 53, 0.45);
  --bg-accent: #261e43;
  --text-primary: #f3f0ff;
  --text-muted: #958da9;
  --color-buy: #0ecb81;
  --color-buy-transparent: rgba(14, 203, 129, 0.12);
  --color-sell: #f6465d;
  --color-sell-transparent: rgba(246, 70, 93, 0.12);
  --color-brand: #d81b60;
  --color-cosmos: #7c4dff;
  --border-color: rgba(44, 34, 77, 0.5);
  --font-family: 'Inter', sans-serif;
  --font-logo: 'Outfit', sans-serif;
  --glow-brand: 0 0 12px rgba(216, 27, 96, 0.4);
  --glow-cosmos: 0 0 15px rgba(124, 77, 255, 0.4);





  --fade-end: 90deg;
















  --fade-18: linear-gradient(var(--fade-end), #000 calc(100% - 18px), transparent);
  --fade-20: linear-gradient(var(--fade-end), #000 calc(100% - 20px), transparent);
  --fade-22: linear-gradient(var(--fade-end), #000 calc(100% - 22px), transparent);
  --fade-24: linear-gradient(var(--fade-end), #000 calc(100% - 24px), transparent);
  --fade-26: linear-gradient(var(--fade-end), #000 calc(100% - 26px), transparent);
  --fade-28: linear-gradient(var(--fade-end), #000 calc(100% - 28px), transparent);
  --fade-30: linear-gradient(var(--fade-end), #000 calc(100% - 30px), transparent);
  --fade-34: linear-gradient(var(--fade-end), #000 calc(100% - 34px), transparent);
}


* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-family);
  font-size: 13px;
  overflow: hidden;
  height: 100vh;
  display: flex;
  flex-direction: column;
}


::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
::-webkit-scrollbar-track {
  background: transparent;
}
::-webkit-scrollbar-thumb {
  background: var(--border-color);
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--color-cosmos);
}


.lucide {
  stroke-width: 2px;
}


.app-header {
  height: 64px;
  background-color: rgba(9, 7, 16, 0.9);
  border-bottom: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 20px;
  z-index: 10;
  backdrop-filter: blur(8px);
}

.header-logo {
  display: flex;
  align-items: center;
  gap: 10px;
}

.logo-icon i {
  width: 28px;
  height: 28px;
  color: var(--color-brand);
  filter: drop-shadow(0 0 6px var(--color-brand));
}

.logo-crown {
  width: 34px;
  height: 34px;
  object-fit: contain;
  display: block;
  filter: drop-shadow(0 0 7px rgba(255,176,46,0.55));
}

.icon-spin {
  animation: spin 8s linear infinite;
}

@keyframes spin {
  100% { transform: rotate(360deg); }
}

.logo-text {
  display: flex;
  flex-direction: column;
}

.brand-text {
  font-family: var(--font-logo);
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: var(--text-primary);
}

.sub-text {
  font-family: var(--font-logo);
  font-size: 10px;
  font-weight: 500;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: var(--color-cosmos);
  margin-top: -3px;
}


.header-stats {
  display: flex;
  align-items: flex-start;
  gap: 20px;
  flex: 1;
  margin-left: 26px;
}

.pair-selector-wrap {
  position: relative;
}

.pair-dropdown {
  background: var(--bg-accent);
  color: var(--text-primary);
  border: 1px solid var(--border-color);
  font-family: var(--font-logo);
  font-size: 15px;
  font-weight: 600;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
  outline: none;
  transition: all 0.3s ease;
  width: 143px;
  box-sizing: border-box;
  text-overflow: ellipsis;
}

.pair-dropdown:focus, .pair-dropdown:hover {
  border-color: var(--color-cosmos);
  box-shadow: var(--glow-cosmos);
}

.stat-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.stat-label {
  font-size: 10px;
  color: var(--text-muted);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.stat-value {
  font-size: 13px;
  font-weight: 600;
  margin-top: 2px;
}

.text-buy { color: var(--color-buy); }
.text-sell { color: var(--color-sell); }
.text-white { color: #ffffff; }

.text-glow {
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.2);
}


.btn {
  font-family: var(--font-logo);
  font-weight: 600;
  border: none;
  border-radius: var(--radius-ctl);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.3s ease;
  outline: none;
}

.btn-connect {
  background: linear-gradient(135deg, var(--color-brand), var(--color-cosmos));
  color: #ffffff;
  padding: 8px 16px;
  font-size: 13px;
  box-shadow: var(--glow-cosmos);
}

.btn-connect:hover {
  filter: brightness(1.15);
  transform: translateY(-1px);
}

.wallet-badge {
  display: flex;
  align-items: center;
  gap: 8px;
  background: var(--bg-accent);
  border: 1px solid var(--color-cosmos);
  padding: 8px 16px;
  border-radius: 6px;
  font-family: var(--font-logo);
  font-weight: 500;
  box-shadow: var(--glow-cosmos);
}

.wallet-status-dot {
  width: 8px;
  height: 8px;
  background-color: var(--color-buy);
  border-radius: 50%;
  box-shadow: 0 0 8px var(--color-buy);
}

.hidden {
  display: none !important;
}


.terminal-grid {
  flex: 1;
  padding: 8px;
  display: grid;






  grid-template-columns: 252px 1fr 280px;








  --osmo-bottom-row: 240px;
  grid-template-rows: minmax(0, 1fr) auto var(--osmo-bottom-row);
  gap: 8px;
  height: calc(100vh - 64px);
}


.widget {
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  backdrop-filter: blur(10px);
  min-width: 0;
  min-height: 0;
}

.widget-header {
  height: 38px;
  border-bottom: 1px solid var(--border-color);
  padding: 0 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(9, 7, 16, 0.4);
}

.widget-header h3 {
  font-family: var(--font-logo);
  font-size: 12px;
  font-weight: 600;
  color: var(--text-primary);
  letter-spacing: 0.5px;



  min-width: 0; flex: 0 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}


.orderbook-precision {
  font-size: 10px;
  color: var(--color-cosmos);
  font-weight: 600;
  background: var(--bg-accent);
  padding: 2px 6px;
  border-radius: 4px;
}

.orderbook-table-container {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
  padding: 4px 0;
}




.orderbook-scroll { flex: 1; min-height: 0; overflow: hidden; display: flex; flex-direction: column; }

.orderbook-header-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 4px 12px;
  font-size: 10px;
  color: var(--text-muted);
  font-weight: 500;
  text-transform: uppercase;
}

.orderbook-header-row span:nth-child(2),
.orderbook-header-row span:nth-child(3) {
  text-align: right;
}

.orderbook-rows {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;




  overscroll-behavior: contain;
  overflow-x: hidden;
  min-height: 0;
  scrollbar-width: thin;
}





.asks-rows { justify-content: flex-start; }
.asks-rows > :first-child { margin-top: auto; }
.asks-rows.is-virtual > :first-child { margin-top: 0; }
.bids-rows { justify-content: flex-start; }


.asks-rows { -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 12px); mask-image: linear-gradient(180deg, transparent 0, #000 12px); }

.ob-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  padding: 3px 12px;
  font-size: 11px;
  font-family: var(--font-logo);
  font-weight: 500;
  position: relative;
  cursor: pointer;
  transition: background 0.15s ease;
  box-sizing: border-box;
  flex: 0 0 22px;
  min-height: 22px;
}

.ob-virtual-canvas {
  position: relative;
  flex: 0 0 var(--ob-virtual-height, 0px);
  height: var(--ob-virtual-height, 0px);
  min-height: var(--ob-virtual-height, 0px);
}
.ob-virtual-window { position: absolute; inset: 0 0 auto; }

.ob-row:hover {
  background-color: var(--bg-accent);
}


.trades-widget { display: flex; flex-direction: column; }
.trades-header-row {
  display: grid;
  grid-template-columns: 13px 1.1fr 1fr 0.7fr;
  gap: 4px;
  padding: 4px 12px;
  font-size: 10px;
  color: var(--text-muted);
  font-weight: 500;
  text-transform: uppercase;
}
.trades-header-row span:nth-child(3),
.trades-header-row span:nth-child(4) { text-align: right; }
.trades-scroll { flex: 1; min-height: 0; overflow-y: auto; overscroll-behavior: contain; }


.trades-rows { display: flex; flex-direction: column; }
.trade-row {
  display: grid;
  grid-template-columns: 13px 1.1fr 1fr 0.7fr;
  align-items: center;
  gap: 4px;
  padding: 3px 12px;
  font-size: 11px;
  font-family: var(--font-logo);
  font-weight: 500;
}
.trade-row { font-variant-numeric: tabular-nums; }
.trade-row .t-price { text-align: left; }
.trade-row .t-size, .trade-row .t-time { text-align: right; color: var(--text-primary); }
.trade-row .t-time { color: var(--text-muted); }
.trade-buy .t-price { color: var(--color-buy); }
.trade-sell .t-price { color: var(--color-sell); }
.t-q { color: var(--text-muted); font-size: 9px; margin-left: 2px; }

.t-venue, .venue-badge { font-size: 8.5px; font-weight: 700; border-radius: 3px; padding: 1px 3px; line-height: 1; }
.venue-badge { font-size: 9px; margin-right: 4px; }
.v-l { background: rgba(110, 130, 255, 0.18); color: #8fa2ff; }
.v-s { background: rgba(14, 203, 129, 0.16); color: #2fd39a; }

.trade-filter { display: inline-flex; gap: 2px; background: var(--bg-accent); border-radius: 7px; padding: 2px; }


.tf-min {
  background: var(--bg-accent); color: var(--text-muted); border: 1px solid var(--border-color);
  border-radius: 6px; font-size: 10.5px; padding: 2px 4px; cursor: pointer; outline: none;
  max-width: 84px; margin-left: 6px;
}
.tf-min:focus, .tf-min:hover { border-color: var(--color-cosmos); color: var(--text-primary); }
.tf-min option { background: #15102a; }
.tf-btn { border: none; background: transparent; color: var(--text-muted); font-size: 10px; font-weight: 700;
  padding: 2px 8px; border-radius: 5px; cursor: pointer; font-family: inherit; line-height: 1.5; }
.tf-btn:hover { color: var(--text-primary); }
.tf-btn.active { background: rgba(124, 77, 255, 0.25); color: var(--text-primary); }
.tf-btn.tf-l.active { background: rgba(110, 130, 255, 0.22); color: #8fa2ff; }
.tf-btn.tf-s.active { background: rgba(14, 203, 129, 0.2); color: #2fd39a; }
.trades-empty { padding: 16px 12px; font-size: 11px; color: var(--text-muted); text-align: center; }


.trade-mode-tabs { display: flex; gap: 6px; padding: 10px 12px 0; }
.trade-mode { flex: 1; padding: 8px 0; border-radius: 9px; border: 1px solid var(--stroke-soft); background: rgba(255,255,255,0.03); color: var(--text-muted); font-family: var(--font-logo); font-weight: 700; font-size: 13px; cursor: pointer; transition: all .15s; }
.trade-mode.active { color: #fff; background: rgba(124,77,255,0.18); border-color: rgba(124,77,255,0.45); }
.swap-pane { padding: 12px; display: flex; flex-direction: column; gap: 10px; overflow-y: auto; min-height: 0; }
.swap-box { background: rgba(255,255,255,0.03); border: 1px solid var(--stroke-soft); border-radius: 12px; padding: 10px 12px; }
.swap-row-head { display: flex; justify-content: space-between; font-size: 11px; color: var(--text-muted); margin-bottom: 6px; }
.swap-input-row { display: flex; gap: 8px; align-items: center; }
.swap-input-row input { flex: 1; min-width: 0; background: transparent; border: none; color: var(--text-primary); font-size: 20px; font-weight: 600; font-family: var(--font-logo); outline: none; }

.tok-picker { position: relative; flex: 0 0 auto; }
.tok-btn { display: flex; align-items: center; gap: 6px; background: var(--bg-accent); color: var(--text-primary); border: 1px solid var(--stroke-soft); border-radius: 10px; padding: 6px 9px; font-family: var(--font-logo); font-weight: 600; font-size: 13px; cursor: pointer; }
.tok-btn:hover { border-color: var(--color-cosmos); }
.tok-ico { width: 18px; height: 18px; border-radius: 50%; background: rgba(255,255,255,0.06); object-fit: cover; flex: 0 0 auto; }
.tok-ico:not([src]) { visibility: hidden; }
.tok-caret { font-size: 10px; color: var(--text-muted); }
.tok-menu { position: absolute; top: 110%; right: 0; width: 260px; max-height: 320px; display: flex; flex-direction: column; background: rgba(14,11,26,0.98); border: 1px solid var(--stroke); border-radius: 12px; box-shadow: var(--shadow-lg); z-index: 300; padding: 6px; backdrop-filter: blur(16px); }
.tok-menu.hidden { display: none; }
.tok-search { width: 100%; background: var(--bg-accent); border: 1px solid var(--stroke-soft); border-radius: 8px; padding: 7px 9px; color: var(--text-primary); font-size: 12px; outline: none; margin-bottom: 6px; }
.tok-list { overflow-y: auto; min-height: 0; }
.tok-row { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 8px; cursor: pointer; }
.tok-row:hover { background: rgba(124,77,255,0.18); }
.tok-row img { width: 22px; height: 22px; border-radius: 50%; background: rgba(255,255,255,0.06); object-fit: cover; flex: 0 0 auto; }
.tok-row .tr-sym { font-weight: 600; font-size: 13px; color: var(--text-primary); }
.tok-row .tr-name { font-size: 11px; color: var(--text-muted); margin-left: auto; max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.tok-empty { padding: 12px; text-align: center; color: var(--text-muted); font-size: 12px; }
.swap-pct { display: flex; gap: 6px; margin-top: 8px; }
.swap-pct button { flex: 1; padding: 5px 0; border-radius: 7px; border: 1px solid var(--stroke-soft); background: transparent; color: var(--text-muted); font-size: 11px; font-weight: 600; cursor: pointer; }
.swap-pct button:hover { color: var(--text-primary); border-color: var(--color-cosmos); }
.swap-arrow { text-align: center; margin: -4px 0; }
.swap-arrow button { width: 34px; height: 34px; border-radius: 10px; border: 1px solid var(--stroke); background: var(--bg-accent); color: var(--color-cosmos); font-size: 16px; cursor: pointer; }
.swap-info { font-size: 11.5px; color: var(--text-muted); display: flex; flex-direction: column; gap: 4px; }
.swap-info .si-row { display: flex; justify-content: space-between; }
.swap-info .si-row b { color: var(--text-primary); font-weight: 600; }
.swap-info .si-warn { color: #ffcf6b; }
.swap-slip { display: flex; justify-content: space-between; align-items: center; font-size: 11.5px; color: var(--text-muted); }
.swap-slip-opts { display: flex; gap: 5px; }
.slip-opt { padding: 4px 9px; border-radius: 7px; border: 1px solid var(--stroke-soft); background: transparent; color: var(--text-muted); font-size: 11px; font-weight: 600; cursor: pointer; }
.slip-opt.active { color: #fff; background: rgba(124,77,255,0.22); border-color: rgba(124,77,255,0.45); }

.ob-row span:nth-child(2),
.ob-row span:nth-child(3) {
  text-align: right;
  color: var(--text-primary);
  z-index: 2;
}

.ob-row .price-val {
  z-index: 2;
}

.ob-row .row-depth-bar {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  opacity: 0.85;
  transition: width 0.3s ease;
}


.orderbook-spread-row {
  border-top: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);
  padding: 8px 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: rgba(9, 7, 16, 0.3);
}

.spread-price-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
}



#ob-price-icon { display: inline-flex; width: 24px; height: 24px; }

.center-price {
  font-size: 16px;
  font-family: var(--font-logo);
  font-weight: 700;
}

.spread-value-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 10px;
}

.spread-val {
  color: #4d9fff;
  font-weight: 500;
  white-space: nowrap;
}


.chart-widget {
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}



.chart-widget .widget-header, .fut-chart-head { overflow-x: auto; scrollbar-width: none; }
.chart-widget .widget-header::-webkit-scrollbar, .fut-chart-head::-webkit-scrollbar { display: none; }






.trades-widget { grid-column: 1 / 2; grid-row: 1 / 3; }
.orderbook-widget { grid-column: 3 / 4; grid-row: 1 / 3; }

.chart-header-left {
  display: flex;
  align-items: center;
  gap: 10px;
}


.chart-extlink {
  display: inline-flex; align-items: center; justify-content: center;
  width: 22px; height: 22px; border-radius: 6px; flex: 0 0 auto;
  background: rgba(255,255,255,0.05); border: 1px solid var(--stroke, rgba(124,77,255,0.2));
  opacity: 0.75; transition: opacity .15s ease, border-color .15s ease, transform .15s ease;
}
.chart-extlink:hover { opacity: 1; border-color: var(--color-cosmos); transform: translateY(-1px); }
.chart-extlink img { width: 15px; height: 15px; display: block; }

.chart-tag {
  font-size: 9px;
  background-color: var(--color-buy-transparent);
  color: var(--color-buy);
  border: 1px solid rgba(14, 203, 129, 0.3);
  padding: 1px 6px;
  border-radius: 4px;
  font-weight: 600;
  text-transform: uppercase;
}

.chart-timeframes {
  display: flex;
  gap: 4px;
}

.tf-btn {
  font-size: 10px;
  font-weight: 600;
  color: var(--text-muted);
  padding: 2px 6px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.tf-btn:hover {
  color: var(--text-primary);
  background-color: var(--bg-accent);
}

.tf-btn.active {
  color: #ffffff;
  background-color: var(--color-cosmos);
  box-shadow: var(--glow-cosmos);
}

.chart-container {
  flex: 1;
  min-height: 0;
  position: relative;


  display: flex;
  flex-direction: column;
  background: radial-gradient(circle at center, #1b1632 0%, #090710 100%);
}

#trading-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.canvas-grid-lines {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  background-size: 40px 40px;
  background-image: linear-gradient(to right, rgba(44, 34, 77, 0.15) 1px, transparent 1px),
                    linear-gradient(to bottom, rgba(44, 34, 77, 0.15) 1px, transparent 1px);
}


.trading-widget {
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}

.trading-tabs {
  display: flex;
  height: 38px;
  border-bottom: 1px solid var(--border-color);
}

.trading-tab {
  flex: 1;
  border: none;
  background: transparent;
  color: var(--text-muted);
  font-family: var(--font-logo);
  font-weight: 700;
  font-size: 13px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.trading-tab.active.tab-buy {
  color: var(--color-buy);
  background-color: var(--color-buy-transparent);
  box-shadow: inset 0 -3px 0 var(--color-buy);
}

.trading-tab.active.tab-sell {
  color: var(--color-sell);
  background-color: var(--color-sell-transparent);
  box-shadow: inset 0 -3px 0 var(--color-sell);
}

.trading-form-wrap {
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}

.wallet-balance-row {
  display: flex;
  justify-content: space-between;
  font-size: 11px;
}

.balance-label {
  color: var(--text-muted);
}

.balance-value {
  color: var(--text-primary);
  font-weight: 600;
}

.ordertype-tabs {
  display: flex;
  background-color: var(--bg-accent);
  padding: 3px;
  border-radius: 6px;
}

.ordertype-tab {
  flex: 1;
  text-align: center;
  padding: 6px 0;
  font-family: var(--font-logo);
  font-weight: 600;
  font-size: 11px;
  border-radius: 4px;
  cursor: pointer;
  color: var(--text-muted);
  transition: all 0.2s ease;
}

.ordertype-tab.active {
  background-color: var(--bg-primary);
  color: var(--text-primary);
}

.input-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.input-group label {
  font-size: 11px;
  color: var(--text-muted);
  font-weight: 500;
}

.input-with-addon {
  display: flex;
  background-color: var(--bg-accent);
  border: 1px solid var(--border-color);
  border-radius: 6px;
  overflow: hidden;
  transition: all 0.3s ease;
}

.input-with-addon:focus-within {
  border-color: var(--color-cosmos);
  box-shadow: var(--glow-cosmos);
}

.input-with-addon input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: var(--text-primary);
  padding: 10px 12px;
  font-family: var(--font-logo);
  font-size: 14px;
  font-weight: 600;
  width: 50%;
}

.input-addon {
  display: flex;
  align-items: center;
  padding: 0 12px;
  background-color: rgba(9, 7, 16, 0.4);
  color: var(--text-muted);
  font-weight: 600;
  font-family: var(--font-logo);
  font-size: 11px;
}

.percent-selectors {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6px;
}

.btn-percent {
  background-color: var(--bg-accent);
  border: 1px solid var(--border-color);
  color: var(--text-muted);
  font-size: 11px;
  font-family: var(--font-logo);
  font-weight: 600;
  padding: 6px 0;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-percent:hover {
  background-color: var(--color-cosmos);
  border-color: var(--color-cosmos);
  color: #ffffff;
}

.trading-total-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
  border-top: 1px dashed var(--border-color);
  padding-top: 12px;
}

.trading-total-row span:first-child {
  color: var(--text-muted);
}

.total-value {
  font-size: 15px;
  font-family: var(--font-logo);
  font-weight: 700;
  color: #ffffff;
}

.btn-trade {
  width: 100%;
  padding: 12px 0;
  font-size: 14px;
  color: #ffffff;
  margin-top: auto;
  border-radius: 6px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.btn-trade:disabled {
  background: var(--bg-accent) !important;
  color: var(--text-muted) !important;
  box-shadow: none !important;
  cursor: not-allowed;
  border: 1px solid var(--border-color);
}

.btn-buy-color {
  background: var(--color-buy);
}
.btn-buy-color:hover:not(:disabled) {
  background-color: #0db975;
  box-shadow: 0 0 10px rgba(14, 203, 129, 0.4);
}

.btn-sell-color {
  background: var(--color-sell);
}
.btn-sell-color:hover:not(:disabled) {
  background-color: #e03b51;
  box-shadow: 0 0 10px rgba(246, 70, 93, 0.4);
}


.bottom-widget {
  grid-column: 1 / 4;
  grid-row: 3 / 4;
}

.bottom-tabs {
  display: flex;
  height: 42px;
  border-bottom: 1px solid var(--border-color);
  background-color: rgba(9, 7, 16, 0.4);
}

.bottom-tab {
  border: none;
  background: transparent;
  color: var(--text-muted);
  font-family: var(--font-logo);
  font-weight: 600;
  font-size: 12px;
  padding: 0 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}

.bottom-tab i { width: 13px; height: 13px; flex: 0 0 auto; }
.bottom-tab:hover {
  color: var(--text-primary);
}

.bottom-tab.active {
  color: var(--color-cosmos);
  box-shadow: inset 0 -2px 0 var(--color-cosmos);
  background-color: rgba(124, 77, 255, 0.05);
}

.tab-badge {
  background-color: var(--color-cosmos);
  color: #ffffff;
  font-size: 10px;
  padding: 1px 5px;
  border-radius: 10px;
  font-weight: 700;
}

.bottom-content-panels {
  flex: 1;
  background-color: rgba(19, 15, 34, 0.2);
  position: relative;
  overflow: hidden;
}

.tab-panel {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: none;
  padding: 4px;
}

.tab-panel.active {
  display: block;


  height: 100%;
  overflow-y: auto;
  scrollbar-gutter: stable;
}

.table-scroll {
  width: 100%;
  height: 100%;
  overflow-y: auto;
  overflow-x: auto;
}



.tab-panel .table-scroll {
  -webkit-mask-image: linear-gradient(180deg, #000 calc(100% - 22px), transparent);
  mask-image: linear-gradient(180deg, #000 calc(100% - 22px), transparent);
}

.positions-table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}

.positions-table th {
  font-size: 10px;
  color: var(--text-muted);
  font-weight: 600;
  text-transform: uppercase;
  padding: 8px 12px;





  border-bottom: 1px solid #1d1735;












  background-color: #0e0c1c;
  position: sticky;
  top: 0;
  z-index: 2;
}

.positions-table td {
  padding: 8px 12px;
  border-bottom: 1px solid rgba(44, 34, 77, 0.2);
  font-size: 12px;
}

.positions-table tbody tr:hover {
  background-color: rgba(38, 30, 67, 0.3);
}

.empty-table-placeholder {
  text-align: center;
  padding: 40px 0 !important;
  color: var(--text-muted);
}

.placeholder-icon {
  width: 32px;
  height: 32px;
  margin: 0 auto 8px;
  display: block;
  opacity: 0.6;
}

.btn-cancel {
  background: var(--color-sell-transparent);
  color: var(--color-sell);
  border: 1px solid rgba(246, 70, 93, 0.3);
  font-size: 10px;
  padding: 3px 8px;
  border-radius: 4px;
}

.btn-cancel:hover {
  background-color: var(--color-sell);
  color: #ffffff;
  border-color: var(--color-sell);
}


.modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(5, 3, 10, 0.85);
  backdrop-filter: blur(6px);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.modal-card {
  width: 420px;
  background: radial-gradient(circle at top left, #1c1537 0%, #0d0a1c 100%);
  border: 1px solid var(--color-cosmos);
  border-radius: 12px;
  box-shadow: var(--glow-cosmos), 0 10px 40px rgba(0, 0, 0, 0.5);
  overflow: hidden;
  animation: modalScale 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes modalScale {
  0% { transform: scale(0.92); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

.modal-header {
  padding: 16px 20px;
  border-bottom: 1px solid var(--border-color);
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.keplr-brand {
  display: flex;
  align-items: center;
  gap: 12px;
}

.keplr-logo {
  width: 24px;
  height: 24px;
  background: linear-gradient(135deg, #00b0ff, #aa00ff);
  color: #ffffff;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-logo);
  font-weight: 700;
  font-size: 13px;
}

.modal-header h3 {
  font-family: var(--font-logo);
  font-size: 15px;
  font-weight: 600;
}

.modal-close-btn {
  background: transparent;
  border: none;
  color: var(--text-muted);
  cursor: pointer;
}

.modal-close-btn:hover {
  color: #ffffff;
}

.modal-body {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.permission-card {
  background-color: rgba(9, 7, 16, 0.4);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 12px;
}

.origin-info {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}

.origin-url {
  font-family: var(--font-logo);
  font-weight: 600;
  color: var(--text-primary);
}

.permission-intro {
  color: var(--text-muted);
  font-size: 11px;
  margin-bottom: 8px;
}

.permission-list {
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.permission-list li {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  font-size: 11.5px;
}

.permission-list li i {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-top: 2px;
}

.wallet-select-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.select-row {
  display: flex;
  justify-content: space-between;
  font-size: 11.5px;
}

.select-label {
  color: var(--text-muted);
}

.select-val {
  font-weight: 600;
  color: var(--text-primary);
}

.modal-actions {
  padding: 16px 20px;
  border-top: 1px solid var(--border-color);
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  background-color: rgba(9, 7, 16, 0.2);
}

.btn-secondary {
  background-color: var(--bg-accent);
  color: var(--text-muted);
  padding: 10px 20px;
  font-size: 12px;
}

.btn-secondary:hover {
  background-color: var(--border-color);
  color: #ffffff;
}

.btn-primary {
  background: var(--color-cosmos);
  color: #ffffff;
  padding: 10px 20px;
  font-size: 12px;
  box-shadow: var(--glow-cosmos);
}

.btn-primary:hover {
  filter: brightness(1.15);
}


.tx-card {
  border-color: var(--color-brand);
  box-shadow: var(--glow-brand);
}

.tx-subtitle {
  color: var(--text-muted);
  font-size: 12px;
}

.tx-details-list {
  background-color: rgba(9, 7, 16, 0.4);
  border: 1px solid var(--border-color);
  border-radius: 8px;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.tx-detail-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 12px;
}

.detail-label {
  color: var(--text-muted);
}

.detail-value {
  font-weight: 600;
}

.btn-brand-color {
  background: var(--color-brand);
  box-shadow: var(--glow-brand);
}
.btn-brand-color:hover {
  background-color: #c2185b;
}


@media (max-width: 1200px) {





  #view-trade .terminal-grid {
    display: flex; flex-direction: column; flex: none; height: auto; min-height: 0; gap: 10px;
  }


  .chart-widget { height: 440px; flex-shrink: 0; }
  .terminal-grid .trades-widget, .terminal-grid .orderbook-widget, .terminal-grid .trading-widget { height: 360px; flex-shrink: 0; }
  .bottom-widget { height: 260px; flex-shrink: 0; }
  .hide-tablet {
    display: none !important;
  }





  .view-nav {
    overflow-x: auto;
    overflow-y: hidden;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
  }
  .view-nav::-webkit-scrollbar { display: none; }
  .view-tab { flex: 0 0 auto; }
}







@media (min-width: 981px) and (max-width: 1440px) {
  .header-logo, .header-actions { flex-shrink: 0; }
  .header-stats { min-width: 0; overflow-x: auto; }
}


@media (max-width: 768px) {
  .terminal-grid {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    height: auto;
  }
  .widget {
    height: 400px;
  }

  .widget.xfer-card { height: auto; max-height: none; }
  .bottom-widget {
    height: 300px;
  }
  .hide-mobile {
    display: none !important;
  }




  .chart-widget .widget-header { flex-wrap: wrap; height: auto; min-height: 38px; padding-block: 4px; row-gap: 2px; }
  .chart-widget .widget-header .chart-timeframes { width: 100%; flex-wrap: wrap; }










  #view-trade .chart-widget .widget-header > .chart-timeframes { display: none; }








  .chart-widget .widget-header .chart-header-left { flex-wrap: nowrap; min-width: 0; max-width: 100%; gap: 6px; }







  .chart-widget .widget-header .chart-header-left > * { flex: 0 0 auto; }
  .chart-widget .widget-header .chart-header-left > #chart-src {
    flex: 0 1000 auto; min-width: 48px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }


















  .chart-widget .widget-header .chart-header-left > h3 { flex: 0 1 auto; min-width: 0; }


  .terminal-grid, #view-futures .fut-grid, #view-cex .cx-grid { padding-bottom: 28px; }
}






.live-badge {
  display: inline-flex; align-items: center; gap: 6px; white-space: nowrap;
  margin-left: 12px; padding: 3px 8px; border-radius: 20px;
  font-family: var(--font-logo); font-size: 10px; font-weight: 700; letter-spacing: 0.4px;
  color: var(--color-buy);
  background: var(--color-buy-transparent);
  border: 1px solid rgba(14, 203, 129, 0.35);
}
.live-dot {
  width: 7px; height: 7px; border-radius: 50%; background: var(--color-buy);
  box-shadow: 0 0 8px var(--color-buy); animation: live-pulse 1.6s infinite;
}
@keyframes live-pulse { 0%,100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.35; transform: scale(0.7); } }
.net-chip {
  display: inline-flex; align-items: center; gap: 5px;
  margin-left: 8px; padding: 3px 10px; border-radius: 20px;
  font-size: 11px; color: var(--text-muted);
  background: rgba(124, 77, 255, 0.10); border: 1px solid rgba(124, 77, 255, 0.25);
}
.net-chip i { width: 13px; height: 13px; }

.net-switcher { position: relative; display: inline-flex; }
button.net-chip { cursor: pointer; font-family: inherit; }
button.net-chip:hover { background: rgba(124, 77, 255, 0.18); }
.net-caret { width: 11px !important; height: 11px !important; opacity: 0.7; }









.net-menu { position: fixed; z-index: 300; min-width: 168px;
  background: var(--bg-menu); border: 1px solid var(--stroke, rgba(124,77,255,0.25));
  border-radius: 10px; padding: 5px; box-shadow: 0 12px 32px rgba(0,0,0,0.5); }
.net-menu.hidden { display: none; }
.net-opt { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 7px;
  font-size: 12.5px; font-weight: 600; color: var(--text-primary); }
.net-opt i { width: 15px; height: 15px; }
.net-opt.active { cursor: pointer; }
.net-opt.active:hover { background: var(--bg-accent); }
.net-opt.active .net-check { margin-left: auto; color: var(--color-buy); display: flex; }
.net-opt.active .net-check i { width: 14px; height: 14px; }
.net-opt.soon { color: var(--text-muted); cursor: default; }
.net-opt.soon .net-soon { margin-left: auto; font-size: 9px; text-transform: uppercase; letter-spacing: 0.5px;
  background: var(--bg-accent); color: var(--text-muted); padding: 2px 6px; border-radius: 5px; }
.net-logo { width: 15px; height: 15px; border-radius: 50%; object-fit: contain; flex: 0 0 auto; }
button.net-chip .net-logo { width: 14px; height: 14px; }
.net-opt.soon .net-logo { opacity: 0.55; }


.lang-switcher { position: relative; display: inline-flex; }



.app-header > .lang-switcher { margin-left: 8px; }
.lang-chip {
  display: inline-flex; align-items: center; gap: 5px; cursor: pointer; font-family: inherit;
  padding: 4px 9px; border-radius: 20px; font-size: 11px; font-weight: 600; color: var(--text-muted);
  background: rgba(124, 77, 255, 0.10); border: 1px solid rgba(124, 77, 255, 0.25); transition: background .15s;
}






.lang-chip > #lang-cur,
.lang-chip > .net-caret { display: none; }
.lang-chip:hover { background: rgba(124, 77, 255, 0.18); }
.lang-chip i { width: 14px; height: 14px; }







.lang-menu { position: absolute; top: calc(100% + 6px); right: 0; z-index: 60; min-width: 170px;
  background: var(--bg-menu); border: 1px solid var(--stroke, rgba(124,77,255,0.25));
  border-radius: 10px; padding: 5px; box-shadow: 0 12px 32px rgba(0,0,0,0.5); max-height: 70vh; overflow-y: auto; }
.lang-menu.hidden { display: none; }
.lang-opt { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 7px;
  font-size: 12.5px; font-weight: 600; color: var(--text-primary); cursor: pointer; }
.lang-opt:hover { background: var(--bg-accent); }
.lang-opt.active { color: var(--color-cosmos); }
.lang-opt .lang-flag { font-size: 15px; line-height: 1; }
.lang-opt .net-check { margin-left: auto; color: var(--color-buy); display: flex; }
.lang-opt .net-check i { width: 14px; height: 14px; }















:root:has(.topstrip > .lang-switcher) { --ts-h: 28px; }
.topstrip:has(> .lang-switcher) { display: flex; }



@media (max-width: 560px) { :root:has(.topstrip > .lang-switcher) { --ts-h: 25px; } }










.topstrip > .lang-switcher { position: static; flex: 0 0 auto; align-items: stretch; margin-inline-start: auto; }









.topstrip .lang-chip {
  flex: 0 0 auto;
  width: 26px; min-width: 26px; height: 100%;
  justify-content: center; gap: 0; padding: 0;
  border-radius: 0; font-size: 13px; line-height: 1;
  color: var(--text-secondary, #b9b3c9);
  background: none;
  border: none; border-inline-start: 1px solid var(--border-color);
}
.topstrip .lang-chip:hover { background: rgba(255, 255, 255, .045); }
.topstrip .lang-chip:focus-visible { outline: 1px solid var(--color-cosmos); outline-offset: -2px; }




.lang-menu.lang-menu-float { position: fixed; top: 0; left: 0; right: auto; z-index: 300; }























.topstrip .gs-btn kbd { display: none; }
.topstrip .gs-btn { padding: 0 5px; }







@media (max-width: 560px) {
  .topstrip:has(> .lang-switcher) { padding: 0 2px; }
  .topstrip:has(> .lang-switcher) .ts-cell { padding-inline: 3px; }
}


.pair-selector-wrap { position: relative; display: flex; align-items: center; align-self: center; }
.pair-search-icon {
  position: absolute; left: 10px; width: 14px; height: 14px; color: var(--text-muted); pointer-events: none;
}
.pair-dropdown { padding-left: 30px !important; max-height: 320px; font-size: 13px; }
.pair-cur-logo { position: absolute; left: 9px; width: 17px; height: 17px; border-radius: 50%; object-fit: cover; pointer-events: none; background: rgba(255,255,255,.05); }
.pair-dropdown option { background: #15102a; }


.tick-preview {
  min-height: 16px; margin: 2px 0 6px; font-size: 11px; color: var(--text-muted); text-align: center;
}
.tick-preview b { color: var(--text-primary); font-weight: 600; }
.trade-disclaimer {
  display: flex; align-items: center; justify-content: center; gap: 6px;
  margin-top: 10px; font-size: 10.5px; color: var(--text-muted);
}
.trade-disclaimer i { width: 13px; height: 13px; color: var(--color-cosmos); }


.ob-empty {
  padding: 14px; text-align: center; color: var(--text-muted); font-size: 11px; font-style: italic;
}


.order-actions { display: flex; gap: 6px; }
.btn-claim, .btn-cancel {
  padding: 4px 10px; border-radius: 6px; font-size: 11px; font-weight: 600; cursor: pointer;
  border: 1px solid var(--border-color); background: transparent; transition: all 0.15s;
}
.btn-claim { color: var(--color-cosmos); border-color: rgba(124, 77, 255, 0.4); }
.btn-claim:hover:not(:disabled) { background: rgba(124, 77, 255, 0.15); }
.btn-cancel { color: var(--color-sell); border-color: rgba(246, 70, 93, 0.4); }
.btn-cancel:hover:not(:disabled) { background: var(--color-sell-transparent); }
.btn-claim:disabled, .btn-cancel:disabled { opacity: 0.32; cursor: not-allowed; }
.fill-na { color: var(--text-muted); }
.order-pair-link {
  background: none; border: none; padding: 0; font: inherit; cursor: pointer;
  color: var(--color-cosmos); font-weight: 600; text-decoration: none;
}
.order-pair-link:hover { text-decoration: underline; }

.tx-link { color: var(--color-cosmos); text-decoration: none; }
.tx-link:hover { text-decoration: underline; }


.cf-error {
  margin-top: 12px; padding: 10px 12px; border-radius: 8px; font-size: 12px;
  color: var(--color-sell); background: var(--color-sell-transparent);
  border: 1px solid rgba(246, 70, 93, 0.35); word-break: break-word;
}


.toast {
  position: fixed; bottom: 22px; left: 50%; transform: translateX(-50%);
  padding: 12px 20px; border-radius: 10px; font-size: 13px; font-weight: 500; z-index: 9999;
  background: var(--bg-accent); color: var(--text-primary);
  border: 1px solid var(--border-color); box-shadow: 0 10px 30px rgba(0,0,0,0.5);
  backdrop-filter: blur(10px); animation: toast-in 0.25s ease;
}
@keyframes toast-in { from { opacity: 0; transform: translate(-50%, 12px); } to { opacity: 1; transform: translate(-50%, 0); } }
.toast-success { border-color: rgba(14, 203, 129, 0.5); color: var(--color-buy); }
.toast-error { border-color: rgba(246, 70, 93, 0.5); color: var(--color-sell); }
.toast.hidden { display: none; }


.widget { transition: border-color 0.2s; }
.widget:hover { border-color: rgba(124, 77, 255, 0.3); }




:root {
  --bg-0: #07060d;
  --bg-1: #0c0a17;
  --glass: rgba(20, 16, 36, 0.55);
  --glass-strong: rgba(26, 21, 46, 0.72);
  --stroke: rgba(124, 77, 255, 0.14);
  --stroke-soft: rgba(255, 255, 255, 0.05);
  --accent-grad: linear-gradient(135deg, #d81b60 0%, #9d3be8 50%, #7c4dff 100%);
  --buy-grad: linear-gradient(135deg, #0ecb81, #0a9d68);
  --sell-grad: linear-gradient(135deg, #f6465d, #c92a44);
  --shadow-lg: 0 18px 50px -12px rgba(0,0,0,0.7);
}

body {
  background:
    radial-gradient(1100px 700px at 12% -8%, rgba(124,77,255,0.16), transparent 60%),
    radial-gradient(900px 650px at 100% 0%, rgba(216,27,96,0.13), transparent 55%),
    radial-gradient(800px 800px at 50% 120%, rgba(124,77,255,0.10), transparent 60%),
    var(--bg-0);
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.1px;
}


.stat-value, .ob-row, .center-price, .positions-table td, .spread-val,
.balance-value, #form-total-value, .input-with-addon input, .tick-preview {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "cv01" 1;
}


.app-header {
  height: 60px;
  background: linear-gradient(180deg, rgba(12,10,23,0.96), rgba(10,8,18,0.82));
  border-bottom: 1px solid var(--stroke);
  box-shadow: 0 1px 0 var(--stroke-soft), 0 8px 30px -20px rgba(0,0,0,0.9);
  backdrop-filter: blur(16px) saturate(140%);
}
.brand-text {
  background: linear-gradient(120deg, #ffffff, #c9b8ff);
  -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent;
  font-weight: 800; font-size: 19px;
}
.logo-icon i { filter: drop-shadow(0 0 10px rgba(216,27,96,0.7)); }
.stat-label { font-size: 9.5px; opacity: 0.8; }
.stat-value { font-size: 13.5px; }













.terminal-grid { grid-template-columns: minmax(0, 268px) minmax(0, 1fr) minmax(0, 300px); grid-template-rows: minmax(0, 1fr) auto var(--osmo-bottom-row); gap: 10px; padding: 10px; }

















@media (max-height: 900px) and (min-width: 1101px) {
  .terminal-grid { grid-template-rows: minmax(0, 1fr) auto var(--osmo-bottom-row); gap: 8px; padding: 8px; }
}



@media (max-height: 800px) and (min-width: 1101px) {
  .terminal-grid { grid-template-rows: minmax(0, 1fr) auto var(--osmo-bottom-row); gap: 6px; padding: 6px; }
}






















@media (min-width: 1101px) {
  .terminal-grid { --osmo-bottom-row: 184px; }
}


@media (min-width: 1101px) and (max-height: 900px) {
  .terminal-grid { --osmo-bottom-row: 174px; }
}


@media (min-width: 1101px) and (max-height: 800px) {
  .terminal-grid { --osmo-bottom-row: 118px; }
}
.widget {
  background:
    linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0) 90px),
    var(--glass);
  border: 1px solid var(--stroke);
  border-radius: 14px;
  box-shadow: var(--shadow-lg), inset 0 1px 0 var(--stroke-soft);
  backdrop-filter: blur(20px) saturate(130%);
}
.widget:hover { border-color: rgba(124,77,255,0.30); }
.widget-header {
  height: 42px;
  background: linear-gradient(180deg, rgba(255,255,255,0.04), transparent);
  border-bottom: 1px solid var(--stroke);
}
.widget-header h3 { font-size: 12.5px; font-weight: 700; letter-spacing: 0.6px; }
.chart-tag {
  font-size: 9.5px; letter-spacing: 0.4px; color: var(--color-cosmos);
  background: rgba(124,77,255,0.12); border: 1px solid rgba(124,77,255,0.22);
  padding: 3px 8px; border-radius: 20px; text-transform: uppercase; font-weight: 600;
  white-space: nowrap;
}


.ob-row { padding: 3.5px 12px; font-size: 11.5px; font-weight: 600; }
.ob-row:hover { background: rgba(124,77,255,0.10); }
.ob-row::after { content:''; position:absolute; inset:0; border-left:2px solid transparent; transition:border-color .15s; }
.ask-row:hover::after { border-left-color: var(--color-sell); }
.bid-row:hover::after { border-left-color: var(--color-buy); }
.ob-row .row-depth-bar {
  border-radius: 3px 0 0 3px; opacity: 0.9;
}
.ask-row .row-depth-bar { background: linear-gradient(90deg, transparent, rgba(246,70,93,0.22)) !important; }
.bid-row .row-depth-bar { background: linear-gradient(90deg, transparent, rgba(14,203,129,0.22)) !important; }
.orderbook-spread-row {
  background: linear-gradient(180deg, rgba(124,77,255,0.10), rgba(124,77,255,0.02));
  border-top: 1px solid var(--stroke); border-bottom: 1px solid var(--stroke);
}
.center-price { font-size: 11px !important; font-weight: 800; letter-spacing: 0.3px; }
.spread-val { font-size: 11px; }
.price-flash-up { animation: flashUp 0.6s ease; }
.price-flash-down { animation: flashDn 0.6s ease; }
@keyframes flashUp { 0% { color:#0ecb81; text-shadow:0 0 12px rgba(14,203,129,0.7);} 100%{} }
@keyframes flashDn { 0% { color:#f6465d; text-shadow:0 0 12px rgba(246,70,93,0.7);} 100%{} }




.trading-tabs { height: auto; padding: 10px 12px; gap: 8px; background: transparent; align-items: center; }
.trading-tab {
  border-radius: 10px; font-size: 13px; font-weight: 700; letter-spacing: 0.5px; padding: 9px 0; line-height: 1;
  background: rgba(0,0,0,0.22);
  transition: all .2s; opacity: 0.6;
}
.trading-tab.active { opacity: 1; }
.trading-tab.active.tab-buy { background: var(--buy-grad) !important; color: #04130d !important; box-shadow: 0 6px 18px -6px rgba(14,203,129,0.6); }
.trading-tab.active.tab-sell { background: var(--sell-grad) !important; color: #fff !important; box-shadow: 0 6px 18px -6px rgba(246,70,93,0.6); }
.input-with-addon {
  background: rgba(0,0,0,0.30); border: 1px solid var(--stroke);
  border-radius: 10px; transition: all .2s;
}
.input-with-addon:focus-within {
  border-color: var(--color-cosmos);
  box-shadow: 0 0 0 3px rgba(124,77,255,0.18);
}
.input-with-addon input { font-size: 15px; font-weight: 600; }
.input-group label { font-size: 10.5px; letter-spacing: 0.3px; opacity: 0.85; }
.btn-percent {
  border-radius: 9px; font-size: 11px; font-weight: 600;
  background: rgba(255,255,255,0.04); border: 1px solid var(--stroke); transition: all .18s;
}
.btn-percent:hover { background: rgba(124,77,255,0.18); border-color: var(--color-cosmos); transform: translateY(-1px); }
.btn-trade {
  border-radius: 12px; font-size: 14px; font-weight: 700; letter-spacing: 0.4px;
  padding: 13px 0; position: relative; overflow: hidden;
}
.btn-buy-color:not(:disabled) { background: var(--buy-grad); color: #04130d; box-shadow: 0 10px 28px -10px rgba(14,203,129,0.65); }
.btn-sell-color:not(:disabled) { background: var(--sell-grad); color: #fff; box-shadow: 0 10px 28px -10px rgba(246,70,93,0.65); }
.btn-trade:not(:disabled):hover { transform: translateY(-1px); filter: brightness(1.06); }
.btn-trade:disabled { background: rgba(255,255,255,0.05); color: var(--text-muted); box-shadow: none; }
.wallet-balance-row {
  background: rgba(0,0,0,0.25); border: 1px solid var(--stroke-soft); border-radius: 10px;
  padding: 9px 12px;
}


.btn-connect { border-radius: 10px; padding: 9px 18px; background: var(--accent-grad); box-shadow: 0 8px 24px -8px rgba(157,59,232,0.7); }
.pair-dropdown { border-radius: 10px; background: rgba(0,0,0,0.35); border-color: var(--stroke); }
.live-badge { border-radius: 20px; }
.wallet-badge { border-radius: 10px; background: rgba(124,77,255,0.10); border-color: rgba(124,77,255,0.4); }


.bottom-tabs { gap: 4px; padding: 8px 8px 0; overflow-x: auto; scrollbar-width: none;
  -webkit-mask-image: var(--fade-30);
  mask-image: var(--fade-30); }
.bottom-tabs::-webkit-scrollbar { display: none; }
.bottom-tab { border-radius: 9px 9px 0 0; }



#view-trade .bottom-tabs { height: 31px; flex: 0 0 auto; padding: 6px 10px 0; }
#view-trade .bottom-tab {
  height: 24px; padding: 6px 12px; border-radius: 6px 6px 0 0;
  font-size: 11.5px; font-weight: 700;
}
#view-trade .bottom-tab.active {
  color: var(--text-primary); background: rgba(124,77,255,.16); box-shadow: none;
}






.positions-table th { font-size: 10px; letter-spacing: 0.4px; color: #6d667f; }
.positions-table td { font-size: 12px; }
.positions-table tbody tr:hover { background: rgba(124,77,255,0.07); }
.btn-claim, .btn-cancel { border-radius: 8px; }


::-webkit-scrollbar-thumb { background: rgba(124,77,255,0.35); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: rgba(124,77,255,0.55); }


.toast { border-radius: 12px; padding: 13px 22px; box-shadow: var(--shadow-lg); }












#pair-input { width: 120px; }
.pair-list {
  position: absolute; top: 110%; left: 0; width: 468px; max-height: 380px; overflow-y: auto;
  background: rgba(14, 11, 26, 0.98); border: 1px solid var(--stroke);
  border-radius: 12px; box-shadow: var(--shadow-lg); z-index: 200; padding: 5px;
  backdrop-filter: blur(16px);
}
.pair-list-item {
  display: grid; grid-template-columns: 16px minmax(74px, 1fr) 44px auto 56px 66px;
  align-items: center; gap: 8px;
  padding: 7px 11px; border-radius: 8px; cursor: pointer; font-family: var(--font-logo);
  font-size: 13px; font-weight: 600; transition: background 0.12s;
}
.pair-list-item:hover { background: rgba(124, 77, 255, 0.18); }
.pair-list-item.sel { background: rgba(124, 77, 255, 0.10); color: var(--color-cosmos); }
.pli-sym { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: flex; align-items: center; gap: 6px; min-width: 0; }
.pli-logo { width: 16px; height: 16px; border-radius: 50%; flex: 0 0 auto; object-fit: cover; background: rgba(255,255,255,.05); }
.pli-price { font-size: 11.5px; font-weight: 600; color: var(--text-primary); text-align: right; }
.pli-chg { font-size: 11px; font-weight: 600; text-align: right; }
.pli-chg.up { color: var(--color-buy); }
.pli-chg.down { color: var(--color-sell); }
.pli-vol { font-size: 10.5px; color: var(--text-muted); text-align: right; }
.pli-metrics {
  min-width: 0; display: grid; justify-items: end; align-content: center; gap: 1px;
  font-variant-numeric: tabular-nums; line-height: 9px;
}
.pli-metrics .pli-metric {
  max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
  color: var(--text-muted); font-size: 9px; font-weight: 600; text-align: right;
}
.pli-metrics .pli-metric.active { color: var(--text-primary); font-weight: 700; }
.pli-metrics .pli-liq.active { color: #b9aefc; }
.pli-spark { display: flex; align-items: center; justify-content: center; height: 14px; }
.pli-spark .spark { width: 44px; height: 13px; opacity: .9; }
.pair-list-empty { padding: 12px; text-align: center; color: var(--text-muted); font-size: 12px; }
.dn-pair-filterbar {
  position: sticky; top: -5px; z-index: 4; display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px;
  margin: -1px -1px 5px; padding: 6px 5px;
  background: rgba(14, 11, 26, 0.98); border-bottom: 1px solid var(--stroke-soft);
}
.dn-pair-filterbar-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.dn-pair-filter {
  width: 100%; min-width: 0; height: 27px; padding: 3px 5px;
  border: 1px solid rgba(124,77,255,.24); border-radius: 7px;
  background: #17122b; color: var(--text-primary); outline: none;
  font: 600 10px/1 var(--font-logo); cursor: pointer;
}
.dn-pair-filter:hover, .dn-pair-filter:focus { border-color: rgba(124,77,255,.65); }


.ob-header-actions { display: flex; align-items: center; gap: 8px; }














.orderbook-widget > .widget-header {
  flex-wrap: wrap; height: auto; min-height: 42px; row-gap: 2px; padding-block: 4px;
}
.ob-depth { padding-inline: 6px; }
.ob-depth b { color: inherit; font-weight: 800; font-variant-numeric: tabular-nums; }
.size-toggle {
  font-family: var(--font-logo); font-size: 10px; font-weight: 600; color: var(--text-muted);
  background: rgba(255,255,255,0.04); border: 1px solid var(--stroke);
  padding: 3px 9px; border-radius: 16px; cursor: pointer; transition: all 0.15s;
}
.size-toggle:hover { color: var(--color-cosmos); border-color: var(--color-cosmos); }


.ordertype-tabs { display: flex; gap: 6px; }
.ordertype-tab {
  flex: 1; text-align: center; padding: 7px 0; border-radius: 9px; cursor: pointer;
  font-size: 12px; font-weight: 600; color: var(--text-muted);
  background: rgba(255,255,255,0.03); border: 1px solid var(--stroke-soft); transition: all 0.15s;
}
.ordertype-tab.active { color: var(--text-primary); background: rgba(124,77,255,0.16); border-color: rgba(124,77,255,0.4); }


.cf-warn {
  margin-top: 12px; padding: 10px 12px; border-radius: 8px; font-size: 12px; line-height: 1.4;
  color: #ffcf6b; background: rgba(255, 184, 0, 0.10); border: 1px solid rgba(255, 184, 0, 0.35);
}


.ask-row .row-depth-bar { background: linear-gradient(90deg, transparent, rgba(246,70,93,0.24)); }
.bid-row .row-depth-bar { background: linear-gradient(90deg, transparent, rgba(14,203,129,0.24)); }


@media (max-width: 980px) {
  body { overflow: auto; height: auto; }
  .app-header { flex-wrap: wrap; height: auto; gap: 8px; padding: 10px 14px; }

















  body:has(#view-stocks.active, #view-onchain.active, #view-walls.active, #view-analytics.active,
           #view-liq.active, #view-hlpage.active, #view-agents.active) .app-header { display: none; }
  .header-stats { order: 3; width: 100%; margin-left: 0; gap: 14px; overflow-x: auto; flex-wrap: nowrap; }


  .header-logo { flex: 1; }




  .net-chip { padding: 5px 8px; font-size: 11px; }
  #pair-input { width: 105px; }
  .terminal-grid {
    display: flex; flex-direction: column; height: auto; padding: 8px; gap: 10px;
  }







  .terminal-grid .chart-widget   { order: 1; }
  .terminal-grid .trading-widget { order: 2; }
  .terminal-grid .trades-widget  { order: 3; }
  .terminal-grid .orderbook-widget { order: 4; }
  .terminal-grid .bottom-widget  { order: 5; }






  #view-trade > .terminal-grid:not(:has(~ #fav-bar)) { visibility: hidden; }


  .orderbook-widget .ob-depth { display: none !important; }
  .chart-widget { min-height: 300px; }
  .terminal-grid .trades-widget, .terminal-grid .orderbook-widget, .terminal-grid .trading-widget { min-height: 360px; }
  .bottom-widget { min-height: 260px; }
  .hide-tablet, .hide-mobile { display: flex !important; }





}
@media (max-width: 560px) {
  .header-stats { gap: 10px; }
  .stat-label { font-size: 9px; }
  .hide-mobile { display: none !important; }
  .brand-text { font-size: 16px; }
}

@media (max-width: 360px) {
  .header-logo, .logo-text { min-width: 0; }
  .brand-text { font-size: 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .logo-crown { width: 28px; height: 28px; }
}




.view-nav {





  display: flex; gap: 4px; padding: 12px 16px 0; max-width: 1680px; margin: 0 auto; width: 100%;

  overflow-x: auto; overflow-y: hidden; scrollbar-width: none;



  -webkit-mask-image: var(--fade-28);
  mask-image: var(--fade-28);
}
.view-nav::-webkit-scrollbar { display: none; }
.view-tab {
  display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto;
  padding: 9px 12px; border-radius: 12px 12px 0 0;
  background: transparent; border: 1px solid transparent; border-bottom: none;
  color: var(--text-muted); font-family: var(--font-logo); font-weight: 600; font-size: 13.5px;
  cursor: pointer; transition: all .18s ease;
}
.view-tab i { width: 16px; height: 16px; }
.view-tab:hover { color: var(--text-primary); }
.view-tab.active {
  color: #fff; background: var(--glass-strong);
  border-color: var(--stroke); box-shadow: 0 -4px 18px -8px rgba(124,77,255,.4);
}

.nav-divider { width: 1px; height: 22px; align-self: center; margin: 0 4px; background: var(--stroke); flex: 0 0 auto; }
.nav-divider.hidden, .nav-sub.hidden { display: none; }
.nav-sub { display: flex; align-items: center; gap: 6px; flex: 0 0 auto; }
.nav-sub .view-tab { padding: 8px 9px; font-size: 12.5px; }
.nav-sub .view-tab i { width: 14px; height: 14px; }

.view-tab.sec-active { color: #fff; background: var(--glass-strong); border-color: var(--stroke); box-shadow: 0 -4px 18px -8px rgba(124,77,255,.4); }
main.app-main { flex: 1; min-height: 0; overflow-y: auto; overflow-x: hidden; }
.view { display: none; }
.view.active { display: block; }



@media (min-width: 2000px) { .view.active { margin-inline: auto; width: 100%; } }
#view-trade { height: 100%; }
#view-trade.active { display: flex; flex-direction: column; }
#view-explorer { height: 100%; }
#view-explorer.active { display: flex; flex-direction: column; }
#view-pools { height: 100%; }
#view-pools.active { display: flex; flex-direction: column; }
.pools-wrap { flex: 1; display: flex; flex-direction: column; min-height: 0; padding: 14px 18px; gap: 10px; }
.pools-head { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; }
.pools-head h3 { font-family: var(--font-logo); font-size: 18px; display: inline-flex; align-items: center; gap: 8px; margin: 0; }
.pools-head h3 i { color: var(--color-cosmos); }
.pools-scroll { flex: 1; overflow-y: auto; min-height: 0; }
.pools-table th { position: sticky; top: 0; background: var(--bg-primary); z-index: 1; }
.pool-type { font-size: 10px; padding: 1px 6px; border-radius: 4px; background: var(--bg-accent); color: var(--text-muted); }


.pools-toolbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.pools-filters { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; min-width: 0; }
.pools-search { position: relative; display: inline-flex; align-items: center; }
.pools-search i { position: absolute; inset-inline-start: 8px; width: 13px; height: 13px; color: var(--text-muted); pointer-events: none; }
.pools-search input {
  height: 27px; width: 190px; max-width: 46vw; padding: 3px 9px; padding-inline-start: 26px;
  border: 1px solid rgba(124,77,255,.24); border-radius: 7px;
  background: #17122b; color: var(--text-primary); outline: none;
  font: 600 11px/1 var(--font-logo);
}
.pools-search input::placeholder { color: var(--text-muted); font-weight: 500; }
.pools-search input:hover, .pools-search input:focus { border-color: rgba(124,77,255,.65); }
.pools-sel { width: auto; min-width: 116px; font-size: 11px; }


.pools-summary { margin-inline-start: auto; font: 500 11px/1.4 var(--font-logo); color: var(--text-muted); }
.pools-table th.pools-th-sort { cursor: pointer; user-select: none; white-space: nowrap; }
.pools-table th.pools-th-sort:hover { opacity: 1; color: var(--text-primary); }
.pools-table th.pools-th-active { opacity: 1; color: #b9aefc; }
.pools-table .num { text-align: right; }
.pools-table td.pools-id { white-space: nowrap; }


.pools-assets { display: inline-flex; flex-wrap: nowrap; align-items: center; gap: 4px; }
.pools-asset {
  font-size: 11px; line-height: 1.5; padding: 1px 7px; border-radius: 5px; white-space: nowrap;
  background: rgba(124,77,255,.10); border: 1px solid rgba(124,77,255,.18); color: var(--text-primary);
}


.pools-table td.pools-idle { color: var(--text-muted); }
.pools-table td.pools-apr { color: var(--color-buy); }
.pools-reset {
  margin-inline-start: 10px; padding: 3px 10px; border-radius: 7px; cursor: pointer;
  border: 1px solid rgba(124,77,255,.35); background: rgba(124,77,255,.12);
  color: var(--text-primary); font: 600 11px/1.4 var(--font-logo);
}
.pools-reset:hover { border-color: rgba(124,77,255,.7); }
@media (max-width: 640px) {
  .pools-wrap { padding: 10px 10px; }
  .pools-summary { margin-inline-start: 0; }
  .pools-search input { width: 100%; max-width: none; }
  .pools-search { flex: 1 1 100%; }
  .pools-sel { flex: 1 1 calc(50% - 3px); min-width: 0; }
}
.explorer-wrap { flex: 1; display: flex; flex-direction: column; min-height: 600px; padding: 8px; gap: 8px; }
.explorer-bar { display: flex; align-items: center; justify-content: space-between; padding: 2px 4px; }
.explorer-title { display: inline-flex; align-items: center; gap: 7px; font-family: var(--font-logo); font-weight: 600; font-size: 14px; }
.explorer-title i { width: 16px; height: 16px; color: var(--color-cosmos); }
.explorer-open { display: inline-flex; align-items: center; gap: 5px; font-size: 12px; color: var(--text-muted); text-decoration: none; }
.explorer-open:hover { color: var(--color-buy); }
.explorer-open i { width: 13px; height: 13px; }
.explorer-frame { flex: 1; width: 100%; border: 1px solid var(--stroke, rgba(124,77,255,0.25)); border-radius: 12px; background: #0c0a17; }






.explorer-fallback {
  flex: 1; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;
  gap: 10px; padding: 24px 26px; border-radius: 12px;
  background: var(--bg-card); border: 1px solid var(--border-color); border-left: 3px solid var(--color-sell);
}
.explorer-fail-h { font-family: var(--font-logo); font-weight: 600; font-size: 14px; color: var(--color-sell); }
.explorer-fail-why { font-size: 13px; color: var(--text-muted); line-height: 1.5; max-width: 640px; }
.explorer-fail-act { display: flex; align-items: center; gap: 16px; }
.explorer-retry {
  background: none; border: 1px solid var(--color-sell); color: var(--color-sell);
  border-radius: 8px; padding: 5px 14px; font-size: 12px; cursor: pointer;
}
.explorer-retry:hover { background: rgba(246, 70, 93, .13); }








#view-trade .terminal-grid { flex: 1; min-height: 480px; height: calc(100vh - 140px); }
.trading-form-wrap { overflow-y: auto; min-height: 0; }


.xfer-wrap { display: flex; justify-content: center; padding: 18px 20px 40px; }
.xfer-card { width: 100%; max-width: 520px; }








.xfer-card > .widget-header { flex-wrap: wrap; height: auto; min-height: 42px; row-gap: 2px; padding-block: 4px; }
.xfer-body { padding: 18px 20px 22px; display: flex; flex-direction: column; gap: 15px; }
.xfer-note { font-size: 12.5px; line-height: 1.55; color: var(--text-primary); margin: 0; }
.xfer-note code { background: rgba(124,77,255,.14); padding: 1px 5px; border-radius: 5px; font-size: 11.5px; }
.xfer-select {
  width: 100%; padding: 11px 13px; border-radius: 11px; cursor: pointer;
  background: var(--bg-0); border: 1px solid var(--stroke); color: var(--text-primary);
  font-family: var(--font-family); font-size: 14px; font-weight: 500;
  -webkit-appearance: none; appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' stroke='%23958da9' stroke-width='2'><path d='M3 5l4 4 4-4'/></svg>");
  background-repeat: no-repeat; background-position: right 13px center;
}
.xfer-select:focus { outline: none; border-color: var(--color-cosmos); box-shadow: 0 0 0 3px rgba(124,77,255,.18); }
.xfer-select:disabled { opacity: .55; cursor: not-allowed; }
.xfer-bal { font-weight: 500; font-size: 11px; float: right; }
.xfer-recipient {
  width: 100%; padding: 10px 13px; border-radius: 11px; font-family: 'Inter', monospace;
  background: var(--bg-0); border: 1px solid var(--stroke-soft); color: var(--text-muted);
  font-size: 12px; letter-spacing: .2px;
}
.ibc-pcts { margin-top: 9px; }
.xfer-preview {
  background: rgba(124,77,255,.08); border: 1px solid var(--stroke);
  border-radius: 11px; padding: 12px 14px; font-size: 12.5px; line-height: 1.7; color: var(--text-primary);
}
.xfer-preview .xp-row { display: flex; justify-content: space-between; }
.xfer-preview .xp-row b { font-variant-numeric: tabular-nums; }
.btn-brand-color { background: var(--accent-grad); color: #fff; box-shadow: var(--glow-cosmos); }
.btn-brand-color:disabled { background: var(--bg-accent); box-shadow: none; opacity: .6; }


.bridge-wrap { max-width: 560px; margin: 0 auto; padding: 22px 20px 48px; }
.bridge-head { text-align: center; margin-bottom: 18px; }
.bridge-head h3 { font-family: var(--font-logo); font-size: 19px; display: inline-flex; align-items: center; gap: 9px; margin: 0 0 7px; }
.bridge-head h3 i { color: var(--color-cosmos); }
.bridge-head p { font-size: 12.5px; line-height: 1.55; max-width: 460px; margin: 0 auto; }
.bridge-mount {
  min-height: 480px; display: flex; align-items: center; justify-content: center;
  background: var(--glass); border: 1px solid var(--stroke); border-radius: 18px;
  padding: 10px; box-shadow: var(--shadow-lg); overflow: hidden;
}
.bridge-mount skip-widget { width: 100%; }
.bridge-loading { color: var(--text-muted); font-size: 13px; display: flex; align-items: center; gap: 10px; }
.spinner {
  width: 16px; height: 16px; border: 2px solid var(--stroke); border-top-color: var(--color-cosmos);
  border-radius: 50%; animation: spin .8s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
.bridge-fallback { text-align: center; margin-top: 14px; font-size: 12.5px; color: var(--text-muted); }
.bridge-fallback a { color: var(--color-cosmos); font-weight: 600; }

@media (max-width: 560px) {
  .view-nav { padding: 10px 12px 0; }
  .view-tab { padding: 8px 12px; font-size: 12px; }
  .view-tab span { font-size: 12px; }
}





.ob-edge {
  font-size: 11px; font-weight: 700; font-variant-numeric: tabular-nums;
  white-space: nowrap; min-width: 0;
}
.chart-edge {
  font-size: 12px; font-weight: 700; font-variant-numeric: tabular-nums;
  white-space: nowrap; color: #ffb02e;
}















#chart-edge .ce-book { display: none; }


.trading-fee-row {
  display: flex; justify-content: space-between; align-items: center;
  font-size: 11.5px; color: var(--text-muted); margin-top: -4px;
}



.trading-fee-row :is(i, svg) { width: 13px; height: 13px; vertical-align: -2px; margin-right: 3px; }
.fee-value { font-variant-numeric: tabular-nums; color: var(--text-primary); font-weight: 500; }


.ladder-group { display: flex; flex-direction: column; gap: 10px; }
.ladder-row { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.ladder-row .input-group { margin: 0; }
.ladder-preview {
  font-size: 11px; line-height: 1.55; color: var(--text-muted);
  max-height: 108px; overflow-y: auto; border: 1px solid var(--stroke-soft);
  border-radius: 9px; padding: 7px 9px; font-variant-numeric: tabular-nums;
}
.ladder-preview .lp-row { display: flex; justify-content: space-between; }
.ladder-preview .lp-row b { color: var(--text-primary); font-weight: 600; }
.ladder-preview:empty { display: none; }








.fav-bar {
  display: flex; align-items: center; gap: 7px; padding: 2px 10px 5px; overflow-x: auto;
  scrollbar-width: none;
  flex: 0 0 auto;
  position: sticky; bottom: 35px; z-index: 5;
  border-top: 1px solid var(--border-color);
  background: rgba(9, 7, 16, 0.92); backdrop-filter: blur(8px);
}

.fav-bar:has(+ .discover-bar.hidden) { bottom: 0; }
.fav-bar::-webkit-scrollbar { display: none; }
.fav-chip {
  display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto;
  padding: 4px 9px; border-radius: 9px; cursor: pointer; font-size: 12px; font-weight: 600;
  background: var(--glass); border: 1px solid var(--stroke); color: var(--text-primary);
  font-variant-numeric: tabular-nums; transition: all .15s ease;
}
.fav-chip:hover { border-color: var(--color-cosmos); }
.fav-chip.active { background: rgba(124,77,255,.16); border-color: var(--color-cosmos); }
.fav-chip .fav-px { color: var(--text-muted); font-weight: 500; font-size: 11px; }
.fav-chip .fav-x {
  opacity: .45; font-size: 13px; line-height: 1; margin-left: 1px;
}
.fav-chip .fav-x:hover { opacity: 1; color: var(--color-sell); }

.fav-bar-label {
  display: inline-flex; align-items: center; gap: 4px; flex: 0 0 auto;
  padding: 0; border: none; background: none; min-width: 0; box-sizing: border-box;
  font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .4px;
  color: #ffcf4d;
}







.discover-bar {
  display: flex; flex-direction: column; gap: 4px; padding: 2px 10px 7px;
  flex: 0 0 auto;
  position: sticky; bottom: 0; z-index: 5;
  border-top: 1px solid var(--border-color);
  background: rgba(9, 7, 16, 0.92); backdrop-filter: blur(8px);
}















@media (max-width: 980px) {
  .discover-bar { position: static; }
  .fav-bar { position: static; }
}

.disc-row { display: flex; align-items: center; gap: 7px; height: 25px; overflow-x: auto; overflow-y: hidden; min-width: 0; scrollbar-width: none; }








.disc-row.disc-marquee { overflow: hidden; gap: 0; }

.disc-marquee {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 16px, #000 calc(100% - 16px), transparent 100%);
}





body:has(#fb-fab) .disc-marquee { margin-inline-end: 120px; }





@media (max-width: 720px) {
  body:has(#fb-fab) .disc-marquee { margin-inline-end: 0; }
  body:has(.disc-marquee) .fb-fab { bottom: calc(var(--sp-h-mobile, 34px) + 46px); }






  body:has(.disc-marquee):has(.view.active .fav-bar:not(.hidden)) .fb-fab { bottom: calc(var(--sp-h-mobile, 34px) + 46px + 34px); }










  body .fb-fab { padding: 8px; gap: 0; }
  body .fb-fab > span {
    position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
    overflow: hidden; clip-path: inset(50%); white-space: nowrap;
  }
}
.disc-track {
  display: flex; align-items: center; gap: 0; width: max-content; flex: 0 0 auto;
  animation: disc-scroll var(--disc-dur, 40s) linear infinite;
  will-change: transform;
}


.disc-seq { display: inline-flex; align-items: center; gap: 7px; flex: 0 0 auto; padding-right: 7px; }
@keyframes disc-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }


.disc-marquee:hover .disc-track,
.disc-marquee:focus-within .disc-track { animation-play-state: paused; }


@media (prefers-reduced-motion: reduce) {
  .disc-track { animation: none; }
  .disc-row.disc-marquee { overflow-x: auto; }

  .disc-track .disc-seq[aria-hidden="true"] { display: none; }
}



.disc-row.disc-scrollable {
  -webkit-mask-image: linear-gradient(to right, #000 calc(100% - 26px), transparent);
  mask-image: linear-gradient(to right, #000 calc(100% - 26px), transparent); }
.disc-row::-webkit-scrollbar { display: none; }
.disc-label { font-size: 10.5px; color: var(--text-muted); font-weight: 700; flex: 0 0 auto; letter-spacing: .3px; min-width: 74px; }

.disc-label.disc-up, .disc-label.disc-down, .disc-label.disc-vol, .disc-label.disc-fav {
  display: inline-flex; align-items: center; gap: 4px;
  flex: 0 0 88px; width: 88px; min-width: 88px;
  padding: 0; border: none; background: none; box-sizing: border-box;
  font-weight: 800; font-size: 10px; text-transform: uppercase; letter-spacing: .4px;
}
.disc-label.disc-up   { color: var(--color-buy); }
.disc-label.disc-down { color: var(--color-sell); }
.disc-label.disc-vol  { color: var(--color-cosmos); }
.disc-label.disc-fav  { color: #f5c542; }
.disc-chip .disc-volval { color: var(--text-muted); font-weight: 600; font-variant-numeric: tabular-nums; }
.disc-chip .spark, .fav-chip .spark { flex: 0 0 auto; opacity: .92; align-self: center; }
.disc-chip .disc-logo, .fav-chip .fav-logo { width: 14px; height: 14px; border-radius: 50%; flex: 0 0 auto; object-fit: cover; background: rgba(255,255,255,.05); }





.disc-ico { position: relative; width: 14px; height: 14px; flex: 0 0 auto; display: inline-flex; }
.disc-mono {
  width: 14px; height: 14px; border-radius: 50%; flex: 0 0 auto;
  display: inline-flex; align-items: center; justify-content: center;
  color: #fff; background: linear-gradient(135deg, var(--color-cosmos), #00b8d9);
  font-size: 8px; font-weight: 800; line-height: 1;
}
.disc-pic {
  position: absolute; inset: 0; width: 14px; height: 14px; border-radius: 50%;
  object-fit: cover; background: rgba(255,255,255,.05);
  opacity: 0; transition: opacity .18s ease;
}
.disc-pic.on { opacity: 1; }


.disc-chip .disc-spark, .cx-disc-chip .cx-disc-spark { display: inline-flex; align-items: center; flex: 0 0 auto; }

.ord-base { display: block; font-variant-numeric: tabular-nums; }
.ord-quote { display: block; font-size: 10px; color: var(--text-muted); font-variant-numeric: tabular-nums; margin-top: 1px; }
.disc-label i, .fav-bar-label i { width: 13px; height: 13px; flex: 0 0 auto; }
.fav-bar-label i { fill: currentColor; }
.disc-chip {
  display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto;
  height: 25px; box-sizing: border-box; line-height: 15px;
  padding: 4px 9px; border-radius: 9px; cursor: pointer; font-size: 12px; font-weight: 600;
  background: var(--glass); border: 1px solid var(--stroke); color: var(--text-primary);
  font-variant-numeric: tabular-nums; transition: all .15s ease; white-space: nowrap;
}
.disc-chip:hover { border-color: var(--color-cosmos); }


.pair-list-item { position: relative; justify-content: flex-start; gap: 8px; }
.pair-list-item .pli-dec { margin-left: auto; }
.pli-star {
  cursor: pointer; font-size: 13px; line-height: 1; padding: 0 3px; opacity: .35;
  transition: opacity .12s, color .12s;
}
.pli-star:hover { opacity: 1; }
.pli-star.on { opacity: 1; color: #ffcf4d; }
.pair-list-section { font-size: 9.5px; color: var(--text-muted); text-transform: uppercase; letter-spacing: .6px; padding: 6px 10px 2px; }
















.chart-timeframes { display: flex; gap: 4px; align-items: center; flex: 1 1 auto; min-width: 0;
  overflow-x: auto; scrollbar-width: none; }
.chart-timeframes::-webkit-scrollbar { display: none; }
.chart-timeframes > * { flex: 0 0 auto; }




.chart-fav { cursor: pointer; font-size: 15px; line-height: 1; color: var(--text-muted); opacity: .7;
  transition: color .12s, opacity .12s, transform .12s; user-select: none; }
.chart-fav:hover { opacity: 1; color: #ffcf4d; transform: scale(1.12); }
.chart-fav.on { color: #ffcf4d; opacity: 1; }
#view-trade .chart-tools > #chart-eng { margin-left: 6px; }
.tf-btn {
  font-size: 10.5px; font-weight: 600; padding: 3px 9px; border-radius: 6px; cursor: pointer;
  color: var(--text-muted); background: transparent; border: 1px solid transparent; transition: all .15s ease;
}
.tf-btn:hover { color: var(--text-primary); }
.tf-btn.active { color: #fff; background: rgba(124,77,255,.18); border-color: var(--stroke); }







#view-trade .chart-timeframes .tf-more {
  font-size: 10.5px; font-weight: 600; min-height: 0; height: 21px;
  width: 34px; max-width: 34px; padding: 0 3px; appearance: none; -webkit-appearance: none;
  background-image: none; text-align: center; text-align-last: center;
  border-radius: 6px; cursor: pointer; color: var(--text-muted);
  background-color: transparent; border: 1px solid transparent;
  transition: color .15s ease, background-color .15s ease, border-color .15s ease;
  line-height: 1.2;
}
#view-trade .chart-timeframes .tf-more:hover { color: var(--text-primary); }
#view-trade .chart-timeframes .tf-more.active { color: #fff; background-color: rgba(124,77,255,.18); border-color: var(--stroke); }


.fx-wrap { position: relative; display: inline-flex; }
.chart-fx { font-size: 11px; font-weight: 800; font-style: italic; letter-spacing: .3px; padding: 3px 8px;
  border-radius: 6px; cursor: pointer; color: var(--text-muted); background: transparent;
  border: 1px solid transparent; transition: all .15s ease; user-select: none; line-height: 1.1; }
.chart-fx:hover { color: var(--text-primary); }
.chart-fx.on { color: #fff; background: rgba(124,77,255,.16); border-color: rgba(124,77,255,.45); }









.ind-menu { position: fixed; z-index: 300; min-width: 172px;
  padding: 5px; border-radius: 10px; background: rgba(16,12,28,.97); border: 1px solid var(--stroke);
  box-shadow: 0 12px 30px rgba(0,0,0,.5); }
.ind-menu-title { font-size: 9px; font-weight: 700; letter-spacing: .6px; text-transform: uppercase;
  color: var(--text-muted); padding: 3px 8px 5px; }
.ind-opt { display: flex; align-items: center; gap: 7px; padding: 6px 8px; border-radius: 7px; cursor: pointer;
  font-size: 11.5px; font-weight: 600; color: #c9c2e0; transition: background .12s; }
.ind-opt:hover { background: rgba(124,77,255,.12); color: var(--text-primary); }
.ind-opt .ind-dot { width: 8px; height: 8px; border-radius: 50%; flex: none; opacity: .35; transition: opacity .12s; }
.ind-opt .ind-check { margin-left: auto; font-size: 11px; color: var(--color-cosmos); opacity: 0; transition: opacity .12s; }
.ind-opt.on { color: var(--text-primary); }
.ind-opt.on .ind-dot { opacity: 1; }
.ind-opt.on .ind-check { opacity: 1; }
.ind-sub { height: 1px; margin: 4px 6px; background: var(--stroke-soft); }
.chart-ind-sep { width: 1px; align-self: stretch; margin: 3px 3px; background: var(--stroke-soft); }


#trading-canvas { cursor: crosshair; }
.chart-readout { position: absolute; top: 8px; left: 10px; z-index: 4; display: flex; gap: 4px; align-items: center;
  white-space: nowrap; pointer-events: none; font: 700 10px/1 Inter, sans-serif; color: #d7d0ea;
  padding: 3px 8px; border-radius: 7px; background: rgba(16,12,28,.82); border: 1px solid rgba(124,77,255,.28);
  box-shadow: 0 4px 14px rgba(0,0,0,.35); }
.chart-readout .ro-t { color: #b9a9ea; margin-right: 3px; }
.chart-readout .ro-k { color: #7d7597; margin-left: 4px; font-weight: 600; }
.chart-readout .up { color: #0ecb81; }
.chart-readout .down { color: #f6465d; }




#panel-active-orders.tab-panel.active { overflow: hidden; }
.orders-head-cell { vertical-align: middle; padding-block: 4px !important; white-space: nowrap; }
.orders-head-label { display: inline-block; line-height: 1.1; vertical-align: middle; }
.orders-head-actions { display: inline-flex; align-items: center; gap: 6px; margin: 0 0 0 8px;
  vertical-align: middle; text-transform: none; white-space: nowrap; }
.orders-head-actions .mini-btn { white-space: nowrap; padding: 2px 10px; }
.orders-head-actions .scan-badge { margin-right: 0; }
.mini-btn {
  display: inline-flex; align-items: center; gap: 5px; font-size: 11px; font-weight: 600; cursor: pointer;
  padding: 5px 11px; border-radius: 8px; background: var(--glass); border: 1px solid var(--stroke); color: var(--text-primary);
  transition: all .15s ease; font-family: var(--font-logo);
}
.mini-btn :is(i, svg) { width: 13px; height: 13px; }
.mini-btn:hover { border-color: var(--color-cosmos); }
.mini-btn:disabled { opacity: .5; cursor: default; }
.scan-badge {
  margin-right: auto; cursor: pointer; font-family: var(--font-logo); font-weight: 700;
  font-size: 10.5px; line-height: 1.4; padding: 3px 9px; border-radius: 999px;
  color: var(--color-cosmos); background: rgba(124,77,255,.12); border: 1px solid rgba(124,77,255,.35);
  transition: all .15s ease;
}
.scan-badge:hover { background: rgba(124,77,255,.22); border-color: var(--color-cosmos); }
.mini-buy { color: var(--color-buy); border-color: rgba(14,203,129,.3); }
.mini-buy:hover { background: var(--color-buy-transparent); border-color: var(--color-buy); }
.mini-sell { color: var(--color-sell); border-color: rgba(246,70,93,.3); }
.mini-sell:hover { background: var(--color-sell-transparent); border-color: var(--color-sell); }


.portfolio-total-row {
  display: flex; align-items: center; justify-content: space-between; padding: 9px 12px;
  border-bottom: 1px solid var(--stroke-soft); font-size: 11.5px; color: var(--text-muted);
}
.portfolio-total { font-size: 16px; font-weight: 700; color: var(--text-primary); font-variant-numeric: tabular-nums; }

#panel-balances .positions-table th:nth-child(n+2),
#panel-balances .positions-table td:nth-child(n+2) { text-align: right; }
#panel-balances .positions-table td { font-variant-numeric: tabular-nums; }
#assets-list td:nth-child(3) { text-align: right; color: var(--text-muted); font-variant-numeric: tabular-nums; }


.alerts-form { display: flex; gap: 8px; padding: 10px 12px; align-items: center; }
.alerts-form input {
  flex: 1; padding: 8px 11px; border-radius: 9px; background: var(--bg-0);
  border: 1px solid var(--stroke); color: var(--text-primary); font-size: 13px; outline: none;
}
.alerts-form input:focus { border-color: var(--color-cosmos); box-shadow: 0 0 0 3px rgba(124,77,255,.16); }
.alerts-note { font-size: 10.5px; color: var(--text-muted); padding: 0 12px 6px; }


.px-chg { font-size: 11px; font-weight: 600; margin-left: 6px; white-space: nowrap; }

.header-stats .stat-value { display: flex; flex-direction: column; align-items: center; row-gap: 1px; }
.header-stats .stat-value .px-chg { margin-left: 0; }


.token-stats-body { padding: 12px 14px; overflow-y: auto; height: 100%; }

.tstat-head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 10px; }
.tstat-title { display: flex; align-items: center; gap: 10px; }
.tstat-logo { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; background: rgba(255,255,255,.05); }
.tstat-sym { font-family: var(--font-logo); font-size: 18px; font-weight: 800; }
.tstat-quote { color: var(--text-muted); font-weight: 600; font-size: 14px; }
.tstat-cg { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #8bc53f; text-decoration: none; padding: 4px 10px; border-radius: 8px; border: 1px solid rgba(139,197,63,.3); background: rgba(139,197,63,.08); }
.tstat-cg:hover { background: rgba(139,197,63,.16); }
.tstat-cg img { width: 15px; height: 15px; }
.tstat-spark { width: 100%; height: 56px; margin-bottom: 12px; }
.tstat-spark .tspark { width: 100%; height: 56px; display: block; }
.tstat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.tstat { display: flex; flex-direction: column; gap: 3px; padding: 9px 11px; border-radius: 10px; background: var(--glass); border: 1px solid var(--stroke); }
.tstat-l { font-size: 9.5px; text-transform: uppercase; letter-spacing: .5px; color: var(--text-muted); }
.tstat-v { font-size: 14px; font-weight: 700; font-variant-numeric: tabular-nums; }
.tstat-load { color: var(--text-muted); }
@media (max-width: 1200px) { .tstat-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 640px) { .tstat-grid { grid-template-columns: repeat(2, 1fr); } }
.nd-block { padding: 4px 2px; }
.mono-link { font-family: var(--font-mono, monospace); color: var(--text-primary); text-decoration: none; }
.mono-link:hover { color: var(--color-buy); text-decoration: underline; }
.tx-ext { color: var(--text-muted); text-decoration: none; margin-left: 3px; }
.tx-ext:hover { color: var(--color-buy); }
.positions-table td.rank { color: var(--text-muted); width: 32px; }
.positions-table td.num { font-variant-numeric: tabular-nums; }
.holders-summary td { color: var(--text-muted); padding: 8px 11px; border-bottom: 1px solid var(--bg-accent); }
.holders-summary b { color: var(--text-primary); font-size: 14px; }
.positions-table td.pair-cell { color: var(--text-muted); font-size: 10.5px; }
.nd-title { font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 6px; margin-bottom: 7px; }
.nd-title i { width: 15px; height: 15px; }
.nd-text { font-size: 11.5px; color: var(--text-muted); line-height: 1.55; margin: 0 0 11px; }
.nd-sources { display: grid; grid-template-columns: auto 1fr; gap: 5px 10px; align-items: baseline; font-size: 11.5px; }
.nd-src-label { grid-column: 1 / -1; font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-muted); margin-bottom: 2px; }
.nd-link { font-weight: 600; text-decoration: none; white-space: nowrap; }
.nd-link.free, a.nd-link { color: var(--color-buy); }
.nd-link.paid { color: #e6a23c; }
.nd-note { color: var(--text-muted); }
.alerts-list { padding: 0 12px 10px; display: flex; flex-direction: column; gap: 6px; }
.alert-item {
  display: flex; align-items: center; justify-content: space-between; padding: 7px 11px;
  background: var(--glass); border: 1px solid var(--stroke-soft); border-radius: 9px; font-size: 12px;
}
.alert-item .ai-x { cursor: pointer; opacity: .5; font-size: 14px; }
.alert-item .ai-x:hover { opacity: 1; color: var(--color-sell); }
.alert-item.triggered { border-color: var(--color-cosmos); background: rgba(124,77,255,.1); }




.btn-icon {
  width: 38px; height: 38px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 10px; background: var(--glass); border: 1px solid var(--stroke); color: var(--text-muted);
  cursor: pointer; transition: all .15s ease;
}
.btn-icon:hover { color: var(--text-primary); border-color: var(--color-cosmos); }
.btn-icon i { width: 18px; height: 18px; }

.settings-card { max-width: 480px; width: 100%; }
.settings-body { max-height: 70vh; overflow-y: auto; display: flex; flex-direction: column; gap: 18px; }
.settings-section { display: flex; flex-direction: column; gap: 9px; }
.settings-section h4 { font-family: var(--font-logo); font-size: 13px; color: var(--text-primary); margin: 0; }
.settings-h4-row { display: flex; align-items: center; justify-content: space-between; }
.set-row { display: flex; align-items: center; justify-content: space-between; font-size: 12.5px; color: var(--text-muted); }
.set-badge { font-size: 11px; font-weight: 600; padding: 3px 9px; border-radius: 7px; background: var(--bg-0); border: 1px solid var(--stroke-soft); color: var(--text-primary); max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.set-badge.ok { color: var(--color-buy); border-color: rgba(14,203,129,.3); }
.set-badge.bad { color: var(--color-sell); border-color: rgba(246,70,93,.3); }



.set-input, #set-wallet {
  width: 100%; padding: 9px 12px; border-radius: 10px; background-color: var(--bg-0);
  border: 1px solid var(--stroke); color: var(--text-primary); font-size: 13px; outline: none;
}
select#set-wallet { padding-right: 26px; }
[dir="rtl"] select#set-wallet { padding-right: 12px; padding-left: 26px; }
.set-input:focus { border-color: var(--color-cosmos); box-shadow: 0 0 0 3px rgba(124,77,255,.16); }
.set-note { font-size: 10.5px; color: var(--text-muted); line-height: 1.5; margin: 0; }
.set-rpc-list { display: flex; flex-direction: column; gap: 6px; }
.set-rpc-item {
  display: flex; align-items: center; gap: 8px; padding: 7px 10px; border-radius: 9px;
  background: var(--bg-0); border: 1px solid var(--stroke-soft); font-size: 11.5px;
}
.set-rpc-item .rpc-url { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
.set-rpc-item .rpc-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--text-muted); flex: 0 0 auto; }
.set-rpc-item .rpc-dot.ok { background: var(--color-buy); box-shadow: 0 0 6px var(--color-buy); }
.set-rpc-item .rpc-dot.bad { background: var(--color-sell); }
.set-rpc-item .rpc-ms { color: var(--text-muted); font-size: 10.5px; min-width: 38px; text-align: right; }
.set-rpc-item .rpc-act { cursor: pointer; opacity: .5; padding: 0 2px; }
.set-rpc-item .rpc-act:hover { opacity: 1; }
.set-rpc-item.active { border-color: var(--color-cosmos); }
.set-add-row { display: flex; gap: 7px; }
.set-add-row input { flex: 1; padding: 8px 11px; border-radius: 9px; background: var(--bg-0); border: 1px solid var(--stroke); color: var(--text-primary); font-size: 12px; outline: none; }
.set-check { display: flex; align-items: center; gap: 8px; font-size: 12.5px; color: var(--text-primary); cursor: pointer; }
.set-check input { width: 15px; height: 15px; accent-color: var(--color-cosmos); }
.keplr-logo i { width: 16px; height: 16px; }




.bx-brand {
  font-family: var(--font-logo); font-weight: 800; font-size: 15px; letter-spacing: .3px;
  line-height: 1; display: flex; flex-direction: row; flex-wrap: nowrap; white-space: nowrap; align-items: baseline; gap: 5px;
}

















.bx-x    { color: var(--color-brand, #d81b60); }
.bx-pf {
  color: inherit;
  background: linear-gradient(90deg, #2f9dff 0%, #7b5cff 55%, #a855f7 100%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent;
}



[dir="rtl"] .global-brand,
[dir="rtl"] .sp-brand,
[dir="rtl"] .bx-brand { direction: ltr; }


.trading-form-wrap { flex: 1; min-height: 0; overflow-y: auto; }
.trading-widget { min-width: 0; min-height: 0; }


.header-actions { display: flex; align-items: center; gap: 10px; }
.header-actions .wallet-badge { height: 38px; padding: 0 14px; white-space: nowrap; }
.header-actions .btn-connect { height: 38px; }


.delegate-wrap { max-width: 760px; margin: 0 auto; width: 100%; padding: 8px 4px 40px; }
.validators-list { display: flex; flex-direction: column; gap: 16px; margin-top: 18px; }
.val-card { background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 16px; padding: 18px 18px 16px; }
.val-head { display: flex; align-items: center; gap: 12px; }
.val-logo { width: 40px; height: 40px; border-radius: 50%; background: rgba(255,255,255,0.05); object-fit: cover; flex: 0 0 auto; }
.val-id { flex: 1; min-width: 0; }
.val-moniker { font-family: var(--font-logo); font-weight: 700; font-size: 16px; color: var(--text-primary); display: flex; align-items: center; gap: 8px; }
.val-chain { font-size: 11px; font-weight: 600; color: var(--color-cosmos); background: rgba(124,77,255,0.13); padding: 2px 8px; border-radius: 6px; }
.val-sub { font-size: 12px; color: var(--text-muted); margin-top: 3px; }
.val-status { font-size: 11px; font-weight: 700; padding: 4px 10px; border-radius: 7px; flex: 0 0 auto; }
.val-status.ok { color: var(--color-buy); background: var(--color-buy-transparent); }
.val-status.bad { color: var(--color-sell); background: var(--color-sell-transparent); }
.val-status.warn { color: #f0b429; background: rgba(240,180,41,0.12); }
.val-body { margin-top: 14px; }
.val-connect { width: 100%; justify-content: center; }
.val-your { display: flex; gap: 26px; padding: 12px 14px; background: rgba(255,255,255,0.025); border-radius: 11px; margin-bottom: 12px; }
.val-your > div { display: flex; flex-direction: column; gap: 3px; }
.vy-lbl { font-size: 11px; color: var(--text-muted); }
.val-your b { font-size: 15px; font-family: var(--font-logo); }
.val-actions { display: flex; gap: 10px; }
.val-actions .btn { flex: 1; justify-content: center; }
.btn-claim:disabled, .val-claim:disabled { opacity: .4; cursor: not-allowed; }
.val-redeleg { margin-top: 14px; border-top: 1px solid var(--border-color); padding-top: 12px; }
.redeleg-title { font-size: 12px; color: var(--text-muted); margin-bottom: 8px; }
.redeleg-row { display: flex; align-items: center; gap: 10px; padding: 7px 0; }
.rr-name { flex: 1; min-width: 0; font-size: 12.5px; color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.val-redelegate { flex: 0 0 auto; font-size: 12px; padding: 6px 12px; }


.stake-amt-label { display: block; font-size: 12px; color: var(--text-muted); margin-top: 14px; }
.stake-amt-row { display: flex; align-items: center; gap: 8px; margin-top: 6px; }
.stake-amt-row .xfer-input { flex: 1; }
.stake-max-btn { flex: 0 0 auto; padding: 8px 12px; }
.stake-sym { flex: 0 0 auto; font-weight: 700; font-family: var(--font-logo); color: var(--text-primary); min-width: 48px; }


.cc-chain-row { margin-bottom: 7px; }
.cc-chain-sel {
  width: 100%; padding: 7px 9px; border-radius: 8px; cursor: pointer;
  background: rgba(255,255,255,0.04); color: var(--text-primary);
  border: 1px solid var(--border-color); font-family: var(--font-logo); font-size: 12.5px; font-weight: 600;
}
.cc-chain-sel:focus { outline: none; border-color: var(--color-cosmos); }
.cc-chain-lbl { font-size: 11px; color: var(--text-muted); }
#mode-ccswap .swap-info .si-row span:last-child { text-align: right; }


.tab-chip { font-size: 8px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase;
  padding: 1px 4px; border-radius: 4px; background: rgba(124,77,255,.22); color: #b79cff; margin-left: 1px; }

.view-tab:disabled { opacity: .45; pointer-events: none; }


.view-tab.soon-tab { opacity: .7; }
.view-tab.soon-tab:hover { opacity: 1; }
#view-futures.view.active { display: flex; flex-direction: column; flex: 1; min-height: 0; }
#view-futures .right { text-align: right; }

.fut-marketbar { display: flex; align-items: center; gap: 18px; padding: 10px 14px; flex-wrap: wrap;
  border-bottom: 1px solid var(--border-color); background: rgba(9,7,16,.4); }
.fut-market-select { position: relative; }
.fut-market-btn { display: flex; align-items: center; gap: 6px; font-family: var(--font-logo); font-size: 15px;
  font-weight: 700; color: var(--text-primary); padding: 6px 12px; border-radius: 8px; background: var(--bg-accent);
  border: 1px solid var(--stroke); cursor: pointer; transition: border-color .15s; }
.fut-market-btn:hover { border-color: var(--color-cosmos); }
.fut-market-btn i { width: 15px; height: 15px; color: var(--text-muted); }
.fut-dropdown { position: absolute; top: calc(100% + 6px); left: 0; z-index: 30; width: 560px; max-width: 88vw;
  max-height: 440px; overflow-y: auto; padding: 8px; border-radius: 12px; background: rgba(16,12,28,.98);
  border: 1px solid var(--stroke); box-shadow: 0 16px 40px rgba(0,0,0,.55); }
.fut-search { width: 100%; box-sizing: border-box; padding: 8px 10px; margin-bottom: 6px; border-radius: 8px;
  background: rgba(0,0,0,.3); border: 1px solid var(--stroke); color: var(--text-primary); font-size: 12.5px; }
.fut-search:focus { outline: none; border-color: var(--color-cosmos); }
.fut-md-head, .fut-md-row { display: grid; grid-template-columns: 1.5fr 1fr .9fr 1fr 1.2fr; align-items: center;
  gap: 6px; padding: 5px 8px; font-size: 11.5px; }
.fut-md-head { color: var(--text-muted); font-size: 9.5px; font-weight: 700; letter-spacing: .5px;
  text-transform: uppercase; border-bottom: 1px solid var(--stroke-soft); }
.fut-md-row { border-radius: 7px; cursor: pointer; }
.fut-md-row:hover { background: rgba(124,77,255,.12); }
.fmd-sym { font-weight: 700; color: var(--text-primary); display: flex; align-items: center; gap: 6px; }
.fmd-lev { font-size: 9px; font-weight: 700; color: #b79cff; background: rgba(124,77,255,.16); padding: 1px 4px; border-radius: 4px; }

.fut-last { font-family: var(--font-logo); font-size: 26px; font-weight: 700; line-height: 1; }
.fut-last.up { color: var(--color-buy); } .fut-last.down { color: var(--color-sell); }
.fut-stats { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.fut-stat { display: flex; flex-direction: column; gap: 2px; }
.fs-l { font-size: 9.5px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; color: var(--text-muted); }
.fs-v { font-size: 13px; font-weight: 600; color: var(--text-primary); }
.fs-v.up { color: var(--color-buy); } .fs-v.down { color: var(--color-sell); }
.fut-src { margin-left: auto; display: flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 600; color: var(--text-muted); }
.fut-wsdot { width: 7px; height: 7px; border-radius: 50%; background: #5a5470; transition: all .2s; }
.fut-wsdot.on { background: var(--color-buy); box-shadow: 0 0 8px rgba(14,203,129,.8); }








.app-header .fut-marketbar { flex: 1; min-width: 0; padding: 0; margin-inline: 10px 8px;
  border-bottom: none; background: transparent; flex-wrap: nowrap; gap: 10px; }
.app-header .fut-last { font-size: 19px; }
.app-header .fut-acct { gap: 6px; padding: 3px 5px 3px 8px; }











.app-header .fut-market-btn { font-size: 14px; line-height: 1.35; padding: 3px 10px; }






.app-header .fut-market-btn svg { width: 13px; height: 13px; flex: none; }
.app-header #futStats { flex: 1 1 auto; min-width: 0; flex-wrap: nowrap; gap: 9px;
  overflow-x: auto; scrollbar-width: none; }



.app-header:has(.fut-marketbar) { height: auto; min-height: 60px; }
.app-header #futStats::-webkit-scrollbar { display: none; }














.app-header .fut-stat { flex: 0 0 auto; }
.app-header .fut-stat .fs-v { white-space: nowrap; }
.app-header .fut-market-btn { white-space: nowrap; }
.app-header .fut-market-btn, .app-header .fut-acct,
.app-header .fut-connect, .app-header .fut-livebtn { flex: 0 0 auto; }
.app-header .fut-src { display: none; }


@media (max-width: 1280px) { .app-header.venue-hl .live-badge { display: none; } }
.app-header.venue-hl #btn-connect-wallet, .app-header.venue-hl #wallet-badge { display: none; }

.app-header.venue-dn #btn-connect-wallet, .app-header.venue-dn #wallet-badge { display: none; }


@media (max-width: 1500px) { .app-header.venue-hl .net-chip { display: none; } }











@media (max-width: 980px) {
  .app-header .fut-marketbar {
    flex: 0 0 100%; order: 3; margin-inline: 0; gap: 10px; flex-wrap: nowrap;
    overflow-x: auto; overflow-y: hidden; scrollbar-width: none;
    -webkit-mask-image: var(--fade-26);
    mask-image: var(--fade-26);
  }
  .app-header .fut-marketbar::-webkit-scrollbar { display: none; }


  .app-header #futStats { flex-wrap: nowrap; flex: 0 0 auto; overflow: visible; }
  .app-header .fut-marketbar > * { flex: 0 0 auto; }




  .app-header .fut-market-select { order: 1; }
  .app-header .fut-last { order: 2; }
  .app-header .fut-connect { order: 3; }
  .app-header .fut-livebtn { order: 4; }


  .app-header .fut-marketbar .pd-btn { order: 5; }
  .app-header .fut-acct { order: 6; }
  .app-header #futStats { order: 7; }















  .app-header .fut-marketbar:has(.fut-dropdown:not(.hidden)) { -webkit-mask-image: none; mask-image: none; }
  .app-header .fut-dropdown {
    position: fixed; top: 100%; left: 8px; right: 8px; width: auto; max-width: none;
    max-height: min(440px, 58vh);
  }





  [dir=rtl] .app-header .fut-dropdown { left: 8px; right: 8px; }







  .app-header .fut-marketbar .gl-hint { order: 9; }
}






@media (max-width: 560px) {
  .app-header.venue-hl #futMarketbar {
    display: grid;
    grid-template-columns: minmax(86px, 1.15fr) minmax(62px, .82fr) minmax(90px, 1.2fr) minmax(48px, .62fr);
    grid-auto-rows: auto;
    align-items: stretch;
    gap: 4px;
    overflow: visible;
    -webkit-mask-image: none;
    mask-image: none;
  }
  .app-header.venue-hl #futMarketbar > * { min-width: 0; max-width: 100%; }



  .app-header.venue-hl #futMarketbar .fut-market-select { grid-column: 1; grid-row: 2; }
  .app-header.venue-hl #futMarketbar .fut-last {
    grid-column: 2; grid-row: 2; align-self: center; font-size: 15px; white-space: nowrap;
  }
  .app-header.venue-hl #futMarketbar .fut-connect {
    grid-column: 3; grid-row: 1; white-space: normal; line-height: 1.1;
  }
  .app-header.venue-hl #futMarketbar .fut-livebtn {
    grid-column: 4; grid-row: 1; white-space: normal; line-height: 1.1;
  }
  .app-header.venue-hl #futMarketbar > .pd-btn { grid-column: 1; grid-row: 1; }
  .app-header.venue-hl #futMarketbar > #perpWalletChip { grid-column: 2; grid-row: 1; }
  .app-header.venue-hl #futMarketbar > #futAcct { grid-column: 3; grid-row: 2; }
  .app-header.venue-hl #futMarketbar > .gl-hint {
    grid-column: 4; grid-row: 2; align-self: center; justify-self: center;
  }
  .app-header.venue-hl #futMarketbar .fut-market-btn,
  .app-header.venue-hl #futMarketbar .fut-connect,
  .app-header.venue-hl #futMarketbar .fut-livebtn,
  .app-header.venue-hl #futMarketbar > .pd-btn {
    width: 100%; min-height: 30px; justify-content: center; padding: 3px 5px; font-size: 9.5px;
  }
  .app-header.venue-hl #futMarketbar .fut-market-btn { font-size: 12px; overflow: hidden; }
  .app-header.venue-hl #futMarketbar > #perpWalletChip {
    width: 100%; min-height: 34px; padding: 2px 3px; gap: 1px;
    flex-direction: column; justify-content: center; overflow: hidden;
  }
  .app-header.venue-hl #futMarketbar > #perpWalletChip .fut-acct-tag,
  .app-header.venue-hl #futMarketbar > #perpWalletChip .pv-wal-txt {
    max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 8px;
  }
  .app-header.venue-hl #futMarketbar > #futAcct {
    width: 100%; min-height: 34px; padding: 2px 3px; gap: 1px 3px;
    display: grid; grid-template-columns: auto minmax(0, 1fr); justify-items: center;
  }
  .app-header.venue-hl #futMarketbar > #futAcct .fut-acct-tag { font-size: 7.5px; padding: 1px 3px; }
  .app-header.venue-hl #futMarketbar > #futAcct #futEquity { min-width: 0; font-size: 10px; }
  .app-header.venue-hl #futMarketbar > #futAcct .fut-reset {
    grid-column: 1 / -1; width: 100%; padding: 1px 3px; font-size: 8px; line-height: 1.1;
  }
  .app-header.venue-hl #futStats {
    grid-column: 1 / -1; grid-row: 3; width: 100%;
    display: grid; grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 3px 4px; overflow: visible;
  }
  .app-header.venue-hl #futStats .fut-stat { min-width: 0; gap: 1px; text-align: center; }
  .app-header.venue-hl #futStats .fs-l {
    min-width: 0; font-size: 7px; line-height: 1.05; letter-spacing: 0; white-space: normal;
  }
  .app-header.venue-hl #futStats .fs-v {
    min-width: 0; font-size: 10px; line-height: 1.1; overflow: hidden; text-overflow: ellipsis;
  }
}













































@media (min-width: 981px) and (max-width: 1700px) {
  .app-header .fut-marketbar { flex-wrap: wrap; row-gap: 2px; }
  .app-header .fut-marketbar > * { flex: 0 0 auto; }



  .app-header #futStats { flex: 1 1 auto; min-width: min(560px, 100%); flex-wrap: wrap;
    overflow: visible; row-gap: 2px; }




  .app-header .fut-market-select { order: 1; }
  .app-header .fut-last { order: 2; }
  .app-header #futStats { order: 3; }
  .app-header .fut-acct { order: 4; }
  .app-header .fut-connect { order: 5; }
  .app-header .fut-livebtn { order: 6; }
  .app-header .fut-marketbar .pd-btn { order: 7; }
  .app-header .fut-marketbar .gl-hint { order: 9; }
}










@media (min-width: 981px) and (max-width: 1100px) {
  .app-header.venue-hl #futStats {
    flex: 1 1 300px; min-width: 0; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden;
    row-gap: 0; scrollbar-width: none;
  }
  .app-header.venue-hl #futStats::-webkit-scrollbar { display: none; }
}







.fut-grid {


  display: grid; grid-template-columns: 252px minmax(0,1fr) 280px;
  grid-template-rows: minmax(0, 1fr) auto;
  gap: 10px; padding: 10px 10px 0; flex: none; height: calc(100vh - 330px); min-height: 300px; box-sizing: border-box;
}





.fut-grid .fut-trades-widget { grid-column: 1 / 2; grid-row: 1 / 3; }
.fut-grid .fut-chart-widget  { grid-column: 2 / 3; grid-row: 1 / 2; }
.fut-grid .fut-book-widget   { grid-column: 3 / 4; grid-row: 1 / 3; }
.fut-grid .fut-exec-widget   { grid-column: 2 / 3; grid-row: 2 / 3; margin: 0; }


.fut-trades-widget, .fut-chart-widget, .fut-book-widget, .fut-form-widget { min-height: 0; }
.fut-chart-head { justify-content: space-between; }



.fut-badge { font-size: 10px; font-weight: 600; color: var(--text-muted); flex: 0 0 auto; margin-left: 10px; }


@media (max-width: 700px) {
  #view-futures .fut-badge { display: none; }


  .fut-bottom-tabs {
    -webkit-mask-image: var(--fade-24);
    mask-image: var(--fade-24);
  }











  #view-futures .fut-bal-grid { grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); gap: 6px; padding: 8px; }
  #view-futures .fut-bal-card { padding: 7px 10px; }
  #view-futures .fut-bal-card .fb-v { font-size: 15px; }
}














#fut-chart-ctrls, #dn-chart-ctrls { margin-left: 0; margin-right: auto; }











@media (min-width: 1201px) {
  #fut-chart-ctrls, #dn-chart-ctrls { flex: 0 0 auto; min-width: max-content; }
}



#dydx-chart-ctrls { margin-left: 0; margin-right: auto; }



#fut-chart-ctrls .fut-ind-bar { padding: 0; flex-wrap: nowrap; flex: 0 0 auto; }


#dydx-chart-ctrls .fut-ind-bar { padding: 0; flex-wrap: nowrap; flex: 0 0 auto; }






#dn-ind-bar { padding: 0; flex-wrap: nowrap; flex: 0 0 auto; }





.cx-tf-btn.cx-tf-empty { opacity: .38; text-decoration: line-through; text-decoration-thickness: 1px; }







@media (max-width: 900px) {



  .cx-chart-ctrls .cx-tf-btn { min-height: 32px; display: inline-flex; align-items: center; padding: 6px 8px; }
}













.tf-dock-bottom { flex: 0 0 auto; padding: 4px 12px; border-top: 1px solid var(--border-color); }
#view-trade .chart-timeframes.tf-dock-bottom { flex-wrap: wrap; row-gap: 2px; }

















#view-trade .chart-timeframes .tf-clock { display: none; }
@media (max-width: 768px) {
  #view-trade .chart-timeframes.tf-dock-bottom .tf-clock {
    display: inline-block; margin-left: auto; padding: 3px 0 3px 8px;
    font-size: 10.5px; font-weight: 600; color: var(--text-muted);
    font-variant-numeric: tabular-nums; white-space: nowrap; user-select: none;
  }
}






#fut-chart-ctrls.tf-dock-bottom, #dydx-chart-ctrls.tf-dock-bottom,
#dn-chart-ctrls.tf-dock-bottom { margin-left: 0; margin-right: 0; }













.xpf-chart-timeframes.tf-dock-bottom {
  display: flex; align-items: center; gap: 3px; min-width: 0;



  flex-wrap: wrap; row-gap: 2px;
}
.xpf-chart-timeframes.tf-dock-bottom .xpf-chart-control {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto; width: auto; min-width: 22px; height: 24px; min-height: 24px;
  margin: 0; padding: 0 5px; border-radius: 5px;
  border: 1px solid rgba(124,77,255,.24); background: rgba(124,77,255,.07);
  color: var(--text-muted); font-family: var(--font-logo); font-size: 9.5px;
  line-height: 1; font-weight: 700; letter-spacing: 0; white-space: nowrap; cursor: pointer;
}
.xpf-chart-timeframes.tf-dock-bottom .xpf-chart-control.active,
.xpf-chart-timeframes.tf-dock-bottom .xpf-chart-control.cx-active {
  color: var(--text-primary); background: rgba(124,77,255,.20); border-color: rgba(124,77,255,.48);
  box-shadow: none;
}
.xpf-chart-timeframes.tf-dock-bottom .xpf-chart-control:disabled,
.xpf-chart-timeframes.tf-dock-bottom .xpf-chart-control[aria-disabled="true"] { opacity: .42; cursor: not-allowed; }
.xpf-chart-timeframes.tf-dock-bottom .xpf-chart-depth { margin-left: 1px; }


@media (max-width: 900px) {
  .xpf-chart-timeframes.tf-dock-bottom .cx-tf-btn { min-height: 32px; padding: 6px 8px; }
}




.xpf-chart-timeframes .tf-clock { display: none; }
@media (max-width: 768px) {
  .xpf-chart-timeframes.tf-dock-bottom .tf-clock {
    display: inline-block; margin-left: auto; padding: 3px 0 3px 8px;
    font-size: 10.5px; font-weight: 600; color: var(--text-muted);
    font-variant-numeric: tabular-nums; white-space: nowrap; user-select: none;
  }
}



























#fut-chart-ctrls .cx-ind-seg .cx-pro-tag,
#dydx-chart-ctrls .cx-ind-seg .cx-pro-tag,




#cx-chart-ctrls .cx-ind-seg .cx-pro-tag { display: none; }






.cx-chart-ctrls.xpf-chart-controls {
  display: flex; align-items: center; flex-wrap: nowrap; gap: 4px;
  min-width: 0; max-width: 100%; height: 28px; min-height: 28px;
  margin-left: auto; overflow: visible; scrollbar-width: none;
}
.cx-chart-ctrls.xpf-chart-controls::-webkit-scrollbar { display: none; }
.xpf-chart-controls .xpf-chart-classic,
.xpf-chart-controls .xpf-chart-indicators,
.xpf-chart-controls .xpf-chart-timeframes,
.xpf-chart-controls .cx-ind-lead,
.xpf-chart-controls .cx-ind-seg {
  display: inline-flex; align-items: center; flex: 0 0 auto; flex-wrap: nowrap; gap: 3px;
  min-width: 0; margin: 0; padding: 0;
}
.xpf-chart-controls .xpf-chart-control,
.xpf-chart-controls .cx-ind-btn,
.xpf-chart-controls .cx-ind-seg > button {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  flex: 0 0 auto; width: auto; min-width: 22px; height: 24px; min-height: 24px;
  margin: 0; padding: 0 5px; border-radius: 5px;
  border: 1px solid rgba(124,77,255,.24); background: rgba(124,77,255,.07);
  color: var(--text-muted); font-family: var(--font-logo); font-size: 9.5px;
  line-height: 1; font-weight: 700; letter-spacing: 0; white-space: nowrap; cursor: pointer;
}
.xpf-chart-controls .cx-ind-more { width: 24px; padding: 0; }
.xpf-chart-controls .cx-ind-more svg { width: 12px; height: 12px; }
.xpf-chart-controls .cx-ind-seg > button.on,
.xpf-chart-controls .xpf-chart-control.active,
.xpf-chart-controls .xpf-chart-control.cx-active,
.xpf-chart-controls .cx-ind-more.cx-ind-has-active {
  color: var(--text-primary); background: rgba(124,77,255,.20); border-color: rgba(124,77,255,.48);
  box-shadow: none;
}
.xpf-chart-controls .xpf-chart-control:disabled,
.xpf-chart-controls .xpf-chart-control[aria-disabled="true"] { opacity: .42; cursor: not-allowed; }


.xpf-chart-controls .cx-ind-seg .cx-pro-tag { display: none; }
.xpf-chart-controls .xpf-chart-depth { margin-left: 1px; }

@media (max-width: 768px) {
  .cx-chart-ctrls.xpf-chart-controls { flex: 1 1 auto; justify-content: flex-start; gap: 3px; }
  .xpf-chart-controls .xpf-chart-control,
  .xpf-chart-controls .cx-ind-btn,
  .xpf-chart-controls .cx-ind-seg > button { min-height: 24px; height: 24px; padding-inline: 4px; font-size: 9px; }
  .xpf-chart-controls .cx-ind-more { width: 23px; padding: 0; }
}






























@media (max-width: 768px) {
  #fut-ind-bar > .cx-ind-btn:not(.cx-active),
  #dydx-ind-bar > .cx-ind-btn:not(.cx-active),
  #cx-ind-bar > .cx-ind-btn:not(.cx-active) { display: none; }

}










@media (max-width: 1679px) {
  #view-dexnet #dn-chart-ctrls > #dn-ind-bar > .cx-ind-btn { display: none; }
}
.fut-chart-container { flex: 1; min-height: 0; position: relative; background: radial-gradient(circle at center, #14102a 0%, #0b0913 100%); }
#futChart { position: absolute; inset: 0; }

.fut-book-tabs { gap: 6px; justify-content: flex-start; }
.fut-btab { font-size: 11.5px; font-weight: 700; padding: 4px 10px; border-radius: 6px; cursor: pointer; color: var(--text-muted); }
.fut-btab:hover { color: var(--text-primary); }
.fut-btab.active { color: var(--text-primary); background: rgba(124,77,255,.16); }
#futBookView, #futTradesView { display: flex; flex-direction: column; min-height: 0; flex: 1; overflow: hidden; }
.fut-book-cols { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4px; padding: 6px 10px 4px;
  font-size: 9.5px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--text-muted); }
.fut-book-side { display: flex; flex-direction: column; overflow: hidden; }
.fut-book-side.asks { justify-content: flex-end; }
.fut-book-row { position: relative; display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4px; padding: 1.5px 10px;
  font-size: 11.5px; font-variant-numeric: tabular-nums; }
.fut-book-row .px { position: relative; z-index: 1; font-weight: 600; }
.fut-book-row span:not(.px) { position: relative; z-index: 1; color: #c9c2e0; }
.fut-book-side.asks .px { color: var(--color-sell); }
.fut-book-side.bids .px { color: var(--color-buy); }
.fut-depth { position: absolute; top: 0; bottom: 0; right: 0; z-index: 0; }
.fut-book-side.asks .fut-depth { background: rgba(246,70,93,.13); }
.fut-book-side.bids .fut-depth { background: rgba(14,203,129,.13); }
.fut-spread { display: flex; justify-content: space-between; padding: 5px 10px; font-size: 11.5px; font-weight: 600;
  color: var(--text-muted); border-top: 1px solid var(--stroke-soft); border-bottom: 1px solid var(--stroke-soft); }
.fut-tape { display: flex; flex-direction: column; overflow-y: auto; min-height: 0; flex: 1; }
.fut-tape-row { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4px; padding: 1.5px 10px; font-size: 11.5px; font-variant-numeric: tabular-nums; }
.fut-tape-row span:not(.px) { color: #c9c2e0; }
.fut-tape-row.buy .px { color: var(--color-buy); }
.fut-tape-row.sell .px { color: var(--color-sell); }




.fut-acct { display: flex; align-items: center; gap: 8px; padding: 4px 6px 4px 10px; border-radius: 9px;
  background: var(--bg-accent); border: 1px solid var(--stroke); }
.fut-acct-tag { font-size: 9px; font-weight: 800; letter-spacing: .5px; color: #b79cff; background: rgba(124,77,255,.16); padding: 2px 6px; border-radius: 5px; }
#futEquity { font-size: 13px; font-weight: 700; color: var(--text-primary); font-variant-numeric: tabular-nums; }
.fut-reset { font-size: 10.5px; font-weight: 600; color: var(--text-muted); background: transparent; border: 1px solid var(--stroke);
  padding: 3px 9px; border-radius: var(--radius-ctl); cursor: pointer; transition: all .15s; }
.fut-reset:hover { color: var(--text-primary); border-color: var(--color-cosmos); }

.fut-form-widget { overflow-y: auto; }
.fut-form { display: flex; flex-direction: column; gap: 9px; padding: 12px; min-height: 100%; box-sizing: border-box; }
.fut-seg { display: inline-flex; background: rgba(0,0,0,.28); border: 1px solid var(--stroke); border-radius: 9px; padding: 3px; gap: 2px; }
.fut-seg-full { display: flex; }
.fut-seg button { flex: 1; font-size: 11.5px; font-weight: 600; color: var(--text-muted); background: transparent; border: none;
  padding: 6px 8px; border-radius: 6px; cursor: pointer; transition: all .15s; }
.fut-seg button:hover { color: var(--text-primary); }
.fut-seg button.active { color: #fff; background: rgba(124,77,255,.22); }
.fut-buysell { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.fbs { font-size: 12.5px; font-weight: 700; padding: 9px 0; border-radius: 9px; cursor: pointer; border: 1px solid transparent;
  background: rgba(0,0,0,.25); color: var(--text-muted); transition: all .15s; }
.fbs-buy.active { background: var(--buy-grad); color: #04130d; box-shadow: 0 4px 14px -6px rgba(14,203,129,.6); }
.fbs-sell.active { background: var(--sell-grad); color: #fff; box-shadow: 0 4px 14px -6px rgba(246,70,93,.6); }
.fut-lev-row { display: flex; justify-content: space-between; font-size: 11.5px; color: var(--text-muted); font-weight: 600; }
.fut-lev-row #futLevVal { color: var(--color-cosmos); font-weight: 700; }
.fut-range { width: 100%; -webkit-appearance: none; appearance: none; height: 4px; border-radius: 3px;
  background: rgba(124,77,255,.2); outline: none; cursor: pointer; }
.fut-range::-webkit-slider-thumb { -webkit-appearance: none; width: 14px; height: 14px; border-radius: 50%; background: var(--color-cosmos); box-shadow: 0 0 8px rgba(124,77,255,.7); cursor: pointer; }
.fut-range::-moz-range-thumb { width: 14px; height: 14px; border: none; border-radius: 50%; background: var(--color-cosmos); cursor: pointer; }
.fut-fld { display: flex; flex-direction: column; gap: 4px; }
.fut-fld > span { font-size: 10.5px; color: var(--text-muted); font-weight: 600; }
.fut-fld > span em { color: #6b6480; font-style: normal; }
.fut-fld input { background: rgba(0,0,0,.3); border: 1px solid var(--stroke); border-radius: 8px; color: var(--text-primary);
  padding: 8px 10px; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.fut-fld input:focus { outline: none; border-color: var(--color-cosmos); }
.fut-fld input:disabled { color: var(--text-muted); opacity: .7; }





.pct-marks { display: flex; justify-content: space-between; align-items: flex-start; margin-top: -2px; }
.pct-mark {
  background: none; border: 0; padding: 3px 2px 0; cursor: pointer; line-height: 1;
  display: flex; flex-direction: column; align-items: center; gap: 3px;
  font-size: 9px; color: #6b6480; font-weight: 600; transition: color .12s;
}
.pct-mark i { width: 6px; height: 6px; border-radius: 50%; background: rgba(124,77,255,.28); transition: all .12s; }
.pct-mark:hover { color: var(--text-primary); }
.pct-mark:hover i { background: rgba(124,77,255,.6); transform: scale(1.25); }
.pct-mark.pct-passed i { background: rgba(124,77,255,.55); }
.pct-mark.pct-on { color: var(--text-primary); }
.pct-mark.pct-on i { background: var(--color-cosmos); box-shadow: 0 0 7px rgba(124,77,255,.8); transform: scale(1.35); }
.pct-mark:focus-visible { outline: 1px solid var(--color-cosmos); outline-offset: 2px; border-radius: 4px; }

.pct-mark:first-child { align-items: flex-start; }
.pct-mark:last-child { align-items: flex-end; }
.fut-pct-marks { display: flex; justify-content: space-between; font-size: 9px; color: #6b6480; margin-top: -4px; }
.fut-chk { display: flex; align-items: center; gap: 7px; font-size: 11.5px; color: var(--text-muted); font-weight: 600; cursor: pointer; }
.fut-chk input { accent-color: var(--color-cosmos); }
.fut-pro-hint { font-size: 10px; color: #6b6480; line-height: 1.4; margin: 2px 0 0; }
.fut-summary { display: flex; flex-direction: column; gap: 5px; padding: 9px 0; border-top: 1px solid var(--stroke-soft); border-bottom: 1px solid var(--stroke-soft); }

.fut-exec { margin-top: auto; position: sticky; bottom: 0; display: flex; flex-direction: column; gap: 9px; background: linear-gradient(180deg, transparent, var(--bg-1) 22%); padding-top: 8px; }
.fut-summary > div { display: flex; justify-content: space-between; font-size: 11.5px; }
.fut-summary span { color: var(--text-muted); }
.fut-summary b { color: var(--text-primary); font-weight: 600; font-variant-numeric: tabular-nums; }
.fut-place { font-size: 13px; font-weight: 700; padding: 11px 0; border-radius: 10px; border: none; cursor: pointer;
  color: #04130d; background: var(--buy-grad); transition: all .15s; }
.fut-place.sell { color: #fff; background: var(--sell-grad); }
.fut-place:disabled { opacity: .5; cursor: not-allowed; }
.fut-paper-note { font-size: 9.5px; color: #6b6480; text-align: center; margin: 2px 0 0; }

.fut-bottom { margin: 10px; flex: none; height: 188px; }







.fut-bottom-tabs { border: none; border-bottom: 1px solid var(--border-color); border-radius: 0; padding: 6px 10px 0; gap: 4px; background: rgba(9,7,16,.4);
  overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.fut-bottom-tabs::-webkit-scrollbar { display: none; }
.fut-bottom-tabs > * { flex: 0 0 auto; }
.fut-bottom-tabs button { position: relative; }
.fut-tab-count { font-size: 9px; font-weight: 700; color: #b79cff; }
.fut-bottom-body { flex: 1; overflow-y: auto; overflow-x: auto; min-height: 0; }
.fut-empty { padding: 34px 16px; text-align: center; color: var(--text-muted); font-size: 12.5px; }
.fut-bal-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 10px; padding: 12px; }
.fut-bal-card { background: var(--bg-card); border: 1px solid var(--stroke-soft); border-radius: 10px; padding: 12px 14px; }
.fut-bal-card .fb-l { font-size: 10px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; color: var(--text-muted); margin-bottom: 5px; }
.fut-bal-card .fb-v { font-size: 18px; font-weight: 700; color: var(--text-primary); font-variant-numeric: tabular-nums; }
.fut-dt { width: 100%; border-collapse: collapse; font-size: 11.5px; }
.fut-dt th { text-align: left; padding: 8px 12px; font-size: 9.5px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase;
  color: var(--text-muted); border-bottom: 1px solid var(--stroke-soft); position: sticky; top: 0; background: #0d0a18; }
.fut-dt td { padding: 7px 12px; border-bottom: 1px solid var(--stroke-soft); color: var(--text-primary); font-variant-numeric: tabular-nums; }
.fut-side-pill { font-size: 9.5px; font-weight: 700; padding: 2px 6px; border-radius: 5px; }
.fut-side-pill.long { background: rgba(14,203,129,.16); color: var(--color-buy); }
.fut-side-pill.short { background: rgba(246,70,93,.16); color: var(--color-sell); }
.fut-tpsl-mini { font-size: 9px; color: var(--text-muted); margin-top: 2px; }
.fut-x { font-size: 10.5px; font-weight: 600; color: var(--text-muted); background: transparent; border: 1px solid var(--stroke); padding: 3px 9px; border-radius: 6px; cursor: pointer; transition: all .15s; }
.fut-x:hover { color: var(--color-sell); border-color: var(--color-sell); }
#view-futures .up { color: var(--color-buy); } #view-futures .down { color: var(--color-sell); }

.fut-toast { position: fixed; bottom: 20px; right: 20px; z-index: 200; display: flex; flex-direction: column; gap: 8px; }
@media (max-width: 700px) {
  .fut-toast { bottom: auto; top: 70px; right: 10px; left: 10px; }
}
.fut-toast-item { padding: 10px 16px; border-radius: 10px; font-size: 12.5px; font-weight: 600; color: #fff;
  background: rgba(20,16,36,.96); border: 1px solid var(--stroke); box-shadow: 0 8px 24px rgba(0,0,0,.4); animation: futToastIn .2s ease; }
.fut-toast-item.buy { border-left: 3px solid var(--color-buy); }
.fut-toast-item.sell { border-left: 3px solid var(--color-sell); }
.fut-toast-item.liq { border-left: 3px solid #f6a13d; }
.fut-toast-item.fill { border-left: 3px solid var(--color-cosmos); }
@keyframes futToastIn { from { opacity: 0; transform: translateX(20px); } to { opacity: 1; transform: none; } }




@media (max-width: 1100px) {
  .fut-grid { grid-template-columns: 1fr 1fr; grid-template-rows: none; height: auto;





    grid-auto-rows: minmax(320px, auto); }
  .fut-form-widget { grid-column: 1 / -1; }
  .fut-grid .fut-trades-widget, .fut-grid .fut-chart-widget,
  .fut-grid .fut-book-widget, .fut-grid .fut-exec-widget { grid-column: auto; grid-row: auto; }
  .fut-grid .fut-exec-widget { grid-column: 1 / -1; }















  #view-futures .fut-grid { height: auto; }
}




































@media (min-width: 901px) and (max-width: 1100px) {
  #view-futures > .fut-grid:not(#dydxGrid) { grid-template-rows: 460px; }
}

@media (max-width: 900px) {
  .fut-grid { grid-template-columns: 1fr; }



  #view-futures .fut-chart-widget  { order: 1; }
  #view-futures .fut-exec-widget   { order: 2; }
  #view-futures .fut-trades-widget { order: 3; }
  #view-futures .fut-book-widget   { order: 4; }
}


.fut-connect { font-size: 11px; font-weight: 700; color: #fff; background: rgba(124,77,255,.22); border: 1px solid rgba(124,77,255,.45);
  padding: 6px 12px; border-radius: var(--radius-ctl); cursor: pointer; transition: all .15s; }
.fut-connect:hover { background: rgba(124,77,255,.34); }
.fut-acct.wallet .fut-acct-tag { background: rgba(14,203,129,.16); color: #4fe0a6; }
.fut-modal { position: fixed; inset: 0; z-index: 300; display: flex; align-items: center; justify-content: center; background: rgba(6,4,12,.72); backdrop-filter: blur(3px); }
.fut-modal-card { width: 420px; max-width: 92vw; padding: 22px; border-radius: 14px; background: #14102a; border: 1px solid var(--stroke); box-shadow: 0 24px 60px rgba(0,0,0,.6); }
.fut-modal-card h3 { font-family: var(--font-logo); font-size: 17px; font-weight: 700; color: var(--text-primary); margin: 0 0 6px; }
.fut-modal-card p { font-size: 12.5px; color: var(--text-muted); line-height: 1.5; margin: 0 0 14px; }
.fut-modal-card input { width: 100%; box-sizing: border-box; padding: 11px 12px; border-radius: 9px; background: rgba(0,0,0,.35);
  border: 1px solid var(--stroke); color: var(--text-primary); font-size: 13px; font-family: var(--font-family); }
.fut-modal-card input:focus { outline: none; border-color: var(--color-cosmos); }
.fut-modal-err { min-height: 16px; font-size: 11.5px; color: var(--color-sell); margin: 7px 2px 0; }


.fut-modal-err.fut-modal-busy { color: var(--text-muted); }
.fut-modal-ex { font-size: 11.5px; color: var(--text-muted); margin: 4px 2px 16px; }
.fut-modal-ex a { color: var(--color-cosmos); text-decoration: none; }
.fut-modal-ex a:hover { text-decoration: underline; }
.fut-modal-actions { display: flex; justify-content: flex-end; gap: 10px; }
.fut-modal-ghost, .fut-modal-go { font-size: 12.5px; font-weight: 700; padding: 9px 18px; border-radius: 9px; cursor: pointer; border: 1px solid var(--stroke); transition: all .15s; }
.fut-modal-ghost { background: transparent; color: var(--text-muted); }
.fut-modal-ghost:hover { color: var(--text-primary); }
.fut-modal-go { background: var(--accent-grad); color: #fff; border-color: transparent; }
.fut-modal-go:hover { filter: brightness(1.1); }
.fut-modal-go:disabled { opacity: .55; cursor: default; }

.fut-actcell { white-space: nowrap; text-align: right; }
.fut-actcell .fut-x + .fut-x { margin-left: 5px; }

.fut-lm-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 0 0 12px; font-size: 12.5px; color: var(--text-muted); }
.fut-lm-cap { display: flex; align-items: center; gap: 4px; color: var(--text-muted); }
.fut-modal-card .fut-lm-cap input { width: 90px; padding: 8px 10px; margin: 0; }


.fut-livebtn { font-size: 11px; font-weight: 800; letter-spacing: .3px; color: #0c0a17; background: linear-gradient(135deg, #f6a13d, #f6465d);
  border: none; padding: 6px 13px; border-radius: var(--radius-ctl); cursor: pointer; box-shadow: 0 4px 14px -5px rgba(246,120,60,.7); transition: filter .15s; }
.fut-livebtn:hover { filter: brightness(1.08); }
.fut-acct.live { background: rgba(246,120,60,.12); border-color: rgba(246,120,60,.5); }
.fut-acct.live .fut-acct-tag { background: rgba(246,120,60,.22); color: #ffb066; }












[dir=rtl] .orderbook-table-container,
[dir=rtl] .trades-header-row,
[dir=rtl] .trades-scroll,
[dir=rtl] .chart-readout,
[dir=rtl] #futBookView,
[dir=rtl] .fut-trades-widget,
[dir=rtl] .fut-dropdown,
[dir=rtl] .fut-dt,
[dir=rtl] .positions-table,
[dir=rtl] .disc-row,
[dir=rtl] .fav-bar,
[dir=rtl] .pair-list,
[dir=rtl] .scr-table,
[dir=rtl] .dn-chart-container {
  direction: ltr;
}




[dir=rtl] .input-with-addon,
[dir=rtl] .swap-input-row {
  direction: ltr;
}
[dir=rtl] .ladder-row input,
[dir=rtl] .stake-amt-row input,
[dir=rtl] .fut-fld input,
[dir=rtl] #futWalletInput,
[dir=rtl] .fut-lm-cap input,
[dir=rtl] .xfer-recipient,
[dir=rtl] .rpc-url,
[dir=rtl] .set-input,
[dir=rtl] .set-add-row input {
  direction: ltr;
  text-align: left;
}




[dir=rtl] .fut-dropdown {
  left: auto;
  right: 0;
}



[dir=rtl] .xfer-bal {
  float: left;
}



.bony-ai { position: relative; flex: 0 0 auto; display: flex; align-self: center; }
#bony-ai { margin-inline-start: auto; }
.ai-pill { display: inline-flex; align-items: center; gap: 6px; padding: 8px 10px; border-radius: 12px; cursor: pointer;
  background: rgba(124,77,255,.08); border: 1px solid rgba(124,77,255,.35); color: var(--text-primary);
  font-family: var(--font-logo); font-weight: 700; font-size: 12.5px; white-space: nowrap; transition: all .18s ease; }
.ai-pill:hover { border-color: rgba(255,176,46,.6); box-shadow: 0 0 14px rgba(255,176,46,.25); }
.ai-pill img { width: 17px; height: 17px; object-fit: contain; filter: drop-shadow(0 0 5px rgba(255,176,46,.5)); }
.ai-pill i, .ai-pill svg { width: 16px; height: 16px; color: #b79cff; flex: 0 0 auto; }
.bony-ai-head i, .bony-ai-head svg { width: 17px; height: 17px; color: #b79cff; flex: 0 0 auto; }



.view-nav .view-tab i, .view-nav .view-tab svg { display: none; }
@media (max-width: 1679px) {
  .ai-pill > span:not(.tab-chip) { display: none; }
}

.bony-ai-pop { position: fixed; width: 250px; padding: 12px 14px; border-radius: 14px; z-index: 70;
  background: rgba(16,12,28,.97); border: 1px solid var(--stroke); box-shadow: 0 16px 40px rgba(0,0,0,.55); }
.bony-ai-pop.hidden { display: none; }
.bony-ai-head { display: flex; align-items: center; gap: 7px; font-family: var(--font-logo); font-weight: 800; font-size: 13px; color: var(--text-primary); margin-bottom: 6px; }
.bony-ai-head img { width: 18px; height: 18px; }
.bony-ai-body { font-size: 11.5px; line-height: 1.45; color: var(--text-muted); }













[dir="rtl"] { --fade-end: 270deg; }
@media (max-width: 700px) {
  nav.view-nav {
    -webkit-mask-image: var(--fade-34);
    mask-image: var(--fade-34);
  }
}





#view-dexnet.view.active { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.net-opt[data-net] { cursor: pointer; }
.net-opt[data-net]:hover { background: var(--bg-accent); }





.dn-badge { font-size: 10.5px; font-weight: 700; color: var(--text-muted); background: var(--bg-accent);
  border: 1px solid var(--stroke); padding: 4px 9px; border-radius: 7px; }






.dn-grid { position: relative; display: grid; grid-template-columns: 252px minmax(0,1fr) 280px;
  grid-template-rows: minmax(0,1fr) auto 132px; gap: 10px; padding: 10px 10px 0;

  flex: none; height: max(calc(100vh - 140px), 560px); box-sizing: border-box; }
.dn-trades-widget, .dn-chart-widget, .dn-book-widget, .dn-form-widget { min-height: 0; }



.dn-sync-status { position: absolute; z-index: 12; top: 60px; left: 50%; transform: translateX(-50%);
  display: inline-flex; align-items: center; gap: 7px; max-width: calc(100% - 24px); padding: 5px 10px;
  border: 1px solid rgba(124,77,255,.38); border-radius: 999px; background: rgba(13,10,24,.94);
  box-shadow: 0 5px 18px rgba(0,0,0,.35); color: var(--text-primary); font-size: 10.5px; font-weight: 700;
  white-space: nowrap; pointer-events: none; }


.dn-sync-status.dn-sync-warn { border-color: rgba(240,185,11,.55); color: #f0b90b; }
.dn-sync-status.dn-sync-bad { border-color: rgba(246,70,93,.55); color: #f6465d; }
.dn-sync-spinner { width: 10px; height: 10px; flex: 0 0 auto; border: 2px solid rgba(167,139,250,.25);
  border-top-color: #a78bfa; border-radius: 50%; animation: dn-sync-spin .7s linear infinite; }
@keyframes dn-sync-spin { to { transform: rotate(360deg); } }
.dn-syncing .dn-trades-list, .dn-syncing .dn-chart-container, .dn-syncing .dn-book-side,
.dn-syncing .dn-book-legend, .dn-syncing .dn-spread { opacity: .48; transition: opacity .15s ease; }



.dn-trades-widget { grid-column: 1 / 2; grid-row: 1 / 3; }
.dn-chart-widget { grid-column: 2 / 3; grid-row: 1 / 2; }
.dn-book-widget { grid-column: 3 / 4; grid-row: 1 / 3; }
.dn-form-widget { grid-column: 2 / 3; grid-row: 2 / 3; }
.dn-empty { padding: 24px 14px; text-align: center; color: var(--text-muted); font-size: 12px; }
.dn-book-widget .dn-empty, .dn-chart-widget .dn-empty { position: absolute; inset: 0; margin: auto; height: fit-content; }


.dn-trade-cols { display: grid; grid-template-columns: 30px 32px 1fr 1fr 1fr; gap: 3px; padding: 6px 8px 4px;
  font-size: 9.5px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--text-muted); }
.dn-trades-list { display: flex; flex-direction: column; overflow-y: auto; min-height: 0; flex: 1; }
.dn-trade-row { display: grid; grid-template-columns: 30px 32px 1fr 1fr 1fr; gap: 3px; padding: 1.5px 8px; font-size: 11px; font-variant-numeric: tabular-nums; align-items: center; }
.dn-trade-row span:not(.px) { color: #c9c2e0; }
.dn-trade-row.buy .px { color: var(--color-buy); }
.dn-trade-row.sell .px { color: var(--color-sell); }


.dn-chart-head { justify-content: space-between; }



.dn-tf-depth { margin-left: 6px; border-left: 1px solid var(--border-color); border-radius: 6px;
  padding-left: 10px; }
.dn-tf-depth.disabled { opacity: .42; cursor: not-allowed; }






.dn-chart-tools { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; min-width: 0; }
.dn-chart-tools > * { flex: 0 0 auto; }


#dn-ind-bar .cx-ind-fx { font-style: italic; font-weight: 800; letter-spacing: .3px; font-size: 11px; }










@media (max-width: 768px) {
  #view-dexnet .dn-chart-tools, #view-dexnet #dn-ind-bar { flex: 0 1 auto; min-width: 0; }
  #view-dexnet #dn-ind-bar .cx-ind-note { flex: 0 1 auto; min-width: 0; display: block;
    overflow: hidden; text-overflow: ellipsis; line-height: 28px; }
}


.dn-chart-container { flex: 1; min-height: 0; position: relative; background: radial-gradient(circle at center, #14102a 0%, #0b0913 100%);
  display: flex; flex-direction: column; }
#dn-chart { flex: 1; min-height: 0; position: relative; }






























#view-dexnet > .dn-grid > .xpf-primary-chart > :is(.ct-row, .dn-chart-container) {
  block-size: calc(55vh + 2px); flex: 0 0 calc(55vh + 2px);
}
@supports (height: 1svh) {
  #view-dexnet > .dn-grid > .xpf-primary-chart > :is(.ct-row, .dn-chart-container) {
    block-size: calc(55svh + 2px); flex-basis: calc(55svh + 2px);
  }
}









@media (max-width: 1200px) {
  #view-dexnet > .dn-grid > .xpf-primary-chart {
    height: auto; min-height: 0; max-height: none; flex: 0 0 auto;
  }
}
























@media (min-width: 1101px) {
  #view-dexnet > .dn-grid > .xpf-primary-chart > :is(.ct-row, .dn-chart-container) {
    block-size: auto; flex: 1 1 auto; min-height: 0;
  }
}














#view-dexnet { --dn-tf-row-h: 33px; }
@media (max-width: 900px) { #view-dexnet { --dn-tf-row-h: 41px; } }
@media (max-width: 1100px) {
  #view-dexnet > .dn-grid > .xpf-primary-chart > :is(.ct-row, .dn-chart-container) {
    block-size: calc(55vh + 2px - var(--dn-tf-row-h)); flex-basis: calc(55vh + 2px - var(--dn-tf-row-h));
  }
}
@supports (height: 1svh) {
  @media (max-width: 1100px) {
    #view-dexnet > .dn-grid > .xpf-primary-chart > :is(.ct-row, .dn-chart-container) {
      block-size: calc(55svh + 2px - var(--dn-tf-row-h)); flex-basis: calc(55svh + 2px - var(--dn-tf-row-h));
    }
  }
}
.xpf-chart-timeframes.tf-dock-bottom { min-block-size: var(--dn-tf-row-h, 33px); }



@media (min-width: 769px) { #view-dexnet { --dn-tf-row-h: 0px; } }





#view-dexnet .dn-chart-left { flex: 1 1 0; min-width: 18px; gap: 6px; overflow: hidden; }
#view-dexnet .dn-chart-left > h3 { font-size: 0; letter-spacing: 0; flex: 0 0 auto; overflow: visible; }
#dn-chart-label { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; }
#dn-chart-label:empty { display: none; }
@media (min-width: 1600px) { #view-dexnet .dn-chart-left > h3 { font-size: 13px; letter-spacing: normal; } }




#dn-subs { border-top: 1px solid rgba(124,77,255,.14); }
.dn-tf-depth { margin-left: 2px; }


.dn-book-legend { display: flex; flex-wrap: wrap; gap: 4px; padding: 5px 8px; font-size: 9.5px; font-weight: 700; color: var(--text-muted); }
.dn-book-legend span { display: flex; align-items: center; gap: 5px; }

.dn-src-chip { display: inline-flex; align-items: center; gap: 4px; padding: 2px 7px; border-radius: 7px;
  border: 1px solid var(--border-color); background: rgba(124,77,255,.07); color: var(--text-muted);
  font-size: 9.5px; font-weight: 700; cursor: pointer; }
.dn-src-chip b { font-weight: 700; color: var(--text-muted); }
.dn-src-chip.on { color: var(--text-primary); border-color: rgba(124,77,255,.45); background: rgba(124,77,255,.16); }
.dn-src-chip.on b { color: #b9aefc; }
.dn-src-chip:not(.on) { opacity: .5; text-decoration: line-through; }

.dn-vtag { font-size: 8px; font-weight: 800; letter-spacing: .3px; color: #9f95c4; background: rgba(124,77,255,.13);
  border-radius: 4px; padding: 0 3px; line-height: 12px; justify-self: start; }
.dn-book-row-inner.tagged { grid-template-columns: 11px 13px 34px 1fr 1fr 1fr; }
.dn-src-dot { display: inline-block; width: 7px; height: 7px; border-radius: 50%; flex: 0 0 auto; }
.dn-layers { font-size: 9.5px; font-weight: 700; color: var(--text-muted); }
.dn-book-cols { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4px; padding: 4px 10px; font-size: 9.5px;
  font-weight: 700; letter-spacing: .4px; text-transform: uppercase; color: var(--text-muted); }
.dn-book-side { display: flex; flex-direction: column; overflow-y: auto; overflow-x: hidden; position: relative; flex: 1 1 0; min-height: 0; scrollbar-width: thin; }


.dn-book-side.asks > :first-child { margin-top: auto; }
.dn-book-row { position: relative; padding: 1.5px 10px; font-size: 11.5px; font-variant-numeric: tabular-nums; cursor: pointer; }
.dn-book-row:hover { background: rgba(124,77,255,.08); }


.dn-book-row-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 11px 13px 1fr 1fr 1fr; align-items: center; gap: 4px; }
.dn-book-row .px { font-weight: 600; }
.dn-book-row-inner span:not(.px):not(.dn-src-dot) { color: #c9c2e0; }
.dn-book-side.asks .px { color: var(--color-sell); }
.dn-book-side.bids .px { color: var(--color-buy); }
.dn-depth { position: absolute; top: 0; bottom: 0; right: 0; z-index: 0; }
.dn-book-side.asks .dn-depth { background: rgba(246,70,93,.13); }
.dn-book-side.bids .dn-depth { background: rgba(14,203,129,.13); }
.dn-spread { display: flex; justify-content: space-between; padding: 5px 10px; font-size: 11.5px; font-weight: 600;
  color: var(--text-muted); border-top: 1px solid var(--stroke-soft); border-bottom: 1px solid var(--stroke-soft); }




.dn-form-widget { overflow-y: auto; }
.dn-form { display: flex; flex-direction: column; gap: 10px; padding: 12px; min-height: 100%; box-sizing: border-box; }
.dn-mode-tabs button:disabled { opacity: .35; cursor: not-allowed; }
.dn-pane { display: flex; flex-direction: column; gap: 10px; }
.dn-buysell { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.dbs { font-size: 12.5px; font-weight: 700; padding: 9px 0; border-radius: 9px; cursor: pointer; border: 1px solid transparent;
  background: rgba(0,0,0,.25); color: var(--text-muted); transition: all .15s; }
.dn-fld { display: flex; flex-direction: column; gap: 4px; }
.dn-fld > span { font-size: 10.5px; color: var(--text-muted); font-weight: 600; }
.dn-fld input { background: rgba(0,0,0,.3); border: 1px solid var(--stroke); border-radius: 8px; color: var(--text-primary);
  padding: 8px 10px; font-size: 12.5px; font-variant-numeric: tabular-nums; }
.dn-fld input:focus { outline: none; border-color: var(--color-cosmos); }
.dn-sim { display: flex; flex-direction: column; gap: 5px; padding: 9px 0; border-top: 1px solid var(--stroke-soft); border-bottom: 1px solid var(--stroke-soft); }
.dn-sim-title { font-size: 10.5px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: .4px; margin-bottom: 2px; }
.dn-sim-row { display: flex; justify-content: space-between; font-size: 11.5px; }
.dn-sim-row span { color: var(--text-muted); }
.dn-sim-row b { color: var(--text-primary); font-weight: 600; font-variant-numeric: tabular-nums; }
.dn-sim-row b.down { color: var(--color-sell); }
#dn-sim-empty.dn-empty { padding: 6px 0 0; text-align: left; font-size: 10.5px; }
.dn-connect-btn { display: flex; align-items: center; justify-content: center; gap: 8px; font-size: 13px; font-weight: 700;
  padding: 11px 0; border-radius: 10px; border: 1px solid var(--stroke); cursor: not-allowed;
  background: rgba(124,77,255,.1); color: var(--text-muted); }
.dn-soon-chip { font-size: 9px; font-weight: 800; letter-spacing: .4px; text-transform: uppercase; color: #b79cff;
  background: rgba(124,77,255,.18); padding: 2px 7px; border-radius: 5px; }
.dn-phase2-note { font-size: 9.5px; color: #6b6480; text-align: center; margin: 0; }

.dn-mev-chip { display: flex; align-items: center; gap: 5px; font-size: 10.5px; font-weight: 600; color: var(--text-muted);
  padding: 6px 9px; border-radius: 8px; border: 1px solid var(--stroke-soft); background: rgba(124,77,255,.05); cursor: help; }
.dn-mev-chip:hover { color: var(--text-primary); border-color: rgba(124,77,255,.35); }



.dn-prov-note { font-size: 10px; line-height: 1.4; color: var(--text-muted); padding: 5px 8px; border-radius: 7px;
  border: 1px solid var(--stroke-soft); background: rgba(124,77,255,.04); }


.dn-bottom { grid-column: 1 / 4; grid-row: 3 / 4; min-height: 0; }









.dn-bottom-tabs { display: flex; gap: 4px; border: none; border-bottom: 1px solid var(--border-color); border-radius: 0;
  padding: 6px 10px 0; background: rgba(9,7,16,.4);
  overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.dn-bottom-tabs::-webkit-scrollbar { display: none; }
.dn-bottom-tabs > * { flex: 0 0 auto; }
.dn-bottom-tabs button { font-size: 11.5px; font-weight: 700; padding: 6px 12px; border-radius: 6px 6px 0 0; cursor: pointer;
  color: var(--text-muted); background: transparent; border: none; transition: all .15s; }
.dn-bottom-tabs button:hover { color: var(--text-primary); }
.dn-bottom-tabs button.active { color: var(--text-primary); background: rgba(124,77,255,.16); }
.dn-bottom-body { flex: 1; overflow-y: auto; min-height: 0; }
.dn-dt { width: 100%; border-collapse: collapse; font-size: 11.5px; }
.dn-dt th { text-align: left; padding: 8px 12px; font-size: 9.5px; font-weight: 700; letter-spacing: .4px; text-transform: uppercase;
  color: var(--text-muted); border-bottom: 1px solid var(--stroke-soft); position: sticky; top: 0; background: #0d0a18; }
.dn-dt td { padding: 7px 12px; border-bottom: 1px solid var(--stroke-soft); color: var(--text-primary); font-variant-numeric: tabular-nums; }
.dn-dt .up { color: var(--color-buy); } .dn-dt .down { color: var(--color-sell); }
.dn-pool-badge { font-size: 9.5px; font-weight: 700; color: #b79cff; background: rgba(124,77,255,.16); padding: 2px 6px; border-radius: 5px; }
.dn-stats-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; padding: 12px; }
.dn-stat-card { background: var(--bg-card); border: 1px solid var(--stroke-soft); border-radius: 10px; padding: 10px 12px; }
.dn-stat-card .dn-sc-l { font-size: 9.5px; font-weight: 600; letter-spacing: .4px; text-transform: uppercase; color: var(--text-muted); margin-bottom: 4px; }
.dn-stat-card .dn-sc-v { font-size: 15px; font-weight: 700; color: var(--text-primary); font-variant-numeric: tabular-nums; }
.dn-stat-card .dn-sc-v.up { color: var(--color-buy); } .dn-stat-card .dn-sc-v.down { color: var(--color-sell); }
.dn-addr-row { display: flex; align-items: center; gap: 8px; padding: 4px 14px; font-size: 11px; color: var(--text-muted); }
.dn-addr-row code { color: var(--text-primary); font-size: 11px; }
.dn-copy-btn { font-size: 11px; background: transparent; border: 1px solid var(--stroke); color: var(--text-muted);
  border-radius: 5px; padding: 1px 6px; cursor: pointer; }
.dn-copy-btn:hover { color: var(--text-primary); border-color: var(--color-cosmos); }

@media (max-width: 1100px) {
  .dn-grid { grid-template-columns: 1fr 1fr; grid-template-rows: none; height: auto; }
  .dn-trades-widget, .dn-chart-widget, .dn-book-widget, .dn-form-widget, .dn-bottom { grid-column: auto; grid-row: auto; min-height: 300px; }
  .dn-form-widget, .dn-bottom { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
  .dn-grid { grid-template-columns: 1fr; }



  .dn-chart-widget { order: 1; }
  .dn-form-widget { order: 2; }
  .dn-book-widget { order: 3; }
  .dn-trades-widget { order: 4; }
  .dn-bottom { order: 5; }


  .dn-bottom-tabs {
    -webkit-mask-image: var(--fade-24);
    mask-image: var(--fade-24);
  }
}









[dir=rtl] .dn-book-cols, [dir=rtl] .dn-book-side, [dir=rtl] .dn-spread,
[dir=rtl] .dn-trade-cols, [dir=rtl] .dn-trades-list, [dir=rtl] .dn-dt {
  direction: ltr;
}
[dir=rtl] .dn-fld input {
  direction: ltr;
  text-align: left;
}


.dn-tape-filter { display: flex; gap: 2px; margin-left: auto; }














.dn-trades-widget .widget-header { flex-wrap: wrap; height: auto; min-height: 38px; row-gap: 4px; }




.dn-trades-widget .widget-header h3 { display: flex; align-items: center; overflow: visible; }
.dn-trades-widget .widget-header h3 .dn-th-venue {
  min-width: 0; margin-inline-start: 4px;
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}





.dn-trades-widget .dn-tape-filter { min-width: 0; flex-wrap: wrap; row-gap: 2px; justify-content: flex-end; }

.dn-trade-row.whale { background: rgba(245,197,66,.07); box-shadow: inset 2px 0 0 #f5c542; }
.dn-trade-row .dn-whale { margin-left: 3px; font-size: 9px; }
.dn-trade-row .dn-vtag { margin-right: 3px; }
.dn-txlink { color: #7cc4ff; text-decoration: none; }
.dn-txlink:hover { text-decoration: underline; }
.dn-gas-chip { display: inline-flex; align-items: center; gap: 3px; font-size: 10px; font-weight: 700;
  color: #c9c2e0; white-space: nowrap; }
.dn-gas-chip .g-ico { opacity: .8; }


.detail-value.text-warn { color: #f5c542; }
.cf-impact-ack { display: flex; align-items: center; gap: 6px; padding: 8px 4px 2px; font-size: 11.5px; color: #f6465d; cursor: pointer; }
.cf-impact-ack input { accent-color: #f6465d; }
.dn-quick { display: flex; gap: 4px; }
.dn-quick button { flex: 1; font-size: 10px; font-weight: 700; padding: 3px 0; border-radius: 6px; cursor: pointer;
  border: 1px solid var(--border-color); background: rgba(124,77,255,.07); color: var(--text-muted); }
.dn-quick button:hover { color: var(--text-primary); border-color: rgba(124,77,255,.45); }

.dn-win-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; padding: 8px 10px 2px; }
.dn-win-card { background: rgba(124,77,255,.06); border: 1px solid var(--border-color); border-radius: 8px; padding: 6px 8px; text-align: center; }
.dn-wc-l { font-size: 9px; font-weight: 800; letter-spacing: .4px; color: var(--text-muted); }
.dn-wc-chg { font-size: 12.5px; font-weight: 700; margin: 2px 0; }
.dn-wc-chg.up { color: var(--color-buy); } .dn-wc-chg.down { color: var(--color-sell); }
.dn-wc-bs { font-size: 9.5px; font-weight: 600; color: var(--text-muted); }
.dn-wc-bs .up { color: var(--color-buy); } .dn-wc-bs .down { color: var(--color-sell); }

.dn-hdr-dexbadge { align-self: center; white-space: nowrap; }


.dn-hdr-src-wrap { position: relative; align-self: center; margin-left: 10px; display: inline-flex; align-items: center; gap: 6px; }
.dn-hdr-dexbadge { cursor: pointer; }
.dn-src-menu { position: absolute; top: calc(100% + 6px); right: 0; z-index: 60; min-width: 210px;
  display: flex; flex-direction: column; gap: 4px; padding: 8px;
  background: #14102a; border: 1px solid var(--border-color); border-radius: 10px; box-shadow: 0 10px 28px rgba(0,0,0,.5); }
.dn-src-menu .dn-src-chip { justify-content: flex-start; }
.dn-wallet-pill { display: inline-flex; align-items: center; gap: 5px; align-self: center; margin-left: 8px;
  padding: 4px 10px; border-radius: 999px; border: 1px solid rgba(14,203,129,.45); background: rgba(14,203,129,.12);
  color: var(--text-primary); font-size: 11px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.dn-wallet-pill:hover { background: rgba(246,70,93,.14); border-color: rgba(246,70,93,.45); }
.dn-wallet-pill .w-dot { width: 6px; height: 6px; border-radius: 50%; background: #0ecb81; }

.dn-sec-badge { align-self: center; font-size: 13px; background: none; border: none; cursor: pointer; padding: 2px 4px; border-radius: 6px; line-height: 1; }
.dn-sec-badge.sec-warn { background: rgba(245,197,66,.12); }
.dn-sec-badge.sec-danger { background: rgba(246,70,93,.16); }
.dn-sec-block { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 8px 10px 2px; padding: 7px 10px; border-radius: 8px;
  font-size: 11px; color: var(--text-primary); background: rgba(14,203,129,.07); border: 1px solid rgba(14,203,129,.3); }
.dn-sec-block.sec-warn { background: rgba(245,197,66,.08); border-color: rgba(245,197,66,.35); }
.dn-sec-block.sec-danger { background: rgba(246,70,93,.1); border-color: rgba(246,70,93,.4); }
.dn-sec-block span { color: #c9c2e0; }

.dn-holders-block { margin: 0 10px 8px; padding: 6px 10px; border-radius: 8px; background: var(--bg-card); border: 1px solid var(--stroke-soft); font-size: 11px; }
.dn-holders-block b { display: block; margin-bottom: 4px; color: var(--text-muted); font-size: 10px; text-transform: uppercase; letter-spacing: .4px; }
.dn-holder-row { display: flex; align-items: center; gap: 8px; padding: 2px 0; }
.dn-holder-i { width: 22px; color: var(--text-muted); }
.dn-holder-row code { flex: 1; color: var(--text-primary); overflow: hidden; text-overflow: ellipsis; }
.dn-holder-pct { color: var(--text-primary); font-weight: 600; font-variant-numeric: tabular-nums; }

.dn-connect-pill { display: inline-flex; align-items: center; align-self: center; margin-left: 8px;
  padding: 5px 14px; border-radius: 999px; border: 1px solid rgba(124,77,255,.5);
  background: rgba(124,77,255,.16); color: var(--text-primary); font-size: 11.5px; font-weight: 700; cursor: pointer; white-space: nowrap; }
.dn-connect-pill:hover { background: rgba(124,77,255,.28); }


.app-header:not(.venue-dn) #dn-hdr-connect, .app-header:not(.venue-dn) #dn-hdr-wallet { display: none !important; }
.dn-wallet-badge { align-items: center; gap: 6px; cursor: pointer; }
.dn-wallet-badge .w-dot { width: 7px; height: 7px; border-radius: 50%; background: #0ecb81; flex: 0 0 auto; }
.dn-wallet-badge:hover { border-color: rgba(246,70,93,.5); }







#hx-hdr-wallet .hx-hdr-addr { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.dn-th-venue { font-size: 10px; font-weight: 700; color: #9f95c4; }
.dn-whale { font-size: 10px; line-height: 1; }
.dn-pool-badge { font-size: 9.5px; font-weight: 700; color: #9f95c4; background: rgba(124,77,255,.12); border-radius: 5px; padding: 1px 5px; }
.dn-bal-logo { width: 15px; height: 15px; border-radius: 50%; vertical-align: middle; margin-right: 5px; object-fit: cover; }
.dn-bal-total td { font-weight: 800; border-top: 1px solid var(--border-color); color: var(--text-primary); }
.dn-pending { color: #f5c542; font-weight: 700; }

.dn-book-unit { display: inline-flex; gap: 2px; margin-left: auto; }
.dn-bu { font-size: 9.5px; font-weight: 700; padding: 1px 6px; border-radius: 5px; cursor: pointer;
  border: 1px solid var(--border-color); background: rgba(124,77,255,.08); color: var(--text-muted); }
.dn-bu.active { color: var(--text-primary); background: rgba(124,77,255,.2); border-color: rgba(124,77,255,.45); }

.dn-book-side::-webkit-scrollbar { width: 4px; }
.dn-book-side::-webkit-scrollbar-thumb { background: rgba(124,77,255,.3); border-radius: 2px; }
.dn-type-tag { font-size: 7.5px; font-weight: 800; padding: 0 2px; border-radius: 3px; margin-right: 2px; letter-spacing: .2px; }
.dn-type-tag.swap { color: #8b83a8; background: rgba(139,131,168,.14); }
.dn-type-tag.lim { color: #38bdf8; background: rgba(56,189,248,.16); }

.dn-tr-badge { display: inline-flex; align-items: center; justify-content: flex-start; gap: 1px; }
.dn-tr-badge .dn-whale { font-size: 9px; }

.dn-ls { font-size: 8px; font-weight: 800; text-align: center; border-radius: 3px; }
.dn-ls.s { color: #8b83a8; }
.dn-ls.l { color: #38bdf8; }

.dn-bu-ico { font-style: normal; font-size: 9px; opacity: .7; margin-right: 1px; }

.dn-tr-venue { overflow: hidden; }
.dn-tr-venue .dn-vtag { font-size: 8px; font-weight: 800; }

.dn-pump { display: inline-flex; align-items: center; gap: 5px; align-self: center; margin-left: 8px; font-size: 10px; font-weight: 700; }
.dn-pump-l { color: #6ee7b7; }
.dn-pump-bar { width: 60px; height: 6px; border-radius: 3px; background: rgba(255,255,255,.1); overflow: hidden; }
.dn-pump-bar span { display: block; height: 100%; background: linear-gradient(90deg,#34d399,#6ee7b7); border-radius: 3px; }
.dn-pump-pct { color: #c9c2e0; }
.dn-pump-done { color: #34d399; }






.chart-eng { margin-right: 6px; }




.tv-chart { position: relative; flex: 1; min-height: 0; }


#osmo-subs { border-top: 1px solid rgba(124,77,255,.14); }




#osmo-ind-bar { padding: 0; flex-wrap: nowrap; flex: 0 0 auto; }


























.chart-tools { display: flex; align-items: center; gap: 4px; flex: 0 0 auto; min-width: 0;
  overflow-x: auto; scrollbar-width: none; }
















#view-trade .chart-widget .widget-header > .chart-header-left { min-width: 0; overflow: hidden; }






































@media (min-width: 769px) {
  #view-trade .chart-widget .widget-header > .chart-timeframes { flex: 0 0 auto; }















  #view-trade .chart-widget .widget-header > .chart-header-left > h3 {
    font-size: 0; letter-spacing: 0; flex: 0 0 auto; overflow: visible; }














  #view-trade .chart-widget .widget-header > .chart-header-left > #chart-src { display: none; }
  #view-trade .chart-widget .widget-header > .chart-header-left > #chart-edge {
    min-width: 0; overflow: hidden; text-overflow: ellipsis; }




























  #view-trade .chart-widget .widget-header > .chart-header-left { flex: 1 1 0; min-width: 18px; }













  #view-trade .chart-widget .widget-header {
    flex-wrap: wrap; height: auto; min-height: 42px; row-gap: 2px; }
}








@media (min-width: 1600px) {
  #view-trade .chart-widget .widget-header > .chart-header-left > h3 {
    font-size: 13px; letter-spacing: normal; }
}


@media (max-width: 768px) {
  #view-trade .chart-widget .widget-header > .chart-header-left > h3 {
    font-size: 0; letter-spacing: 0; }
}


@media (min-width: 1400px) {
  #view-trade .chart-widget .widget-header > .chart-header-left > #chart-src {
    display: inline; flex: 0 1000 auto;











    min-width: 76px;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

.chart-tools::-webkit-scrollbar { display: none; }
.chart-tools > * { flex: 0 0 auto; }


#osmo-ind-bar .cx-ind-fx { font-style: italic; font-weight: 800; letter-spacing: .3px; font-size: 11px; }






#view-analytics.view.active { display: flex; flex-direction: column; height: 100%; padding: 0; overflow: hidden; }


.an-shell { display: flex; flex: 1; min-height: 0; }

.an-pagebar { display: flex; gap: 6px; overflow-x: auto; padding: 8px 16px 0; border-bottom: 1px solid var(--stroke-soft); scrollbar-width: none; }
.an-pagebar::-webkit-scrollbar { display: none; }
.an-pagebar:empty { display: none; }
.an-page { flex: 0 0 auto; padding: 6px 12px 8px; font-size: 12.5px; font-weight: 600; font-family: var(--font-logo);
  color: var(--text-secondary); text-decoration: none; border-bottom: 2px solid transparent; white-space: nowrap; }
.an-page:hover { color: var(--text-primary); }
.an-page.active { color: var(--text-primary); border-bottom-color: var(--color-cosmos); }



.an-coin-nav { flex: 0 0 auto; display: inline-flex; align-items: stretch; position: relative; }
.an-coin-nav > .an-page { padding-inline-end: 5px; }
.an-coin-menu-btn {
  display: inline-flex; align-items: center; justify-content: center; min-width: 23px; margin: 0; padding: 5px 7px 8px 1px;
  color: var(--text-secondary); background: transparent; border: 0; border-bottom: 2px solid transparent; cursor: pointer;
  font: 800 11px var(--font-logo);
}
.an-coin-nav.active .an-coin-menu-btn { color: var(--text-primary); border-bottom-color: var(--color-cosmos); }
.an-coin-menu-btn:hover, .an-coin-menu-btn:focus-visible { color: var(--text-primary); outline: none; }
.an-coin-menu-btn:focus-visible { box-shadow: inset 0 0 0 1px var(--focus-ring, #c9b8ff); border-radius: 6px 6px 0 0; }
.an-coin-menu {
  position: fixed; z-index: 260; width: min(310px, calc(100vw - 16px)); max-height: min(72vh, 350px); overflow-y: auto;
  box-sizing: border-box; padding: 10px; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 6px;
  background: var(--bg-menu, #15102a); border: 1px solid var(--stroke); border-radius: 12px;
  box-shadow: 0 14px 38px rgba(0,0,0,.46);
}
.an-coin-menu[hidden] { display: none; }
.an-coin-option {
  display: flex; align-items: center; justify-content: center; aspect-ratio: 1.15; min-width: 0; border-radius: 8px;
  color: var(--text-secondary); background: var(--bg-accent); border: 1px solid var(--stroke-soft); text-decoration: none;
  font: 800 11px var(--font-logo); letter-spacing: .2px;
}
.an-coin-option:hover, .an-coin-option:focus-visible { color: var(--text-primary); border-color: #a78bfa; outline: none; }
.an-coin-option.active { color: #fff; border-color: rgba(167,139,250,.82); background: rgba(124,77,255,.28); box-shadow: inset 0 0 0 1px rgba(167,139,250,.2); }
.an-page-asset360 { display: inline-flex; align-items: baseline; gap: 5px; }
.an-page-asset360 small { color: var(--text-muted); font-size: 8.5px; font-weight: 750; letter-spacing: .25px; }
.an-seo { padding: 10px 16px 4px; }
.an-seo:empty { display: none; }
.an-seo h1 { font-family: var(--font-logo); font-size: 16px; font-weight: 700; color: var(--text-primary); margin: 0 0 3px; }
.an-seo p { font-size: 11.5px; line-height: 1.5; color: var(--text-muted); margin: 0; max-width: 940px; }
.an-note { font-size: 10.5px; color: var(--text-muted); padding: 8px 2px 0; line-height: 1.45; }

.an-sidebar { flex: 0 0 210px; overflow-y: auto; border-right: 1px solid var(--stroke-soft); padding: 8px 6px; background: rgba(124,77,255,.03); }
.an-sb-top { display: flex; align-items: stretch; gap: 6px; margin: 0 2px 8px; }
.an-asset360-entry {
  display: flex; align-items: center; gap: 8px; width: 100%; min-width: 0; box-sizing: border-box;
  padding: 8px 9px; color: var(--text-primary); text-decoration: none; border: 1px solid rgba(124,77,255,.42);
  border-radius: 9px; background: linear-gradient(135deg, rgba(124,77,255,.18), rgba(14,203,129,.06));
}
.an-asset360-entry:hover { border-color: #a78bfa; background: linear-gradient(135deg, rgba(124,77,255,.25), rgba(14,203,129,.09)); }
.an-asset360-entry > i { width: 15px; height: 15px; flex: 0 0 auto; color: #a78bfa; }
.an-asset360-entry > span { display: flex; flex: 1 1 auto; min-width: 0; align-items: baseline; justify-content: space-between; gap: 6px; }
.an-asset360-entry b { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font: 700 11.5px var(--font-logo); }
.an-asset360-entry small { flex: 0 0 auto; color: var(--text-muted); font: 700 8.5px var(--font-logo); letter-spacing: .35px; }
.an-cat { margin-bottom: 6px; }
.an-cat-head { display: flex; align-items: center; gap: 7px; font-size: 11px; font-weight: 700; color: var(--text-muted); text-transform: uppercase; letter-spacing: .4px; padding: 6px 8px 4px; }
.an-cat-head i { width: 13px; height: 13px; color: var(--color-cosmos); }
.an-cat-n { margin-left: auto; font-size: 9.5px; color: var(--text-muted); opacity: .7; font-weight: 600; }
.an-cat-items { display: flex; flex-direction: column; }
.an-item { display: flex; align-items: center; gap: 6px; text-align: left; background: none; border: none; color: var(--text-secondary); font-size: 12px; padding: 5px 8px 5px 26px; border-radius: 7px; cursor: pointer; font-family: var(--font-logo); position: relative; }
.an-item:hover { background: var(--bg-card); color: var(--text-primary); }
.an-item.active { background: rgba(124,77,255,.16); color: var(--text-primary); font-weight: 600; }
.an-live { width: 6px; height: 6px; border-radius: 50%; background: #0ecb81; margin-left: auto; box-shadow: 0 0 6px rgba(14,203,129,.7); }
.an-soon { margin-left: auto; font-size: 8.5px; font-weight: 700; color: var(--text-muted); background: var(--stroke-soft); padding: 1px 5px; border-radius: 5px; text-transform: uppercase; }
.an-status-label { margin-left: auto; font-size: 8.5px; line-height: 1; font-weight: 700; color: var(--text-muted); background: var(--stroke-soft); padding: 2px 5px; border-radius: 5px; text-transform: uppercase; }
.an-status-label.paywall { color: #f0b90b; background: rgba(240,185,11,.12); }
.an-status-check { width: 6px; height: 6px; border-radius: 50%; background: var(--text-muted); margin-left: auto; opacity: .45; }

.an-main { flex: 1; display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.an-toolbar { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 10px; padding: 12px 16px; border-bottom: 1px solid var(--stroke-soft); }
.an-crumb { display: flex; align-items: center; gap: 8px; font-family: var(--font-logo); font-weight: 700; font-size: 14px; color: var(--text-primary); }
.an-crumb i { width: 17px; height: 17px; color: var(--color-cosmos); }
.an-src { font-size: 9.5px; font-weight: 700; color: var(--color-cosmos); background: rgba(124,77,255,.14); padding: 2px 7px; border-radius: 6px; text-transform: uppercase; letter-spacing: .5px; }
.an-controls { display: flex; align-items: center; gap: 8px; }
.an-select { background: var(--bg-card); color: var(--text-primary); border: 1px solid var(--stroke-soft); border-radius: 8px; padding: 6px 10px; font-size: 12px; font-family: var(--font-logo); cursor: pointer; }
.an-select:focus { border-color: var(--color-cosmos); outline: none; }






.an-pick { position: relative; display: inline-flex; }
.an-pick-btn { display: inline-flex; align-items: center; gap: 6px; min-width: 74px; justify-content: space-between; }
.an-pick-btn b { font-weight: 700; }
.an-pick-caret { font-style: normal; font-size: 9px; color: var(--text-muted); }
.an-pick-pop {
  position: fixed; z-index: 240; top: 0; left: 0;
  width: min(360px, calc(100vw - 24px)); max-width: calc(100vw - 24px);

  background: var(--bg-menu, #15102a); border: 1px solid var(--stroke); border-radius: var(--radius-card, 14px);
  box-shadow: 0 12px 34px rgba(0, 0, 0, .42); padding: 8px; display: flex; flex-direction: column; gap: 6px;
}
.an-pick-pop[hidden] { display: none; }
.an-pick-q {
  background: var(--bg-accent); color: var(--text-primary); border: 1px solid var(--stroke-soft);
  border-radius: 8px; padding: 6px 9px; font: inherit; font-size: 12px; width: 100%; box-sizing: border-box;
}
.an-pick-q:focus-visible { outline: 2px solid var(--focus-ring, #c9b8ff); outline-offset: 1px; }

.an-pick-list { max-height: min(52vh, 380px); overflow-y: auto; overflow-x: hidden; }
.an-pick-grp {
  font-size: 10px; font-weight: 800; letter-spacing: .5px; text-transform: uppercase; color: var(--text-muted);
  padding: 8px 8px 4px; position: sticky; top: 0; background: var(--bg-menu, #15102a);
}
.an-pick-row {
  display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 5px 8px; border-radius: 7px; cursor: pointer; font-size: 12px; min-width: 0;
}
.an-pick-row:hover, .an-pick-row.cur { background: var(--bg-accent); }
.an-pick-row.on { background: var(--bg-accent); box-shadow: inset 2px 0 0 var(--focus-ring, #c9b8ff); }

.an-pick-row.off .an-pick-sym { opacity: .6; }
.an-pick-sym { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.an-pick-tag { font-size: 9.5px; color: var(--text-muted); border: 1px solid var(--stroke-soft); border-radius: 5px; padding: 0 4px; }
.an-pick-meta { display: flex; align-items: center; gap: 5px; flex: 0 0 auto; font-size: 10px; font-variant-numeric: tabular-nums; }
.an-pick-more { background: transparent; border: 0; color: var(--text-muted); cursor: pointer; font: inherit; font-size: 11px; padding: 4px 8px; text-align: start; width: 100%; }
.an-pick-more:hover { color: var(--text-primary); }
.an-pick-rest, .an-pick-msg { padding: 6px 8px; font-size: 11px; color: var(--text-muted); }
.an-pick-foot { border-top: 1px solid var(--stroke-soft); padding: 6px 8px 2px; font-size: 10px; line-height: 1.45; color: var(--text-muted); display: flex; flex-direction: column; gap: 3px; }
.an-btn { background: var(--bg-card); border: 1px solid var(--stroke-soft); border-radius: 8px; padding: 6px 9px; cursor: pointer; color: var(--text-muted); display: inline-flex; }
.an-btn:hover { color: var(--text-primary); border-color: var(--color-cosmos); }
.an-btn i { width: 15px; height: 15px; }
.an-content { flex: 1; overflow: auto; padding: 14px 16px; min-height: 0; display: flex; flex-direction: column; gap: 12px; }




.an-panel-full { flex: 1; display: flex; flex-direction: column; background: var(--bg-card); border: 1px solid var(--stroke-soft); border-radius: var(--radius-card); padding: 10px 12px; min-height: 280px; position: relative; }
.an-two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.an-two .an-panel-full { min-height: 0; }




.an-content > .an-panel-full { flex: 0 0 auto; }
.an-content > .an-panel-full:has(.an-canvas-full),
.an-content > .an-panel-full:has(canvas) { flex: 1 1 auto; }
.an-panel-head { display: flex; align-items: center; gap: 7px; font-size: 12.5px; font-weight: 700; color: var(--text-primary); margin-bottom: 8px; }
.an-panel-sub { margin-left: auto; font-size: 10.5px; font-weight: 500; color: var(--text-muted); }
.an-canvas-full { flex: 1; width: 100%; min-height: 240px; }
.an-empty2 { display: flex; align-items: center; justify-content: center; color: var(--text-muted); font-size: 12px; text-align: center; padding: 30px 10px; }
.up { color: var(--color-buy, #0ecb81); } .down { color: var(--color-sell, #f6465d); }

.an-table { display: flex; flex-direction: column; font-size: 12px; overflow: auto; }
.an-tr { display: grid; grid-template-columns: 1.2fr .9fr 1fr 1fr 1fr; gap: 8px; padding: 5px 6px; border-bottom: 1px solid var(--stroke-soft); align-items: center; }
.an-tr.an-th4, .an-th.an-th4 { grid-template-columns: 1.3fr 1fr 1.2fr 1.2fr; }


.an-th { position: sticky; top: 0; background: var(--bg-card); }
.an-dim { color: var(--text-muted); font-variant-numeric: tabular-nums; }

.an-mv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.an-mv { display: flex; align-items: center; gap: 7px; background: rgba(255,255,255,.02); border: 1px solid var(--stroke-soft); border-radius: 8px; padding: 6px 8px; font-size: 12px; }
.an-mv-img { width: 18px; height: 18px; border-radius: 50%; }
.an-mv-s { font-weight: 700; color: var(--text-primary); text-transform: uppercase; }
.an-mv-p { color: var(--text-muted); font-size: 11px; }
.an-mv-c { margin-left: auto; font-weight: 700; font-variant-numeric: tabular-nums; }

.an-fg { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 30px 10px; flex: 1; }
.an-fg-val { font-size: 68px; font-weight: 800; font-family: var(--font-logo); line-height: 1; }
.an-fg-val.an-fg-mid { color: #f0b90b; } .an-fg-val.an-fg-low { color: #f6a13d; }
.an-fg-lbl { font-size: 15px; font-weight: 600; color: var(--text-secondary); }
.an-fg-bar { width: min(420px, 80%); height: 8px; border-radius: 5px; background: linear-gradient(90deg,#f6465d,#f6a13d,#f0b90b,#0ecb81); position: relative; }
.an-fg-bar span { position: absolute; top: -3px; width: 3px; height: 14px; background: #fff; border-radius: 2px; box-shadow: 0 0 5px rgba(0,0,0,.6); }

.an-soon-card { flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; text-align: center; color: var(--text-muted); padding: 40px 20px; }
.an-soon-card i { width: 34px; height: 34px; color: var(--color-cosmos); opacity: .6; }
.an-soon-t { font-size: 16px; font-weight: 700; color: var(--text-primary); }
.an-soon-b { font-size: 12.5px; max-width: 440px; line-height: 1.5; }

.an-ind-price { width: 100%; height: 280px; flex: 0 0 auto; }
.an-ind-sub { width: 100%; height: 150px; flex: 0 0 auto; margin-top: 6px; border-top: 1px solid var(--stroke-soft); }
.an-ind-vals { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.an-chip { font-size: 11px; background: rgba(255,255,255,.03); border: 1px solid var(--stroke-soft); border-radius: 6px; padding: 3px 8px; color: var(--text-muted); }
.an-chip b { color: var(--text-primary); font-variant-numeric: tabular-nums; }
.an-chip.up b { color: var(--color-buy, #0ecb81); } .an-chip.down b { color: var(--color-sell, #f6465d); }

.an-rsi-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 6px; }
.an-rsi-tile { display: flex; flex-direction: column; align-items: center; gap: 1px; border-radius: 8px; padding: 8px 4px; border: 1px solid rgba(255,255,255,.05); }
.an-rsi-sym { font-size: 11px; font-weight: 700; color: var(--text-primary); }
.an-rsi-val { font-size: 17px; font-weight: 800; color: #fff; font-variant-numeric: tabular-nums; }
.an-rsi-4h { font-size: 9px; color: rgba(255,255,255,.75); }

.an-legend { display: flex; align-items: center; gap: 7px; font-size: 10.5px; color: var(--text-muted); margin-top: 6px; }



.an-coverage { display: flex; align-items: flex-start; gap: 7px; flex-wrap: wrap; margin: 7px 0 9px; padding: 6px 8px; border: 1px solid rgba(240,185,11,.28); border-radius: var(--radius-ctl); background: rgba(240,185,11,.055); color: var(--text-muted); font-size: 10.5px; line-height: 1.35; }
.an-coverage.is-connected { border-color: rgba(14,203,129,.25); background: rgba(14,203,129,.045); }
.an-coverage-badge { flex: none; border-radius: 4px; padding: 1px 5px; background: rgba(240,185,11,.16); color: #f0b90b; font-weight: 800; letter-spacing: .15px; }
.an-coverage.is-connected .an-coverage-badge { background: rgba(14,203,129,.14); color: #0ecb81; }
.an-coverage-detail { min-width: 0; overflow-wrap: anywhere; }
.an-lg { width: 10px; height: 10px; border-radius: 3px; display: inline-block; }
.an-lg-long { background: rgba(246,70,93,.85); } .an-lg-short { background: rgba(14,203,129,.85); }

.an-ov-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
.an-ov-card { background: rgba(255,255,255,.02); border: 1px solid var(--stroke-soft); border-radius: 10px; padding: 12px 14px; display: flex; flex-direction: column; gap: 4px; }
.an-ov-lbl { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: var(--text-muted); }
.an-ov-val { font-size: 22px; font-weight: 800; font-family: var(--font-logo); color: var(--text-primary); font-variant-numeric: tabular-nums; }
.an-ov-val.up { color: var(--color-buy, #0ecb81); } .an-ov-val.down { color: var(--color-sell, #f6465d); }
.an-ov-sub { font-size: 11px; color: var(--text-muted); }

.an-map-canvas { width: 100%; height: 560px; flex: 0 0 auto; border-radius: 8px; }

.an-sol-bar { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; }
.an-sol-sorts { display: flex; gap: 6px; }
.an-sol-sort { background: var(--bg-card); border: 1px solid var(--stroke-soft); color: var(--text-muted); border-radius: 7px; padding: 4px 10px; font-size: 11.5px; cursor: pointer; font-family: var(--font-logo); }
.an-sol-sort.active { background: rgba(124,77,255,.18); color: var(--text-primary); border-color: var(--color-cosmos); }
.an-liq-controls .an-sol-sort { min-height: 34px; }
.an-liq-feed-table { max-height: min(68vh, 680px); max-width: 100%; overflow: auto; overscroll-behavior: contain; }
.an-liq-feed-table .an-liq-tr { min-width: 620px; }
.an-liq-feed-head { position: sticky; top: 0; z-index: 2; background: var(--bg-card, #111); }
@media (max-width: 600px) {
  .an-liq-controls .an-sol-sorts { flex-wrap: wrap; }
  .an-liq-controls .an-sol-sort { min-height: 44px; padding-inline: 12px; }
}
.an-sol-safe { font-size: 11.5px; color: var(--text-muted); display: flex; align-items: center; gap: 5px; cursor: pointer; }
.an-sol-tr { grid-template-columns: 1.6fr .6fr 1fr 1fr 1fr .7fr .6fr 1.8fr; }
.an-sol-row { cursor: pointer; }
.an-sol-row:hover { background: rgba(124,77,255,.08); }
.an-live-bolt { margin-right: 3px; filter: drop-shadow(0 0 3px rgba(240,185,11,.8)); }
.an-sm-tr { grid-template-columns: 34px 1.3fr .9fr 1fr .8fr .7fr .7fr 84px; }
.an-whale-tr { grid-template-columns: .8fr 1.2fr 1fr 1fr .9fr 70px; }
.an-sm-row { cursor: pointer; }
.an-sm-row:hover { background: rgba(124,77,255,.08); }
.an-sm-chains { display: flex; gap: 6px; margin-right: 10px; }
.an-evm-tr { grid-template-columns: 34px 1.4fr 1fr 1fr .7fr .7fr 84px; }

.an-skel { display: flex; flex-direction: column; gap: 7px; padding: 6px 0; }
.an-skel-row { height: 24px; border-radius: 6px; background: linear-gradient(90deg, rgba(255,255,255,.03) 25%, rgba(124,77,255,.10) 50%, rgba(255,255,255,.03) 75%); background-size: 200% 100%; animation: an-shimmer 1.3s infinite; }
@keyframes an-shimmer { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } }




.an-skel-row.an-skel-cell { display: inline-block; height: 11px; vertical-align: middle; border-radius: 3px; }



.view-skel-say { padding: 10px 2px 8px; font-size: 12px; color: var(--text-muted); letter-spacing: .01em; }
.an-sm-link { font-size: 10.5px; color: var(--text-muted); text-decoration: none; border: 1px solid var(--stroke-soft); border-radius: 5px; padding: 2px 7px; }
.an-sm-link:hover { color: var(--color-cosmos); border-color: var(--color-cosmos); }
.an-sb-wrap { display: flex; gap: 4px; flex-wrap: wrap; }
.an-sb { font-size: 9.5px; font-weight: 700; padding: 1px 6px; border-radius: 5px; white-space: nowrap; }
.an-sb.ok { background: rgba(14,203,129,.16); color: #0ecb81; }
.an-sb.warn { background: rgba(240,185,11,.16); color: #f0b90b; }
.an-sb.bad { background: rgba(246,70,93,.16); color: #f6465d; }

.an-back { background: var(--bg-card); border: 1px solid var(--stroke-soft); color: var(--text-muted); border-radius: 7px; padding: 3px 10px; font-size: 12px; cursor: pointer; }
.an-back:hover { color: var(--text-primary); border-color: var(--color-cosmos); }
.an-xray-head { display: flex; align-items: center; gap: 12px; margin-bottom: 12px; flex-wrap: wrap; }
.an-xray-title { font-size: 17px; font-weight: 700; color: var(--text-primary); }
.an-xray-title b { color: var(--color-cosmos); }
.an-xray-links { margin-left: auto; display: flex; gap: 8px; }
.an-xray-links a { font-size: 11.5px; color: var(--text-muted); border: 1px solid var(--stroke-soft); border-radius: 6px; padding: 3px 9px; text-decoration: none; }
.an-xray-links a:hover { color: var(--color-cosmos); border-color: var(--color-cosmos); }
.an-sol-flags { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 12px; }
.an-xray-dist-title { font-size: 12.5px; font-weight: 700; color: var(--text-primary); margin-bottom: 8px; }
.an-dist { display: flex; flex-direction: column; gap: 3px; }
.an-dist-row { display: grid; grid-template-columns: 34px 1fr 60px 62px 74px 76px; gap: 8px; align-items: center; font-size: 11.5px; }
.an-dist-amt { text-align: right; font-variant-numeric: tabular-nums; }
.an-liq-tr { grid-template-columns: 1.2fr .9fr 1fr .9fr 1fr 1fr; }
.an-dist-rank { color: var(--text-muted); font-variant-numeric: tabular-nums; }
.an-dist-bar-wrap { background: rgba(255,255,255,.04); border-radius: 4px; height: 16px; overflow: hidden; }
.an-dist-bar { display: block; height: 100%; border-radius: 4px; min-width: 2px; }
.an-dist-pct { text-align: right; font-variant-numeric: tabular-nums; color: var(--text-primary); }
.an-dist-tag { font-weight: 600; }

.an-bp-list { display: flex; flex-direction: column; gap: 8px; max-width: 620px; }
.an-bp-row { display: flex; align-items: center; gap: 10px; background: rgba(255,255,255,.02); border: 1px solid var(--stroke-soft); border-radius: 9px; padding: 10px 14px; }
.an-bp-row.trig { border-color: rgba(246,70,93,.4); background: rgba(246,70,93,.06); }
.an-bp-name { font-size: 13px; color: var(--text-primary); font-weight: 600; }
.an-bp-val { margin-left: auto; font-size: 13px; font-weight: 700; color: var(--text-muted); font-variant-numeric: tabular-nums; }

.an-as-bar { background: linear-gradient(90deg,#f6a13d,#8a83a3,#0ecb81); }
.an-as-scale { display: flex; justify-content: space-between; width: min(420px, 80%); font-size: 10.5px; color: var(--text-muted); }
.an-as-top { display: flex; flex-wrap: wrap; gap: 6px; justify-content: center; margin-top: 6px; }

.an-hm-grid { display: grid; gap: 2px; }
.an-hm-cell { display: flex; align-items: center; justify-content: center; min-height: 20px; font-size: 9.5px; border-radius: 3px; padding: 2px; font-variant-numeric: tabular-nums; color: var(--text-secondary); }
.an-hm-hd { font-weight: 700; color: var(--text-muted); font-size: 10px; }

.an-hl-tr { grid-template-columns: 30px 1.3fr 1fr 1fr .8fr 1fr 40px; }
.an-hlp-tr { grid-template-columns: 1fr .8fr 1fr 1fr 1fr .7fr 1fr; }
.an-hlv-tr { grid-template-columns: 30px 1.7fr 1fr .8fr .8fr .7fr 40px; }

.an-hlv-tag { font-size: 9.5px; color: var(--text-muted); border: 1px solid var(--stroke-soft); border-radius: 4px; padding: 0 4px; margin-left: 5px; white-space: nowrap; }
.an-hlv-split { font-size: 10px; color: var(--text-muted); line-height: 1.35; }
@media (max-width: 900px) { .an-sidebar { flex-basis: 150px; } .an-two, .an-mv-grid { grid-template-columns: 1fr; } .an-ov-grid { grid-template-columns: repeat(2, 1fr); } }


.an-sb-toggle { display: none; }






@media (max-width: 700px) {
  .an-shell { flex-direction: column; }

  .an-sidebar { flex: 0 0 auto; border-right: none; border-bottom: 1px solid var(--stroke-soft); padding: 6px 10px; }
  .an-sb-top { margin: 0; }
  .an-sb-toggle {
    display: flex; align-items: center; gap: 8px; width: 100%; cursor: pointer;
    padding: 7px 10px; border-radius: 9px; font-family: var(--font-logo); font-size: 12.5px; font-weight: 700;
    color: var(--text-primary); background: var(--bg-card, rgba(30,24,53,.45)); border: 1px solid var(--stroke-soft);
  }
  .an-sb-top .an-sb-toggle { width: auto; flex: 1 1 auto; min-width: 0; }
  .an-asset360-entry { width: auto; flex: 0 0 auto; padding: 5px 8px; }
  .an-asset360-entry > span { flex-direction: column; align-items: flex-start; justify-content: center; gap: 0; }
  .an-sb-toggle > span { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: left; }
  .an-sb-toggle i { width: 14px; height: 14px; flex: 0 0 auto; color: var(--color-cosmos); }
  .an-sb-caret { transition: transform .15s ease; }
  .an-sidebar.an-sb-open .an-sb-caret { transform: rotate(180deg); }


  .an-sidebar .an-sb-list { display: none; }
  .an-sidebar.an-sb-open .an-sb-list { display: block; max-height: 50vh; overflow-y: auto; margin-top: 6px; }


  .an-seo { display: none; }





  .an-controls { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
  .an-controls::-webkit-scrollbar { display: none; }
  .an-controls > * { flex: 0 0 auto; }


  .an-pick-q { font-size: 16px; }

  #view-analytics .an-crumb { display: none; }
}



.nw-body {
  overflow: auto;
  height: auto;





















  min-height: 100%;
  display: block;


  padding: 14px var(--page-gutter) 40px;
}



.nw-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 16px;
  padding: 10px 16px;
  margin-bottom: 12px;
  flex-wrap: wrap;
}
.nw-logo {
  font-family: var(--font-logo);
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.4px;
  white-space: nowrap;
  background: var(--accent-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}
.nw-logo .nw-logo-sub { font-size: 11px; letter-spacing: 2.5px; opacity: 0.85; }
.nw-tabs { display: flex; gap: 6px; }
.nw-tab {
  font-family: var(--font-logo);
  font-weight: 700;
  font-size: 12.5px;
  color: var(--text-muted);
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid var(--stroke);
  border-radius: 10px;
  padding: 8px 16px;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.nw-tab:hover { color: var(--text-primary); border-color: var(--color-cosmos); }
.nw-tab.active {
  color: #fff;
  background: linear-gradient(135deg, rgba(216, 27, 96, 0.35), rgba(124, 77, 255, 0.35));
  border-color: var(--color-cosmos);
  box-shadow: 0 4px 14px -6px rgba(124, 77, 255, 0.65);
}
.nw-search {
  flex: 1 1 200px;
  max-width: 340px;
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--stroke);
  border-radius: 10px;
  color: var(--text-primary);
  font-family: var(--font-family);
  font-size: 12.5px;
  padding: 8px 12px;
  outline: none;
}
.nw-search:focus { border-color: var(--color-cosmos); box-shadow: 0 0 0 2px rgba(124, 77, 255, 0.18); }
.nw-meta { margin-left: auto; display: flex; align-items: center; gap: 10px; font-size: 11px; color: var(--text-muted); white-space: nowrap; }
.nw-newpill {
  background: rgba(14, 203, 129, 0.16);
  border: 1px solid rgba(14, 203, 129, 0.4);
  color: var(--color-buy);
  border-radius: 20px;
  padding: 2px 9px;
  font-weight: 700;
  font-size: 10.5px;
}
.nw-select {
  background: rgba(0, 0, 0, 0.3);
  border: 1px solid var(--stroke);
  border-radius: 8px;
  color: var(--text-muted);
  font-family: var(--font-logo);
  font-size: 11px;
  font-weight: 700;
  padding: 5px 8px;
  cursor: pointer;
  outline: none;
}


.nw-overview { display: flex; gap: 8px; margin-bottom: 12px; flex-wrap: wrap; }
.nw-ov-tile {
  display: flex;
  align-items: baseline;
  gap: 7px;
  padding: 7px 12px;
  border-radius: 10px;
  background: var(--glass);
  border: 1px solid var(--stroke);
  font-size: 12px;
  white-space: nowrap;
}
.nw-ov-tile .k { color: var(--text-muted); font-family: var(--font-logo); font-weight: 700; font-size: 10.5px; letter-spacing: 0.4px; }
.nw-ov-tile .v { font-weight: 600; }
.nw-ov-tile .s { font-size: 11px; font-weight: 600; }
.up { color: var(--color-buy); }
.down { color: var(--color-sell); }
.nw-fng-0 { color: var(--color-sell); }
.nw-fng-1 { color: #f0a70a; }
.nw-fng-2 { color: var(--text-muted); }
.nw-fng-3 { color: #7ddc9a; }
.nw-fng-4 { color: var(--color-buy); }


.nw-subnav { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
.nw-subtab {
  font-family: var(--font-logo);
  font-weight: 700;
  font-size: 11.5px;
  color: var(--text-muted);
  background: rgba(0, 0, 0, 0.24);
  border: 1px solid var(--stroke);
  border-radius: 20px;
  padding: 6px 14px;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.nw-subtab:hover { color: var(--text-primary); border-color: var(--color-cosmos); }



.nw-subtab.active {
  color: #fff;
  background: linear-gradient(135deg, rgba(216, 27, 96, 0.35), rgba(124, 77, 255, 0.35));
  border-color: var(--color-cosmos);
  box-shadow: 0 4px 14px -6px rgba(124, 77, 255, 0.65);
}
.nw-chipbar { display: flex; gap: 6px; overflow-x: auto; padding: 2px 0; flex: 1; min-width: 0; }
.nw-chip {
  font-size: 10.5px;
  font-weight: 600;
  color: var(--text-primary);
  background: rgba(124, 77, 255, 0.12);
  border: 1px solid rgba(124, 77, 255, 0.3);
  border-radius: 20px;
  padding: 4px 10px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.12s ease;
}
.nw-chip.off { color: var(--text-muted); background: rgba(0, 0, 0, 0.2); border-color: var(--stroke-soft); opacity: 0.6; }
.nw-chip:hover { border-color: var(--color-cosmos); opacity: 1; }


.nw-newsgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; align-items: start; }
.nw-newsgrid.single { grid-template-columns: 1fr; }
.nw-newscol { padding: 0 0 6px; overflow: hidden; }
.nw-colhead {
  font-family: var(--font-logo);
  font-weight: 700;
  font-size: 12.5px;
  letter-spacing: 0.6px;
  padding: 11px 14px 9px;
  border-bottom: 1px solid var(--stroke);
  display: flex;
  align-items: center;
  gap: 8px;
  position: sticky;
  top: 0;
  background: var(--glass-strong);
  backdrop-filter: blur(12px);
  z-index: 2;
}
.nw-colhead .cnt { color: var(--text-muted); font-size: 10.5px; margin-left: auto; }
.nw-list { max-height: calc(100vh - 285px); overflow-y: auto; }
.nw-row {
  display: flex;
  align-items: baseline;
  gap: 9px;
  padding: 5px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.03);
  cursor: pointer;
  text-decoration: none;
  color: inherit;
}
.nw-row:hover { background: rgba(124, 77, 255, 0.08); }
.nw-time { font-size: 10.5px; color: var(--text-muted); min-width: 37px; text-align: right; flex: none; font-variant-numeric: tabular-nums; }
.nw-row.fresh .nw-time { color: var(--color-buy); font-weight: 700; }
.nw-src {
  font-family: var(--font-logo);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  color: #b9aee0;
  background: rgba(124, 77, 255, 0.14);
  border-radius: 4px;
  padding: 1px 5px;
  flex: none;
  min-width: 30px;
  text-align: center;
}
.nw-row.cat-stocks .nw-src { color: #9fd3e8; background: rgba(64, 156, 255, 0.13); }
.nw-title { font-size: 12.3px; line-height: 1.45; }
.nw-row.fresh .nw-title { color: #fff; }
.nw-tk {
  font-size: 9.5px;
  font-weight: 700;
  color: var(--color-cosmos);
  background: rgba(124, 77, 255, 0.1);
  border: 1px solid rgba(124, 77, 255, 0.25);
  border-radius: 4px;
  padding: 0 4px;
  margin-left: 4px;
  cursor: pointer;
}
.nw-tk:hover { color: #fff; background: rgba(124, 77, 255, 0.3); }
.nw-datesep {
  font-family: var(--font-logo);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 1.2px;
  text-transform: uppercase;
  color: var(--text-muted);
  padding: 8px 14px 4px;
  border-bottom: 1px solid var(--stroke-soft);
  background: rgba(0, 0, 0, 0.18);
}
@keyframes nwFlash { 0% { background: rgba(14, 203, 129, 0.22); } 100% { background: transparent; } }
.nw-row.nw-new { animation: nwFlash 2.5s ease-out; }
.nw-empty { padding: 26px 14px; text-align: center; color: var(--text-muted); font-size: 12px; }




.nw-lock { display: flex; flex-direction: column; align-items: center; gap: 9px; text-align: center;


  grid-column: 1 / -1; margin: 22px auto; max-width: 460px; padding: 26px 22px; border-radius: 14px;
  background: rgba(240,185,11,.06); border: 1px solid rgba(240,185,11,.26); }
.nw-lock-ic { font-size: 26px; line-height: 1; }
.nw-lock-t { font-family: var(--font-logo); font-size: 15px; color: #f0b90b; }
.nw-lock-b { font-size: 12.5px; color: var(--text-muted); line-height: 1.55; }
.nw-lock-cta { display: inline-block; margin-top: 4px; background: var(--color-cosmos); color: #fff;
  text-decoration: none; border-radius: 9px; padding: 7px 16px; font-size: 12.5px; }
.nw-lock-cta:hover { filter: brightness(1.12); }


.nw-banner {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 9px 14px;
  margin-bottom: 10px;
  border-radius: var(--radius-card);
  background: linear-gradient(90deg, rgba(216, 27, 96, 0.16), rgba(124, 77, 255, 0.10));
  border: 1px solid rgba(216, 27, 96, 0.35);
  font-size: 12.5px;
  font-weight: 600;
}
.nw-banner .t { color: var(--text-muted); font-size: 11px; margin-left: auto; white-space: nowrap; }
.nw-weeknav { display: flex; align-items: center; gap: 6px; margin-left: auto; }
.nw-weeknav .nw-range { font-size: 11px; color: var(--text-muted); padding: 0 6px; white-space: nowrap; }
.nw-navbtn {
  background: rgba(0, 0, 0, 0.28);
  border: 1px solid var(--stroke);
  color: var(--text-muted);
  border-radius: 8px;
  font-family: var(--font-logo);
  font-weight: 700;
  font-size: 11px;
  padding: 5px 11px;
  cursor: pointer;
  transition: all 0.15s ease;
  white-space: nowrap;
}
.nw-navbtn:hover { color: var(--text-primary); border-color: var(--color-cosmos); }
.nw-navbtn.active { color: #fff; background: rgba(124, 77, 255, 0.22); border-color: var(--color-cosmos); }
.nw-tablewrap { overflow-x: auto; }
.nw-table { width: 100%; border-collapse: collapse; font-size: 12px; }



.nw-table th {
  font-family: var(--font-logo);
  text-align: left;
  padding: 9px 12px 7px;
  border-bottom: 1px solid var(--stroke);
  position: sticky;
  top: 0;
  background: var(--glass-strong);
  backdrop-filter: blur(12px);
  z-index: 2;
  white-space: nowrap;
}
.nw-table td { padding: 6px 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.03); vertical-align: baseline; white-space: nowrap; }
.nw-table td.wrap { white-space: normal; min-width: 190px; }
.nw-table tr:hover td { background: rgba(124, 77, 255, 0.06); }
.nw-table .num { text-align: right; font-variant-numeric: tabular-nums; }
.nw-dayrow td {
  font-family: var(--font-logo);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #cfc6ec;
  background: rgba(124, 77, 255, 0.09);
  padding: 7px 12px 5px;
}
.nw-past { opacity: 0.45; }
.nw-next-ev td:first-child { box-shadow: inset 3px 0 0 var(--color-brand); }
.nw-imp { letter-spacing: 1.5px; font-size: 9px; }
.nw-imp1 { color: rgba(149, 141, 169, 0.75); }
.nw-imp2 { color: #f0a70a; }
.nw-imp3 { color: var(--color-sell); text-shadow: 0 0 8px rgba(246, 70, 93, 0.5); }
.nw-flag { font-size: 14px; margin-right: 5px; }
.nw-ccode { font-size: 10px; color: var(--text-muted); }
.nw-act-up { color: var(--color-buy); font-weight: 700; }
.nw-act-down { color: var(--color-sell); font-weight: 700; }
.nw-caltoolbar { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; flex-wrap: wrap; }
.nw-ipo-h {
  font-family: var(--font-logo);
  font-weight: 700;
  font-size: 12px;
  letter-spacing: 0.5px;
  padding: 11px 14px 8px;
  border-bottom: 1px solid var(--stroke);
}
.nw-earn-time { font-size: 10px; font-weight: 700; border-radius: 4px; padding: 1px 6px; }
.nw-earn-pre { color: #ffd479; background: rgba(240, 167, 10, 0.14); }
.nw-earn-after { color: #9fb8ff; background: rgba(100, 130, 255, 0.14); }
.nw-earn-any { color: var(--text-muted); background: rgba(149, 141, 169, 0.12); }





.nw-siggrid {
  display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
  grid-auto-rows: auto; align-items: start; gap: 10px;
}
.nw-sig {
  position: relative;
  padding: 8px 12px 8px 15px;
  border-radius: var(--radius-card);
  background: var(--glass);
  border: 1px solid var(--stroke);
  overflow: hidden;
}
.nw-sig::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--text-muted); }
.nw-sig.sev-strong::before { background: var(--accent-grad); box-shadow: 0 0 10px rgba(216, 27, 96, 0.6); }
.nw-sig.sev-warn::before { background: #f0a70a; }
.nw-sig-head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.nw-sig-emoji { font-size: 15px; }
.nw-sig-title { font-weight: 700; font-size: 12.8px; }
.nw-sig-dir { font-size: 12px; font-weight: 800; margin-left: auto; flex: none; }
.nw-sig-detail { font-size: 11.5px; color: var(--text-muted); line-height: 1.35; }
.nw-sig-asset {
  font-family: var(--font-logo);
  font-size: 9.5px;
  font-weight: 800;
  color: #cfc6ec;
  background: rgba(124, 77, 255, 0.16);
  border-radius: 4px;
  padding: 1px 6px;
  flex: none;
}
.nw-sec-note { font-size: 10.5px; color: var(--text-muted); margin: 10px 2px 0; opacity: 0.75; }

.nw-embedded .nw-logo { display: none; }
.nw-embedded.nw-body { padding: 10px 14px 30px; }
.nw-embedded #nw-lang { display: none; }


@media (max-width: 900px) {
  .nw-newsgrid { grid-template-columns: 1fr; }
  .nw-list { max-height: none; }
  .nw-meta { margin-left: 0; flex: 1 1 100%; }
  .nw-search { max-width: none; }
  .nw-weeknav { margin-left: 0; flex-wrap: wrap; }
}
@media (max-width: 600px) {
  .nw-body { padding: 10px 10px 30px; }
  .nw-tab { padding: 7px 11px; font-size: 11.5px; }
  .nw-ov-tile { padding: 6px 9px; font-size: 11px; }
}



@media (max-width: 768px) {
  .nw-body .widget { height: auto; }
}


.nw-srcdown {
  background: rgba(240, 167, 10, 0.14);
  border: 1px solid rgba(240, 167, 10, 0.4);
  color: #ffd479;
  border-radius: 20px;
  padding: 2px 9px;
  font-weight: 700;
  font-size: 10.5px;
  white-space: nowrap;
}
.nw-embedded .nw-header {
  background: transparent;
  border: none;
  box-shadow: none;
  backdrop-filter: none;
  border-bottom: 1px solid var(--stroke-soft, rgba(255,255,255,0.05));
  border-radius: 0;
  padding: 8px 4px;
  margin-bottom: 8px;
}
.nw-embedded .nw-overview { margin-top: 0; }



@media (max-width: 700px) {
  .nw-table { min-width: 640px; }
  .nw-tablewrap {
    -webkit-overflow-scrolling: touch;
    -webkit-mask-image: var(--fade-30);
    mask-image: var(--fade-30);
  }
}


.nw-headbar { display: flex; align-items: center; gap: 10px; flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; min-width: 0; }
.nw-headbar::-webkit-scrollbar { display: none; }
.nw-headbar .nw-tabs { display: flex; gap: 4px; flex: 0 0 auto; background: none; border: none; padding: 0; margin: 0; }
.nw-headbar .nw-tab { padding: 6px 12px; font-size: 12.5px; font-weight: 600; border-radius: 8px; background: rgba(255,255,255,.04); border: 1px solid transparent; color: var(--text-muted); cursor: pointer; white-space: nowrap; }
.nw-headbar .nw-tab.active { color: #fff; background: rgba(124,77,255,.18); border-color: rgba(124,77,255,.35); }
.nw-headbar .nw-search { flex: 1 1 180px; min-width: 90px; max-width: 340px; padding: 6px 10px; font-size: 12.5px; border-radius: 8px; background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.08); color: var(--text-primary); }
.nw-headbar .nw-updated-head { font-size: 11px; color: var(--text-muted); flex: 0 0 auto; white-space: nowrap; }
.nw-headbar .nw-select { flex: 0 0 auto; padding: 5px 6px; font-size: 11.5px; border-radius: 7px; background: rgba(0,0,0,.25); border: 1px solid rgba(255,255,255,.08); color: var(--text-muted); }
@media (max-width: 700px) { .nw-headbar .nw-search { flex-basis: 100px; } .nw-headbar .nw-tab { padding: 6px 9px; } }

.app-header > .nw-headbar { flex: 1 1 auto; min-width: 0; margin: 0 12px; }
.header-stats.nw-hide-stats { display: none !important; }
.nw-headbar .nw-updated-head { margin-left: auto; }

.view.nw-body:not(.active) { display: none !important; }


.app-header > .header-stats { gap: 9px; min-width: 0; margin-left: 8px; overflow-x: auto; scrollbar-width: none; }
.app-header > .header-stats::-webkit-scrollbar { display: none; }
.app-header > .header-stats .stat-item { flex: 0 0 auto; }
.app-header > .header-stats .stat-label { font-size: 8px; letter-spacing: 0; }
.app-header > .header-stats .stat-value { font-size: 11.5px; white-space: nowrap; }












@media (max-width: 1359px) {
  .app-header > .header-stats .stat-item.hide-below-desk { display: none !important; }
}




.app-header > .header-stats .stat-na { color: var(--text-muted); opacity: .55; font-weight: 500; }


.net-gas-chip { display: inline-flex; align-items: center; gap: 3px; margin-left: 8px; padding: 3px 8px; font-size: 11px; font-weight: 600; border-radius: 20px; background: rgba(124,77,255,.07); border: 1px solid rgba(124,77,255,.2); color: var(--text-muted); white-space: nowrap; flex: 0 0 auto; }
.net-gas-chip .dn-gas-chip { color: var(--text-primary); }


@media (max-width: 1440px) {
  .nw-headbar .nw-search { max-width: 220px; }
  .nw-headbar .nw-select { display: none; }
}


















@media (max-width: 1440px) {
  .app-header:has(> .nw-headbar:not(.hidden)) { flex-wrap: wrap; height: auto; }






  .app-header:has(> .nw-headbar:not(.hidden)) > .header-logo { flex-shrink: 1; }
  .app-header > .nw-headbar { flex: 0 0 100%; order: 3; margin: 6px 0 0; }
}
.app-header > #pair-combo { flex: 0 0 auto; }
.nw-hide-el { display: none !important; }

.dn-headerbar { overflow-x: auto; scrollbar-width: none; min-width: 0; }
.dn-headerbar::-webkit-scrollbar { display: none; }


.dn-market-stack { width: 224px; flex: 0 0 224px; display: flex; flex-direction: row; align-items: center; gap: 4px; margin-left: 4px; min-width: 0; overflow: visible; }
.dn-market-stack .dn-hdr-src-wrap { flex: 0 0 106px; width: 106px; min-width: 0; margin: 0; gap: 0; overflow: visible; }
.dn-market-stack .dn-hdr-dexbadge {
  position: relative; display: flex; align-items: center; width: 100%; min-width: 0; height: 24px;
  padding: 3px 8px 3px 3px; overflow: hidden; text-overflow: ellipsis;
  border: 1px solid rgba(124, 77, 255, .25); border-radius: 20px;
  background: rgba(124, 77, 255, .10); color: var(--text-muted);
  font: 600 9.25px/16px var(--font-family); text-align: center; text-indent: 4px;
  justify-content: center;
  transition: background .15s, border-color .15s, color .15s;
}

.dn-market-stack .dn-hdr-dexbadge .dn-badge-name { flex: 0 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dn-market-stack .dn-hdr-dexbadge .dn-badge-count { flex: 0 0 auto; margin-left: 3px; }
.dn-market-stack .dn-hdr-dexbadge::after {
  content: '▾'; position: absolute; top: 50%; right: 1px;
  color: currentColor; font-size: 9px; line-height: 1; opacity: .7;
  transform: translateY(-50%); transition: transform .10s;
}
.dn-market-stack .dn-hdr-dexbadge:hover,
.dn-market-stack .dn-hdr-dexbadge:focus-visible {
  color: var(--text-primary); background: rgba(124, 77, 255, .18);
  border-color: rgba(124, 77, 255, .45); outline: none;
}
.dn-market-stack .dn-hdr-dexbadge[aria-expanded="true"]::after {
  transform: translateY(-50%) rotate(180deg);
}
.dn-market-stack .dn-pump { display: none !important; }
.dn-market-stack #dn-hdr-pair-combo { flex: 1 1 auto; min-width: 0; }
.dn-market-stack #dn-hdr-pair-input { width: 100%; height: 28px; padding-block: 4px; padding-right: 4px; font-size: 10.5px; }

.app-header > .dn-headerbar { flex: 1 1 auto; min-width: 0; gap: 4px; }
.app-header > .dn-headerbar .stat-item + .stat-item::before { left: -2px; }
.app-header > .header-stats .stat-item { position: relative; }





.app-header > .header-stats .stat-item + .stat-item::before {
  content: ''; position: absolute; left: -4px; top: 50%; transform: translateY(-50%);
  width: 1px; height: 12px; background: var(--border-color);
}
.app-header > .header-stats .dn-stat-sub {
  min-height: 10px; font-size: 9px; line-height: 10px; font-weight: 600;
  color: var(--text-muted); opacity: .88; white-space: nowrap;
}
.app-header > .header-stats .dn-stat-sub.text-buy { color: var(--color-buy); }
.app-header > .header-stats .dn-stat-sub.text-sell { color: var(--color-sell); }
.app-header.venue-dn #dn-hdr-connect { padding-inline: 4px; }


.app-header .header-actions .header-wallet-connect {
  width: auto;
  min-width: 0;
  flex: 0 0 auto;
  height: 38px;
  padding: 0 4px;
  gap: 4px;
  font-size: 10.5px;
  line-height: 1;
}
.app-header .header-actions .header-wallet-connect > svg,
.app-header .header-actions .header-wallet-connect > i {
  width: 15px;
  height: 15px;
  flex: 0 0 auto;
}
.app-header .header-actions .header-wallet-connect > span { white-space: nowrap; }


.app-header .header-actions .header-wallet-connect > .hdr-wallet-short { display: none; }



.nav-tools-toggle { padding-inline: 10px; gap: 6px; }
.nav-tools-toggle.open,
.nav-tools-toggle.active {
  color: #fff;
  background: var(--glass-strong);
  border-color: var(--stroke);
}
.nav-tools-caret { font-size: 10px; transition: transform .16s ease; }
.nav-tools-toggle.open .nav-tools-caret { transform: rotate(180deg); }
.nav-tools-menu {
  position: fixed;
  z-index: 1300;
  width: 178px;
  padding: 6px;
  display: grid;
  gap: 3px;
  border: 1px solid var(--stroke);
  border-radius: 12px;
  background: rgba(12, 14, 28, .98);
  box-shadow: 0 14px 38px rgba(0, 0, 0, .46), 0 0 24px rgba(124, 77, 255, .12);
  backdrop-filter: blur(18px);
}
.nav-tools-menu.hidden { display: none; }
.nav-tools-network {
  display: flex; align-items: center; gap: 7px; padding: 5px 8px 7px;
  color: var(--text-muted); font-size: 10px; font-weight: 700;
  text-transform: uppercase; letter-spacing: .45px;
  border-bottom: 1px solid var(--stroke-soft);
}
.nav-tools-network img { width: 15px; height: 15px; border-radius: 50%; }
.nav-tools-menu .view-tab {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid transparent;
  border-radius: 8px;
  gap: 8px;
  justify-content: flex-start;
  font-size: 12.5px;
}
.nav-tools-menu .view-tab i,
.nav-tools-menu .view-tab svg {
  display: block;
  width: 14px;
  height: 14px;
}
.nav-tools-menu .view-tab:hover { background: rgba(255, 255, 255, .055); }
.nav-tools-menu .view-tab.active {
  color: #fff;
  background: rgba(124, 77, 255, .16);
  border-color: rgba(124, 77, 255, .32);
  box-shadow: none;
}


@media (min-width: 981px) {
  .app-header.venue-dn .net-chip,
  .app-header.venue-dn .net-gas-chip { margin-left: 0; }
  .app-header.venue-dn .net-gas-chip { padding-inline: 5px; }
}

@media (max-width: 980px) {
  .app-header { flex-wrap: wrap; row-gap: 5px; align-items: center; }
  .dn-market-stack { flex: 1 1 224px; width: auto; max-width: 100%; }


  .app-header .pair-dropdown { font-size: 16px; }
  #pair-list, #dn-hdr-pair-list {
    left: auto; right: 0; width: min(468px, calc(100vw - 28px)); max-width: calc(100vw - 28px);


    max-height: min(380px, calc(100dvh - 176px - env(safe-area-inset-bottom, 0px)));
    overscroll-behavior: contain;
  }
  .app-header > .header-stats, .app-header > .dn-headerbar { order: 20; flex: 0 0 100%; width: 100%; min-width: 0; margin: 0; overflow-x: auto; scrollbar-width: none; }
  .app-header > .header-stats::-webkit-scrollbar, .app-header > .dn-headerbar::-webkit-scrollbar { display: none; }
}
@media (max-width: 560px) {
  .dn-market-stack { order: 15; flex: 0 0 100%; width: 100%; max-width: 100%; margin-left: 0; }




  .app-header.venue-dn:has(> #dn-market-stack:not(.nw-hide-el)) > .header-logo,
  .app-header.venue-dn:has(> #dn-market-stack:not(.nw-hide-el)) > #dn-market-stack { display: contents; }
  .app-header.venue-dn > .header-logo > #net-switcher { order: 1; flex: 0 1 auto; min-width: 0; }
  .app-header.venue-dn > #dn-market-stack > #dn-hdr-src-wrap {
    order: 2; flex: 0 1 96px; width: 96px; min-width: 0;
  }
  .app-header.venue-dn > .header-logo > #net-gas-chip { order: 3; flex: 0 0 auto; margin-left: 0; }
  .app-header.venue-dn > #dn-market-stack > #dn-hdr-pair-combo {
    order: 10; flex: 0 0 100%; width: 100%; min-width: 0; height: var(--hdr-ctl-h, 40px);
  }
  .app-header.venue-dn > #dn-market-stack > #dn-hdr-pair-combo #dn-hdr-pair-input {
    width: 100%; height: var(--hdr-ctl-h, 40px); padding-block: 4px; font-size: 16px;
  }
  #pair-list .pair-list-item, #dn-hdr-pair-list .pair-list-item {
    grid-template-columns: 14px minmax(70px, 1fr) minmax(62px, auto) 48px 60px;
    gap: 5px; padding-inline: 6px;
  }
  #pair-list .pli-spark, #dn-hdr-pair-list .pli-spark { display: none; }
}


.an-pulse-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 12px; }
.an-pulse-tile { background: rgba(255,255,255,.02); border: 1px solid var(--stroke-soft); border-radius: 12px; padding: 12px 14px; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.an-pulse-tile[data-nav] { cursor: pointer; transition: border-color .15s, background .15s; }
.an-pulse-tile[data-nav]:hover { border-color: var(--color-cosmos); background: rgba(124,77,255,.06); }
.an-pulse-head { font-size: 10.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px; color: var(--text-muted); margin-bottom: 2px; }




.an-pulse-wait { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; padding: 7px 11px; border: 1px solid var(--stroke-soft); border-radius: 9px; background: rgba(124,77,255,.05); color: var(--text-muted); font-size: 12px; line-height: 1.35; }
.an-pulse-wait-dot { flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--color-cosmos); animation: an-pulse-wait-blink 1.3s ease-in-out infinite; }
@keyframes an-pulse-wait-blink { 0%, 100% { opacity: .25; } 50% { opacity: 1; } }
@media (prefers-reduced-motion: reduce) { .an-pulse-wait-dot { animation: none; opacity: .8; } }
.an-pulse-row { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; font-size: 12.5px; font-variant-numeric: tabular-nums; }



.an-pulse-row > span:first-child { color: var(--text-muted); display: inline-flex; align-items: center; gap: 5px; white-space: nowrap; min-width: 0; overflow: hidden; text-overflow: ellipsis; }



.an-pulse-row { flex-wrap: wrap; }
.an-pulse-row > span:last-child { min-width: 0; overflow-wrap: anywhere; }
.an-pulse-subnav { cursor: pointer; border-radius: 6px; margin: 0 -6px; padding: 2px 6px; }
.an-pulse-subnav:hover { background: rgba(124,77,255,.1); }
.an-pulse-light { cursor: pointer; border-radius: 8px; padding: 6px 8px; margin: 0 -2px; }
.an-pulse-light:hover { filter: brightness(1.15); }
.an-pulse-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; flex: 0 0 auto; }





.an-pulse-sub {
  font-size: 11px; color: var(--text-muted); line-height: 1.6;
  overflow-wrap: anywhere; word-break: break-word; min-width: 0;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;
}



.an-pulse-sig { display: flex; align-items: baseline; gap: 6px; font-size: 11.5px; line-height: 1.4; overflow-wrap: anywhere; min-width: 0; }
.an-pulse-row > span:last-child, .an-pulse-ai-text { overflow-wrap: anywhere; min-width: 0; }
.an-pulse-sig .an-sb { flex: 0 0 auto; }
.an-pulse-ai-text { font-size: 11.5px; line-height: 1.55; color: var(--text-secondary); display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; }
.an-ai-md h4 { font-size: 14px; font-weight: 700; color: var(--text-primary); margin: 14px 0 6px; }
.an-ai-md h4:first-child { margin-top: 0; }
.an-ai-md p { font-size: 12.5px; line-height: 1.6; color: var(--text-secondary); margin: 0 0 8px; }
.an-ai-md ul { margin: 0 0 8px 18px; padding: 0; }
.an-ai-md li { font-size: 12.5px; line-height: 1.6; color: var(--text-secondary); }
.an-ai-md b { color: var(--text-primary); }
@media (max-width: 900px) { .an-pulse-grid { grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); } }





.bai-panel { position: fixed; width: 360px; height: 480px; max-width: calc(100vw - 16px); max-height: calc(100vh - 16px);
  display: flex; flex-direction: column; background: rgba(16,12,28,.98); border: 1px solid var(--stroke);


  border-radius: 14px; box-shadow: var(--shadow-lg); z-index: 58; overflow: hidden; }
.bai-panel.hidden { display: none; }
.bai-head { flex: 0 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 8px;
  padding: 10px 12px; border-bottom: 1px solid var(--stroke-soft); }
.bai-head-title { display: flex; align-items: center; gap: 7px; font-family: var(--font-logo); font-weight: 800; font-size: 13px; color: var(--text-primary); }
.bai-head-title img { width: 18px; height: 18px; }
.bai-head-actions { display: flex; align-items: center; gap: 4px; }
.bai-icon-btn { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; padding: 0; border-radius: 8px;
  background: transparent; border: 1px solid transparent; color: var(--text-muted); cursor: pointer; transition: all .15s; }
.bai-icon-btn:hover { color: var(--text-primary); background: rgba(255,255,255,.06); border-color: var(--stroke-soft); }
.bai-icon-btn i, .bai-icon-btn svg { width: 15px; height: 15px; }
.bai-msgs { flex: 1 1 auto; overflow-y: auto; padding: 12px; display: flex; flex-direction: column; gap: 8px; }
.bai-empty { margin: auto 0; text-align: center; font-size: 12px; line-height: 1.5; color: var(--text-muted); padding: 0 12px; }
.bai-msg { max-width: 85%; padding: 8px 11px; border-radius: 12px; font-size: 12.5px; line-height: 1.5; word-break: break-word; }
.bai-msg-user { align-self: flex-end; background: rgba(124,77,255,.28); color: var(--text-primary); border-bottom-right-radius: 4px; }
.bai-msg-bot { align-self: flex-start; background: var(--bg-card); color: var(--text-primary); border: 1px solid var(--stroke-soft); border-bottom-left-radius: 4px; }
.bai-msg-bot code { background: rgba(0,0,0,.35); padding: 1px 5px; border-radius: 5px; font-size: 11.5px; }
.bai-msg-error { align-self: flex-start; background: var(--color-sell-transparent); color: var(--color-sell); border: 1px solid rgba(246,70,93,.35); }
.bai-msg-typing { align-self: flex-start; color: var(--text-muted); font-size: 12px; font-style: italic; animation: baiPulse 1.2s ease-in-out infinite; }
@keyframes baiPulse { 0%, 100% { opacity: .45; } 50% { opacity: 1; } }
.bai-nav-row { margin-top: 8px; display: flex; flex-wrap: wrap; gap: 6px; }
.bai-nav-btn { font-size: 11px; font-weight: 700; padding: 5px 10px; border-radius: 8px; cursor: pointer;
  background: rgba(124,77,255,.16); border: 1px solid rgba(124,77,255,.4); color: var(--text-primary); transition: all .15s; }
.bai-nav-btn:hover { background: rgba(124,77,255,.28); border-color: rgba(124,77,255,.6); }
.bai-access-link { display: inline-flex; text-decoration: none; }
.bai-inputwrap { flex: 0 0 auto; display: flex; align-items: flex-end; gap: 8px; padding: 10px 12px; border-top: 1px solid var(--stroke-soft); }
.bai-textarea { flex: 1 1 auto; resize: none; box-sizing: border-box; height: 38px; padding: 9px 11px; border-radius: 10px;
  background: rgba(0,0,0,.3); border: 1px solid var(--stroke-soft); color: var(--text-primary); font-family: var(--font-family);
  font-size: 12.5px; line-height: 1.35; outline: none; }
.bai-textarea:focus { border-color: var(--color-cosmos); }
.bai-send-btn { flex: 0 0 auto; display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; padding: 0;
  border-radius: 10px; background: var(--color-cosmos); border: none; color: #fff; cursor: pointer; transition: opacity .15s; }
.bai-send-btn:hover { opacity: .85; }
.bai-send-btn:disabled { opacity: .5; cursor: default; }
.bai-send-btn i, .bai-send-btn svg { width: 16px; height: 16px; }
.bai-disclaim { flex: 0 0 auto; padding: 6px 12px 10px; font-size: 9.5px; line-height: 1.4; color: var(--text-muted); text-align: center; }
@media (max-width: 700px) {




  .bai-panel {
    left: 0 !important; right: 0 !important;


    top: calc(var(--ts-h, 0px) + 45px) !important; bottom: 0 !important;
    width: 100% !important; max-width: 100%; height: auto; max-height: none;
    box-sizing: border-box; border-radius: 16px 16px 0 0; overscroll-behavior: contain;
  }
  .bai-msgs { min-height: 0; overscroll-behavior: contain; }
  .bai-disclaim { padding-bottom: max(10px, env(safe-area-inset-bottom)); }
}


.bai-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0 4px; }
.bai-chip { background: rgba(255,255,255,.05); border: 1px solid var(--stroke); color: var(--text);
  border-radius: 999px; padding: 5px 10px; font-size: 11px; cursor: pointer; transition: background .15s; }
.bai-chip:hover { background: rgba(255,255,255,.12); }
.bai-chips-mini { display: flex; gap: 6px; overflow-x: auto; padding: 4px 10px 2px; scrollbar-width: none; }
.bai-chips-mini::-webkit-scrollbar { display: none; }
.bai-chips-mini .bai-chip { flex: 0 0 auto; font-size: 10.5px; padding: 3px 9px; }
.bai-chips-mini.hidden { display: none; }


.global-nav-row {
  position: relative;
  z-index: 30;
  flex: 0 0 48px;
  min-width: 0;
  height: 48px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 14px;
  background: linear-gradient(180deg, rgba(13, 10, 24, .98), rgba(9, 7, 17, .94));
  border-bottom: 1px solid var(--stroke);
  box-shadow: 0 1px 0 var(--stroke-soft);
  backdrop-filter: blur(16px) saturate(140%);
}
.global-brand {
  height: 36px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  flex: 0 0 auto;
  color: inherit;
  text-decoration: none;
}
.global-brand .logo-crown { width: 30px; height: 30px; }
.global-brand .bx-brand { font-size: 15px; }
.global-nav-separator { flex: 0 0 auto; color: rgba(255, 255, 255, .22); font-size: 17px; }
.global-nav-row .view-nav {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  max-width: none;
  height: 36px;
  margin: 0;
  padding: 1px 0;
  gap: 3px;
  align-items: center;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-behavior: smooth;
}
.global-nav-row .view-tab {
  height: 34px;
  padding: 0 8px;
  border: 1px solid transparent;
  border-radius: 9px;
  font-size: 12.25px;
  line-height: 1;
  white-space: nowrap;
  text-decoration: none;
}
.global-nav-row .view-tab:hover { background: rgba(255, 255, 255, .045); }
.global-nav-row .view-tab.active,
.global-nav-row .view-tab.sec-active {
  background: rgba(124, 77, 255, .15);
  border-color: rgba(124, 77, 255, .30);
  box-shadow: none;
}
.nav-dex-cluster { display: inline-flex; align-items: center; flex: 0 0 auto; }
.global-nav-row .nav-dex-cluster #nav-root-dex { border-radius: 9px 0 0 9px; }






.global-nav-row .nav-tools-toggle {
  width: 20px;
  min-width: 20px;
  padding: 0;
  justify-content: center;
  border-radius: 0 9px 9px 0;
  margin-left: -1px;
}
.global-nav-row .nav-tools-caret { font-size: 9px; }
.global-nav-row #bony-ai { margin-inline-start: 0; }
.global-nav-row .ai-pill {
  height: 34px;
  padding: 0 8px;
  border-radius: 9px;
  font-size: 12.25px;
}
.global-nav-row .ai-pill > span:not(.tab-chip) { display: inline; }
.global-mobile-quick { display: none; }
.global-account-link {








  margin-left: auto;
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex: 0 0 auto;
  padding: 0 10px;
  border: 1px solid rgba(78, 161, 255, .28);
  border-radius: 9px;
  background: rgba(78, 161, 255, .075);
  color: #bcd9ff;
  font-family: var(--font-logo);
  font-size: 12.25px;
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  transition: background .15s, border-color .15s, color .15s;
}
.global-account-link:hover,
.global-account-link:focus-visible {
  color: #fff;
  background: rgba(78, 161, 255, .15);
  border-color: rgba(78, 161, 255, .48);
  outline: none;
}
.global-account-link i,
.global-account-link svg { width: 16px; height: 16px; flex: 0 0 auto; }


.app-header > .header-context { flex: 0 0 auto; min-width: 0; }















.app-header:has(> .header-context > .hdr-view-slot:not(.nw-hide-el)) > .header-context { flex-shrink: 1; }
.app-header > .header-context > .live-badge,
.app-header > .header-context > .net-switcher { flex: 0 0 auto; }


.app-header > .nw-headbar .nw-tabs { display: none; }

@media (max-width: 700px) {

  .global-nav-row { flex-basis: 46px; height: 46px; gap: 5px; padding: 5px 8px; flex-wrap: nowrap; }
  .global-nav-row > .view-nav { flex: 1 1 auto; }
  .global-brand { gap: 5px; }
  .global-brand .logo-crown { width: 27px; height: 27px; }
  .global-brand .bx-brand { font-size: 14px; }
  .global-nav-separator { display: none; }






  .global-account-link { padding: 0 8px; gap: 5px; font-size: 11.5px; }
  .global-nav-row .view-tab { padding-inline: 7px; }



  .global-nav-row #bony-ai { order: -1; }
}







@media (max-width: 560px) {
  .global-nav-row { flex-wrap: wrap; flex-basis: auto; height: auto; row-gap: 4px; }
  .global-brand { order: 0; }
  .global-mobile-quick {
    order: 1; display: flex; align-items: center; gap: 5px; height: 36px;
    flex: 0 0 auto; min-width: 0; margin-inline-start: auto;
  }
  .global-mobile-quick #bony-ai { order: 0; }
  .global-mobile-quick #nav-agents-btn { flex: 0 0 auto; }












  .view-nav > #bony-ai,
  .view-nav > #nav-agents-btn { display: none; }
  .global-account-link { order: 2; margin: 0; }
  .global-nav-row > .view-nav { order: 3; flex: 1 0 100%; }




  .global-nav-row.s0-hud-on > .view-nav { max-width: calc(100% - 173px); }
}
@media (max-width: 420px) {
  .global-brand .logo-icon { display: none; }
}



@media (max-width: 389px) {
  .global-brand .logo-icon { display: inline-flex; }
  .global-brand .logo-text { display: none; }
}


@media (max-width: 340px) {
  .global-nav-row { gap: 4px; }
  .global-mobile-quick { gap: 4px; }
  .global-nav-row .view-tab { padding-inline: 6px; }
  .global-nav-row .ai-pill { padding-inline: 7px; }
  .global-account-link { padding-inline: 7px; }
}




.app-statusbar {
  position: fixed; left: 0; right: 0; bottom: 0; z-index: 40;
  display: flex; align-items: center; gap: 10px;
  height: 22px; padding: 0 12px;
  font-size: 11px; color: var(--text-muted);
  background: rgba(9, 7, 16, 0.94); backdrop-filter: blur(8px);
  border-top: 1px solid var(--border-color);
  white-space: nowrap; overflow: hidden;
}
.app-statusbar .sb-cell { display: inline-flex; align-items: center; gap: 5px; min-width: 0; }
.app-statusbar .sb-label { text-transform: uppercase; font-size: 10px; opacity: .65; }
.app-statusbar .sb-sep { width: 1px; height: 11px; background: var(--border-color); flex: 0 0 auto; }
.app-statusbar .sb-spacer { flex: 1 1 auto; }
.app-statusbar .sb-muted { opacity: .7; overflow: hidden; text-overflow: ellipsis; }
.app-statusbar .sb-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--text-muted); flex: 0 0 auto; }
.app-statusbar .sb-dot.ok { background: var(--color-buy, #16c784); }
.app-statusbar .sb-dot.warn { background: #e0a72c; }
.app-statusbar .sb-dot.bad { background: var(--color-sell, #ea3943); }
body { padding-bottom: 22px; }








.fut-exec-widget { margin: 0 10px 10px; padding: 10px 12px; position: relative; z-index: 5; }
.fut-exec-widget .fut-form-body,
.fut-exec-widget > form,
.fut-exec-widget { min-height: 0; }
.fut-exec-widget .fut-form { display: flex; flex-direction: column; gap: 9px; padding: 0; min-height: 0; }
.fut-exec-widget .fut-row { display: flex; align-items: center; gap: 12px; min-width: 0; }


.fut-exec-widget .fut-row-head { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
.fut-exec-widget .fut-row-head .fut-det-list { justify-self: end; margin: 0; }
.fut-exec-widget .fut-row-head #futMarginMode { justify-self: start; }
.fut-exec-widget .fut-row-tiles { display: grid; grid-template-columns: 1fr 1fr 1.3fr; gap: 10px; align-items: stretch; }


.fut-exec-widget .fut-tile {
  background: rgba(0,0,0,0.32); border: 1px solid rgba(255,255,255,0.05); border-radius: 10px;
  padding: 7px 12px; display: flex; flex-direction: column; justify-content: center; gap: 2px;


  min-width: 0; overflow: hidden; min-height: 64px;
}
.fut-exec-widget .fut-tile:focus-within { border-color: rgba(124,77,255,0.55); background: rgba(0,0,0,0.42); }
.fut-exec-widget .fut-tile > span:first-child,
.fut-exec-widget .fut-tile-lbl {
  font-size: 9.5px; color: var(--text-muted); text-transform: uppercase; letter-spacing: .7px;
  font-weight: 600; white-space: nowrap;
}
.fut-exec-widget .fut-tile input {
  background: none; border: 0; padding: 0; height: 30px; width: 100%; outline: none;
  color: var(--text-primary); font-size: 21px; font-weight: 700; letter-spacing: -.5px;
  font-variant-numeric: tabular-nums;
}


.fut-exec-widget .fut-tile-total > b {
  font-size: 21px; font-weight: 700; letter-spacing: -.5px; font-variant-numeric: tabular-nums; color: #f0b90b;
}
.fut-exec-widget .fut-tile-sub {
  font-size: 10.5px; color: var(--text-muted); font-style: normal; white-space: nowrap;
  overflow: hidden; text-overflow: ellipsis;
}
.fut-exec-widget .fut-tile-sub b { color: var(--text-primary); font-weight: 600; font-variant-numeric: tabular-nums; }
.fut-exec-widget .fut-tile-sub:empty { display: none; }


.fut-exec-widget .fut-seg-plain { background: none; border: 0; padding: 0; gap: 14px; flex: 0 0 auto; height: 22px; }
.fut-exec-widget .fut-seg-plain button {
  background: none; border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: 0 0 3px;
  color: var(--text-muted); font-weight: 600; font-size: 12px; cursor: pointer; white-space: nowrap;
}
.fut-exec-widget .fut-seg-plain button:hover { color: var(--text-primary); }
.fut-exec-widget .fut-seg-plain button.active { color: var(--text-primary); border-bottom-color: var(--color-cosmos); background: none; }




.fut-exec-widget .fut-lev-cell { display: flex; flex-direction: column; gap: 4px; flex: 0 1 320px; min-width: 240px; }
.fut-exec-widget .fut-lev-presets { display: grid; grid-template-columns: repeat(5, 1fr); gap: 4px; }
.fut-exec-widget .fut-lev-preset {
  background: rgba(0,0,0,0.32); border: 1px solid rgba(255,255,255,0.05); border-radius: 5px;
  color: var(--text-muted); font-size: 10px; font-weight: 600; padding: 3px 0; cursor: pointer;
}
.fut-exec-widget .fut-lev-preset:hover:not(:disabled) { color: var(--text-primary); border-color: var(--color-cosmos); }
.fut-exec-widget .fut-lev-preset.active { background: rgba(124,77,255,.18); border-color: var(--color-cosmos); color: var(--text-primary); }
.fut-exec-widget .fut-lev-preset:disabled { opacity: .3; cursor: not-allowed; }
.fut-exec-widget .fut-lev-row { display: flex; justify-content: space-between; gap: 8px; font-size: 11.5px; color: var(--text-muted); }
.fut-exec-widget .fut-lev-row span:last-child { color: var(--color-cosmos); font-weight: 700; font-size: 13px; font-variant-numeric: tabular-nums; }
.fut-exec-widget .fut-lev-cell .fut-range { height: 4px; margin: 0 7px; }
.fut-exec-widget .fut-size-cell .fut-range { margin: 0; }
.fut-exec-widget .fut-range::-webkit-slider-thumb {
  -webkit-appearance: none; width: 14px; height: 14px; border-radius: 50%;
  background: var(--color-cosmos); border: 2px solid #0b0916; cursor: grab;
}
.fut-exec-widget .fut-det-list { display: flex; gap: 14px; margin-left: auto; flex: 0 0 auto; }
.fut-exec-widget .fut-det-row { display: flex; align-items: baseline; gap: 6px; font-size: 11px; color: var(--text-muted); white-space: nowrap; }
.fut-exec-widget .fut-det-row b { color: var(--text-primary); font-weight: 600; font-variant-numeric: tabular-nums; }





.fut-exec-widget .fut-size-cell { display: flex; flex-direction: column; gap: 2px; flex: 1 1 auto; min-width: 140px; padding: 0 8px; }
.fut-exec-widget .fut-pct-marks { font-size: 9px; }
.fut-exec-widget #futTpslBox { display: flex; align-items: center; gap: 10px; flex: 0 1 auto; min-width: 0; }
.fut-exec-widget #futTpslFields { display: flex; gap: 8px; }
.fut-exec-widget #futTpslFields .fut-fld { flex: 0 0 120px; }


.fut-exec-widget .fut-form.fut-pro-mode .fut-row-tiles { grid-template-columns: 1fr 1.3fr; }

.fut-exec-widget #futProBox { display: flex; align-items: center; gap: 12px; flex: 1 1 auto; min-width: 0; }
.fut-exec-widget #futProScale, .fut-exec-widget #futProTwap {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; flex: 1;
}
.fut-exec-widget #futProScale .fut-fld, .fut-exec-widget #futProTwap .fut-fld {
  flex: 1; min-width: 0; background: rgba(0,0,0,0.32); border: 1px solid rgba(255,255,255,0.05);
  border-radius: 8px; padding: 5px 10px; gap: 1px;
}
.fut-exec-widget #futProScale .fut-fld span, .fut-exec-widget #futProTwap .fut-fld span {
  font-size: 9.5px; color: var(--text-muted); text-transform: uppercase; letter-spacing: .6px; font-weight: 600;
}
.fut-exec-widget #futProScale .fut-fld input, .fut-exec-widget #futProTwap .fut-fld input {
  background: none; border: 0; padding: 0; height: 24px; color: var(--text-primary);
  font-size: 15px; font-weight: 700; font-variant-numeric: tabular-nums; outline: none; width: 100%;
}






.fut-exec-widget .fut-row-act {
  gap: 14px; display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center;
}


.fut-exec-widget .fut-pro-hint { margin: 0; font-size: 12px; line-height: 1; cursor: help; flex: 0 0 auto; opacity: .75; }
.fut-exec-widget .fut-pro-hint:hover { opacity: 1; }


.fut-exec-widget .fut-act-buttons { grid-row: 1; }
.fut-exec-widget .fut-exec-msg {
  font-size: 11px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
  grid-column: 3; grid-row: 1; justify-self: start; padding-left: 4px; padding-right: 0;
}
.fut-exec-widget .fut-exec-msg-warn { color: #f0b429; }



.fut-exec-widget .fut-act-buttons { display: grid; grid-template-columns: 232px 232px; gap: 12px; grid-column: 2; }
.fut-exec-widget .fut-act-buttons .fbs {
  height: 44px; border-radius: 12px; font-family: var(--font-logo); font-size: 14px; font-weight: 700;
  letter-spacing: .4px; opacity: 1; border: none; cursor: pointer; transition: all .18s; white-space: nowrap;
}
.fut-exec-widget .fut-act-buttons .fbs:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.06); }
.fut-exec-widget .fut-act-buttons .fbs-buy { background: var(--buy-grad); color: #04130d; box-shadow: 0 10px 28px -10px rgba(14,203,129,.65); }
.fut-exec-widget .fut-act-buttons .fbs-sell { background: var(--sell-grad); color: #fff; box-shadow: 0 10px 28px -10px rgba(246,70,93,.65); }



.fut-exec-widget .fut-act-buttons .fbs:disabled { opacity: .38; cursor: not-allowed; }




.fut-md-filters { display: flex; flex-wrap: wrap; gap: 4px; padding: 6px 8px 2px; }
.fut-md-pf {
  background: rgba(0,0,0,0.32); border: 1px solid rgba(255,255,255,0.05); border-radius: 6px;
  color: var(--text-muted); font-size: 10.5px; font-weight: 600; padding: 3px 9px; cursor: pointer;
}
.fut-md-pf:hover { color: var(--text-primary); }
.fut-md-pf.on { color: #fff; background: rgba(124,77,255,.22); border-color: rgba(124,77,255,.5); }
.fmd-fav { background: none; border: 0; padding: 0 6px 0 0; cursor: pointer; color: var(--text-muted); font-size: 12px; line-height: 1; }
.fmd-fav.on { color: #f5c542; }
.fmd-dex {
  font-size: 8.5px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px;
  background: rgba(124,77,255,.18); color: #b9a9ff; border-radius: 4px; padding: 1px 4px; margin-left: 5px;
}



.fut-exec-widget .fut-range, #view-cex .cx-exec-panel #cx-leverage {
  -webkit-appearance: none; appearance: none; background: rgba(255,255,255,0.10); border-radius: 2px; outline: none;
}
.fut-exec-widget .fut-range::-webkit-slider-runnable-track,
#view-cex .cx-exec-panel #cx-leverage::-webkit-slider-runnable-track {
  height: 4px; background: transparent; border-radius: 2px;
}
#view-cex .cx-exec-panel #cx-leverage::-webkit-slider-thumb {
  -webkit-appearance: none; width: 14px; height: 14px; margin-top: -5px; border-radius: 50%;
  background: var(--color-cosmos); border: 2px solid #0b0916; cursor: grab;
}
.fut-exec-widget .fut-range::-webkit-slider-thumb { margin-top: -5px; }










@media (pointer: coarse) {
  #futLeverage, #futSizePct {
    height: 44px; background: transparent;
  }
  #futLeverage::-webkit-slider-runnable-track, #futSizePct::-webkit-slider-runnable-track {
    height: 4px; background: rgba(255,255,255,0.10); border-radius: 2px;
  }
  #futLeverage::-moz-range-track, #futSizePct::-moz-range-track {
    height: 4px; background: rgba(255,255,255,0.10); border-radius: 2px;
  }


  .fut-chk { min-height: 44px; }
}




@media (max-width: 620px) {
  .fut-exec-widget { padding: 10px; }
  .fut-exec-widget .fut-row { flex-wrap: wrap; gap: 8px 10px; }
  .fut-exec-widget .fut-row-head { display: flex; }
  .fut-exec-widget .fut-lev-cell { flex: 1 1 100%; }
  .fut-exec-widget .fut-det-list { margin-left: 0; }
  .fut-exec-widget .fut-row-tiles { grid-template-columns: 1fr 1fr; }
  .fut-exec-widget .fut-tile-total { grid-column: 1 / -1; min-height: 0; }
  .fut-exec-widget .fut-form.fut-pro-mode .fut-row-tiles { grid-template-columns: 1fr 1fr; }
  .fut-exec-widget .fut-tile input, .fut-exec-widget .fut-tile-total > b { font-size: 17px; }
  .fut-exec-widget .fut-row-act { display: flex; flex-wrap: wrap; }
  .fut-exec-widget .fut-act-buttons { grid-template-columns: 1fr 1fr; flex: 1 1 100%; }
  .fut-exec-widget .fut-act-buttons .fbs { height: 42px; }
  .fut-exec-widget #futProBox, .fut-exec-widget #futTpslBox { flex-wrap: wrap; }
  .fut-exec-widget #futProScale, .fut-exec-widget #futProTwap { grid-template-columns: 1fr 1fr; }
}







#view-trade .trading-widget { padding: 10px 12px; overflow: visible; }


#view-trade .trading-widget .tw-head-shared { margin-bottom: 9px; }
#view-trade .trading-form-wrap { display: flex; flex-direction: column; gap: 9px; padding: 0; }
#view-trade .tw-row { display: flex; align-items: center; gap: 12px; min-width: 0; }
#view-trade .tw-row-head { justify-content: space-between; }
#view-trade .tw-row-tiles { display: grid; grid-template-columns: 1fr 1fr 1.15fr; gap: 10px; align-items: stretch; }



#view-trade .tw-row-act {
  display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  gap: 14px; align-items: center;
}



#view-trade .tw-row-act .trade-disclaimer { grid-column: 1; grid-row: 1; font-size: 10px; line-height: 1.3; }
#view-trade .tw-row-act .tw-side { grid-column: 2; grid-row: 1; justify-self: center; }
#view-trade .tw-row-act .tw-exec-msg { grid-column: 3; grid-row: 1; justify-self: end; margin-left: 0; }
#view-trade .tw-row-act .btn-trade { grid-column: 2; grid-row: 1; justify-self: center; }
#view-trade .ladder-group.tw-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; }
#view-trade .ladder-group .ladder-preview { grid-column: 1 / -1; }



#view-trade .trading-form-wrap.tw-mode-ladder .tw-row-tiles { grid-template-columns: 1fr; }




@media (min-width: 621px) {
  #view-trade .trading-form-wrap.tw-mode-ladder {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 9px 10px; align-items: stretch;
  }
  #view-trade .trading-form-wrap.tw-mode-ladder > .tw-row-tiles,
  #view-trade .trading-form-wrap.tw-mode-ladder > .ladder-group { display: contents; }
  #view-trade .trading-form-wrap.tw-mode-ladder .tw-tile-total { grid-column: 3; grid-row: 1 / span 2; }
  #view-trade .trading-form-wrap.tw-mode-ladder .ladder-preview,
  #view-trade .trading-form-wrap.tw-mode-ladder > .tw-row-act { grid-column: 1 / -1; }
}

#view-trade .trading-form-wrap.tw-mode-market .tw-row-tiles { grid-template-columns: 1fr 1.15fr; }

#view-trade .tw-tile {
  background: rgba(0,0,0,0.32); border: 1px solid rgba(255,255,255,0.05); border-radius: 10px;
  padding: 9px 12px; display: flex; flex-direction: column; justify-content: center; gap: 2px;
  min-width: 0; overflow: hidden; min-height: 74px;
}
#view-trade .tw-tile:focus-within { border-color: rgba(124,77,255,0.55); background: rgba(0,0,0,0.42); }
#view-trade .tw-tile > label {
  font-size: 9.5px; color: var(--text-muted); text-transform: uppercase; letter-spacing: .7px;
  font-weight: 600; white-space: nowrap;
}
#view-trade .tw-tile .input-with-addon { background: none; border: 0; border-radius: 0; padding: 0; height: auto; align-items: baseline; gap: 7px; }
#view-trade .tw-tile .input-with-addon input,
#view-trade .tw-tile > input {
  background: none; border: 0; padding: 0; height: 28px; width: 100%; outline: none; color: var(--text-primary);
  font-size: 21px; font-weight: 700; letter-spacing: -.5px; font-variant-numeric: tabular-nums;
}
#view-trade .tw-tile .input-addon { font-size: 12px; padding: 0; background: none; color: var(--text-muted); }
#view-trade .tw-tile-sub { font-size: 10.5px; color: var(--text-muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#view-trade .tw-tile-sub:empty { display: none; }
#view-trade .tw-tile-total .trading-total-row { border-top: 0; padding: 0; display: block; }
#view-trade .tw-tile-total .total-value { color: #f0b90b; font-size: 21px; font-weight: 700; letter-spacing: -.5px; font-variant-numeric: tabular-nums; }
#view-trade .tw-tile .tw-pcts, #dn-percent-group { display: grid; grid-template-columns: repeat(4, 1fr); gap: 5px; }
#view-trade .tw-tile .btn-percent, #dn-percent-group .btn-percent { padding: 0; letter-spacing: 0; height: 22px; font-size: 10px; border-radius: 5px; background: rgba(0,0,0,0.32); }


#view-trade .trading-widget .ordertype-tabs { height: 22px; background: none; padding: 0; gap: 16px; flex: 0 0 auto; }
#view-trade .trading-widget .ordertype-tab {
  display: flex; align-items: center; padding: 0 0 3px; font-size: 12.5px; border-radius: 0;
  border-bottom: 2px solid transparent; color: var(--text-muted); font-weight: 600; background: none;
}
#view-trade .trading-widget .ordertype-tab.active { background: none; color: var(--text-primary); border-bottom-color: var(--color-cosmos); }
#view-trade .trading-widget .trading-tabs { height: 30px; border-bottom: 0; gap: 4px; flex: 0 0 auto; }
#view-trade .trading-widget .trading-tab { height: 30px; font-size: 12px; border-radius: 8px; padding: 0 14px; flex: 0 0 auto; }
#view-trade .trading-widget .wallet-balance-row { padding: 0; background: none; border: 0; display: flex; gap: 6px; align-items: baseline; font-size: 11px; }

#view-trade .tw-row-act .trade-disclaimer, #view-dexnet .dn-act-row .trade-disclaimer { margin: 0; flex: 1 1 auto; min-width: 0; font-size: 10.5px; }



#view-trade .trading-widget .tw-side {





  display: grid; grid-template-columns: 1fr 1fr; gap: 12px; flex: 0 0 520px; width: 520px; max-width: 100%; height: 48px;
  border-bottom: 0; background: none; padding: 0;
}
#view-trade .trading-widget .tw-side .trading-tab {
  height: 48px; border-radius: 12px; font-family: var(--font-logo); font-size: 15px; font-weight: 700;
  letter-spacing: .4px; padding: 0 8px; flex: none; border: none; cursor: pointer; transition: all .18s;
  display: flex; align-items: center; justify-content: center; white-space: nowrap; opacity: 1;
}
#view-trade .trading-widget .tw-side .tab-buy { background: var(--buy-grad); color: #04130d; box-shadow: 0 10px 28px -10px rgba(14,203,129,.65); }
#view-trade .trading-widget .tw-side .tab-sell { background: var(--sell-grad); color: #fff; box-shadow: 0 10px 28px -10px rgba(246,70,93,.65); }
#view-trade .trading-widget .tw-side .trading-tab:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.06); }


#view-trade .trading-widget .tw-side .trading-tab:disabled { opacity: .38; cursor: not-allowed; box-shadow: none; }
#view-trade .tw-row-act .btn-trade { flex: 0 0 260px; height: 40px; margin: 0; }





#view-trade .trading-widget .tw-tabs-sep, #view-dexnet .dn-mode-tabs .tw-tabs-sep {
  width: 1px; height: 12px; flex: 0 0 auto; align-self: center;
  background: var(--stroke-soft); margin: 0 2px;
}
#view-trade .trading-widget .trade-mode {
  background: none; border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: 0 0 3px;
  color: var(--text-muted); font-weight: 700; font-size: 12.5px; cursor: pointer; white-space: nowrap;
  flex: 0 0 auto;
}
#view-trade .trading-widget .trade-mode:hover { color: var(--text-primary); }
#view-trade .trading-widget .trade-mode.active { background: none; color: var(--text-primary); border-bottom-color: var(--color-cosmos); }








#view-trade #mode-swap, #view-trade #mode-ccswap {
  display: grid;


  grid-template-columns: minmax(0, 1fr) 44px minmax(0, 1fr) minmax(0, 1fr);
  grid-template-areas:
    "pay flip receive details"
    "slip btn btn note";
  gap: 10px 12px; align-items: stretch;
}


#view-trade #btn-swap, #view-trade #btn-ccswap { justify-self: center; width: min(100%, 300px); }
#view-trade #mode-swap > .swap-box:nth-of-type(1),
#view-trade #mode-ccswap > .swap-box:nth-of-type(1) { grid-area: pay; }
#view-trade .swap-arrow { grid-area: flip; align-self: center; margin: 0; }
#view-trade #mode-swap > .swap-box:nth-of-type(2),
#view-trade #mode-ccswap > .swap-box:nth-of-type(2) { grid-area: receive; }



#view-trade #swap-info, #view-trade #cc-info {
  grid-area: details; margin: 0; display: flex; flex-direction: column; justify-content: center; gap: 2px;
  background: rgba(0,0,0,0.32); border: 1px solid rgba(255,255,255,0.05); border-radius: 10px;
  padding: 9px 12px; min-height: 74px; min-width: 0; overflow: hidden;
}
#view-trade .si-idle { color: var(--text-muted); font-size: 11px; }
#view-trade #mode-swap .swap-slip, #view-trade #mode-ccswap .swap-slip { grid-area: slip; margin: 0; }
#view-trade #mode-swap .trade-disclaimer, #view-trade #mode-ccswap .trade-disclaimer { grid-area: note; margin: 0; align-self: center; }
#view-trade #btn-swap, #view-trade #btn-ccswap { grid-area: btn; margin: 0; height: 40px; }


#view-trade .swap-box {
  background: rgba(0,0,0,0.32); border: 1px solid rgba(255,255,255,0.05); border-radius: 10px;
  padding: 9px 12px; display: flex; flex-direction: column; justify-content: center; gap: 3px; min-height: 74px;
}
#view-trade .swap-row-head { font-size: 9.5px; text-transform: uppercase; letter-spacing: .7px; color: var(--text-muted); font-weight: 600; }
#view-trade .swap-input-row input {
  background: none; border: 0; padding: 0; height: 28px; font-size: 21px; font-weight: 700;
  letter-spacing: -.5px; font-variant-numeric: tabular-nums; color: var(--text-primary); outline: none; min-width: 0;
}
#view-trade .swap-pct { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
#view-trade .swap-pct button { height: 22px; font-size: 10px; border-radius: 5px; }
#view-trade .swap-arrow button { width: 34px; height: 34px; border-radius: 50%; }
#view-trade .swap-slip { display: flex; align-items: center; gap: 8px; font-size: 10.5px; color: var(--text-muted); }
#view-trade .swap-info { font-size: 10.5px; color: var(--text-muted); line-height: 1.4; }






#view-dexnet .dn-form {
  display: grid; grid-template-columns: auto minmax(0, 1fr);
  grid-template-areas: "modes bal" "pane pane" "note note";
  gap: 9px 14px; padding: 10px 12px; align-items: center;
}
#view-dexnet .dn-form > .dn-bal-row { grid-area: bal; justify-self: end; }
#view-dexnet .dn-form > .dn-mode-tabs { grid-area: modes; }
#view-dexnet #dn-pane-limit, #view-dexnet #dn-pane-swap { grid-area: pane; }
#view-dexnet .dn-phase2-note { grid-area: note; margin: 0; }
#view-dexnet .dn-mode-tabs {
  display: flex; gap: 16px; background: none; border: 0; padding: 0; height: 22px; flex: 0 0 auto;
}
#view-dexnet .dn-mode-tabs .trade-mode {
  background: none; border: 0; border-bottom: 2px solid transparent; border-radius: 0; padding: 0 0 3px;
  color: var(--text-muted); font-weight: 700; font-size: 12.5px; cursor: pointer; flex: 0 0 auto;
}
#view-dexnet .dn-mode-tabs .trade-mode.active { color: var(--text-primary); border-bottom-color: var(--color-cosmos); background: none; }
#view-dexnet .dn-bal-row { display: flex; gap: 6px; align-items: baseline; padding: 0; background: none; border: 0; font-size: 11px; }


#view-dexnet #dn-pane-limit {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; align-items: stretch;
}
#view-dexnet #dn-pane-limit .dn-fld {
  background: rgba(0,0,0,0.32); border: 1px solid rgba(255,255,255,0.05); border-radius: 10px;
  padding: 9px 12px; display: flex; flex-direction: column; gap: 2px; min-height: 74px; justify-content: center;
}
#view-dexnet #dn-pane-limit .dn-fld > span {
  font-size: 9.5px; text-transform: uppercase; letter-spacing: .7px; color: var(--text-muted); font-weight: 600;
}
#view-dexnet #dn-pane-limit .dn-fld input {
  background: none; border: 0; padding: 0; height: 28px; font-size: 21px; font-weight: 700;
  letter-spacing: -.5px; font-variant-numeric: tabular-nums; color: var(--text-primary); outline: none; width: 100%;
}






#view-dexnet #dn-pane-limit .dn-act-row {
  grid-column: 1 / -1; display: flex; align-items: stretch; gap: 12px; min-width: 0;
}
#view-dexnet #dn-pane-limit .dn-buysell { flex: 1 1 320px; max-width: 420px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
#view-dexnet #dn-pane-limit .dn-act-row .dn-exec-msg { flex: 1 1 auto; }
#view-dexnet #dn-pane-limit .dn-buysell .dbs { height: 38px; border-radius: 10px; font-size: 13px; }


#view-dexnet #dn-pane-swap {
  display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr);
  grid-template-areas: "prov prov prov" "amt sim slip" "quick sim btn"; gap: 10px 12px; align-items: center;
}
#view-dexnet #dn-pane-swap > .dn-fld { grid-area: amt; background: rgba(0,0,0,0.32); border: 1px solid rgba(255,255,255,0.05);
  border-radius: 10px; padding: 9px 12px; display: flex; flex-direction: column; gap: 2px; min-height: 74px; justify-content: center; }
#view-dexnet #dn-pane-swap > .dn-fld > span { font-size: 9.5px; text-transform: uppercase; letter-spacing: .7px; color: var(--text-muted); font-weight: 600; }
#view-dexnet #dn-pane-swap > .dn-fld input { background: none; border: 0; padding: 0; height: 28px; font-size: 21px; font-weight: 700; color: var(--text-primary); outline: none; width: 100%; }
#view-dexnet #dn-quick { grid-area: quick; }
#view-dexnet #dn-pane-swap .dn-sim { grid-area: sim; margin: 0; }
#view-dexnet #dn-pane-swap .dn-slip { grid-area: slip; margin: 0; }







#view-dexnet #dn-pane-swap > .dn-prov-block { grid-area: prov; margin: 0; }
.dn-prov-block { display: flex; flex-direction: column; gap: 6px; }
#view-dexnet #dn-swap-btn { grid-area: btn; height: 40px; margin: 0; }
#view-dexnet #dn-pane-swap > .trade-disclaimer { grid-column: 1 / -1; margin: 0; font-size: 10.5px; }
#view-dexnet #dn-mev-hint { display: none; }




@media (max-width: 620px) {

  #view-trade .trading-widget { padding: 10px; }
  #view-trade .tw-row { flex-wrap: wrap; gap: 8px 10px; }
  #view-trade .tw-row-tiles { grid-template-columns: 1fr 1fr; }


  #view-trade .ladder-group.tw-row { grid-template-columns: 1fr 1fr; }
  #view-trade .tw-tile-total { grid-column: 1 / -1; min-height: 0; }
  #view-trade .tw-tile .input-with-addon input, #view-trade .tw-tile > input,
  #view-trade .tw-tile-total .total-value { font-size: 17px; }
  #view-trade .trading-widget .tw-side { flex: 1 1 100%; }








  #view-trade .tw-row-head > .wallet-balance-row { flex: 1 1 100%; }


  #view-trade .tw-row-act { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  #view-trade .tw-row-act .trade-disclaimer, #view-trade .tw-row-act .tw-exec-msg,
  #view-trade .tw-row-act .tw-side, #view-trade .tw-row-act .btn-trade {
    grid-column: 1; grid-row: auto; justify-self: stretch; text-align: center; white-space: normal;
  }
  #view-trade .tw-row-act .btn-trade { flex: 1 1 100%; }






  #view-trade .tw-row-act { grid-template-columns: auto minmax(0, 1fr); }
  #view-trade .tw-row-act .trade-disclaimer {
    grid-column: 1; grid-row: 1; justify-self: start; text-align: left; flex: 0 1 auto; min-width: 0;
  }
  #view-trade .tw-row-act .tw-exec-msg {
    grid-column: 2; grid-row: 1; justify-self: end; text-align: right; min-width: 0;
  }
  #view-trade .tw-row-act .tw-side, #view-trade .tw-row-act .btn-trade { grid-column: 1 / -1; }

  #view-trade #mode-swap, #view-trade #mode-ccswap {



    grid-template-columns: minmax(0, 1fr);
    grid-template-areas: "pay" "flip" "receive" "details" "slip" "btn" "note";
  }
  #view-trade #mode-swap > *, #view-trade #mode-ccswap > * { min-width: 0; }
  #view-trade .swap-slip { flex-wrap: wrap; }
  #view-trade .swap-arrow { justify-self: center; }
  #view-trade #btn-swap, #view-trade #btn-ccswap { width: 100%; }

  #view-dexnet .dn-form { grid-template-columns: 1fr; grid-template-areas: "modes" "bal" "pane" "note"; }
  #view-dexnet .dn-form > .dn-bal-row { justify-self: start; }
  #view-dexnet #dn-pane-limit { grid-template-columns: 1fr 1fr; }
  #view-dexnet #dn-pane-limit .dn-fld:nth-of-type(3) { grid-column: 1 / -1; }

  #view-dexnet #dn-pane-limit .dn-act-row { flex-wrap: wrap; }
  #view-dexnet #dn-pane-limit .dn-buysell { flex: 1 1 100%; max-width: none; }
  #view-dexnet #dn-pane-limit .dn-act-row .dn-exec-msg { flex: 1 1 100%; }
  #view-dexnet #dn-pane-limit #dn-limit-btn { grid-column: 1 / -1; }
  #view-dexnet #dn-pane-swap { grid-template-columns: 1fr; grid-template-areas: "prov" "amt" "quick" "sim" "slip" "btn"; }
}







.exec-info {
  display: flex; align-items: center; gap: 7px; min-width: 0;
  background: rgba(0,0,0,0.32); border: 1px solid rgba(255,255,255,0.05); border-radius: 10px;
  padding: 8px 12px; font-size: 11.5px; line-height: 1.35; color: var(--text-muted);
  white-space: normal; overflow-wrap: anywhere;
}
.exec-info:empty { display: none; }

.exec-info.exec-info-warn { color: #f0b90b; border-color: rgba(240,185,11,.35); background: rgba(240,185,11,.06); }

#view-trade .tw-row-act .tw-exec-msg { margin-left: auto; text-align: left; }
#view-trade .tw-row-act .tw-exec-msg-warn { color: #f0b90b; }




#view-dexnet .dn-exec-msg { text-align: left; }
#view-dexnet .dn-exec-msg-warn { color: #f0b90b; }
#view-dexnet .dn-buysell .dbs {
  height: 44px; border-radius: 12px; font-family: var(--font-logo); font-size: 14px; font-weight: 700;
  letter-spacing: .4px; border: none; cursor: pointer; transition: all .18s; white-space: nowrap;
  padding: 0 8px; opacity: 1;
}
#view-dexnet .dn-buysell .dbs-buy { background: var(--buy-grad); color: #04130d; box-shadow: 0 10px 28px -10px rgba(14,203,129,.65); }
#view-dexnet .dn-buysell .dbs-sell { background: var(--sell-grad); color: #fff; box-shadow: 0 10px 28px -10px rgba(246,70,93,.65); }
#view-dexnet .dn-buysell .dbs:hover:not(:disabled) { transform: translateY(-1px); filter: brightness(1.06); }
#view-dexnet .dn-buysell .dbs:disabled { opacity: .38; cursor: not-allowed; box-shadow: none; }





.hdr-view-slot { flex: 1 1 auto; min-width: 0; display: flex; align-items: center; gap: 10px; overflow-x: auto; scrollbar-width: none; }
.hdr-view-slot::-webkit-scrollbar { display: none; }







.hdr-view-slot > * {
  margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important;
  flex: 1 1 auto; min-width: 0;
  display: flex !important; align-items: center; gap: 8px; flex-wrap: nowrap !important;
}


.hdr-view-slot .topbar-spacer { display: none !important; }














@media (max-width: 480px) {
  :root:is([data-home-landing], :has(#view-home.active)):not(:has(.view.active:not(#view-home))) .app-header:not(:has(.hv-bar)) { min-height: 83px; }
}








@media (max-width: 600px) {
  .app-header:has(> .nw-headbar:not(.hidden)) > .header-logo:has(> .hdr-view-slot:is(.hdr-slot-news, .hdr-slot-calendar, .hdr-slot-signals)) {
    flex: 0 0 100%; width: 100%; order: 1;
  }
  .hdr-view-slot:is(.hdr-slot-news, .hdr-slot-calendar, .hdr-slot-signals) { overflow-x: hidden; width: 100%; }
  .hdr-view-slot:is(.hdr-slot-news, .hdr-slot-calendar, .hdr-slot-signals) > .nw-overview {
    display: grid !important; grid-template-columns: repeat(4, minmax(0, 1fr));
    flex: 0 0 100%; width: 100%; min-width: 0; gap: 4px; overflow: visible;
  }
  .hdr-view-slot .nw-overview > .nw-ov-tile {
    display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto auto;
    align-items: center; justify-items: center; gap: 2px 3px; min-width: 0; min-height: 39px;
    padding: 3px 4px; border-radius: 8px; line-height: 1.05; white-space: normal; overflow: hidden;
  }
  .hdr-view-slot .nw-overview > .nw-ov-tile > .k {
    grid-column: 1 / -1; max-width: 100%; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; font-size: 8.5px;
  }
  .hdr-view-slot .nw-overview > .nw-ov-tile > .v {
    grid-column: 1 / -1; max-width: 100%; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; font-size: 9.5px;
  }
  .hdr-view-slot .nw-overview > .nw-ov-tile:has(> .s) > .v { grid-column: 1; justify-self: end; }
  .hdr-view-slot .nw-overview > .nw-ov-tile > .s {
    grid-column: 2; grid-row: 2; max-width: 100%; overflow: hidden; text-overflow: ellipsis;
    white-space: nowrap; font-size: 8.5px;
  }
  .app-header > .nw-headbar { gap: 6px; }
  .app-header > .nw-headbar .nw-search { order: 1; flex: 1 1 auto; min-width: 110px; max-width: none; font-size: 16px; }



  .app-header > .nw-headbar .nw-updated-head { order: 2; margin-left: auto; font-size: 9.5px; }
  .app-header > .nw-headbar .nw-srcdown { order: 3; flex: 0 0 auto; }
  .app-header > .nw-headbar .nw-newpill { order: 4; }


  .nw-sig { padding: 5px 10px 5px 13px; }
  .nw-sig-head { margin-bottom: 2px; }
  .nw-sig-detail { line-height: 1.25; }
}

.nw-filtered-out { display: none !important; }
.nw-filter-empty { margin-top: 10px; }


#modal-confirm .cf-skip { display: flex; align-items: center; gap: 8px; margin: 12px 0 0; font-size: 11.5px; color: var(--text-muted); cursor: pointer; user-select: none; }
#modal-confirm .cf-skip input { accent-color: var(--color-cosmos); }


.sb-links { display: inline-flex; gap: 12px; }
.sb-links a { color: var(--text-muted); text-decoration: none; }
.sb-links a:hover { color: var(--text-primary); }


.an-form-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 12px; }
.an-input { background: var(--bg-card); color: var(--text-primary); border: 1px solid var(--stroke-soft); border-radius: 8px;
  padding: 6px 10px; font-size: 12px; font-family: var(--font-logo); min-width: 130px; }
.an-input:focus { border-color: var(--color-cosmos); outline: none; }
.an-btn-primary { background: rgba(124,77,255,.2); color: var(--text-primary); border: 1px solid rgba(124,77,255,.45);
  border-radius: 8px; padding: 6px 14px; font-size: 12px; font-weight: 600; cursor: pointer; font-family: var(--font-logo); }
.an-btn-primary:hover { background: rgba(124,77,255,.32); }
.an-x { background: none; border: none; color: var(--text-muted); font-size: 15px; line-height: 1; cursor: pointer; padding: 2px 6px; border-radius: 6px; }
.an-x:hover { color: var(--color-sell); background: var(--color-sell-transparent); }
.an-toggle { background: var(--stroke-soft); color: var(--text-muted); border: 1px solid var(--border-color); border-radius: 6px;
  padding: 2px 8px; font-size: 10.5px; font-weight: 700; cursor: pointer; text-transform: uppercase; }
.an-toggle.on { color: #0ecb81; background: rgba(14,203,129,.12); border-color: rgba(14,203,129,.4); }
.an-empty-box { color: var(--text-muted); font-size: 13px; line-height: 1.6; padding: 18px 4px; }
.an-cta { display: inline-block; background: var(--color-cosmos); color: #fff; text-decoration: none; border-radius: 9px;
  padding: 8px 16px; font-size: 12.5px; font-weight: 600; font-family: var(--font-logo); }
.an-cta:hover { filter: brightness(1.12); }






@media (max-width: 900px) {


  .app-header .header-logo { min-width: 0; flex: 1 1 auto; overflow: hidden; }
  .app-header .live-badge { display: none; }
  .hdr-view-slot { min-width: 0; max-width: 100%; }
  #view-analytics .an-toolbar,
  .hdr-view-slot .an-toolbar { flex-wrap: nowrap; gap: 6px; padding: 8px 10px; }
  .hdr-view-slot .an-crumb { display: none; }
  .an-select { padding: 5px 7px; font-size: 11.5px; }
  .an-pagebar { padding: 6px 12px 0; }
  .an-seo { padding: 8px 12px 2px; }
  .an-seo h1 { font-size: 15px; }
  .an-seo p { font-size: 11px; }
}



@media (max-width: 640px) {
  .app-statusbar .sb-links { display: none; }
  .app-statusbar .sb-cell:nth-child(5) { display: none; }
}


.an-chk { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: var(--text-muted);
  background: var(--bg-card); border: 1px solid var(--border-color); border-radius: 8px; padding: 5px 10px; cursor: pointer; }
.an-chk.on { color: var(--text-primary); border-color: rgba(124,77,255,.45); }
.an-chk input { accent-color: var(--color-cosmos); margin: 0; }
.an-chk-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; }
.an-sc-row { margin-bottom: 10px; }
.an-sc-head { display: flex; align-items: center; gap: 7px; font-size: 11.5px; font-weight: 600; color: var(--text-secondary);
  font-family: var(--font-logo); margin-bottom: 2px; }
.an-sc-val { color: var(--text-primary); font-weight: 700; margin-left: auto; font-variant-numeric: tabular-nums; }
.an-sc-canvas { width: 100%; height: 130px; display: block; }
.an-sc-row:first-child .an-sc-canvas { height: 190px; }


.an-chk.locked { opacity: .55; cursor: not-allowed; }
.an-pro-tag { font-size: 8.5px; font-weight: 800; letter-spacing: .4px; color: #f0b90b; background: rgba(240,185,11,.14);
  border-radius: 4px; padding: 1px 4px; margin-left: 2px; }
.an-pro-box { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 12.5px; color: var(--text-muted);
  background: rgba(240,185,11,.07); border: 1px solid rgba(240,185,11,.28); border-radius: 11px; padding: 10px 14px; margin-bottom: 12px; }
.an-pro-box b { color: #f0b90b; font-family: var(--font-logo); }
.an-pro-box .an-cta { margin-left: auto; padding: 6px 13px; font-size: 12px; }


.fut-ind-bar { display: flex; flex-wrap: wrap; gap: 4px; padding: 6px 10px 0; }


.chart-vp-canvas { position: absolute; left: 0; top: 0; pointer-events: none; z-index: 2; }
.chart-fp-canvas { position: absolute; left: 0; top: 0; pointer-events: none; z-index: 3; }


.bal-active { color: var(--text-primary); font-weight: 600; }
.bal-dim { color: var(--text-muted); }
.bal-sep { color: var(--text-muted); margin: 0 5px; opacity: .6; }































@media (max-height: 900px) and (min-width: 1101px) {








  #view-trade .chart-widget .widget-header { height: auto; min-height: 34px; }
  #view-futures .fut-chart-head,
  #view-dexnet .dn-chart-head { height: 34px; }


  #view-trade .trading-widget { padding: 7px 12px; }
  #view-trade .trading-widget .tw-head-shared { margin-bottom: 6px; }
  #view-trade .trading-form-wrap { gap: 7px; }
  #view-trade .tw-row-tiles { gap: 8px; }
  #view-trade .tw-tile { min-height: 58px; padding: 5px 12px; }
  #view-trade .tw-tile > label { margin-bottom: 0; }
  #view-trade .tw-tile .btn-percent { height: 18px; }


  #view-trade .tw-row-act .tw-exec-msg { padding-block: 5px; }


  #view-trade .bottom-content-panels .tab-panel { padding: 2px; }


  #view-trade .orders-head-cell { padding-block: 3px !important; }
  #view-trade .orders-head-actions { margin-top: 3px; }


  #view-trade .orders-head-actions .mini-btn { height: 24px; padding: 2px 8px; }
  #view-trade .tw-tile .input-with-addon input,
  #view-trade .tw-tile > input { height: 24px; font-size: 17px; }
  #view-trade .tw-tile-total .total-value { font-size: 17px; }

  #view-trade .trading-widget .tw-side { flex: 0 0 340px; width: 340px; height: 44px; }
  #view-trade .trading-widget .tw-side .trading-tab { height: 44px; font-size: 14px; }





  #view-futures .fut-grid { gap: 8px; padding: 6px 8px 0; }
  #view-futures .fut-exec-widget { padding: 6px 12px; }
  #view-futures .fut-exec-widget .fut-form { gap: 6px; }
  #view-futures .fut-exec-widget .fut-row-tiles { gap: 8px; }
  #view-futures .fut-exec-widget .fut-tile { min-height: 52px; padding: 5px 12px; }
  #view-futures .fut-exec-widget .fut-tile input { height: 24px; font-size: 17px; }
  #view-futures .fut-exec-widget .fut-tile-total > b { font-size: 17px; }
  #view-futures .fut-lev-cell { gap: 2px; }
  #view-futures .fut-lev-presets button { padding-block: 1px; }
  #view-futures .fbs { padding: 7px 0; }
  #view-futures .fut-bottom { margin: 6px 10px; height: 132px; }


  #view-futures .fut-bal-grid { padding: 6px; gap: 6px; }
  #view-futures .fut-bal-card { padding: 6px 12px; }
  #view-futures .fut-bal-card .fb-l { margin-bottom: 2px; }
  #view-futures .fut-bal-card .fb-v { font-size: 15px; }



  #view-futures .fut-ind-bar { padding: 0; }
  #view-futures .fut-ind-bar .cx-ind-btn { padding: 2px 7px; }


  #view-dexnet .dn-grid { grid-template-rows: minmax(0, 1fr) auto 118px; gap: 8px; padding: 8px 8px 0; }
  #view-dexnet .dn-form { gap: 7px; padding: 8px; }
}
@media (max-height: 800px) and (min-width: 1101px) {




  #view-futures .fut-bottom { height: 96px; }
  #view-dexnet .dn-grid { grid-template-rows: minmax(0, 1fr) auto 106px; }
}




.dn-tile-total { position: relative; }
.dn-tile-total input {
  font-size: 17px; font-weight: 700; font-family: var(--font-logo, inherit);
  background: transparent !important; border-color: transparent !important; padding-left: 0 !important;
}
.dn-tile-total input:focus { border-color: transparent !important; }
.dn-tile-sub { display: flex; align-items: center; gap: 5px; font-size: 10px; color: var(--text-muted); }
.dn-tile-sub i { width: 12px; height: 12px; }
.dn-tile-sub b { color: var(--text-primary); font-weight: 600; }



.an-depth-notice { display: flex; align-items: center; justify-content: space-between; gap: 12px;
  margin: 0 0 8px; padding: 7px 12px; border-radius: 8px; font-size: 11.5px;
  background: rgba(124, 77, 255, .10); border: 1px solid rgba(124, 77, 255, .28); color: var(--text-muted); }
.an-depth-notice b { color: var(--text-primary); font-weight: 700; }
.an-depth-notice a { color: var(--color-cosmos); text-decoration: none; font-weight: 600; white-space: nowrap; }
.an-depth-notice a:hover { text-decoration: underline; }
















@media (max-width: 980px) {


  .app-header { --hdr-ctl-h: 40px; }
  .app-header .net-chip,
  .app-header .net-gas-chip,
  .app-header #pair-combo #pair-input,



  .app-header .lang-chip,
  .app-header .header-actions .btn-icon,
  .app-header .header-actions .header-wallet-connect,
  .app-header .header-actions .wallet-badge {
    height: var(--hdr-ctl-h);
    min-height: var(--hdr-ctl-h);
    border-radius: 12px;
    box-sizing: border-box;
  }
  .app-header .header-actions .btn-icon { width: var(--hdr-ctl-h); }



  .app-header .net-chip,
  .app-header > .lang-switcher,
  .app-header .net-gas-chip { margin-left: 0; }
  .app-header .header-logo,
  .app-header .header-actions { gap: 8px; }





  .app-header > .header-stats:not(.dn-headerbar) {
    flex-wrap: nowrap;
    -webkit-mask-image: var(--fade-26);
    mask-image: var(--fade-26);




    padding-right: 26px;
  }







  .app-header:not(.venue-hl):not(.venue-cex):not(.venue-dn) .lang-menu { left: 0; right: auto; max-width: calc(100vw - 28px); }


  [dir="rtl"] .app-header > .header-stats:not(.dn-headerbar) {
    -webkit-mask-image: linear-gradient(270deg, #000 calc(100% - 26px), transparent);
    mask-image: linear-gradient(270deg, #000 calc(100% - 26px), transparent);
    padding-right: 0;
    padding-left: 26px;
  }
}










































































@media (max-width: 560px) {
  .app-header:not(.venue-hl):not(.venue-cex):not(.venue-dn) { padding: 6px 14px; row-gap: 4px; }


  .app-header:not(.venue-hl):not(.venue-cex):not(.venue-dn) > .header-logo { flex: 0 1 auto; }


  .app-header:not(.venue-hl):not(.venue-cex):not(.venue-dn) > #pair-combo { flex: 1 0 132px; min-width: 0; }
  .app-header:not(.venue-hl):not(.venue-cex):not(.venue-dn) > #pair-combo #pair-input { width: 100%; }


  .app-header:not(.venue-hl):not(.venue-cex):not(.venue-dn) > .header-actions { flex: 0 0 100%; }
  .app-header:not(.venue-hl):not(.venue-cex):not(.venue-dn) > .header-actions > .header-wallet-connect,
  .app-header:not(.venue-hl):not(.venue-cex):not(.venue-dn) > .header-actions > .wallet-badge { margin-inline-start: auto; }





  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) {
    padding: 6px 14px;
    row-gap: 4px;
    column-gap: 5px;
  }


  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) > .header-logo { order: 1; flex: 0 1 auto; column-gap: 5px; }

  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) > .header-actions { display: contents; }


  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) > .lang-switcher { order: 2; }
  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) > .header-actions > .btn-icon { order: 3; }
  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) > .header-actions > .header-wallet-connect,
  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) > .header-actions > .wallet-badge { order: 4; margin-inline-start: auto; }







  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) > .header-actions > .header-wallet-connect {
    flex: 1 1 auto;
    max-width: 132px;
    justify-content: center;
  }



  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) > .header-actions > .wallet-badge {
    padding: 0 6px; gap: 4px; min-width: 0; max-width: 91px;
  }
  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) > .header-actions > .wallet-badge > #wallet-address-abbr {
    display: inline; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
    font-size: 9.5px;
  }




  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) .lang-chip > #lang-cur,
  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) .lang-chip > .net-caret { display: none; }


  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) .lang-menu {
    left: auto; right: 0; transform: translateX(0);
    max-width: calc(100vw - 28px);
  }


  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) .net-gas-chip { padding-inline: 4px; font-size: 9.5px; }
  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) .net-chip { padding-inline: 5px; gap: 4px; font-size: 10px; }


  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) .header-wallet-connect > span:not(.hdr-wallet-short) { display: none; }
  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) .header-wallet-connect > .hdr-wallet-short { display: inline; }
  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) .header-wallet-connect > svg,
  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) .header-wallet-connect > i { display: none; }
  .app-header:has(> #pair-combo:not(.nw-hide-el), > #dn-market-stack:not(.nw-hide-el), > #hx-market-stack:not(.nw-hide-el)) .header-wallet-connect { padding-inline: 9px; font-size: 10px; }



  .app-header:has(> #pair-combo:not(.nw-hide-el)) > #pair-combo { order: 10; flex: 0 0 100%; width: 100%; min-width: 0; }





  .app-header > .header-stats:not(.dn-headerbar) .stat-item.hide-mobile { display: flex !important; }
  .app-header > .dn-headerbar .stat-item.hide-mobile { display: flex !important; }
}













:root {


  --radius-card: 14px;
  --radius-ctl: 8px;
  --ctl-h: 31px;


  --focus-ring: #c9b8ff;
  --ctl-caret: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23958da9' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  --ctl-check: url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.4 6.2l2.5 2.5 4.7-5.1' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}


select {


  min-height: var(--ctl-h);
  padding: 0 10px;
  border: 1px solid var(--stroke-soft);
  border-radius: var(--radius-ctl);
  background-color: var(--bg-card);
  color: var(--text-primary);
  font-family: var(--font-family);
  font-size: 12px;
  line-height: 1.2;
}

select:not([multiple]):not([size]) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: var(--ctl-caret);
  background-repeat: no-repeat;
  background-position: right 9px center;
  background-size: 9px 6px;
  padding-right: 25px;
  cursor: pointer;
  text-overflow: ellipsis;
}


[dir="rtl"] select:not([multiple]):not([size]) {
  background-position: left 9px center;
  padding-right: 10px;
  padding-left: 25px;
}
select:disabled { opacity: .55; cursor: not-allowed; }
select:not([multiple]):not([size]):hover:not(:disabled) { border-color: rgba(124, 77, 255, .45); }

select option, select optgroup { background-color: var(--bg-menu); color: var(--text-primary); }




input[type="checkbox"], input[type="radio"] {
  -webkit-appearance: none;
  appearance: none;
  flex: 0 0 auto;
  width: 15px;
  height: 15px;
  margin: 0;
  border: 1px solid rgba(255, 255, 255, .22);
  border-radius: 5px;
  background-color: rgba(0, 0, 0, .35);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 76% 76%;
  cursor: pointer;
  vertical-align: middle;
  transition: background-color .12s ease, border-color .12s ease;
}
input[type="radio"] { border-radius: 50%; }
input[type="checkbox"]:hover:not(:disabled), input[type="radio"]:hover:not(:disabled) { border-color: rgba(124, 77, 255, .7); }
input[type="checkbox"]:checked, input[type="radio"]:checked {
  background-color: var(--color-cosmos);
  border-color: var(--color-cosmos);
}
input[type="checkbox"]:checked { background-image: var(--ctl-check); }
input[type="radio"]:checked { background-image: radial-gradient(circle at center, #fff 0 30%, transparent 32%); background-size: 100% 100%; }
input[type="checkbox"]:indeterminate { background-color: var(--color-cosmos); border-color: var(--color-cosmos); background-image: linear-gradient(#fff, #fff); background-size: 58% 2px; }
input[type="checkbox"]:disabled, input[type="radio"]:disabled { opacity: .5; cursor: not-allowed; }





:is(a, button, input, select, textarea, summary, [tabindex], [role="button"], [role="tab"], [role="switch"], [contenteditable="true"]):focus-visible {
  outline: 2px solid var(--focus-ring) !important;
  outline-offset: 2px !important;
}






.sp-pop.sp-pop { background: #0d0a18; }



















:root {



  --th-size: 10.5px;
  --th-weight: 700;
  --th-tracking: .5px;
  --th-color: var(--text-muted);




  --page-gutter: 16px;




  --page-max: 100%;
}

.an-th,
.wl-tbl th,
.hlp-table th,
.stk-table thead th,
.nw-table th,
.tr-table thead th,
.trs-table th,
.sw-table th {
  font-size: var(--th-size);
  font-weight: var(--th-weight);
  letter-spacing: var(--th-tracking);
  text-transform: uppercase;
  color: var(--th-color);
}








.wl-past,
.tr-past {
  border-radius: var(--radius-card);
  background: rgba(240, 185, 11, .10);
  border: 1px solid rgba(240, 185, 11, .30);
  color: #f0dcae;
  font-size: 12px;
  line-height: 1.5;
  padding: 9px 13px;


  max-width: 92ch;
}












.x-scrollhint.x-scrollhint {
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 8px 0 6px;
  font-size: 11px;
  line-height: 1.4;
  color: #f0c078;
}
.x-scrollhint[hidden] { display: none; }
.x-scrollhint::before {
  content: "↔";
  font-size: 13px;
  line-height: 1;
  opacity: .8;
}











.tr-head, .trs-head, .sw-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 9px;
  width: 100%;
  padding: 10px var(--page-gutter);
}
.tr-logo, .trs-logo, .sw-logo {
  font-family: var(--font-logo);
  font-weight: 700;
  font-size: 15px;
  letter-spacing: .2px;
  color: var(--text-primary);
  text-decoration: none;
}
.tr-head-sep, .trs-head-sep, .sw-head-sep { color: var(--text-muted); opacity: .5; }
.tr-head-title, .trs-head-title, .sw-head-title { font-size: 13px; font-weight: 600; color: var(--text-muted); }
.tr-head-spacer, .trs-head-spacer, .sw-head-spacer { flex: 1 1 auto; }
.tr-head-link, .trs-head-link, .sw-head-link {
  font-size: 13px;
  color: var(--text-muted);
  text-decoration: none;
  padding: 6px 12px;
  border-radius: var(--radius-ctl);
}
.tr-head-cta, .trs-head-cta, .sw-head-cta {
  background: rgba(124, 77, 255, .16);
  color: #cbb8ff;
  border: 1px solid rgba(124, 77, 255, .30);
}
.tr-head-cta:hover, .trs-head-cta:hover, .sw-head-cta:hover { background: rgba(124, 77, 255, .26); color: #fff; }


.x-head-btn {
  background: var(--bg-card);
  color: var(--text-primary);
  border: 1px solid var(--stroke-soft);
  border-radius: var(--radius-ctl);
  padding: 6px 12px;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}
.x-head-btn:hover { border-color: var(--color-cosmos); }










.x-stickycol {
  position: sticky;
  inset-inline-start: 0;
  z-index: 1;
  background: var(--x-stickycol-bg, var(--bg-primary));
}




thead .x-stickycol.x-stickycol { z-index: 4; }
.trs-table { --x-stickycol-bg: var(--surface, #100c1c); }
.sw-table { --x-stickycol-bg: var(--panel, #14101f); }


.wl-tbl { --x-stickycol-bg: #17122b; }







.nav-tools-menu.np-showcase { min-width: 272px; max-width: min(340px, calc(100vw - 16px)); max-height: min(70vh, 560px); overflow-y: auto; }
.np-showcase .np-group {
  padding: 8px 10px 4px; font-size: 10px; letter-spacing: .06em; text-transform: uppercase;
  color: var(--text-muted); white-space: normal;
}
.np-showcase .np-group:first-child { padding-top: 4px; }
.np-showcase .view-tab.np-item { align-items: flex-start; height: auto; padding-block: 7px; text-align: start; white-space: normal; text-decoration: none; }




.np-showcase .np-item > i, .np-showcase .np-item > svg { flex: 0 0 14px; }
.np-showcase .np-txt { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.np-showcase .np-name { font-size: 12.5px; line-height: 1.25; }
.np-showcase .np-desc { font-size: 10.5px; line-height: 1.3; color: var(--text-muted); }

.np-showcase .np-item.np-soon { opacity: .55; cursor: default; }
.np-showcase .np-item.np-soon:hover { background: none; }






















.xw-ov {
  position: fixed;
  inset: 0;
  z-index: 9000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 16px;
  background: rgba(4, 3, 9, .72);
  backdrop-filter: blur(4px);
}
.xw-ov.hidden { display: none; }
.xw-box {
  position: relative;
  width: min(420px, 100%);


  max-height: min(88vh, 720px);
  display: flex;
  flex-direction: column;
  padding: 18px;
  background: var(--bg-menu, #15102a);
  border: 1px solid var(--stroke-soft, rgba(44, 34, 77, .5));
  border-radius: var(--radius-card, 14px);
  box-shadow: 0 18px 50px -12px rgba(0, 0, 0, .7);
}




.xw-x {
  position: absolute;
  top: 0;
  inset-inline-end: 0;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: none;
  border: 0;
  color: var(--text-muted, #958da9);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}
.xw-x:hover { color: var(--text-primary, #f3f0ff); }
.xw-h {
  margin: 0 0 6px;
  padding-inline-end: 44px;
  font-size: 15px;
  font-weight: 600;
  line-height: 1.3;
  color: var(--text-primary, #f3f0ff);
}
.xw-hint {
  margin: 0 0 12px;
  font-size: 12px;
  line-height: 1.45;
  color: var(--text-muted, #958da9);
}
.xw-hint.hidden { display: none; }
.xw-list {
  display: flex;
  flex-direction: column;
  gap: 8px;



  min-height: 0;
  max-height: 62vh;
  overflow-y: auto;
}
.xw-list.xw-busy { opacity: .5; pointer-events: none; }
.xw-sec { display: flex; flex-direction: column; gap: 6px; }


.xw-sec-h {
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: var(--text-muted, #958da9);
}
.xw-card {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 10px 12px;
  background: var(--bg-card, rgba(30, 24, 53, .45));
  border: 1px solid var(--stroke-soft, rgba(44, 34, 77, .5));
  border-radius: var(--radius-ctl, 8px);
  color: var(--text-primary, #f3f0ff);
  font-family: var(--font-family, 'Inter', sans-serif);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  text-align: start;
  text-decoration: none;
  cursor: pointer;
}
.xw-card:hover { border-color: var(--color-cosmos, #7c4dff); }
.xw-ic {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  object-fit: contain;
}
.xw-mono {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--bg-accent, #261e43);
  font-weight: 600;
}




.xw-txt { display: flex; flex: 1 1 0; flex-direction: column; gap: 2px; min-width: 0; }
.xw-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xw-role {
  margin-inline-start: auto;
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--text-muted, #958da9);
  white-space: nowrap;
}
.xw-last {
  flex: 0 0 auto;
  font-size: 10px;
  letter-spacing: .04em;
  text-transform: uppercase;
  color: var(--color-cosmos, #7c4dff);
  white-space: nowrap;
}


.xw-known { font-family: var(--font-mono, ui-monospace, monospace); text-transform: none; letter-spacing: 0; }



.xw-row { display: flex; align-items: stretch; gap: 6px; }
.xw-row .xw-card { flex: 1 1 auto; min-width: 0; }
.xw-forget {
  flex: 0 0 34px;
  width: 34px;
  background: transparent;
  border: 1px solid var(--stroke-soft, rgba(44, 34, 77, .5));
  border-radius: var(--radius-ctl, 8px);
  color: var(--text-muted, #958da9);
  font-size: 17px;
  line-height: 1;
  cursor: pointer;
}
.xw-forget:hover { border-color: var(--color-sell, #ff5c7c); color: var(--color-sell, #ff5c7c); }




.xw-off { background: transparent; opacity: .72; }
.xw-off:hover { opacity: 1; }
.xw-off .xw-ic { opacity: .8; }



.xw-card[data-unavailable] { cursor: not-allowed; }
.xw-card[data-unavailable]:hover { opacity: .72; border-color: var(--stroke-soft, rgba(44, 34, 77, .5)); }
.xw-why { font-size: 10.5px; line-height: 1.35; color: var(--text-muted, #958da9); white-space: normal; }
.xw-go {
  margin-inline-start: auto;
  flex: 0 0 auto;
  font-size: 11px;
  color: var(--color-cosmos, #7c4dff);
  white-space: nowrap;
}


.xw-empty {
  margin: 0;
  padding: 10px 12px;
  border: 1px dashed var(--stroke-soft, rgba(44, 34, 77, .5));
  border-radius: var(--radius-ctl, 8px);
  font-size: 12px;
  line-height: 1.45;
  color: var(--text-muted, #958da9);
}



.xw-note {
  margin: 12px 0 0;
  padding-top: 10px;
  border-top: 1px solid var(--stroke-soft, rgba(44, 34, 77, .5));
  font-size: 11px;
  line-height: 1.45;
  color: var(--text-muted, #958da9);
}



.xw-note:empty { display: none; }
.xw-err { margin: 10px 0 0; font-size: 12px; line-height: 1.4; color: var(--color-sell, #f6465d); }
.xw-err.hidden { display: none; }



.xw-addr {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 12px;
  line-height: 1.4;
  word-break: break-all;
}


@media (max-width: 460px) {
  .xw-card { flex-wrap: wrap; }
  .xw-role, .xw-go { margin-inline-start: 34px; }
}








.view-nav .view-tab#nav-agents-btn i,
.view-nav .view-tab#nav-agents-btn svg,
.global-mobile-quick .view-tab#nav-agents-btn i,
.global-mobile-quick .view-tab#nav-agents-btn svg {
  display: inline-block; width: 15px; height: 15px;
  color: #bcd9ff;
}



.view-nav .view-tab#nav-agents-btn,
.global-mobile-quick .view-tab#nav-agents-btn {
  color: #e9e6f5;
  border-color: rgba(124,77,255,.55);
  border-bottom: 1px solid rgba(124,77,255,.55);
  border-radius: 10px;
}
.view-nav .view-tab#nav-agents-btn:hover,
.view-nav .view-tab#nav-agents-btn.active,
.global-mobile-quick .view-tab#nav-agents-btn:hover,
.global-mobile-quick .view-tab#nav-agents-btn.active { color: #fff; border-color: rgba(124,77,255,.9); }





.nav-more .nav-tools-caret { margin-inline-start: 5px; }

.global-nav-row .nav-more.nav-more-on {
  color: #fff;
  background: rgba(124, 77, 255, .15);
  border-color: rgba(124, 77, 255, .30);
}

.nav-more-menu {
  width: auto;
  min-width: 186px;
  max-width: min(280px, calc(100vw - 16px));
  max-height: min(70vh, 560px);
  overflow-y: auto;
}


.nav-more-menu .view-tab { text-decoration: none; }


.nav-more-menu .view-tab:not(:has(> i, > svg)) { padding-inline-start: 32px; }
.nav-more-menu .nav-dex-cluster,
.nav-more-menu .bony-ai { display: flex; width: 100%; margin-inline-start: 0; }
.nav-more-menu .ai-pill { width: 100%; justify-content: flex-start; padding: 8px 10px; border-radius: 8px; }
.nav-more-menu .ai-pill > span:not(.tab-chip) { display: inline; }


.nav-more-menu .nav-tools-toggle { display: none; }
.nav-more-menu .nav-dex-cluster .view-tab { border-radius: 8px; }


.view-nav.nav-collapsed { -webkit-mask-image: none; mask-image: none; }















.xpf-age {
  display: inline-flex; align-items: center; flex: 0 0 auto;
  font-size: 9.5px; font-weight: 750; line-height: 1.15; letter-spacing: .2px;
  padding: 1px 4px; border-radius: 999px; white-space: nowrap;
  font-variant-numeric: tabular-nums; vertical-align: middle;
}

.xpf-age-lag { color: #e6c84a; background: rgba(230, 200, 74, .12); border: 1px solid rgba(230, 200, 74, .3); }

.xpf-age-stale { color: #f6465d; background: rgba(246, 70, 93, .13); border: 1px solid rgba(246, 70, 93, .34); }



































@media (min-width: 1440px) {





  .app-header > .header-stats:not(.dn-headerbar) { gap: 14px; }
  .app-header > .header-stats .stat-label {
    font-size: 9.5px; font-weight: 700; letter-spacing: .3px; opacity: .7;
  }
}














#ob-status[data-state] {
  font-size: 0; letter-spacing: 0; padding-inline: 4px;
  display: inline-flex; align-items: center; vertical-align: middle;
}
#ob-status[data-state]::before {
  content: ''; width: 8px; height: 8px; border-radius: 50%;
  background: var(--text-muted, #958da9); box-shadow: 0 0 0 2px rgba(255, 255, 255, .05);
}
#ob-status[data-state="ok"]::before   { background: #26c281; }
#ob-status[data-state="load"]::before { background: #e2b93b; }
#ob-status[data-state="bad"]::before  { background: #e5484d; }









.dn-venue-chip { display: inline-flex; align-items: center; gap: 3px; margin-left: 6px; padding: 3px 8px; font-size: 11px; font-weight: 600; border-radius: 20px; background: rgba(124, 77, 255, .07); border: 1px solid rgba(124, 77, 255, .2); color: var(--text-muted); text-decoration: none; white-space: nowrap; flex: 0 0 auto; }
.dn-venue-chip:hover, .dn-venue-chip:focus-visible { color: var(--text-primary); border-color: rgba(124, 77, 255, .45); }