:root {
  --bg-dark: #0c0f17;
  --bg-surface: #121624;
  --bg-surface-elevated: #1a2032;
  --bg-row-hover: #182033;
  --bg-row-selected: rgba(240, 185, 11, 0.14);
  --border-dim: #20273a;
  --border-cyan: #00f0ff;
  --border-green: #00f58c;
  --border-gold: #f0b90b;
  --border-magenta: #c084fc;
  --text-primary: #e2e8f0;
  --text-dim: #8b9bb4;
  --text-white: #ffffff;
  --color-cyan: #00f0ff;
  --color-green: #00f58c;
  --color-yellow: #f0b90b;
  --color-gold: #f0b90b;
  --color-gold-bright: #ffd000;
  --color-red: #ff4757;
  --color-magenta: #c084fc;
  --color-purple: #c084fc;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans SC', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
}

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

html,
body {
  overflow-x: clip;
  max-width: 100vw;
  width: 100%;
}

body {
  background-color: var(--bg-dark);
  color: var(--text-primary);
  font-family: var(--font-sans);
  font-size: 13px;
  line-height: 1.45;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  padding-bottom: calc(34px + env(safe-area-inset-bottom, 0px));
}

/* Custom Cyber Terminal Scrollbars - BNB Chain Palette */
::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background: rgba(14, 18, 27, 0.7);
}

::-webkit-scrollbar-thumb {
  background: rgba(240, 185, 11, 0.28);
  border-radius: 3px;
  transition: background 0.2s ease, box-shadow 0.2s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: rgba(240, 185, 11, 0.65);
  box-shadow: 0 0 8px rgba(240, 185, 11, 0.4);
}

::-webkit-scrollbar-corner {
  background: rgba(14, 18, 27, 0.9);
}

* {
  scrollbar-width: thin;
  scrollbar-color: rgba(240, 185, 11, 0.28) rgba(14, 18, 27, 0.7);
}

.terminal-container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Suite Header Panel - Sticky Search & Navigation */
.suite-header {
  position: sticky;
  top: 0;
  z-index: 99;
  background-color: rgba(9, 13, 20, 0.98);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  contain: layout style;
  transform: translateZ(0);
  border-bottom: 1px solid var(--border-dim);
  padding: 14px 24px 14px 24px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  transition: padding 0.2s ease, box-shadow 0.2s ease;
}

.suite-header.scrolled {
  padding: 10px 24px 10px 24px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6), 0 1px 0 rgba(240, 185, 11, 0.15);
}

.suite-title-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  /* Single unified top bar on desktop */
  gap: 16px;
  width: 100%;
}

/* Prominent Global Suite Search Bar */
.suite-search-wrap {
  position: relative;
  flex: 1 1 440px;
  max-width: 620px;
  min-width: 240px;
  margin: 0 12px;
}

.suite-search-box {
  display: flex;
  align-items: center;
  background: rgba(12, 15, 23, 0.95);
  border: 1px solid rgba(240, 185, 11, 0.35);
  box-shadow: 0 0 10px rgba(240, 185, 11, 0.08), inset 0 1px 3px rgba(0, 0, 0, 0.6);
  border-radius: 7px;
  padding: 0 14px !important;
  height: 40px;
  gap: 10px !important;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  position: relative;
  box-sizing: border-box;
}

.suite-search-box:hover {
  border-color: rgba(240, 185, 11, 0.65);
  box-shadow: 0 0 14px rgba(240, 185, 11, 0.15);
}

.suite-search-box:focus-within {
  border-color: var(--color-gold);
  background: rgba(16, 20, 32, 0.98);
  box-shadow: 0 0 18px rgba(240, 185, 11, 0.25), inset 0 0 6px rgba(240, 185, 11, 0.1);
}

.suite-search-box .search-icon {
  font-size: 15px;
  color: var(--color-gold);
  opacity: 0.9;
  filter: drop-shadow(0 0 4px rgba(240, 185, 11, 0.5));
}

.suite-search-box input {
  flex: 1;
  background: transparent;
  border: none;
  color: #ffffff;
  font-family: inherit;
  font-size: 13.5px !important;
  font-weight: 500;
  outline: none;
  min-width: 0;
  height: 100%;
}

.suite-search-box input::placeholder {
  color: rgba(255, 255, 255, 0.45);
  font-size: 13px !important;
}

.search-kbd-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 7px;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 4px;
  color: var(--text-dim);
  font-size: 12px;
  font-family: monospace;
  font-weight: 700;
  user-select: none;
  pointer-events: none;
  transition: opacity 0.15s ease;
}

.suite-search-box:focus-within .search-kbd-badge {
  opacity: 0.3;
}

.search-clear-btn {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: rgba(255, 255, 255, 0.7);
  cursor: pointer;
  font-size: 13px;
  font-weight: 700;
  width: 22px;
  height: 22px;
  padding: 0;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: all 0.15s ease;
  flex-shrink: 0;
  margin-right: 4px;
}

.search-clear-btn:hover {
  color: #ffffff;
  background: rgba(239, 68, 68, 0.35);
  border-color: rgba(239, 68, 68, 0.75);
  box-shadow: 0 0 10px rgba(239, 68, 68, 0.45);
  transform: scale(1.1);
}

.search-clear-btn:active {
  transform: scale(0.92);
}

/* Recent Search & Inspected Chips */
.recent-search-chips-wrap {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  overflow-x: auto;
  overflow-y: hidden;
  scrollbar-width: none;
  -ms-overflow-style: none;
  padding: 2px 0;
}

.recent-search-chips-wrap::-webkit-scrollbar {
  display: none;
}

.recent-chips-label {
  font-size: 10.5px;
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  font-weight: 600;
  flex-shrink: 0;
}

.recent-chips-list {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: nowrap;
  overflow-x: auto;
  scrollbar-width: none;
}

.recent-chips-list::-webkit-scrollbar {
  display: none;
}

.recent-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(14, 18, 27, 0.85);
  border: 1px solid rgba(240, 185, 11, 0.25);
  color: var(--text-white);
  padding: 2px 8px;
  border-radius: 12px;
  font-size: 11px;
  font-family: var(--font-mono);
  font-weight: 600;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.15s ease;
  flex-shrink: 0;
}

.recent-chip:hover {
  background: rgba(240, 185, 11, 0.15);
  border-color: var(--color-gold);
  color: var(--color-gold);
  box-shadow: 0 0 8px rgba(240, 185, 11, 0.25);
  transform: translateY(-1px);
}

.recent-chip-icon {
  font-size: 10px;
  color: var(--color-gold);
}

.recent-chips-clear {
  background: transparent;
  border: none;
  color: var(--text-dim);
  font-size: 11px;
  cursor: pointer;
  padding: 2px 4px;
  border-radius: 4px;
  transition: color 0.15s ease;
  flex-shrink: 0;
}

.recent-chips-clear:hover {
  color: var(--color-red);
}

/* Quick Search Results Dropdown */
.search-results-dropdown {
  position: absolute;
  top: 44px;
  left: 0;
  right: 0;
  z-index: 10000;
  background: rgba(13, 17, 28, 0.98);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  border: 1px solid rgba(240, 185, 11, 0.35);
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.85), 0 0 20px rgba(240, 185, 11, 0.15);
  border-radius: 8px;
  max-height: 480px;
  overflow-y: auto;
  overflow-x: hidden;
  box-sizing: border-box;
  animation: dropdownFadeIn 0.15s ease-out;
}

@keyframes dropdownFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.search-dropdown-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px 6px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(8, 11, 19, 0.6);
}

.search-dropdown-title {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.6px;
  color: var(--text-dim);
  font-weight: 700;
}

.search-dropdown-count {
  color: var(--color-gold);
  font-weight: 700;
}

.search-dropdown-hint {
  font-size: 10.5px;
  color: rgba(255, 255, 255, 0.4);
  font-family: var(--font-mono);
}

.search-dropdown-list {
  display: flex;
  flex-direction: column;
}

.search-dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  cursor: pointer;
  transition: all 0.12s ease;
  user-select: none;
}

.search-dropdown-item:last-child {
  border-bottom: none;
}

.search-dropdown-item:hover,
.search-dropdown-item.is-selected {
  background: rgba(240, 185, 11, 0.12);
  border-left: 3px solid var(--color-gold);
  padding-left: 9px;
}

.search-drop-avatar {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(240, 185, 11, 0.2), rgba(0, 240, 255, 0.2));
  border: 1px solid rgba(240, 185, 11, 0.35);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 700;
  color: var(--color-gold);
  flex-shrink: 0;
  text-transform: uppercase;
  overflow: hidden;
}

.search-drop-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.search-drop-main {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2px;
}

.search-drop-title-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.search-drop-name {
  font-size: 12.5px;
  font-weight: 700;
  color: var(--text-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 160px;
}

.search-drop-symbol {
  font-size: 11px;
  font-family: var(--font-mono);
  color: var(--color-cyan);
  font-weight: 600;
}

.search-drop-badges {
  display: inline-flex;
  gap: 4px;
}

.search-drop-badge {
  font-size: 9.5px;
  padding: 1px 5px;
  border-radius: 3px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.search-drop-badge.badge-free {
  background: rgba(0, 255, 136, 0.15);
  color: #00ff88;
  border: 1px solid rgba(0, 255, 136, 0.35);
}

.search-drop-badge.badge-sniper {
  background: rgba(240, 185, 11, 0.15);
  color: #f0b90b;
  border: 1px solid rgba(240, 185, 11, 0.35);
}

.search-drop-badge.badge-honeypot {
  background: rgba(239, 68, 68, 0.15);
  color: #ef4444;
  border: 1px solid rgba(239, 68, 68, 0.35);
}

.search-drop-badge.badge-smart {
  background: rgba(168, 85, 247, 0.15);
  color: #c084fc;
  border: 1px solid rgba(168, 85, 247, 0.35);
}

.search-drop-sub {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10.5px;
  color: var(--text-dim);
  font-family: var(--font-mono);
}

.search-drop-addr {
  color: rgba(255, 255, 255, 0.45);
}

.search-drop-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 2px;
  flex-shrink: 0;
  text-align: right;
}

.search-drop-price {
  font-size: 12px;
  font-weight: 700;
  font-family: var(--font-mono);
  color: var(--text-white);
}

.search-drop-gain {
  font-size: 10.5px;
  font-weight: 700;
  font-family: var(--font-mono);
}

.search-drop-gain.gain-pos {
  color: #00ff88;
}

.search-drop-gain.gain-neg {
  color: #ef4444;
}

.search-drop-gain.gain-neutral {
  color: var(--text-dim);
}

.search-drop-action {
  font-size: 13px;
  color: var(--color-gold);
  opacity: 0.6;
  transition: opacity 0.12s ease, transform 0.12s ease;
  margin-left: 2px;
}

.search-dropdown-item:hover .search-drop-action,
.search-dropdown-item.is-selected .search-drop-action {
  opacity: 1;
  transform: translate(2px, -2px);
}

/* Dropdown Footer */
.search-dropdown-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 8px 12px;
  border-top: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(8, 11, 19, 0.7);
  font-size: 11px;
}

.search-dropdown-view-table {
  background: rgba(240, 185, 11, 0.1);
  border: 1px solid rgba(240, 185, 11, 0.3);
  color: var(--color-gold);
  border-radius: 4px;
  padding: 3px 8px;
  font-size: 10.5px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: all 0.12s ease;
}

.search-dropdown-view-table:hover {
  background: rgba(240, 185, 11, 0.2);
  border-color: var(--color-gold);
  box-shadow: 0 0 8px rgba(240, 185, 11, 0.25);
}

.search-dropdown-shortcuts {
  display: inline-flex;
  gap: 8px;
  color: rgba(255, 255, 255, 0.35);
  font-size: 10px;
}

.search-dropdown-shortcuts kbd {
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 3px;
  padding: 1px 4px;
  font-family: var(--font-mono);
  color: var(--text-dim);
}

/* Empty State */
.search-dropdown-empty {
  padding: 20px 16px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
}

.search-empty-icon {
  font-size: 22px;
  opacity: 0.6;
}

.search-empty-title {
  font-size: 12.5px;
  color: var(--text-white);
  font-weight: 500;
}

.search-empty-desc {
  font-size: 11px;
  color: var(--text-dim);
  max-width: 280px;
}

.search-empty-btn {
  margin-top: 6px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  background: rgba(0, 240, 255, 0.1);
  border: 1px solid rgba(0, 240, 255, 0.3);
  color: var(--color-cyan);
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 11px;
  text-decoration: none;
  font-weight: 600;
  transition: all 0.15s ease;
}

.search-empty-btn:hover {
  background: rgba(0, 240, 255, 0.2);
  border-color: var(--color-cyan);
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.3);
}

mark.search-hl {
  background: rgba(240, 185, 11, 0.3);
  color: #ffd600;
  border-radius: 2px;
  padding: 0 1px;
}

.suite-brand {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
  height: 40px;
  /* Match search box height */
}

.suite-title-wrap {
  display: flex;
  align-items: center;
  gap: 12px;
}

.suite-title-text {
  font-size: 22px;
  font-weight: 900;
  color: #ffffff;
  letter-spacing: 0.6px;
  white-space: nowrap;
  font-family: var(--font-sans);
  line-height: 1;
}

.suite-title-text span.brand-gold {
  color: var(--color-gold);
  text-shadow: 0 0 12px rgba(240, 185, 11, 0.4);
}

.suite-logo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.suite-logo svg {
  display: block;
  width: 32px;
  height: 32px;
  filter: drop-shadow(0 0 8px rgba(240, 185, 11, 0.45));
  transition: transform 0.3s ease, filter 0.3s ease;
}

.suite-logo:hover svg {
  transform: rotate(30deg) scale(1.1);
  filter: drop-shadow(0 0 12px rgba(0, 245, 140, 0.6));
}

.suite-meta {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  font-size: 12px;
  margin-left: auto;
  flex-shrink: 0;
  height: 40px;
}

.suite-telemetry {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}

.suite-actions-group {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.suite-meta code {
  color: var(--text-white);
  background: var(--bg-surface-elevated);
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid var(--border-dim);
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

@keyframes pulseDot {
  0% {
    transform: scale(0.95);
    opacity: 0.5;
  }

  50% {
    transform: scale(1.2);
    opacity: 1;
  }

  100% {
    transform: scale(0.95);
    opacity: 0.5;
  }
}

.pulse-dot {
  display: inline-block;
  width: 7px;
  height: 7px;
  background-color: var(--color-green);
  border-radius: 50%;
  box-shadow: 0 0 6px var(--color-green);
  animation: pulseDot 1.6s infinite ease-in-out;
}

.meta-sep {
  color: var(--border-dim);
}

.live-pill {
  color: var(--color-green);
  font-weight: 600;
  white-space: nowrap;
}

/* Connect Wallet Button - Guaranteed on Right */
.connect-wallet-btn {
  margin-left: 2px;
  flex-shrink: 0;
}

/* Navigation & Controls */
.nav-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  /* Generous gap between Tabs row and Filter Toolbar */
  padding-top: 2px;
}

.nav-primary-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 16px;
}

.search-sort-group {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.filter-toolbar-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  width: 100%;
}

.nav-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  padding-top: 4px;
}

.tabs {
  display: flex;
  gap: 8px;
}

.tab-btn {
  background: var(--bg-surface-elevated);
  color: var(--text-dim);
  border: 1px solid var(--border-dim);
  padding: 6px 14px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.tab-btn:hover {
  color: var(--text-white);
  border-color: rgba(240, 185, 11, 0.45);
}

.tab-btn.active {
  background: linear-gradient(135deg, #ffd000 0%, #f0b90b 100%);
  color: #000000;
  border-color: #f0b90b;
  font-weight: 800;
  box-shadow: 0 0 14px rgba(240, 185, 11, 0.35);
}

.tab-btn[data-tab="SECONDARY"].active {
  background: linear-gradient(135deg, #ffd000 0%, #f59e0b 100%) !important;
  color: #000000 !important;
  border-color: #f0b90b !important;
  font-weight: 800;
  box-shadow: 0 0 16px rgba(240, 185, 11, 0.45);
}

.tab-btn[data-tab="SECONDARY"].active::before {
  background: #000000;
  box-shadow: 0 0 4px #000000;
}

.tab-btn[data-tab="LAUNCHPAD"].active {
  background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
  color: #000000;
  border-color: #f59e0b;
  font-weight: 800;
}

/* Mobile Tab Selector hidden on desktop */
.mobile-tab-selector-wrap {
  display: none !important;
}

.tab-btn[data-tab="SMART"].active {
  background: linear-gradient(135deg, #e879f9 0%, #a855f7 100%);
  color: #000000;
  border-color: #c084fc;
  font-weight: 800;
}

.tab-btn[data-tab="WALLETS"].active {
  background: linear-gradient(135deg, #ffd000 0%, #f0b90b 100%);
  color: #000000;
  border-color: #f0b90b;
  font-weight: 800;
}

.tab-btn[data-tab="PORTFOLIO"].active {
  background: linear-gradient(135deg, #4ade80 0%, #00f58c 100%);
  color: #000000;
  border-color: #00f58c;
  font-weight: 800;
}

@keyframes secPulse {
  0%, 100% {
    transform: scale(0.92);
    opacity: 0.65;
  }

  50% {
    transform: scale(1.15);
    opacity: 1;
  }
}

.tab-secondary-highlight {
  position: relative;
  border-color: rgba(255, 214, 0, 0.45) !important;
  color: #ffd600 !important;
  background: rgba(255, 214, 0, 0.08) !important;
}

.secondary-market-btn {
  padding: 5px 12px;
  font-size: 11.5px;
  font-weight: 700;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.secondary-market-btn:hover {
  background: rgba(255, 214, 0, 0.18) !important;
  border-color: #ffd600 !important;
  box-shadow: 0 0 12px rgba(255, 214, 0, 0.35);
}

.secondary-market-btn.active {
  background: #ffd600 !important;
  color: #03080c !important;
  font-weight: 800 !important;
  box-shadow: 0 0 16px rgba(255, 214, 0, 0.5);
}

/* More Filters Dropdown (DexScreener / GMGN Model) */
.more-filters-wrapper {
  position: relative;
  display: inline-flex;
}

.more-filters-trigger {
  background: rgba(8, 24, 36, 0.7);
  border: 1px dashed rgba(0, 240, 255, 0.45);
  color: var(--color-cyan);
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  padding: 5px 12px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  text-transform: uppercase;
  letter-spacing: 0.4px;
  white-space: nowrap;
}

.more-filters-trigger:hover,
.more-filters-wrapper.open .more-filters-trigger {
  border-color: var(--color-cyan);
  background: rgba(0, 240, 255, 0.14);
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.25);
  border-style: solid;
}

.more-filters-trigger.active {
  background: rgba(0, 255, 136, 0.18) !important;
  border-color: var(--color-green) !important;
  border-style: solid !important;
  color: #00ff88 !important;
  box-shadow: 0 0 12px rgba(0, 255, 136, 0.35) !important;
}

.more-filters-options {
  left: 0 !important;
  right: auto !important;
  min-width: 230px !important;
  max-width: calc(100vw - 32px) !important;
  width: max-content !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.95), 0 0 18px rgba(0, 240, 255, 0.3) !important;
  z-index: 1000 !important;
}

.more-filters-options .custom-option {
  white-space: nowrap !important;
  gap: 16px !important;
  padding: 8px 14px !important;
}

.tab-secondary-highlight::before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #ffd600;
  margin-right: 4px;
  vertical-align: middle;
  box-shadow: 0 0 6px #ffd600;
  animation: secPulse 2s infinite ease-in-out;
}

.controls-row {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.filter-pills {
  display: inline-flex;
  gap: 6px;
  flex-wrap: wrap;
  align-items: center;
}

.filter-actions-group {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  margin-left: 2px;
}

.pill-order-control-btn {
  background: rgba(255, 255, 255, 0.03);
  color: var(--text-dim);
  border: 1px solid var(--border-dim);
  padding: 0 10px;
  height: 28px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  transition: all 0.15s ease;
  white-space: nowrap;
  box-sizing: border-box;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}

.pill-order-control-btn:hover {
  color: var(--color-gold);
  border-color: var(--color-gold);
  background: rgba(240, 185, 11, 0.08);
}

#resetPillOrderBtn:hover {
  color: var(--color-yellow);
  border-color: var(--color-yellow);
  background: rgba(250, 204, 21, 0.08);
}

.pill {
  background: rgba(255, 255, 255, 0.03);
  color: var(--text-dim);
  border: 1px solid var(--border-dim);
  padding: 0 10px;
  height: 28px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: grab;
  user-select: none;
  transition: transform 0.15s ease, opacity 0.15s ease, border-color 0.15s ease;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.pill:active {
  cursor: grabbing;
}

.filter-pills .pill.dragging,
.filter-pills .pill-action.dragging {
  opacity: 0.45;
  transform: scale(0.96);
  border: 1px dashed var(--color-gold) !important;
  cursor: grabbing;
}

.filter-pills .pill.drag-over-left,
.filter-pills .pill-action.drag-over-left {
  border-left: 3px solid var(--color-gold) !important;
  transform: translateX(2px);
}

.filter-pills .pill.drag-over-right,
.filter-pills .pill-action.drag-over-right {
  border-right: 3px solid var(--color-gold) !important;
  transform: translateX(-2px);
}

.pill:hover {
  color: var(--color-gold);
  border-color: var(--color-gold);
}

.pill.active {
  background: var(--color-gold);
  color: #000000 !important;
  border-color: var(--color-gold);
  font-weight: 700;
}

.pill.active * {
  color: #000000 !important;
}

.pill[data-filter="FREE"],
#pillFree {
  color: #00f58c !important;
  border-color: rgba(0, 245, 140, 0.45) !important;
  font-weight: 700;
}

.pill[data-filter="FREE"]:hover,
#pillFree:hover {
  border-color: #00f58c !important;
  box-shadow: 0 0 10px rgba(0, 245, 140, 0.3) !important;
  color: #ffffff !important;
}

.pill[data-filter="FREE"].active,
#pillFree.active {
  background: #00f58c !important;
  color: #03080c !important;
  border-color: #00f58c !important;
  font-weight: 800 !important;
  box-shadow: 0 0 14px rgba(0, 245, 140, 0.55) !important;
}

.pill[data-filter="FREE"].active * {
  color: #03080c !important;
}

.pill.pill-followed {
  color: var(--color-yellow);
  border-color: rgba(250, 204, 21, 0.4);
  font-weight: 700;
}

.pill.pill-followed.active {
  background: var(--color-yellow);
  color: #000000;
  border-color: var(--color-yellow);
}

.pill.pill-followed.active span {
  color: #000000;
}

.pill-action {
  background: rgba(250, 204, 21, 0.08);
  color: var(--color-yellow);
  border: 1px solid rgba(250, 204, 21, 0.4);
  padding: 0 10px;
  height: 28px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: grab;
  user-select: none;
  transition: all 0.2s ease;
  white-space: nowrap;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  box-sizing: border-box;
}

.pill-action:active {
  cursor: grabbing;
}

.pill-action:hover {
  background: rgba(250, 204, 21, 0.22);
  color: #ffffff;
  border-color: var(--color-yellow);
  box-shadow: 0 0 10px rgba(250, 204, 21, 0.35);
  transform: translateY(-1px);
}

.pill-action:active {
  background: var(--color-yellow);
  color: #000000;
  transform: translateY(0);
}

.search-box {
  display: flex;
  align-items: center;
  background: var(--bg-dark);
  border: 1px solid var(--border-dim);
  border-radius: 4px;
  padding: 3px 8px;
  gap: 6px;
}

.search-box input {
  background: transparent;
  border: none;
  color: var(--text-white);
  font-family: inherit;
  font-size: 12px;
  outline: none;
  min-width: 180px;
}

.sort-box {
  display: flex;
  align-items: center;
  gap: 8px;
}

/* On desktop, users sort directly by clicking table column headers */
@media (min-width: 769px) {
  .sort-box {
    display: none !important;
  }
}

/* Custom Cyberpunk Select Dropdown */
.custom-select-wrapper {
  position: relative;
  display: inline-block;
  user-select: none;
}

.custom-select-trigger {
  background: var(--bg-surface-elevated);
  border: 1px solid var(--border-dim);
  color: var(--color-cyan);
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  padding: 5px 10px;
  border-radius: 4px;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  min-width: 155px;
}

.custom-select-trigger:hover,
.custom-select-wrapper.open .custom-select-trigger {
  border-color: var(--color-cyan);
  background: #091d29;
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.25);
}

.custom-select-arrow {
  font-size: 10px;
  color: var(--color-cyan);
  transition: transform 0.2s ease;
}

.custom-select-wrapper.open .custom-select-arrow {
  transform: rotate(180deg);
}

.custom-select-options {
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  min-width: 175px;
  background: #06151f;
  border: 1px solid var(--color-cyan);
  border-radius: 6px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.85), 0 0 18px rgba(0, 240, 255, 0.25);
  padding: 4px;
  list-style: none;
  margin: 0;
  z-index: 9999;
  display: none;
  animation: selectFadeIn 0.18s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes selectFadeIn {
  from {
    opacity: 0;
    transform: translateY(-4px) scale(0.97);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

.custom-select-wrapper.open .custom-select-options {
  display: block;
}

.custom-option {
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  color: var(--text-dim);
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  transition: all 0.15s ease;
}

.custom-option:hover {
  background: rgba(0, 240, 255, 0.12);
  color: var(--color-cyan);
}

.custom-option.selected {
  background: rgba(0, 255, 136, 0.12);
  color: var(--color-green);
  font-weight: 700;
}

.opt-check {
  font-size: 11px;
  color: var(--color-green);
  opacity: 0;
  transition: opacity 0.15s ease;
}

.custom-option.selected .opt-check {
  opacity: 1;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

/* Real-Time Smart Money & Alpha Stream Ticker (Fixed Full-Width Bottom Bar) */
.smart-stream-ticker {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100vw;
  max-width: 100%;
  height: 32px;
  background: #0a0e17;
  border-top: 1px solid rgba(240, 185, 11, 0.35);
  border-bottom: none;
  border-left: none;
  border-right: none;
  border-radius: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.8), 0 -1px 10px rgba(240, 185, 11, 0.12);
  margin: 0;
  padding: 0;
  padding-bottom: env(safe-area-inset-bottom, 0px);
  box-sizing: content-box;
  z-index: 850;
  user-select: none;
  contain: content;
  transform: translateZ(0);
}

.ticker-badge {
  background: rgba(240, 185, 11, 0.12);
  border-right: 1px solid rgba(240, 185, 11, 0.3);
  padding: 0 12px;
  height: 100%;
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  z-index: 4;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.8px;
  color: var(--color-gold);
  text-shadow: 0 0 8px rgba(240, 185, 11, 0.3);
}

.ticker-pulse-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-green);
  box-shadow: 0 0 8px var(--color-green);
  animation: pulseDot 1.5s ease-in-out infinite;
  display: inline-block;
}

.ticker-track-wrap {
  flex: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
}

.ticker-track-wrap::before,
.ticker-track-wrap::after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  width: 24px;
  z-index: 3;
  pointer-events: none;
}

.ticker-track-wrap::before {
  left: 0;
  background: linear-gradient(to right, #0a0e17, transparent);
}

.ticker-track-wrap::after {
  right: 0;
  background: linear-gradient(to left, #0a0e17, transparent);
}

.ticker-track {
  display: inline-flex;
  align-items: center;
  white-space: nowrap;
  animation: tickerScroll 75s linear infinite;
  will-change: transform;
  contain: layout paint;
}

.ticker-track:hover,
.ticker-track:active {
  animation-play-state: paused;
}

@keyframes tickerScroll {
  0% {
    transform: translate3d(0, 0, 0);
  }

  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

.ticker-loading {
  font-size: 11px;
  color: var(--text-dim);
  padding-left: 16px;
  font-style: italic;
}

.ticker-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0 16px;
  font-size: 11px;
  cursor: pointer;
  color: var(--text-color);
  transition: all 0.15s ease;
  border-right: 1px dashed rgba(255, 255, 255, 0.08);
}

.ticker-item:hover {
  background: rgba(240, 185, 11, 0.08);
  color: #ffffff;
}

.ticker-time {
  color: var(--text-dim);
  font-size: 10px;
  font-family: monospace;
}

.ticker-tag {
  font-size: 9px;
  font-weight: 800;
  padding: 1px 5px;
  border-radius: 3px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.ticker-tag.tag-smart {
  background: rgba(56, 189, 248, 0.15);
  color: #38bdf8;
  border: 1px solid rgba(56, 189, 248, 0.35);
}

.ticker-tag.tag-snipe {
  background: rgba(0, 245, 140, 0.15);
  color: #00f58c;
  border: 1px solid rgba(0, 245, 140, 0.35);
}

.ticker-tag.tag-surge {
  background: rgba(192, 132, 252, 0.15);
  color: #c084fc;
  border: 1px solid rgba(192, 132, 252, 0.35);
}

.ticker-tag.tag-profit {
  background: rgba(240, 185, 11, 0.15);
  color: #f0b90b;
  border: 1px solid rgba(240, 185, 11, 0.35);
}

.ticker-tag.tag-new {
  background: rgba(250, 204, 21, 0.12);
  color: #fbbf24;
  border: 1px solid rgba(250, 204, 21, 0.3);
}

.ticker-body strong {
  color: #ffffff;
  font-weight: 700;
}

.ticker-wallet {
  color: #ffd600;
  background: rgba(255, 214, 0, 0.12);
  border: 1px solid rgba(255, 214, 0, 0.35);
  padding: 1px 6px;
  border-radius: 4px;
  font-weight: 700;
  font-family: var(--font-mono);
  letter-spacing: 0.2px;
  display: inline-flex;
  align-items: center;
  box-shadow: 0 0 6px rgba(255, 214, 0, 0.18);
  transition: all 0.15s ease;
}

.ticker-wallet.followed {
  color: #ffffff;
  background: rgba(240, 185, 11, 0.25);
  border-color: #ffd600;
  box-shadow: 0 0 10px rgba(255, 214, 0, 0.35);
}

.ticker-wallet:hover {
  background: rgba(255, 214, 0, 0.25);
  color: #ffffff;
  border-color: #ffd600;
}

/* Macro Stats Banner (Full Width Ribbon) */
.stats-banner {
  background: #0c0f17;
  border: 1px solid rgba(240, 185, 11, 0.22);
  border-radius: 8px;
  padding: 12px 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 12px;
  margin: 14px 0 16px 0;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.4);
}

.stats-macro-group {
  display: flex;
  align-items: stretch;
  gap: 12px;
  width: 100%;
}

.stat-card {
  flex: 1 1 0;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: rgba(18, 22, 34, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.08);
  padding: 8px 14px;
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
  font-family: var(--font-sans);
  white-space: nowrap;
  box-sizing: border-box;
}

.stat-label {
  font-weight: 800;
  font-size: 11px;
  letter-spacing: 0.5px;
  color: #94a3b8;
  text-transform: uppercase;
}

.stat-label.gold {
  color: var(--color-gold);
}

.stat-sep {
  display: none;
}

.stat-sub {
  color: var(--color-green);
  font-family: var(--font-mono);
  font-size: 11px;
}

.stat-highlight {
  color: var(--color-yellow);
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 180px;
}

.stat-runner {
  color: var(--color-cyan);
  font-size: 11px;
}

/* Dedicated Digital Hardware Counter Box in Stats Banner */
.digital-counter-wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 8px;
}

.digital-counter-box {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  background: linear-gradient(180deg, #091a24 0%, #040d12 100%);
  border: 2px solid var(--color-yellow, #ffd600);
  border-radius: 8px;
  padding: 10px 18px;
  box-shadow: 0 0 16px rgba(255, 214, 0, 0.22), inset 0 0 14px rgba(255, 214, 0, 0.06);
  width: fit-content;
  max-width: 100%;
  box-sizing: border-box;
}

.dcb-label-row {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.8px;
  color: #ffffff;
  margin-bottom: 6px;
  text-transform: uppercase;
}

.dcb-robot {
  font-size: 14px;
}

.dcb-lcd-screen {
  display: flex;
  align-items: center;
  gap: 4px;
  background: #02070a;
  padding: 6px 12px;
  border-radius: 6px;
  border: 1px solid rgba(255, 214, 0, 0.4);
  box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.9);
}

.dcb-digit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 24px;
  height: 32px;
  background: #112630;
  color: #ffd600;
  font-family: var(--font-mono);
  font-size: 20px;
  font-weight: 800;
  border-radius: 4px;
  border: 1px solid rgba(255, 214, 0, 0.45);
  box-shadow: 0 0 10px rgba(255, 214, 0, 0.35), inset 0 1px 2px rgba(255, 255, 255, 0.2);
  text-shadow: 0 0 6px rgba(255, 214, 0, 0.9);
  user-select: none;
}

.dcb-comma {
  color: #ffd600;
  font-size: 20px;
  font-weight: 800;
  padding: 0 1px;
  text-shadow: 0 0 6px rgba(255, 214, 0, 0.9);
}

.dcb-sub-row {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 6px;
  font-size: 11px;
  flex-wrap: wrap;
}

.dcb-badge {
  color: #00f0ff;
  font-weight: 700;
  letter-spacing: 0.5px;
  text-shadow: 0 0 5px rgba(0, 240, 255, 0.6);
}

.dcb-meta {
  color: var(--text-dim, #648999);
  font-size: 10px;
}

.ai-wallets-header-pill {
  background: rgba(255, 214, 0, 0.1);
  border: 1px solid rgba(255, 214, 0, 0.4);
  color: #ffd600;
  padding: 4px 10px;
  border-radius: 14px;
  font-weight: 600;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

/* Interactive Top Gainer Banner & Hall of Fame Pill */
.stat-card.gainer-card {
  cursor: pointer;
  padding: 8px 18px;
  border-radius: 8px;
  border: 1px solid rgba(240, 185, 11, 0.45);
  background: linear-gradient(135deg, rgba(240, 185, 11, 0.12) 0%, rgba(14, 18, 28, 0.9) 100%);
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5), 0 0 16px rgba(240, 185, 11, 0.15);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  user-select: none;
  display: flex;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  font-family: var(--font-sans);
}

.stat-card.gainer-card:hover {
  background: linear-gradient(135deg, rgba(240, 185, 11, 0.2) 0%, rgba(20, 26, 40, 0.95) 100%);
  border-color: rgba(240, 185, 11, 0.7);
  box-shadow: 0 6px 20px rgba(240, 185, 11, 0.35);
  transform: translateY(-1px);
}

.stat-hof-badge {
  font-size: 10.5px;
  font-weight: 800;
  color: #000000;
  background: var(--color-gold);
  border: none;
  border-radius: 4px;
  padding: 2px 7px;
  margin-left: auto;
  letter-spacing: 0.5px;
  display: inline-flex;
  align-items: center;
  box-shadow: 0 0 8px rgba(240, 185, 11, 0.35);
}

.stat-card.gainer-card:hover .stat-hof-badge {
  background: var(--color-yellow);
  color: #000000;
}

/* Badges */
.badge {
  display: inline-block;
  padding: 2px 7px;
  border-radius: 3px;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.3px;
}

.badge-green {
  background: var(--color-green);
  color: #000000;
  font-weight: 800;
  box-shadow: 0 0 8px rgba(0, 245, 140, 0.25);
}

.badge-yellow {
  background: linear-gradient(135deg, #ffd000 0%, #f0b90b 100%);
  color: #000000;
  font-weight: 800;
  box-shadow: 0 0 8px rgba(240, 185, 11, 0.25);
}

.badge-cyan {
  background: rgba(0, 240, 255, 0.18) !important;
  color: #00f0ff !important;
  border: 1px solid rgba(0, 240, 255, 0.5) !important;
  font-weight: 800 !important;
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.25) !important;
}

.col-type .badge.badge-cyan {
  background: rgba(0, 240, 255, 0.18) !important;
  color: #00f0ff !important;
  border: 1px solid rgba(0, 240, 255, 0.5) !important;
  font-weight: 800 !important;
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.25) !important;
}

.badge-magenta {
  background: var(--color-magenta);
  color: #ffffff;
}

.badge-red {
  background: var(--color-red);
  color: #ffffff;
}

.badge-dim {
  background: var(--bg-surface-elevated);
  color: var(--text-dim);
  border: 1px solid var(--border-dim);
}

/* Main Table Container */
.table-container {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--bg-dark);
}

.table-wrapper {
  overflow: auto;
  max-inline-size: 100%;
  max-block-size: calc(100vh - 200px);
  overscroll-behavior-x: contain;
  overscroll-behavior-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  scrollbar-color: rgba(240, 185, 11, 0.3) rgba(14, 18, 27, 0.8);
}

table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
}

@media (min-width: 769px) {

  table,
  #dropsTable {
    table-layout: fixed !important;
    width: 100%;
    min-width: 1260px;
  }

  /* Stable fixed column widths across all tabs and data rows */
  #dropsTable th:nth-child(1),
  #dropsTable td:nth-child(1) {
    width: 34px;
    max-width: 34px;
    text-align: center;
  }

  #dropsTable th:nth-child(2),
  #dropsTable td:nth-child(2) {
    width: 38px;
  }

  #dropsTable th:nth-child(3),
  #dropsTable td:nth-child(3) {
    width: 78px;
  }

  #dropsTable th:nth-child(4),
  #dropsTable td:nth-child(4) {
    width: 42px;
    text-align: center;
  }

  #dropsTable th:nth-child(5),
  #dropsTable td:nth-child(5) {
    width: 200px;
    min-width: 180px;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  #dropsTable th:nth-child(6),
  #dropsTable td:nth-child(6) {
    width: 75px;
  }

  #dropsTable th:nth-child(7),
  #dropsTable td:nth-child(7) {
    width: 85px;
  }

  #dropsTable th:nth-child(8),
  #dropsTable td:nth-child(8) {
    width: 85px;
  }

  #dropsTable th:nth-child(9),
  #dropsTable td:nth-child(9) {
    width: 115px;
  }

  #dropsTable th:nth-child(10),
  #dropsTable td:nth-child(10) {
    width: 105px;
  }

  #dropsTable th:nth-child(11),
  #dropsTable td:nth-child(11) {
    width: 220px;
  }

  #dropsTable th:nth-child(12),
  #dropsTable td:nth-child(12) {
    width: 100px;
  }

  #dropsTable th:nth-child(13),
  #dropsTable td:nth-child(13) {
    width: 110px;
  }

  #dropsTable th:nth-child(14),
  #dropsTable td:nth-child(14) {
    width: 85px;
    text-align: center;
  }

  /* Dedicated Column Sizing for Secondary Market Mode to prevent header overlap */
  #dropsTable.secondary-mode th:nth-child(9),
  #dropsTable.secondary-mode td:nth-child(9) {
    width: 120px !important;
    min-width: 120px !important;
  }

  #dropsTable.secondary-mode th:nth-child(10),
  #dropsTable.secondary-mode td:nth-child(10) {
    width: 145px !important;
    min-width: 145px !important;
  }

  #dropsTable.secondary-mode th:nth-child(11),
  #dropsTable.secondary-mode td:nth-child(11) {
    width: 115px !important;
    min-width: 115px !important;
  }

  #dropsTable.secondary-mode th:nth-child(12),
  #dropsTable.secondary-mode td:nth-child(12) {
    width: 120px !important;
    min-width: 120px !important;
  }

  #dropsTable.secondary-mode th:nth-child(13),
  #dropsTable.secondary-mode td:nth-child(13) {
    width: 115px !important;
    min-width: 115px !important;
  }

  #dropsTable.secondary-mode th:nth-child(14),
  #dropsTable.secondary-mode td:nth-child(14) {
    width: 110px !important;
    min-width: 110px !important;
    text-align: center;
  }
}

thead {
  position: sticky;
  top: 0;
  inset-block-start: 0;
  z-index: 10;
  background: #121726;
}

th {
  padding: 12px 8px;
  color: #94a3b8;
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  border-bottom: 2px solid rgba(240, 185, 11, 0.45);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

/* Base column classes */
th.col-fav {
  width: 34px;
  min-width: 34px;
  max-width: 34px;
}

th.col-num {
  width: 38px;
  min-width: 38px;
}

th.col-block {
  width: 78px;
  min-width: 78px;
}

th.col-sm {
  width: 42px;
  min-width: 42px;
  max-width: 44px;
}

th.col-project {
  min-width: 180px;
}

th.col-type {
  width: 75px;
  min-width: 75px;
}

th.col-safety {
  width: 85px;
  min-width: 85px;
}

th.col-interest {
  width: 85px;
  min-width: 85px;
}

th.col-holders {
  width: 115px;
  min-width: 115px;
}

th.col-lp {
  width: 105px;
  min-width: 105px;
}

th.col-progress {
  width: 220px;
  min-width: 220px;
}

th.col-price {
  width: 100px;
  min-width: 100px;
}

th.col-floor {
  width: 110px;
  min-width: 110px;
}

th.col-action {
  width: 85px;
  min-width: 85px;
  text-align: center;
}

td {
  padding: 10px 14px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  white-space: nowrap;
  font-size: 12.5px;
  overflow: hidden;
  text-overflow: ellipsis;
}

tbody tr {
  cursor: pointer;
  transition: background-color 0.1s ease;
  content-visibility: auto;
  contain-intrinsic-size: 0 44px;
}

@media (min-width: 769px) {
  tbody tr {
    height: 44px;
  }
}

tbody tr:hover {
  background-color: rgba(240, 185, 11, 0.07);
}

tbody tr:hover .inspect-btn {
  background: var(--color-gold);
  color: #000000;
  border-color: var(--color-gold);
  box-shadow: 0 0 10px rgba(240, 185, 11, 0.45);
}

tbody tr:hover .token-permalink strong {
  color: var(--color-gold);
  text-shadow: 0 0 8px rgba(240, 185, 11, 0.35);
}

tbody tr.selected {
  background-color: rgba(240, 185, 11, 0.1);
  color: var(--text-white);
  box-shadow: inset 3px 0 0 var(--color-gold);
}

/* Cell-specific styling */
.col-fav {
  width: 34px;
  text-align: center;
}

.star-btn {
  background: transparent;
  border: none;
  font-size: 15px;
  cursor: pointer;
  color: #64748b;
  padding: 2px 4px;
  line-height: 1;
  transition: transform 0.15s ease, color 0.15s ease;
}

.star-btn:hover {
  transform: scale(1.3);
  color: var(--color-gold);
}

.star-btn.starred {
  color: var(--color-gold);
  text-shadow: 0 0 10px rgba(240, 185, 11, 0.8);
}

.modal-fav-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 4px 10px;
  border-radius: 4px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  background: rgba(240, 185, 11, 0.08);
  border: 1px solid rgba(240, 185, 11, 0.35);
  color: var(--color-gold);
  transition: all 0.2s ease;
  font-family: var(--font-sans);
}

.modal-fav-btn:hover {
  background: rgba(240, 185, 11, 0.2);
  transform: translateY(-1px);
}

.modal-fav-btn.starred {
  background: var(--color-gold);
  color: #000;
  border-color: var(--color-gold);
  box-shadow: 0 0 10px rgba(240, 185, 11, 0.4);
}

.col-num {
  width: 36px;
  text-align: center;
  color: #64748b;
  font-family: var(--font-mono);
  font-size: 11px;
}

.col-block code {
  color: #cbd5e1;
  font-family: var(--font-mono);
  font-weight: 600;
  background: rgba(255, 255, 255, 0.05);
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 11px;
}

.col-sm {
  width: 38px;
  max-width: 44px;
  text-align: center;
  padding-left: 2px !important;
  padding-right: 2px !important;
  white-space: nowrap;
}

.col-project strong {
  color: #ffffff;
  font-family: var(--font-sans);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: -0.1px;
}

.col-project .sym {
  color: #94a3b8;
  font-family: var(--font-mono);
  font-size: 11px;
  margin-left: 6px;
  background: rgba(255, 255, 255, 0.05);
  padding: 1px 5px;
  border-radius: 4px;
}

.col-type span {
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.col-holders span.hld {
  color: var(--color-green);
  font-weight: 700;
  font-family: var(--font-mono);
}

.col-holders span.buy {
  color: #94a3b8;
  font-weight: 600;
  font-family: var(--font-mono);
}

.col-price {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
}

.col-floor {
  font-family: var(--font-mono);
  font-size: 12px;
  font-weight: 700;
}

/* Progress bar inside table cell */
.col-progress {
  min-width: 0;
  width: 100%;
}

#dropsTable.secondary-mode .col-progress {
  min-width: 0;
}

th.sortable-th {
  cursor: pointer;
  user-select: none;
  transition: background 0.15s ease, color 0.15s ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
}

th.sortable-th:hover {
  color: var(--color-gold);
  background: rgba(240, 185, 11, 0.08);
}

th.sortable-th:active {
  background: rgba(240, 185, 11, 0.22);
  transform: scale(0.98);
}

th.sortable-th.active-sort {
  color: var(--color-gold);
  background: rgba(240, 185, 11, 0.08);
}

th.sortable-th .sort-indicator {
  display: inline-block;
  font-size: 10px;
  margin-left: 3px;
  vertical-align: baseline;
  transition: opacity 0.15s ease;
}

th.sortable-th .sort-indicator.desc,
th.sortable-th .sort-indicator.asc {
  color: var(--color-gold);
  font-weight: 900;
  text-shadow: 0 0 6px rgba(240, 185, 11, 0.6);
}

th.sortable-th .sort-indicator.dim-hint {
  color: rgba(255, 255, 255, 0.25);
  opacity: 0;
}

th.sortable-th:hover .sort-indicator.dim-hint {
  opacity: 1;
  color: rgba(240, 185, 11, 0.6);
}

.progress-cell {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  width: 100%;
}

.prog-tag {
  font-weight: 800;
  font-size: 10px;
  min-width: 80px;
  width: 80px;
  flex-shrink: 0;
  white-space: nowrap;
  letter-spacing: 0.3px;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

.prog-bar-container {
  flex: 1;
  min-width: 60px;
  height: 6px;
  background: rgba(255, 255, 255, 0.07);
  border-radius: 9999px;
  overflow: hidden;
  border: none;
}

.prog-bar-fill {
  height: 100%;
  border-radius: 9999px;
  background: linear-gradient(90deg, #00f58c 0%, #ffd000 100%);
  transition: width 0.3s ease;
  box-shadow: 0 0 8px rgba(0, 245, 140, 0.4);
}

.prog-ratio {
  font-size: 11px;
  color: #94a3b8;
  min-width: 75px;
  text-align: right;
  white-space: nowrap;
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}

/* Action button */
.inspect-btn {
  background: rgba(240, 185, 11, 0.1);
  border: 1px solid rgba(240, 185, 11, 0.4);
  color: var(--color-gold);
  padding: 4px 12px;
  border-radius: 4px;
  font-family: var(--font-sans);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  letter-spacing: 0.3px;
  transition: all 0.15s ease;
}

.inspect-btn:hover {
  background: var(--color-gold);
  color: #000000;
  border-color: var(--color-gold);
  box-shadow: 0 0 12px rgba(240, 185, 11, 0.5);
  transform: translateY(-1px);
}

.inspect-btn.dex-screener-btn {
  background: rgba(0, 240, 255, 0.08);
  border: 1px solid var(--color-cyan);
  color: var(--color-cyan);
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}

.inspect-btn.dex-screener-btn:hover {
  background: var(--color-cyan);
  color: #000000;
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.4);
}

/* Token Permalinks & Direct In-Modal Navigation Anchors */
a.token-permalink {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  display: inline-flex;
  align-items: baseline;
  gap: 4px;
  max-width: 100%;
  transition: color 0.15s ease, opacity 0.15s ease;
}

a.token-permalink:hover strong {
  color: var(--color-gold);
  text-shadow: 0 0 8px rgba(240, 185, 11, 0.4);
}

a.token-permalink:hover .sym {
  color: var(--color-cyan);
}

a.inspect-btn {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

a.inspect-btn:hover {
  text-decoration: none;
}

/* Footer Status Bar */
.terminal-footer {
  background: var(--bg-surface);
  border-top: 1px solid var(--border-dim);
  padding: 8px 18px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  color: var(--text-dim);
  flex-wrap: wrap;
  gap: 8px;
}

.footer-left,
.footer-right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.footer-sep {
  color: var(--border-dim);
}

.footer-link {
  color: var(--color-cyan);
  text-decoration: none;
}

.footer-link:hover {
  text-decoration: underline;
}

/* Modal Inspection Dialog */
.project-modal {
  margin: auto;
  background: #0a0c14;
  border: 1px solid rgba(240, 185, 11, 0.45);
  border-radius: 10px;
  padding: 0;
  max-width: 720px;
  width: 90vw;
  color: var(--text-primary);
  font-family: var(--font-mono);
  box-shadow: 0 16px 50px rgba(0, 0, 0, 0.9), 0 0 25px rgba(240, 185, 11, 0.2);
  outline: none;
  contain: layout;
  will-change: transform, opacity;
}

.project-modal::backdrop {
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  will-change: opacity;
}

.modal-content {
  padding: 20px 24px;
  max-height: 85vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid rgba(240, 185, 11, 0.2);
  padding-bottom: 12px;
  gap: 12px;
  flex-wrap: wrap;
}

.modal-title-group {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

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

.modal-nav-compact {
  display: inline-flex;
  align-items: center;
  background: rgba(13, 19, 31, 0.9);
  border: 1px solid rgba(0, 240, 255, 0.35);
  border-radius: 6px;
  padding: 2px 4px;
  gap: 4px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5), inset 0 0 8px rgba(0, 240, 255, 0.05);
}

.modal-nav-btn {
  background: rgba(0, 240, 255, 0.08);
  border: 1px solid rgba(0, 240, 255, 0.3);
  color: var(--color-cyan);
  padding: 4px 9px;
  border-radius: 4px;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: all 0.15s ease;
  user-select: none;
  line-height: 1.2;
}

.modal-nav-btn:hover:not(:disabled) {
  background: rgba(0, 240, 255, 0.22);
  border-color: var(--color-cyan);
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.4);
  color: #fff;
  transform: translateY(-1px);
}

.modal-nav-btn:active:not(:disabled) {
  transform: translateY(0);
}

.modal-nav-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  border-color: rgba(255, 255, 255, 0.1);
  color: var(--text-dim);
  background: transparent;
  box-shadow: none;
}

.modal-nav-counter {
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  color: var(--color-yellow);
  padding: 2px 6px;
  letter-spacing: 0.5px;
  white-space: nowrap;
}

.nav-arrow {
  font-size: 12px;
  line-height: 1;
}

.nav-key {
  font-size: 9.5px;
  opacity: 0.75;
  font-family: var(--font-mono);
  color: var(--color-cyan);
}

.nav-kbd {
  display: inline-block;
  padding: 1px 5px;
  font-size: 10px;
  font-family: var(--font-mono);
  font-weight: 700;
  line-height: 1.2;
  color: var(--color-cyan);
  background: rgba(0, 240, 255, 0.12);
  border: 1px solid rgba(0, 240, 255, 0.4);
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}

.modal-footer-nav-card {
  border-radius: 6px;
  padding: 10px 14px;
}

.modal-footer-nav-buttons .footer-nav-btn {
  padding: 6px 12px;
  font-size: 11.5px;
}

.modal-title {
  font-size: 16px;
  color: var(--text-white);
  font-weight: 800;
}

.modal-close-btn {
  background: transparent;
  border: 1px solid var(--border-dim);
  color: var(--text-dim);
  padding: 4px 10px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 12px;
  cursor: pointer;
}

.modal-close-btn:hover {
  color: var(--text-white);
  border-color: var(--color-red);
}

.modal-section {
  background: #06080e;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 6px;
  padding: 12px 14px;
}

.modal-section-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--color-gold);
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.modal-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 12px;
  font-size: 12px;
}

.modal-grid>div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  background: rgba(255, 255, 255, 0.02);
  border: 1px solid rgba(255, 255, 255, 0.05);
  border-radius: 4px;
  padding: 6px 10px;
  min-height: 32px;
  box-sizing: border-box;
  min-width: 0;
  overflow: hidden;
}

.modal-grid>div>span.dim {
  flex-shrink: 0;
  white-space: nowrap;
}

.modal-grid>div>*:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: right;
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  justify-content: safe flex-end;
  gap: 4px;
  flex-shrink: 1;
  min-width: 0;
}

.modal-grid>div>.badge,
.modal-grid>div>.whale-alert-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  white-space: nowrap;
  letter-spacing: 0.2px;
}

.modal-grid>div code {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 11px;
}

.modal-links {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 10px;
}

.modal-btn {
  padding: 8px 16px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.15s ease;
}

.btn-element {
  background: #182830;
  color: var(--color-cyan);
  border: 1px solid var(--color-cyan);
}

.btn-element:hover {
  background: var(--color-cyan);
  color: #000000;
}

.btn-pancake {
  background: #2a2012;
  color: var(--color-yellow);
  border: 1px solid var(--color-yellow);
}

.btn-pancake:hover {
  background: var(--color-yellow);
  color: #000000;
}

.btn-bscscan {
  background: #152026;
  color: var(--text-white);
  border: 1px solid var(--border-dim);
}

.btn-bscscan:hover {
  border-color: var(--text-white);
}

.cli-box {
  background: #020709;
  border: 1px solid var(--border-dim);
  border-radius: 4px;
  padding: 8px 10px;
  font-size: 11px;
  color: var(--color-green);
  overflow-x: auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}

.copy-btn {
  background: var(--bg-surface-elevated);
  border: 1px solid var(--border-dim);
  color: var(--text-white);
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 10px;
  cursor: pointer;
  white-space: nowrap;
}

.copy-btn:hover {
  background: var(--color-green);
  color: #000000;
}

/* Hall of Fame Modal Styles */
.hof-modal {
  max-width: 960px;
  width: 95vw;
  border: 2px solid var(--color-yellow);
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.9), 0 0 30px rgba(255, 215, 0, 0.25);
}

.hof-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid var(--border-dim);
  padding-bottom: 12px;
}

.hof-title-group h2 {
  font-size: 18px;
  font-weight: 800;
  color: var(--color-yellow);
  margin: 0 0 4px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.5px;
}

.hof-subtitle {
  font-size: 11px;
  color: var(--text-dim);
  margin: 0;
}

.hof-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 6px 0;
}

.hof-filters {
  display: flex;
  gap: 8px;
}

.hof-filter-btn {
  background: var(--bg-dark);
  border: 1px solid var(--border-dim);
  color: var(--text-dim);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.hof-filter-btn.active,
.hof-filter-btn:hover {
  background: rgba(255, 215, 0, 0.15);
  border-color: var(--color-yellow);
  color: var(--color-yellow);
}

.hof-summary-pill {
  font-size: 11px;
  font-weight: 700;
  color: var(--color-green);
  background: rgba(74, 222, 128, 0.1);
  padding: 3px 8px;
  border-radius: 4px;
  border: 1px solid rgba(74, 222, 128, 0.3);
}

.hof-table-wrap {
  max-height: 58vh;
  overflow-y: auto;
  border: 1px solid var(--border-dim);
  border-radius: 6px;
  background: #020709;
}

.hof-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  text-align: left;
}

.hof-table th {
  background: #090f14;
  position: sticky;
  top: 0;
  z-index: 2;
  color: var(--text-dim);
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 9px 12px;
  border-bottom: 1px solid var(--border-dim);
}

.hof-table td {
  padding: 9px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  vertical-align: middle;
}

.hof-table tr:hover {
  background: rgba(255, 215, 0, 0.03);
}

.hof-rank {
  font-weight: 800;
  font-size: 13px;
}

.hof-rank-1 {
  color: #ffd700;
  text-shadow: 0 0 8px rgba(255, 215, 0, 0.5);
}

.hof-rank-2 {
  color: #e2e8f0;
  text-shadow: 0 0 6px rgba(226, 232, 240, 0.4);
}

.hof-rank-3 {
  color: #f59e0b;
  text-shadow: 0 0 6px rgba(245, 158, 11, 0.4);
}

.hof-action-links {
  display: flex;
  gap: 6px;
  align-items: center;
}

.hof-btn {
  display: inline-block;
  padding: 2px 7px;
  font-size: 10.5px;
  font-weight: 700;
  border-radius: 3px;
  text-decoration: none;
  transition: all 0.15s ease;
  white-space: nowrap;
}

.hof-btn-mkt {
  color: var(--color-magenta);
  background: rgba(217, 70, 239, 0.1);
  border: 1px solid var(--color-magenta);
}

.hof-btn-mkt:hover {
  background: var(--color-magenta);
  color: #000;
}

.hof-btn-dex {
  color: var(--color-green);
  background: rgba(74, 222, 128, 0.1);
  border: 1px solid var(--color-green);
}

.hof-btn-dex:hover {
  background: var(--color-green);
  color: #000;
}

.hof-btn-chart {
  color: var(--color-cyan);
  background: rgba(0, 240, 255, 0.1);
  border: 1px solid var(--color-cyan);
}

.hof-btn-chart:hover {
  background: var(--color-cyan);
  color: #000;
}

.hof-btn-scan {
  color: var(--text-dim);
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border-dim);
}

.hof-btn-scan:hover {
  color: var(--text-white);
  border-color: var(--text-white);
}

.dim {
  color: var(--text-dim);
}

/* Sound Alert Toggle Button */
.sound-toggle-btn {
  background: var(--bg-surface-elevated);
  border: 1px solid var(--border-dim);
  color: var(--text-dim);
  padding: 3px 10px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
}

.sound-toggle-btn:hover {
  border-color: var(--color-cyan);
  color: var(--text-white);
  transform: translateY(-1px);
}

.sound-toggle-btn.active {
  background: rgba(0, 255, 136, 0.12);
  border-color: var(--color-green);
  color: var(--color-green);
  box-shadow: 0 0 10px rgba(0, 255, 136, 0.25);
}

.sound-toggle-btn.muted {
  background: var(--bg-surface-elevated);
  border-color: var(--border-dim);
  color: var(--text-dim);
  opacity: 0.75;
}

/* Dynamic Market Toast Notifications */
.toast-container {
  position: fixed;
  bottom: 38px;
  right: 24px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  z-index: 9999;
  pointer-events: none;
}

.market-toast {
  background: #09171f;
  border: 1px solid var(--color-green);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.85), 0 0 14px rgba(0, 255, 136, 0.35);
  border-radius: 6px;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  color: var(--text-white);
  min-width: 290px;
  max-width: 440px;
  box-sizing: border-box;
  overflow: hidden;
  pointer-events: auto;
  animation: toastSlideIn 0.35s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  transition: opacity 0.35s ease, transform 0.35s ease;
}

.market-toast.fade-out {
  opacity: 0;
  transform: translateY(12px) scale(0.96);
}

.toast-icon {
  font-size: 20px;
  flex-shrink: 0;
  animation: pulseDot 1.2s infinite alternate ease-in-out;
}

.toast-content {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex-grow: 1;
  min-width: 0;
}

.toast-title {
  font-size: 11px;
  font-weight: 800;
  color: var(--color-green);
  letter-spacing: 0.8px;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.toast-desc {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-white);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.toast-meta {
  font-size: 10.5px;
  color: var(--color-cyan);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@keyframes toastSlideIn {
  from {
    opacity: 0;
    transform: translateY(20px) scale(0.92);
  }

  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Row highlight animation for newly discovered markets */
@keyframes rowNewGlow {
  0% {
    background-color: rgba(0, 255, 136, 0.35);
    box-shadow: inset 0 0 15px rgba(0, 255, 136, 0.4);
  }

  70% {
    background-color: rgba(0, 255, 136, 0.12);
  }

  100% {
    background-color: transparent;
    box-shadow: none;
  }
}

.row-new {
  animation: rowNewGlow 4.5s ease-out forwards;
}

/* Donation / Tip Dev Action Buttons */
.donate-btn {
  background: rgba(255, 184, 0, 0.08);
  border: 1px solid rgba(255, 184, 0, 0.45);
  color: var(--color-yellow);
  padding: 3px 10px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
}

.donate-btn:hover {
  background: rgba(255, 184, 0, 0.2);
  border-color: var(--color-yellow);
  box-shadow: 0 0 12px rgba(255, 184, 0, 0.4);
  transform: translateY(-1px);
}

.donate-btn code {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.4);
  padding: 1px 5px;
  border-radius: 3px;
  font-size: 10px;
}

.donate-copy-badge {
  font-size: 10px;
  color: var(--color-yellow);
  opacity: 0.9;
}

.footer-donate-btn {
  background: transparent;
  border: none;
  color: var(--color-yellow);
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 2px 6px;
  border-radius: 3px;
  transition: all 0.15s ease;
}

.footer-donate-btn:hover {
  background: rgba(255, 184, 0, 0.15);
  color: #ffffff;
}

.footer-donate-btn code {
  color: #ffffff;
  background: rgba(0, 0, 0, 0.3);
  padding: 1px 4px;
  border-radius: 2px;
}

/* Mobile & Phone Responsive Styling */
.desktop-only {
  display: inline;
}

.mobile-only {
  display: none;
}

@media (max-width: 768px) {
  .desktop-only {
    display: none !important;
  }

  .mobile-only {
    display: inline !important;
  }

  .suite-header {
    padding: 8px 10px;
    gap: 6px;
    max-width: 100vw;
    box-sizing: border-box;
    overflow: visible;
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: rgba(9, 13, 20, 0.98);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
  }

  .suite-title-row {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    width: 100%;
  }

  .suite-search-wrap {
    flex: 0 0 auto !important;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 6px 0 0 0;
    order: 3;
    position: relative;
  }

  .search-results-dropdown {
    max-height: 360px;
    top: 42px;
  }

  .search-dropdown-shortcuts {
    display: none !important;
  }

  .search-drop-name {
    max-width: 110px;
  }

  .suite-brand {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 8px;
    width: 100%;
    min-width: 0;
  }

  .suite-title-wrap {
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    flex: 1;
    overflow: hidden;
  }

  .suite-title-text {
    font-size: clamp(10.5px, 3.2vw, 13px);
    letter-spacing: 0.3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .suite-meta {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 4px 6px;
    font-size: 10px;
    padding-top: 6px;
    border-top: 1px solid var(--border-dim);
    width: 100%;
    min-width: 0;
    box-sizing: border-box;
  }

  .suite-telemetry {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 1;
    min-width: 0;
  }

  .suite-telemetry .meta-item {
    padding: 2px 5px !important;
    font-size: 9.5px !important;
  }

  .suite-actions-group {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-left: auto;
    flex-shrink: 0;
  }

  .registry-meta {
    display: none !important;
    /* Save space on small phone screens */
  }

  .meta-sep {
    display: none !important;
  }

  .donate-btn {
    padding: 3px 6px;
    font-size: 10px;
  }

  .sound-toggle-btn {
    padding: 3px 6px;
    font-size: 10px;
  }

  .sound-toggle-btn .sound-label {
    display: none;
  }

  .connect-wallet-btn {
    padding: 3px 6px;
    font-size: 10px;
    gap: 3px;
    max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .wallet-badge-bnb {
    display: none !important;
  }

  /* Segmented full-width tabs & compact controls */
  .nav-container {
    gap: 6px;
    width: 100%;
    overflow: visible;
    position: relative;
    z-index: 100;
  }

  .nav-primary-row {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    width: 100%;
    overflow: visible;
    position: relative;
    z-index: 100;
  }

  /* Mobile Tab Dropdown instead of squashed horizontal buttons */
  .desktop-tabs,
  .tabs {
    display: none !important;
  }

  .mobile-tab-selector-wrap {
    display: block !important;
    width: 100%;
  }

  .mobile-tabs-dropdown {
    width: 100%;
    position: relative;
  }

  .mobile-tab-trigger {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 42px;
    background: #0c0f17;
    border: 1px solid rgba(240, 185, 11, 0.45);
    border-radius: 7px;
    padding: 0 14px;
    color: #ffffff;
    font-family: var(--font-sans);
    font-size: 13px;
    font-weight: 700;
    cursor: pointer;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5), inset 0 1px 2px rgba(255, 255, 255, 0.05);
    transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
    box-sizing: border-box;
  }

  .mobile-tab-trigger:active,
  .mobile-tabs-dropdown.open .mobile-tab-trigger {
    border-color: var(--color-gold);
    box-shadow: 0 0 14px rgba(240, 185, 11, 0.3);
    background: #111624;
  }

  .mobile-tab-active-label {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
    flex: 1;
  }

  .mobile-tab-curr-name {
    font-weight: 800;
    color: #ffffff;
    letter-spacing: 0.3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mobile-tab-options {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    top: calc(100% + 4px);
    background: #0c0f17;
    border: 1px solid rgba(240, 185, 11, 0.45);
    border-radius: 8px;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.98), 0 0 20px rgba(240, 185, 11, 0.25);
    z-index: 99999;
    padding: 6px;
    list-style: none;
    max-height: 360px;
    overflow-y: auto;
    display: none;
    box-sizing: border-box;
  }

  .mobile-tabs-dropdown.open .mobile-tab-options {
    display: block;
  }

  .mobile-tab-option {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    min-height: 44px; /* A11y 44px touch target */
    border-radius: 6px;
    font-size: 13px;
    font-weight: 700;
    color: #cbd5e1;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
  }

  .mobile-tab-option:hover,
  .mobile-tab-option:active {
    background: rgba(240, 185, 11, 0.12);
    color: #ffffff;
  }

  .mobile-tab-option.selected {
    background: rgba(240, 185, 11, 0.2);
    color: var(--color-gold);
    border-left: 3px solid var(--color-gold);
  }

  .mobile-tab-option .mobile-opt-title {
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .mobile-tab-option .opt-check {
    margin-left: 10px;
    color: var(--color-gold);
    font-size: 12px;
    font-weight: 900;
    opacity: 0;
  }

  .mobile-tab-option.selected .opt-check {
    opacity: 1;
  }

  .search-sort-group {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    width: 100%;
  }

  .sort-box {
    display: flex;
    align-items: center;
    width: 100%;
    gap: 8px;
  }

  .sort-box .custom-select-wrapper {
    flex: 1;
    width: 100%;
  }

  .sort-box .custom-select-trigger {
    width: 100%;
    height: 38px;
    justify-content: space-between;
  }

  .filter-toolbar-row {
    width: 100%;
  }

  .controls-row {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    width: 100%;
  }

  /* Horizontal swipeable filter pills */
  .filter-pills {
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 2px;
    scrollbar-width: none;
    gap: 5px;
  }

  .filter-pills::-webkit-scrollbar {
    display: none;
  }

  .filter-pills .pill,
  .filter-pills .pill-action {
    flex: 0 0 auto;
    white-space: nowrap;
    font-size: 10.5px;
    padding: 4px 8px;
  }

  .search-box {
    flex: 1;
    min-width: 0;
  }

  .search-box input {
    width: 100%;
    padding: 5px 8px 5px 26px;
    font-size: 11px;
    height: 32px;
  }

  .sort-box {
    width: 100% !important;
    flex: 1 1 100% !important;
    justify-content: stretch !important;
  }

  .sort-box .dim {
    display: none;
  }

  .sort-prefix {
    color: var(--text-dim);
    font-size: 11px;
    font-weight: 700;
    margin-right: 4px;
  }

  .custom-select-wrapper {
    width: 100% !important;
  }

  .custom-select-trigger {
    width: 100% !important;
    height: 38px !important;
    padding: 0 12px !important;
    font-size: 11.5px !important;
    border-radius: 6px !important;
  }

  .custom-select-options {
    right: 0;
    left: 0;
    min-width: 100%;
  }

  .smart-stream-ticker {
    height: 28px;
    border-radius: 0;
    margin: 0;
  }

  .ticker-badge {
    padding: 0 8px;
    font-size: 9px;
  }

  .ticker-item {
    padding: 0 10px;
    font-size: 10px;
    gap: 6px;
  }

  .ticker-tag {
    font-size: 8px;
    padding: 0 4px;
  }

  /* Mobile Stats Banner: 2-Row Stack with Horizontal Scroll (Collision-Free) */
  .stats-banner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    padding: 8px 10px;
    height: auto;
    min-height: 0;
    max-height: none;
    border-radius: 8px;
    border: 1px solid rgba(240, 185, 11, 0.25);
    background: var(--bg-surface-elevated);
    box-sizing: border-box;
    width: 100%;
    margin: 14px 0 16px 0 !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.5);
  }

  .stats-macro-group {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
    padding-bottom: 2px;
    box-sizing: border-box;
  }

  .stats-macro-group::-webkit-scrollbar {
    display: none;
  }

  .stat-card {
    min-width: 0;
    height: auto;
    background: #08151c;
    border-radius: 6px;
    border: 1px solid var(--border-dim);
    font-size: 10.5px;
    box-sizing: border-box;
  }

  /* Tile 1: Mint Cap Fill Rate */
  .stat-card:nth-child(1) {
    grid-column: 1 / 2;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 8px 10px !important;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.08) 0%, rgba(8, 21, 28, 0.95) 100%) !important;
    border: 1px solid rgba(34, 197, 94, 0.35) !important;
  }

  .stat-card:nth-child(1) .stat-label {
    font-size: 9.5px !important;
    font-weight: 800 !important;
    color: #86efac !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .stat-card:nth-child(1) #fillRatePct {
    font-size: 13px !important;
    font-weight: 800 !important;
    padding: 2px 6px !important;
  }

  .stat-card:nth-child(1) .stat-sub {
    font-size: 9.5px !important;
    color: #86efac !important;
    background: rgba(34, 197, 94, 0.12) !important;
    border: 1px solid rgba(34, 197, 94, 0.25) !important;
    padding: 1px 5px !important;
    border-radius: 3px !important;
    white-space: nowrap !important;
  }

  /* Tile 2: Near Cap (≥80%) */
  .stat-card:nth-child(3) {
    grid-column: 2 / 3;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    gap: 4px !important;
    padding: 8px 10px !important;
    background: linear-gradient(135deg, rgba(249, 115, 22, 0.08) 0%, rgba(8, 21, 28, 0.95) 100%) !important;
    border: 1px solid rgba(249, 115, 22, 0.35) !important;
  }

  .stat-card:nth-child(3) .stat-label {
    font-size: 9.5px !important;
    font-weight: 800 !important;
    color: #fdba74 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
  }

  .stat-card:nth-child(3) #nearCapCount {
    font-size: 13px !important;
    font-weight: 800 !important;
    padding: 2px 6px !important;
  }

  /* Tile 3: Momentum (Spans full width across both columns) */
  .stat-card:nth-child(5) {
    grid-column: 1 / -1 !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 6px !important;
    padding: 6px 10px !important;
    min-height: 34px !important;
    background: #08151c !important;
    border: 1px solid rgba(240, 185, 11, 0.25) !important;
  }

  .stat-card:nth-child(5) .stat-highlight {
    font-size: 10px !important;
    color: var(--text-dim) !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
    max-width: 55% !important;
  }

  .stat-card.gainer-card {
    width: 100%;
    min-height: auto;
    height: auto;
    background: linear-gradient(135deg, rgba(255, 214, 0, 0.08) 0%, rgba(14, 18, 27, 0.98) 100%);
    border: 1px solid rgba(255, 214, 0, 0.35);
    padding: 8px 10px;
    border-radius: 6px;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px 8px;
    white-space: normal;
    cursor: pointer;
    box-sizing: border-box;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4);
  }

  .stat-card.gainer-card::-webkit-scrollbar {
    display: none;
  }

  .stat-card.gainer-card .stat-label {
    font-size: 11px;
    font-weight: 800;
  }

  .stat-card.gainer-card .stat-text {
    font-size: 10.5px;
    color: #cbd5e1;
  }

  .stat-card.gainer-card .stat-runner {
    font-size: 10px;
    color: var(--text-dim);
  }

  .stat-card.gainer-card .stat-hof-badge {
    margin-left: auto;
    font-size: 10px;
    font-weight: 700;
    padding: 2px 6px;
  }

  .stat-sep {
    display: none !important;
  }

  .portfolio-banner,
  .secondary-market-banner {
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
    padding: 6px 8px;
  }

  .portfolio-stat-group {
    display: flex;
    overflow-x: auto;
    flex-wrap: nowrap;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    gap: 6px;
    scrollbar-width: none;
  }

  .portfolio-stat-group::-webkit-scrollbar {
    display: none;
  }

  .port-stat-card {
    flex: 0 0 auto;
    scroll-snap-align: start;
    min-width: 130px;
    background: #08151c;
    padding: 5px 8px;
    border-radius: 4px;
    border: 1px solid var(--border-dim);
    font-size: 10.5px;
    display: flex;
    flex-direction: column;
    gap: 2px;
  }

  .portfolio-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 6px;
    padding-top: 4px;
    border-top: 1px solid var(--border-dim);
  }

  /* Mobile Stacked Asset Cards with 6-Column CSS Grid */
  .table-container {
    padding: 6px 8px 24px 8px;
    overflow: visible;
    margin-top: 8px;
  }

  .table-wrapper {
    overflow: visible;
    max-block-size: none;
    contain-intrinsic-size: none;
  }

  .table-wrapper {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: hidden !important;
    padding: 0 2px !important;
    box-sizing: border-box !important;
  }

  table,
  #dropsTable {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    table-layout: auto !important;
    border: none !important;
  }

  thead {
    display: none !important;
    /* Mandatory by modern-web-guidance: hide column headers in stacked card view */
  }

  tbody {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  tbody tr {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
    position: relative;
    display: grid !important;
    grid-template-columns: repeat(12, 1fr) !important;
    gap: 4px 6px !important;
    align-items: center !important;
    background: #08161f;
    border: 1px solid var(--border-dim);
    border-radius: 8px;
    padding: 8px 10px !important;
    margin-bottom: 8px !important;
    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.45);
    cursor: pointer;
    transition: border-color 0.15s ease, background-color 0.15s ease;
    height: auto !important;
    min-height: auto !important;
  }

  tbody tr:active,
  tbody tr:hover {
    border-color: var(--color-cyan);
    background: #0c1e2a;
  }

  tbody td {
    padding: 0 !important;
    border: none !important;
    min-width: 0;
  }

  .col-num {
    display: none !important;
  }

  /* Row 1: Left = Star (col 1), Name + Symbol (cols 2-9), Right = Block # (cols 10-12) */
  .col-fav {
    grid-column: 1 / 2;
    grid-row: 1;
    position: static !important;
    display: flex !important;
    align-items: center;
    justify-content: flex-start;
    width: 20px !important;
    height: 20px !important;
    z-index: 2;
  }

  .col-fav .star-btn {
    font-size: 15px;
    background: transparent;
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
  }

  .col-project {
    grid-column: 2 / 10;
    grid-row: 1;
    padding: 0 !important;
    display: flex;
    align-items: baseline;
    gap: 4px;
    font-size: 13.5px;
    font-weight: 700;
    color: var(--text-white);
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .col-project a.token-permalink {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-flex;
    align-items: baseline;
    gap: 4px;
    min-width: 0;
    max-width: 100%;
  }

  .col-project strong {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }

  .col-project .sym {
    font-size: 11px;
    color: var(--text-dim);
    font-weight: 500;
    flex-shrink: 0;
  }

  .col-block {
    grid-column: 10 / 13;
    grid-row: 1;
    display: flex !important;
    justify-content: flex-end;
    align-items: center;
    font-size: 10px;
    color: var(--color-cyan);
    font-family: var(--font-mono);
  }

  /* Row 2: Badges Bar (Type cols 1-3, Safety cols 4-6, Interest cols 7-9, Smart Money cols 10-12) */
  .col-type {
    grid-column: 1 / 4;
    grid-row: 2;
    display: flex !important;
    align-items: center;
    font-size: 9.5px;
    min-width: 0;
    overflow: hidden;
  }

  .col-safety {
    grid-column: 4 / 7;
    grid-row: 2;
    display: flex !important;
    align-items: center;
    font-size: 9.5px;
    min-width: 0;
    overflow: hidden;
  }

  .col-interest {
    grid-column: 7 / 10;
    grid-row: 2;
    display: flex !important;
    align-items: center;
    font-size: 9.5px;
    min-width: 0;
    overflow: hidden;
  }

  .col-sm {
    grid-column: 10 / 13;
    grid-row: 2;
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
    font-size: 11px;
  }

  /* Row 3: Full width Progress Bar */
  .col-progress {
    grid-column: 1 / 13;
    grid-row: 3;
    width: 100%;
    margin: 1px 0;
    min-width: 0;
  }

  .progress-cell {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
  }

  .prog-tag {
    min-width: 58px;
    width: 58px;
    font-size: 9px;
    font-weight: 700;
    flex-shrink: 0;
  }

  .prog-bar-container {
    flex-grow: 1;
    min-width: 30px;
    height: 4px;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 2px;
    overflow: hidden;
  }

  .prog-ratio {
    font-size: 9px;
    white-space: nowrap;
    color: var(--text-dim);
    flex-shrink: 0;
  }

  /* Row 4: 3-Pill Compact Financial & Liquidity Data Strip */
  .col-price,
  .col-floor,
  .col-holders {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 4px;
    padding: 3px 6px;
    font-size: 10.5px;
    min-height: 32px;
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
  }

  .col-price {
    grid-column: 1 / 5;
    grid-row: 4;
  }

  .col-holders {
    grid-column: 5 / 9;
    grid-row: 4;
  }

  .col-floor {
    grid-column: 9 / 13;
    grid-row: 4;
  }

  /* In Secondary Market mode, show DEX LP and Volume */
  #dropsTable.secondary-mode .col-floor {
    grid-column: 1 / 5;
    grid-row: 4;
  }

  #dropsTable.secondary-mode .col-lp {
    grid-column: 5 / 9;
    grid-row: 4;
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 4px;
    padding: 3px 6px;
    font-size: 10.5px;
    min-height: 32px;
    min-width: 0;
    overflow: hidden;
    box-sizing: border-box;
  }

  #dropsTable.secondary-mode .col-holders {
    grid-column: 9 / 13;
    grid-row: 4;
  }

  .col-lp {
    display: none !important;
  }

  /* Hide raw 40px empty cyan action row on mobile - card is already 1-tap interactive */
  .col-action {
    display: none !important;
  }

  /* Modern Web Guidance: Accessible Label Injection via data-label pseudo-element */
  td[data-label]::before {
    content: attr(data-label);
    display: block;
    font-size: 8px;
    font-weight: 700;
    color: var(--text-dim);
    letter-spacing: 0.4px;
    margin-bottom: 1px;
    text-transform: uppercase;
  }

  .col-price .cell-val,
  .col-floor .cell-val,
  .col-holders .cell-val,
  .col-lp .cell-val {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10.5px;
    font-weight: 600;
    width: 100%;
  }

  /* Modal on Mobile */
  .project-modal {
    width: 95vw !important;
    max-width: 95vw !important;
    margin: 10px auto;
  }

  .modal-content {
    padding: 14px 14px;
    gap: 12px;
    max-height: 85vh;
  }

  .modal-header {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .modal-title-group {
    justify-content: space-between;
    width: 100%;
  }

  .modal-header-actions {
    justify-content: flex-end;
    width: 100%;
  }

  .modal-nav-compact .nav-key {
    display: none;
  }

  .modal-footer-nav-card .modal-footer-nav-buttons {
    width: 100%;
    justify-content: space-between;
  }

  .modal-grid {
    grid-template-columns: 1fr !important;
    gap: 6px;
  }

  .modal-links {
    flex-direction: column;
  }

  .modal-btn {
    width: 100%;
    justify-content: center;
  }

  .cli-box {
    word-break: break-all;
    font-size: 10px;
    flex-direction: column;
    align-items: stretch;
    gap: 6px;
  }

  .cli-box .copy-btn {
    align-self: flex-end;
  }

  /* Toast notification on mobile: silence drop alerts */
  .toast-container {
    bottom: 20px;
    right: 14px;
    left: 14px;
    pointer-events: none;
  }

  .market-toast.drop-alert {
    display: none !important;
  }

  /* Hall of Fame Modal Mobile Overhaul */
  .hof-modal {
    width: 95vw !important;
    max-width: 95vw !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
    border: 2px solid var(--color-yellow) !important;
    margin: auto !important;
  }

  .hof-modal .modal-content {
    padding: 12px 10px !important;
    gap: 8px !important;
    max-height: 88vh !important;
    box-sizing: border-box !important;
  }

  .hof-header {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    gap: 8px !important;
    padding-bottom: 8px !important;
  }

  .hof-title-group h2 {
    font-size: 13.5px !important;
    letter-spacing: 0.2px !important;
    line-height: 1.3 !important;
    margin: 0 0 2px 0 !important;
  }

  .hof-subtitle {
    font-size: 9.5px !important;
    line-height: 1.3 !important;
    color: var(--text-dim) !important;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  .hof-controls {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 6px !important;
    margin: 4px 0 6px 0 !important;
  }

  .hof-filters {
    display: flex !important;
    overflow-x: auto !important;
    flex-wrap: nowrap !important;
    gap: 6px !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 2px;
  }

  .hof-filters::-webkit-scrollbar {
    display: none;
  }

  .hof-filter-btn {
    white-space: nowrap !important;
    flex-shrink: 0 !important;
    padding: 5px 9px !important;
    font-size: 10px !important;
    border-radius: 12px !important;
  }

  .hof-summary-pill {
    width: 100% !important;
    text-align: center !important;
    box-sizing: border-box !important;
    font-size: 9.5px !important;
    padding: 4px 6px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .hof-table-wrap {
    max-height: 56vh !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border: none !important;
    background: transparent !important;
    padding-right: 1px;
  }

  /* Responsive Mobile Cards for Hall of Fame Table */
  .hof-table thead {
    display: none !important;
  }

  .hof-table,
  .hof-table tbody {
    display: block !important;
    width: 100% !important;
  }

  .hof-table tr {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    gap: 6px 8px !important;
    align-items: center !important;
    background: #08151c !important;
    border: 1px solid rgba(255, 215, 0, 0.22) !important;
    border-radius: 8px !important;
    padding: 8px 10px !important;
    margin-bottom: 8px !important;
    box-sizing: border-box !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.4) !important;
  }

  .hof-col-rank {
    grid-column: 1 / 2 !important;
    padding: 0 !important;
    border: none !important;
    display: flex !important;
    align-items: center !important;
  }

  .hof-col-project {
    grid-column: 2 / 3 !important;
    padding: 0 !important;
    border: none !important;
    min-width: 0 !important;
    overflow: hidden !important;
  }

  .hof-col-project > div {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  .hof-col-status {
    grid-column: 3 / 4 !important;
    padding: 0 !important;
    border: none !important;
    text-align: right !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
  }

  .hof-col-ath {
    grid-column: 1 / 4 !important;
    padding: 6px 8px !important;
    border: none !important;
    background: rgba(255, 215, 0, 0.05) !important;
    border-radius: 5px !important;
    border: 1px solid rgba(255, 215, 0, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    box-sizing: border-box !important;
  }

  .hof-col-mint,
  .hof-col-current {
    display: none !important;
  }

  .hof-col-action {
    grid-column: 1 / 4 !important;
    padding: 0 !important;
    border: none !important;
    width: 100% !important;
  }

  .hof-col-action .hof-action-links {
    width: 100% !important;
    display: flex !important;
    gap: 6px !important;
  }

  .hof-col-action .hof-btn {
    flex: 1 !important;
    text-align: center !important;
    padding: 6px 8px !important;
    font-size: 10.5px !important;
    border-radius: 4px !important;
    box-sizing: border-box !important;
  }

  /* Footer on Mobile */
  .terminal-footer {
    flex-direction: column;
    gap: 6px;
    padding: 8px 12px;
    font-size: 10px;
  }

  .footer-left,
  .footer-right {
    width: 100%;
    justify-content: space-between;
  }
}



/* ==========================================================================
   Web3 Connect Wallet, Dynamic Portfolio & Cross-Device Sync Styling
   ========================================================================== */

.connect-wallet-btn {
  background: linear-gradient(135deg, rgba(240, 185, 11, 0.12), rgba(0, 240, 255, 0.12));
  border: 1px solid rgba(240, 185, 11, 0.5);
  color: #f0b90b;
  padding: 3px 12px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
  box-shadow: 0 0 8px rgba(240, 185, 11, 0.15);
}

.connect-wallet-btn:hover {
  background: linear-gradient(135deg, rgba(240, 185, 11, 0.25), rgba(0, 240, 255, 0.25));
  border-color: #f0b90b;
  box-shadow: 0 0 16px rgba(240, 185, 11, 0.45);
  transform: translateY(-1px);
  color: #ffffff;
}

.connect-wallet-btn.connecting {
  border-color: var(--color-cyan);
  color: var(--color-cyan);
  background: rgba(0, 240, 255, 0.1);
  animation: pulseConnect 1.2s infinite ease-in-out;
}

@keyframes pulseConnect {
  0%, 100% {
    opacity: 0.7;
    transform: scale(0.98);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}

.connect-wallet-btn.connected {
  background: rgba(8, 28, 20, 0.85);
  border: 1px solid rgba(0, 255, 136, 0.55);
  color: #00ff88;
  box-shadow: 0 0 10px rgba(0, 255, 136, 0.2);
}

.connect-wallet-btn.connected:hover {
  border-color: #00ff88;
  box-shadow: 0 0 18px rgba(0, 255, 136, 0.45);
}

.wallet-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: #00ff88;
  display: inline-block;
  box-shadow: 0 0 8px #00ff88;
  animation: dotBlink 2s infinite ease-in-out;
}

@keyframes dotBlink {

  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.5;
    transform: scale(0.85);
  }
}

.wallet-badge-bnb {
  background: rgba(240, 185, 11, 0.15);
  color: #f0b90b;
  border: 1px solid rgba(240, 185, 11, 0.3);
  padding: 1px 6px;
  border-radius: 3px;
  font-size: 10px;
  margin-left: 4px;
}

/* ==========================================================================
   ☀️ 24H Market Pulse & Alpha Briefing Hero Card
   ========================================================================== */
.daily-pulse-hero {
  background: linear-gradient(180deg, #141928 0%, #0c0f17 100%);
  border-top: 1px solid rgba(240, 185, 11, 0.25);
  border-bottom: 1px solid rgba(240, 185, 11, 0.18);
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
  padding: 8px 18px 10px;
  position: relative;
  transition: all 0.25s ease;
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 12px;
}

.daily-pulse-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  min-height: 26px;
}

.daily-pulse-title-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.daily-pulse-badge {
  background: rgba(240, 185, 11, 0.12);
  border: 1px solid rgba(240, 185, 11, 0.45);
  color: var(--color-yellow);
  font-weight: 800;
  font-size: 10px;
  padding: 2px 7px;
  border-radius: 3px;
  letter-spacing: 0.5px;
}

.daily-pulse-heading {
  font-size: 11.5px;
  font-weight: 700;
  color: var(--color-gold);
  letter-spacing: 0.6px;
  text-transform: uppercase;
}

.live-pulse-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--color-green);
  box-shadow: 0 0 6px var(--color-green);
  animation: pulseGreenGlow 2s infinite ease-in-out;
}

@keyframes pulseGreenGlow {

  0%,
  100% {
    opacity: 1;
    transform: scale(1);
  }

  50% {
    opacity: 0.4;
    transform: scale(0.85);
  }
}

.daily-pulse-collapsed-ticker {
  display: none;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  color: var(--text-dim);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
}

.daily-pulse-hero.collapsed .daily-pulse-collapsed-ticker {
  display: flex;
}

.daily-pulse-collapsed-ticker .ticker-item {
  color: var(--text-white);
  font-weight: 600;
}

.daily-pulse-collapsed-ticker .ticker-sep {
  color: var(--border-dim);
}

.daily-pulse-controls {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}

.daily-pulse-toggle-btn {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.15);
  color: #94a3b8;
  font-size: 11px;
  font-weight: 700;
  padding: 4px 10px;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: all 0.15s ease;
  font-family: var(--font-sans);
}

.daily-pulse-toggle-btn:hover {
  background: rgba(240, 185, 11, 0.12);
  border-color: rgba(240, 185, 11, 0.4);
  color: var(--color-gold);
}

.daily-pulse-body {
  transition: max-height 0.25s ease, opacity 0.2s ease, margin 0.2s ease;
  max-height: 800px;
  opacity: 1;
  overflow: hidden;
}

/* Mobile Carousel Navigation hidden on desktop */
.pulse-carousel-nav {
  display: none !important;
}

.daily-pulse-hero.collapsed {
  padding: 5px 18px 6px;
  background: linear-gradient(180deg, rgba(8, 18, 28, 0.98), rgba(4, 10, 16, 0.99));
}

.daily-pulse-hero.collapsed .daily-pulse-body {
  max-height: 0;
  opacity: 0;
  margin: 0;
  pointer-events: none;
}

.daily-pulse-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin-top: 8px;
  margin-bottom: 8px;
}

.pulse-card {
  background: linear-gradient(180deg, #161c2c 0%, #101420 100%);
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 10px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 6px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.45);
  transition: border-color 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
}

.pulse-card:hover {
  border-color: rgba(240, 185, 11, 0.35);
  background: linear-gradient(180deg, #1c2336 0%, #131726 100%);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.6);
}

.pulse-card-runner {
  border-top: 2.5px solid var(--color-green);
}

.pulse-card-ath,
.pulse-card-grad {
  border-top: 2.5px solid var(--color-gold);
}

.pulse-card-alpha {
  border-top: 2.5px solid #c084fc;
}

.pulse-card-nft,
.pulse-card-security {
  border-top: 2.5px solid #f472b6;
}


.pulse-card-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
}

.pulse-card-icon {
  font-size: 14px;
}

.pulse-card-title {
  font-size: 11px;
  font-weight: 800;
  color: #f1f5f9;
  letter-spacing: 0.6px;
  flex: 1;
  font-family: var(--font-sans);
}

.pulse-card-badge {
  font-size: 9.5px;
  padding: 2px 7px;
  font-weight: 800;
  border-radius: 4px;
  letter-spacing: 0.3px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  font-family: var(--font-mono);
}

.pulse-card-runner .pulse-card-badge {
  background: rgba(0, 245, 140, 0.12) !important;
  border-color: rgba(0, 245, 140, 0.35) !important;
  color: #00f58c !important;
}

.pulse-card-ath .pulse-card-badge {
  background: rgba(240, 185, 11, 0.12) !important;
  border-color: rgba(240, 185, 11, 0.35) !important;
  color: #f0b90b !important;
}

.pulse-card-alpha .pulse-card-badge {
  background: rgba(192, 132, 252, 0.12) !important;
  border-color: rgba(192, 132, 252, 0.35) !important;
  color: #c084fc !important;
}

.pulse-card-nft .pulse-card-badge {
  background: rgba(244, 114, 182, 0.12) !important;
  border-color: rgba(244, 114, 182, 0.35) !important;
  color: #f472b6 !important;
}

.pulse-card-main {
  display: flex;
  flex-direction: column;
  gap: 4px;
}

/* Mini Ranked List for Top 3 Runners & Top 3 Smart Mints */
.pulse-mini-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
  margin: 2px 0;
}

.pulse-list-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 5px 8px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(255, 255, 255, 0.06);
  border-radius: 6px;
  cursor: pointer;
  transition: all 0.15s ease;
}

.pulse-list-row:hover {
  background: rgba(240, 185, 11, 0.06);
  border-color: rgba(240, 185, 11, 0.35);
  transform: translateY(-1px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.pulse-list-row:focus-visible,
.pulse-list-row:focus {
  outline: none;
  border-color: var(--color-gold);
  box-shadow: 0 0 10px rgba(240, 185, 11, 0.45);
  background: rgba(240, 185, 11, 0.08);
}

.pulse-row-left {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  flex: 1 1 auto;
}

.pulse-rank-tag {
  font-size: 10px;
  font-weight: 900;
  width: 20px;
  height: 20px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  line-height: 1;
  flex-shrink: 0;
  font-family: var(--font-mono);
}

.pulse-rank-tag.rank-1 {
  background: linear-gradient(135deg, #ffd000 0%, #f0b90b 50%, #b8860b 100%);
  color: #000000;
  font-weight: 900;
  box-shadow: 0 0 8px rgba(240, 185, 11, 0.35);
  border: none;
}

.pulse-rank-tag.rank-2 {
  background: linear-gradient(135deg, #f8fafc 0%, #cbd5e1 50%, #94a3b8 100%);
  color: #0f172a;
  font-weight: 900;
  border: none;
}

.pulse-rank-tag.rank-3 {
  background: linear-gradient(135deg, #d97706 0%, #b45309 50%, #78350f 100%);
  color: #ffffff;
  font-weight: 900;
  border: none;
}

.pulse-row-identity {
  display: flex;
  align-items: baseline;
  gap: 5px;
  min-width: 0;
  overflow: hidden;
}

.pulse-row-name {
  color: var(--text-white);
  font-family: var(--font-sans);
  font-size: 12.5px;
  font-weight: 700;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90px;
}

.pulse-row-sym {
  color: #94a3b8;
  font-size: 10px;
  font-family: var(--font-mono);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 50px;
}

.pulse-row-mid {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  font-size: 10.5px;
  flex-shrink: 0;
  line-height: 1.2;
}

.pulse-row-price {
  color: var(--color-green);
  font-weight: 800;
  font-family: var(--font-mono);
  font-size: 11.5px;
}

.pulse-row-mcap {
  color: #718096;
  font-size: 9.5px;
  font-family: var(--font-mono);
}

.pulse-row-sub {
  color: #94a3b8;
  font-size: 10px;
  white-space: nowrap;
  max-width: 85px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: var(--font-sans);
}

.pulse-row-right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  flex-shrink: 0;
  width: 96px;
}

.pulse-row-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 72px;
  min-width: 72px;
  max-width: 72px;
  height: 22px;
  line-height: 1;
  padding: 0 4px;
  font-size: 10px;
  font-weight: 800;
  border-radius: 4px;
  white-space: nowrap;
  font-family: var(--font-mono);
  box-sizing: border-box;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pulse-mini-dex-btn {
  font-size: 10px;
  text-decoration: none;
  opacity: 0.8;
  transition: opacity 0.15s ease, transform 0.15s ease;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
}

.pulse-mini-dex-btn:hover {
  opacity: 1;
  transform: scale(1.2);
}

.pulse-nft-link-btn {
  text-decoration: none;
  cursor: pointer;
  transition: transform 0.15s ease, opacity 0.15s ease, background 0.15s ease;
  display: inline-flex;
  align-items: center;
}

.pulse-nft-link-btn:hover {
  opacity: 0.95;
  transform: translateY(-1px);
  filter: brightness(1.15);
}

.pulse-footer-note {
  font-size: 10px;
  color: var(--text-dim);
}

.pulse-empty-note {
  font-size: 11px;
  color: var(--text-dim);
  text-align: center;
  padding: 10px 0;
  font-style: italic;
}

.pulse-runner-identity {
  display: flex;
  align-items: baseline;
  gap: 5px;
}

.pulse-runner-name {
  color: var(--text-white);
  font-size: 13.5px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-color: transparent;
  transition: text-decoration-color 0.15s ease, color 0.15s ease;
}

.pulse-runner-name:hover {
  color: var(--color-yellow);
  text-decoration-color: var(--color-yellow);
}

.pulse-runner-sym {
  color: var(--color-cyan);
  font-size: 11px;
}

.pulse-runner-metrics,
.pulse-sub-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
}

.pulse-stat-hero {
  display: flex;
  align-items: baseline;
  gap: 6px;
}

.pulse-stat-num {
  font-size: 18px;
  font-weight: 800;
  color: var(--text-white);
  line-height: 1.1;
}

.pulse-stat-sub {
  font-size: 10.5px;
  color: var(--text-dim);
}

.pulse-card-footer {
  font-size: 10.5px;
  padding-top: 4px;
  border-top: 1px dashed rgba(255, 255, 255, 0.06);
}

.pulse-dex-link {
  color: var(--color-cyan);
  text-decoration: none;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: color 0.15s ease;
}

.pulse-dex-link:hover {
  color: #ffffff;
  text-decoration: underline;
}

.pulse-smart-link {
  color: var(--color-yellow);
  cursor: pointer;
  font-weight: 700;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: color 0.15s ease;
}

.pulse-smart-link:hover {
  color: #ffffff;
  text-decoration: underline;
}

.daily-pulse-headline-row {
  background: rgba(240, 185, 11, 0.04);
  border: 1px solid rgba(240, 185, 11, 0.25);
  border-radius: 6px;
  padding: 6px 12px;
  font-size: 11.5px;
  color: #e2e8f0;
  display: flex;
  align-items: center;
  gap: 10px;
  overflow: hidden;
  white-space: nowrap;
  font-family: var(--font-sans);
  margin-top: 10px;
}

.headline-tag {
  color: var(--color-gold);
  font-weight: 800;
  font-size: 10.5px;
  letter-spacing: 0.6px;
  flex-shrink: 0;
}

.headline-text {
  color: var(--text-primary);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (max-width: 1024px) and (min-width: 769px) {
  .daily-pulse-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 768px) {
  .daily-pulse-hero {
    padding: 8px 10px 10px;
    overflow: hidden;
    margin-bottom: 12px !important;
  }

  .daily-pulse-heading {
    display: none;
  }

  .daily-pulse-body {
    max-height: 800px;
    overflow: visible;
  }

  .daily-pulse-grid {
    display: flex !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-snap-type: x mandatory !important;
    -webkit-overflow-scrolling: touch !important;
    gap: 12px !important;
    margin-top: 6px !important;
    margin-bottom: 6px !important;
    padding: 4px 6px 10px !important;
    scrollbar-width: none !important;
    overscroll-behavior-x: contain !important;
  }

  .daily-pulse-grid::-webkit-scrollbar {
    display: none !important;
  }

  .pulse-card {
    flex: 0 0 calc(100% - 32px) !important;
    max-width: calc(100% - 32px) !important;
    min-width: calc(100% - 32px) !important;
    scroll-snap-align: center !important;
    scroll-snap-stop: always !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    height: auto !important;
    min-height: 160px;
  }

  /* Carousel Navigation Bar & Slide Pills */
  .pulse-carousel-nav {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 4px 0 8px;
    padding: 0 2px;
  }

  .pulse-carousel-dots {
    display: flex;
    align-items: center;
    gap: 6px;
    flex: 1;
    overflow-x: auto;
    scrollbar-width: none;
  }

  .pulse-carousel-dots::-webkit-scrollbar {
    display: none;
  }

  .pulse-carousel-pill {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: var(--text-dim);
    font-size: 10.5px;
    font-weight: 700;
    padding: 5px 9px;
    border-radius: 12px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    transition: all 0.2s cubic-bezier(0.25, 0.8, 0.25, 1);
    font-family: var(--font-sans);
    line-height: 1.2;
    height: auto;
    width: auto;
  }

  .pulse-pill-pip {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transition: all 0.2s ease;
    flex-shrink: 0;
  }

  .pulse-carousel-pill.active {
    background: rgba(240, 185, 11, 0.16);
    border-color: var(--color-gold);
    color: var(--color-gold);
    box-shadow: 0 0 10px rgba(240, 185, 11, 0.3);
  }

  .pulse-carousel-pill.active .pulse-pill-pip {
    background: var(--color-gold);
    box-shadow: 0 0 6px var(--color-gold);
  }

  .pulse-carousel-arrows {
    display: flex;
    align-items: center;
    gap: 4px;
    flex-shrink: 0;
  }

  .pulse-arrow-btn {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.12);
    color: var(--text-white);
    border-radius: 50%;
    font-size: 14px;
    font-weight: 800;
    cursor: pointer;
    line-height: 1;
    transition: all 0.15s ease;
  }

  .pulse-arrow-btn:active {
    background: var(--color-gold);
    color: #000;
    border-color: var(--color-gold);
    transform: scale(0.92);
  }

  .daily-pulse-headline-row {
    font-size: 10px;
  }
}

@supports (container-type: scroll-state) {
  @media (max-width: 768px) {
    .pulse-card {
      container-type: scroll-state;
    }
    @media (prefers-reduced-motion: no-preference) {
      @container scroll-state(snapped: x) {
        border-color: rgba(240, 185, 11, 0.5) !important;
        box-shadow: 0 4px 20px rgba(240, 185, 11, 0.18) !important;
      }
    }
  }
}

@media (prefers-reduced-motion: reduce) {
  .pulse-card,
  .pulse-carousel-pill,
  .pulse-arrow-btn {
    transition: none !important;
    transform: none !important;
  }
}

/* Dynamic Tab 2 Secondary Market Overview Banner */
.secondary-market-banner {
  background: linear-gradient(90deg, rgba(26, 22, 6, 0.98), rgba(14, 16, 18, 0.99));
  border-top: 1px solid rgba(255, 214, 0, 0.2);
  border-bottom: 2px solid #ffd600;
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding: 10px 24px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 2px 14px rgba(255, 214, 0, 0.1);
}

.sec-stat-group {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.sec-stat-card {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
}

.sec-stat-label {
  color: var(--text-dim);
  font-weight: 700;
  letter-spacing: 0.5px;
}

#secTopAsset {
  cursor: pointer;
  transition: opacity 0.15s ease;
}

#secTopAsset:hover {
  opacity: 0.85;
  text-decoration: underline;
}

/* Dynamic Tab 3 Portfolio Banner */
.portfolio-banner {
  background: linear-gradient(90deg, rgba(8, 24, 36, 0.98), rgba(4, 14, 24, 0.99));
  border-top: 1px solid rgba(0, 240, 255, 0.15);
  border-bottom: 2px solid var(--border-cyan);
  border-left: none;
  border-right: none;
  border-radius: 0;
  padding: 10px 24px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  box-sizing: border-box;
  box-shadow: 0 2px 14px rgba(0, 240, 255, 0.08);
}

.portfolio-stat-group {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.port-stat-card {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
}

.port-stat-label {
  color: var(--text-dim);
  font-weight: 700;
  letter-spacing: 0.5px;
}

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

.port-action-btn {
  background: rgba(0, 240, 255, 0.08);
  border: 1px solid rgba(0, 240, 255, 0.4);
  color: var(--color-cyan);
  padding: 4px 10px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: all 0.15s ease;
}

.port-action-btn:hover {
  background: rgba(0, 240, 255, 0.2);
  border-color: var(--color-cyan);
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.4);
}

.port-sync-btn {
  background: rgba(217, 70, 239, 0.08);
  border-color: rgba(217, 70, 239, 0.4);
  color: #d946ef;
}

.port-sync-btn:hover {
  background: rgba(217, 70, 239, 0.2);
  border-color: #d946ef;
  box-shadow: 0 0 10px rgba(217, 70, 239, 0.4);
}

/* Modal Provider Grids */
.provider-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 10px;
  margin: 14px 0;
}

.provider-card {
  background: var(--bg-surface-elevated);
  border: 1px solid var(--border-dim);
  border-radius: 6px;
  padding: 12px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.16, 1, 0.3, 1);
  text-align: center;
}

.provider-card:hover {
  border-color: var(--color-cyan);
  background: rgba(0, 240, 255, 0.06);
  transform: translateY(-2px);
  box-shadow: 0 4px 16px rgba(0, 240, 255, 0.2);
}

.provider-icon {
  font-size: 26px;
  line-height: 1;
}

.provider-name {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-white);
}

.provider-badge {
  font-size: 9px;
  color: var(--color-green);
  border: 1px solid rgba(0, 255, 136, 0.3);
  background: rgba(0, 255, 136, 0.08);
  padding: 1px 4px;
  border-radius: 3px;
}

/* Watch-Only Form */
.watch-only-box {
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid var(--border-dim);
  border-radius: 6px;
  padding: 12px;
  margin-top: 12px;
}

.watch-only-box h4 {
  margin: 0 0 6px 0;
  font-size: 12px;
  color: var(--color-yellow);
}

.watch-input-group {
  display: flex;
  gap: 8px;
}

.watch-input-group input {
  flex: 1;
  background: var(--bg-surface);
  border: 1px solid var(--border-dim);
  border-radius: 4px;
  color: var(--text-white);
  padding: 6px 10px;
  font-family: inherit;
  font-size: 12px;
}

.watch-input-group input:focus {
  outline: none;
  border-color: var(--color-cyan);
}

.watch-submit-btn {
  background: var(--color-cyan);
  color: #03080c;
  border: none;
  border-radius: 4px;
  padding: 6px 14px;
  font-family: inherit;
  font-weight: 700;
  font-size: 12px;
  cursor: pointer;
  transition: opacity 0.15s ease;
}

.watch-submit-btn:hover {
  opacity: 0.9;
}

/* QR Code & Mobile Sync Modal */
.qr-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 18px;
  background: #ffffff;
  border-radius: 8px;
  width: 220px;
  height: 220px;
  margin: 14px auto;
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.35);
}

.qr-container svg {
  width: 100%;
  height: 100%;
}

.sync-url-box {
  display: flex;
  gap: 8px;
  margin-top: 10px;
}

.sync-url-box input {
  flex: 1;
  background: var(--bg-surface-elevated);
  border: 1px solid var(--border-dim);
  color: var(--color-cyan);
  padding: 6px 10px;
  font-size: 11px;
  border-radius: 4px;
  font-family: inherit;
}

.wallet-back-btn {
  background: rgba(0, 240, 255, 0.1);
  border: 1px solid rgba(0, 240, 255, 0.3);
  color: var(--color-cyan);
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  padding: 4px 10px;
  border-radius: 4px;
  transition: all 0.15s ease;
  font-family: inherit;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

.wallet-back-btn:hover {
  background: rgba(0, 240, 255, 0.25);
  border-color: var(--color-cyan);
  color: #ffffff;
}

/* Portfolio Empty / Onboarding State */
.portfolio-onboarding {
  text-align: center;
  padding: 40px 20px;
  max-width: 640px;
  margin: 0 auto;
}

.portfolio-onboarding-icon {
  font-size: 40px;
  margin-bottom: 12px;
}

.portfolio-onboarding-title {
  font-size: 16px;
  font-weight: 700;
  color: var(--text-white);
  margin-bottom: 8px;
}

.portfolio-onboarding-desc {
  font-size: 12px;
  color: var(--text-dim);
  line-height: 1.6;
  margin-bottom: 20px;
}

.portfolio-onboarding-actions {
  display: flex;
  justify-content: center;
  gap: 12px;
  flex-wrap: wrap;
}

.onboarding-connect-btn {
  background: linear-gradient(135deg, #f0b90b, #00f0ff);
  color: #03080c;
  border: none;
  padding: 8px 20px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  box-shadow: 0 0 16px rgba(240, 185, 11, 0.4);
  transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.onboarding-connect-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 0 24px rgba(240, 185, 11, 0.6);
}

.onboarding-demo-btn {
  background: rgba(0, 240, 255, 0.1);
  border: 1px solid var(--color-cyan);
  color: var(--color-cyan);
  padding: 8px 16px;
  border-radius: 4px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
}

.onboarding-demo-btn:hover {
  background: rgba(0, 240, 255, 0.2);
}

/* ==========================================================================
   WEB3 WALLET MODAL & ACCOUNT DRAWER STYLING
   ========================================================================== */

.wallet-modal {
  border: 1px solid rgba(0, 240, 255, 0.35) !important;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.85), 0 0 30px rgba(0, 240, 255, 0.15) !important;
  border-radius: 12px !important;
  max-width: 620px !important;
  background: #08141d !important;
  padding: 0 !important;
  outline: none;
}

.wallet-card-container {
  padding: 20px 22px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.wallet-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--border-dim);
  padding-bottom: 12px;
}

.wallet-card-title {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 700;
  color: var(--text-white);
}

.wallet-title-icon {
  font-size: 18px;
}

.wallet-status-badge {
  font-size: 11px;
  font-weight: 600;
  padding: 2px 8px;
  border-radius: 12px;
}

/* Hero Identity Card */
.wallet-hero-card {
  display: flex;
  align-items: center;
  gap: 14px;
  background: rgba(0, 240, 255, 0.04);
  border: 1px solid rgba(0, 240, 255, 0.2);
  border-radius: 10px;
  padding: 14px 16px;
}

.wallet-hero-avatar {
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(240, 185, 11, 0.2), rgba(0, 240, 255, 0.2));
  border: 1px solid var(--color-cyan);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 22px;
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.25);
}

.wallet-hero-content {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.wallet-hero-meta {
  display: flex;
  align-items: center;
  gap: 8px;
}

.wallet-hero-tag {
  font-size: 10px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 3px;
  text-transform: uppercase;
}

.provider-tag {
  background: rgba(0, 240, 255, 0.1);
  border: 1px solid rgba(0, 240, 255, 0.3);
  color: var(--color-cyan);
}

.network-tag {
  background: rgba(0, 255, 136, 0.1);
  border: 1px solid rgba(0, 255, 136, 0.3);
  color: var(--color-green);
}

.wallet-addr-action-row {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.wallet-addr-display {
  font-family: var(--font-mono);
  font-size: 15px;
  font-weight: 700;
  color: var(--text-white);
  letter-spacing: 0.5px;
}

.wallet-inline-btn {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid var(--border-dim);
  color: var(--text-dim);
  border-radius: 4px;
  padding: 3px 8px;
  font-family: inherit;
  font-size: 11px;
  cursor: pointer;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  transition: all 0.15s ease;
}

.wallet-inline-btn:hover {
  background: rgba(0, 240, 255, 0.15);
  border-color: var(--color-cyan);
  color: var(--color-cyan);
}

.wallet-addr-full {
  font-size: 11px;
  color: var(--text-dim);
  word-break: break-all;
}

.wallet-addr-full code {
  color: rgba(255, 255, 255, 0.55);
}

/* 4-Tile Stat Grid */
.wallet-stats-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.wallet-stat-tile {
  background: var(--bg-surface-elevated);
  border: 1px solid var(--border-dim);
  border-radius: 8px;
  padding: 10px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.wallet-stat-tile .tile-header {
  display: flex;
  align-items: center;
  gap: 6px;
}

.wallet-stat-tile .tile-icon {
  font-size: 12px;
}

.wallet-stat-tile .tile-label {
  font-size: 10px;
  font-weight: 700;
  color: var(--text-dim);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.wallet-stat-tile .tile-value {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-white);
  line-height: 1.2;
}

.wallet-stat-tile .tile-value.gold {
  color: var(--color-yellow);
}

.wallet-stat-tile .tile-value.cyan {
  color: var(--color-cyan);
}

.wallet-stat-tile .tile-value.green {
  color: var(--color-green);
}

.wallet-stat-tile .tile-sub {
  font-size: 11px;
  color: var(--text-dim);
}

/* Harmonized Actions */
.wallet-actions-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.wallet-section-title {
  font-size: 11px;
  font-weight: 700;
  color: var(--color-cyan);
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.wallet-actions-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}

.wallet-action-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 9px 14px;
  border-radius: 6px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  border: 1px solid transparent;
  transition: all 0.15s ease;
}

.wallet-action-btn.btn-rescan {
  background: rgba(0, 240, 255, 0.1);
  border-color: rgba(0, 240, 255, 0.4);
  color: var(--color-cyan);
}

.wallet-action-btn.btn-rescan:hover {
  background: rgba(0, 240, 255, 0.2);
  border-color: var(--color-cyan);
  box-shadow: 0 0 12px rgba(0, 240, 255, 0.3);
}

.wallet-action-btn.btn-sync {
  background: rgba(217, 70, 239, 0.1);
  border-color: rgba(217, 70, 239, 0.4);
  color: #d946ef;
}

.wallet-action-btn.btn-sync:hover {
  background: rgba(217, 70, 239, 0.2);
  border-color: #d946ef;
  box-shadow: 0 0 12px rgba(217, 70, 239, 0.3);
}

.wallet-action-btn.btn-explorer {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--border-dim);
  color: var(--text-white);
}

.wallet-action-btn.btn-explorer:hover {
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.3);
}

.wallet-action-btn.btn-disconnect {
  background: rgba(255, 0, 119, 0.08);
  border-color: rgba(255, 0, 119, 0.35);
  color: var(--color-red);
}

.wallet-action-btn.btn-disconnect:hover {
  background: rgba(255, 0, 119, 0.18);
  border-color: var(--color-red);
  box-shadow: 0 0 12px rgba(255, 0, 119, 0.3);
}

/* Switch Address Section */
.wallet-switch-card {
  background: rgba(0, 0, 0, 0.25);
  border: 1px solid var(--border-dim);
  border-radius: 8px;
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.wallet-switch-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.wallet-switch-header .switch-title {
  font-size: 11px;
  color: var(--text-dim);
  font-weight: 600;
}

.wallet-switch-bar {
  display: flex;
  align-items: center;
  background: var(--bg-surface);
  border: 1px solid var(--border-dim);
  border-radius: 6px;
  padding: 4px 6px 4px 10px;
  gap: 8px;
}

.wallet-switch-bar:focus-within {
  border-color: var(--color-cyan);
  box-shadow: 0 0 8px rgba(0, 240, 255, 0.2);
}

.wallet-switch-bar input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  color: var(--text-white);
  font-family: inherit;
  font-size: 12px;
}

.wallet-switch-submit {
  background: var(--color-cyan);
  color: #03080c;
  border: none;
  border-radius: 4px;
  padding: 5px 14px;
  font-family: inherit;
  font-weight: 700;
  font-size: 11px;
  cursor: pointer;
  transition: opacity 0.15s ease;
}

.wallet-switch-submit:hover {
  opacity: 0.9;
}

.wallet-demo-row {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  margin-top: 2px;
}

.demo-pill {
  font-size: 10px;
  padding: 2px 8px;
}

.wallet-connect-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.wallet-connect-desc {
  color: var(--text-dim);
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 4px;
}

@media (max-width: 600px) {
  .wallet-card-container {
    padding: 14px 14px;
    gap: 12px;
  }

  .wallet-stats-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .wallet-actions-grid {
    grid-template-columns: 1fr;
    gap: 8px;
  }

  .wallet-hero-card {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }
}

.load-more-wrap {
  text-align: center;
  padding: 24px 0;
  width: 100%;
}

.load-more-btn {
  background: rgba(8, 24, 36, 0.9);
  border: 1px solid rgba(0, 240, 255, 0.35);
  color: var(--color-cyan);
  padding: 12px 28px;
  border-radius: 8px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.5px;
  cursor: pointer;
  transition: all 0.2s ease;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.4);
}

.load-more-btn:hover {
  background: rgba(0, 240, 255, 0.15);
  border-color: var(--color-cyan);
  box-shadow: 0 0 20px rgba(0, 240, 255, 0.4);
  transform: translateY(-1px);
}

/* 1-Click Web3 Direct Minting in Modal */
.mint-action-section {
  background: rgba(0, 240, 255, 0.04);
  border: 1px solid rgba(0, 240, 255, 0.35);
  border-radius: 8px;
  padding: 14px 16px;
  margin-bottom: 14px;
}

.web3-mint-btn {
  width: 100%;
  padding: 13px 20px;
  background: linear-gradient(135deg, rgba(0, 240, 255, 0.22) 0%, rgba(0, 255, 136, 0.22) 100%);
  border: 1px solid var(--color-cyan);
  border-radius: 6px;
  color: #ffffff;
  font-family: inherit;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.5px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  box-shadow: 0 4px 18px rgba(0, 240, 255, 0.25), inset 0 0 10px rgba(0, 240, 255, 0.15);
  transition: all 0.2s ease;
}

.web3-mint-btn:hover:not(:disabled) {
  background: linear-gradient(135deg, rgba(0, 240, 255, 0.38) 0%, rgba(0, 255, 136, 0.38) 100%);
  border-color: #00ff88;
  box-shadow: 0 6px 25px rgba(0, 255, 136, 0.35), inset 0 0 15px rgba(0, 255, 136, 0.25);
  transform: translateY(-1px);
}

.web3-mint-btn:active:not(:disabled) {
  transform: translateY(1px);
  box-shadow: 0 2px 10px rgba(0, 240, 255, 0.2);
}

.web3-mint-btn.confirming {
  background: rgba(240, 185, 11, 0.2);
  border-color: var(--color-yellow);
  color: var(--color-yellow);
  animation: pulse-border 1.5s infinite;
  cursor: wait;
}

.web3-mint-btn.success {
  background: rgba(74, 222, 128, 0.25);
  border-color: var(--color-green);
  color: var(--color-green);
}

.web3-mint-btn.error {
  background: rgba(239, 68, 68, 0.25);
  border-color: var(--color-red);
  color: var(--color-red);
}

.web3-mint-btn.sold-out {
  background: rgba(255, 255, 255, 0.05);
  border-color: var(--border-dim);
  color: var(--text-dim);
  box-shadow: none;
  cursor: default;
}

.mint-status-box {
  border-radius: 6px;
  padding: 10px 14px;
  font-size: 12px;
  background: rgba(8, 24, 36, 0.85);
  border: 1px solid var(--border-dim);
}

.mint-status-info {
  color: var(--color-cyan);
}

.mint-status-pending {
  color: var(--color-yellow);
  display: flex;
  align-items: center;
  gap: 8px;
}

.mint-status-success {
  color: var(--color-green);
  display: flex;
  align-items: flex-start;
  gap: 10px;
}

.mint-status-warning {
  color: var(--color-yellow);
}

.mint-status-error {
  color: var(--color-red);
}

@keyframes pulse-border {
  0%, 100% {
    opacity: 0.75;
  }

  50% {
    opacity: 1;
  }
}

/* ========================================================
   Smart Wallet Hunter Leaderboard Modal Styles (Option 2)
   ======================================================== */
.smart-modal {
  max-width: 1060px !important;
  width: 95vw;
  border: 2px solid var(--color-cyan);
  box-shadow: 0 10px 45px rgba(0, 0, 0, 0.95), 0 0 35px rgba(0, 240, 255, 0.25);
}

.smart-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  border-bottom: 1px solid var(--border-dim);
  padding-bottom: 12px;
}

.smart-title-group h2 {
  font-size: 18px;
  font-weight: 800;
  color: var(--color-cyan);
  margin: 0 0 4px 0;
  display: flex;
  align-items: center;
  gap: 8px;
  letter-spacing: 0.5px;
}

.smart-subtitle {
  font-size: 11px;
  color: var(--text-dim);
  margin: 0;
}

.smart-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 12px 0 8px 0;
}

.smart-filters {
  display: flex;
  gap: 8px;
}

.smart-filter-btn {
  background: var(--bg-dark);
  border: 1px solid var(--border-dim);
  color: var(--text-dim);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  padding: 4px 12px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.smart-filter-btn.active,
.smart-filter-btn:hover {
  background: rgba(0, 240, 255, 0.15);
  border-color: var(--color-cyan);
  color: var(--color-cyan);
}

.smart-summary-pill {
  font-size: 11px;
  font-weight: 700;
  color: var(--color-yellow);
  background: rgba(250, 204, 21, 0.1);
  padding: 3px 8px;
  border-radius: 4px;
  border: 1px solid rgba(250, 204, 21, 0.3);
}

.smart-table-wrap {
  max-height: 58vh;
  overflow-y: auto;
  border: 1px solid var(--border-dim);
  border-radius: 6px;
  background: #020709;
}

.smart-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  text-align: left;
}

.smart-table th {
  background: #090f14;
  position: sticky;
  top: 0;
  z-index: 2;
  color: var(--text-dim);
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  padding: 8px 10px;
  border-bottom: 1px solid var(--border-dim);
}

.smart-table td {
  padding: 8px 10px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
  vertical-align: middle;
}

.smart-table tr:hover {
  background: rgba(0, 240, 255, 0.03);
}

.btn-follow-wallet {
  background: transparent;
  border: 1px solid var(--border-dim);
  color: var(--text-dim);
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 700;
  padding: 3px 10px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.btn-follow-wallet:hover {
  border-color: var(--color-yellow);
  color: var(--color-yellow);
}

.btn-follow-wallet.following {
  background: rgba(250, 204, 21, 0.15);
  border-color: var(--color-yellow);
  color: var(--color-yellow);
  box-shadow: 0 0 8px rgba(250, 204, 21, 0.3);
}

.badge-win-rate {
  font-size: 11px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 3px;
  display: inline-block;
}

.badge-win-high {
  background: rgba(74, 222, 128, 0.15);
  border: 1px solid var(--color-green);
  color: var(--color-green);
}

.badge-win-med {
  background: rgba(250, 204, 21, 0.15);
  border: 1px solid var(--color-yellow);
  color: var(--color-yellow);
}

.badge-win-low {
  background: rgba(255, 255, 255, 0.05);
  border: 1px solid var(--border-dim);
  color: var(--text-dim);
}

.pick-pill {
  font-size: 10px;
  padding: 1px 5px;
  background: rgba(0, 240, 255, 0.1);
  border: 1px solid rgba(0, 240, 255, 0.3);
  color: var(--color-cyan);
  border-radius: 3px;
  margin-right: 4px;
  display: inline-block;
}

/* ========================================================
   Market Valuation & Trading Dynamics Card
   ======================================================== */
.market-dynamics-card {
  background: rgba(0, 240, 255, 0.04);
  border: 1px solid rgba(0, 240, 255, 0.28);
  border-radius: 8px;
  padding: 14px;
}

.market-metric-box {
  background: rgba(8, 22, 31, 0.85);
  border: 1px solid var(--border-dim);
  border-radius: 6px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.market-metric-box .dim {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: var(--text-dim);
}

.sub-mcap {
  font-size: 10px;
  color: var(--color-cyan);
  font-weight: 600;
  margin-top: 2px;
  line-height: 1.2;
}

@media (max-width: 600px) {
  .market-dynamics-card .modal-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* ========================================================
   Secondary Bonding Curve & DEX Live Chart Styles (Option 3)
   ======================================================== */
.bonding-gauge-card {
  background: rgba(0, 240, 255, 0.03);
  border: 1px solid rgba(0, 240, 255, 0.3);
  border-radius: 6px;
  padding: 12px;
  margin-top: 8px;
}

.bonding-gauge-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.bonding-gauge-title {
  font-size: 12px;
  font-weight: 700;
  color: var(--color-cyan);
}

.bonding-gauge-bar {
  height: 8px;
  background: rgba(255, 255, 255, 0.08);
  border-radius: 4px;
  overflow: hidden;
  margin: 6px 0;
}

.bonding-gauge-fill {
  height: 100%;
  background: linear-gradient(90deg, var(--color-cyan), var(--color-green));
  transition: width 0.3s ease;
  box-shadow: 0 0 8px rgba(0, 240, 255, 0.5);
}

.bonding-gauge-stats {
  display: flex;
  justify-content: space-between;
  font-size: 10.5px;
  color: var(--text-dim);
}

.dex-chart-section {
  margin-top: 10px;
  border-top: 1px solid var(--border-dim);
  padding-top: 10px;
}

.dex-chart-toggle-btn {
  background: rgba(0, 240, 255, 0.1);
  border: 1px solid var(--color-cyan);
  color: var(--color-cyan);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  padding: 6px 12px;
  border-radius: 4px;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.2s ease;
}

.dex-chart-toggle-btn:hover {
  background: var(--color-cyan);
  color: #000000;
}

.dex-chart-frame-wrap {
  margin-top: 8px;
  border: 1px solid var(--border-dim);
  border-radius: 6px;
  overflow: hidden;
  background: #020709;
}

.whale-alert-pill {
  font-size: 10.5px;
  font-weight: 700;
  padding: 2px 6px;
  border-radius: 3px;
  display: inline-block;
}

.badge-cluster {
  background: rgba(245, 158, 11, 0.15);
  border: 1px solid rgba(245, 158, 11, 0.6);
  color: #fbbf24;
  font-size: 10px;
  font-weight: 700;
  padding: 1px 5px;
  border-radius: 3px;
  box-shadow: 0 0 6px rgba(245, 158, 11, 0.3);
  letter-spacing: 0.3px;
}

.btn-sm-view-leaderboard {
  background: rgba(0, 240, 255, 0.08);
  border: 1px solid rgba(0, 240, 255, 0.3);
  color: var(--color-cyan);
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-sm-view-leaderboard:hover {
  background: var(--color-cyan);
  color: #000000;
}

.btn-view-activity {
  background: rgba(0, 240, 255, 0.1);
  border: 1px solid var(--color-cyan);
  color: var(--color-cyan);
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 700;
  padding: 3px 8px;
  border-radius: 3px;
  cursor: pointer;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.btn-view-activity:hover {
  background: var(--color-cyan);
  color: #000000;
  box-shadow: 0 0 8px rgba(0, 240, 255, 0.4);
}

.smart-search-input {
  background: #020709;
  border: 1px solid var(--border-dim);
  border-radius: 4px;
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: 11px;
  padding: 4px 10px;
  width: 220px;
  outline: none;
  transition: all 0.2s ease;
}

.smart-search-input:focus {
  border-color: var(--color-cyan);
  box-shadow: 0 0 8px rgba(0, 240, 255, 0.3);
}

.btn-load-more-hunters {
  background: rgba(0, 240, 255, 0.08);
  border: 1px solid var(--color-cyan);
  color: var(--color-cyan);
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  padding: 6px 16px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.2s ease;
}

.btn-load-more-hunters:hover {
  background: var(--color-cyan);
  color: #000000;
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.4);
}

.badge-followed-star {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  background: rgba(250, 204, 21, 0.15);
  border: 1px solid var(--color-yellow);
  color: var(--color-yellow);
  font-size: 10px;
  font-weight: 700;
  padding: 1px 6px;
  border-radius: 3px;
  white-space: nowrap;
  box-shadow: 0 0 6px rgba(250, 204, 21, 0.3);
}

/* ========================================================
   Dedicated Wallet Leaderboard Tab Viewport (Feature 2)
   ======================================================== */
.wallets-tab-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 16px;
  background: rgba(13, 17, 23, 0.7);
  border: 1px solid var(--border-dim);
  border-radius: 8px;
  min-height: 480px;
}

.wallets-tab-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 12px;
  border-bottom: 1px solid var(--border-dim);
  padding-bottom: 14px;
}

.wallets-tab-title {
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.5px;
  color: var(--color-cyan);
  margin: 0 0 4px 0;
}

.wallets-tab-desc {
  font-size: 12px;
  color: var(--text-dim);
  margin: 0;
  line-height: 1.4;
}

.wallets-tab-summary-pill {
  font-size: 11px;
  font-weight: 700;
  color: var(--color-yellow);
  background: rgba(250, 204, 21, 0.1);
  padding: 4px 10px;
  border-radius: 4px;
  border: 1px solid rgba(250, 204, 21, 0.3);
  white-space: nowrap;
}

.wallets-tab-toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.wallets-tab-filters {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  align-items: center;
}

.wallets-tab-filters .filter-pill {
  background: rgba(13, 17, 23, 0.85);
  color: var(--text-dim);
  border: 1px solid var(--border-dim);
  padding: 5px 12px;
  border-radius: 4px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  font-weight: 600;
  cursor: pointer;
  user-select: none;
  display: inline-flex;
  align-items: center;
  gap: 5px;
  transition: all 0.15s ease;
  letter-spacing: 0.3px;
  white-space: nowrap;
}

.wallets-tab-filters .filter-pill:hover {
  color: var(--color-cyan);
  border-color: var(--color-cyan);
  background: rgba(0, 240, 255, 0.08);
  transform: translateY(-1px);
}

.wallets-tab-filters .filter-pill:active {
  transform: translateY(0);
}

.wallets-tab-filters .filter-pill.active {
  background: rgba(0, 240, 255, 0.15);
  color: var(--color-cyan);
  border-color: var(--color-cyan);
  font-weight: 700;
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.25);
}

.wallets-tab-filters .filter-pill#tabWalletFilterAll.active,
.wallets-tab-filters .filter-pill#tabWalletFilterHighWin.active,
.wallets-tab-filters .filter-pill#tabWalletFilterFollowed.active {
  background: rgba(250, 204, 21, 0.15);
  color: var(--color-yellow);
  border-color: var(--color-yellow);
  box-shadow: 0 0 10px rgba(250, 204, 21, 0.25);
}

.wallets-tab-filters .filter-pill .sort-indicator {
  font-size: 10px;
  margin-left: 2px;
  color: rgba(255, 255, 255, 0.35);
  transition: color 0.15s ease;
}

.wallets-tab-filters .filter-pill.active .sort-indicator {
  color: currentColor;
  font-weight: 800;
}

.wallets-tab-search {
  position: relative;
  display: flex;
  align-items: center;
}

.wallets-tab-search input {
  background: #0d1117;
  border: 1px solid var(--border-dim);
  color: var(--text-main);
  font-family: var(--font-mono);
  font-size: 12px;
  padding: 6px 10px 6px 30px;
  border-radius: 4px;
  width: 280px;
  outline: none;
  transition: all 0.2s ease;
}

.wallets-tab-search input:focus {
  border-color: var(--color-cyan);
  box-shadow: 0 0 8px rgba(0, 240, 255, 0.3);
}

.wallets-tab-search .search-icon {
  position: absolute;
  left: 9px;
  font-size: 12px;
  pointer-events: none;
}

.wallets-table-wrapper {
  overflow-x: auto;
  border: 1px solid var(--border-dim);
  border-radius: 6px;
  background: #080b0f;
}

.wallets-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  font-family: var(--font-mono);
}

.wallets-table th {
  background: #0d1117;
  color: var(--text-dim);
  padding: 10px 12px;
  text-align: left;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 0.5px;
  border-bottom: 1px solid var(--border-dim);
  white-space: nowrap;
}

.wallets-table th.sortable-th {
  cursor: pointer;
  user-select: none;
  transition: background 0.15s ease, color 0.15s ease;
}

.wallets-table th.sortable-th:hover {
  color: var(--color-cyan);
  background: rgba(0, 240, 255, 0.08);
}

.wallets-table th.sortable-th.active-sort {
  color: var(--color-cyan);
  background: rgba(0, 240, 255, 0.06);
}

.wallets-table th.sortable-th .sort-indicator {
  display: inline-block;
  font-size: 10px;
  margin-left: 3px;
  color: rgba(255, 255, 255, 0.3);
}

.wallets-table th.sortable-th.active-sort .sort-indicator {
  color: var(--color-cyan);
  font-weight: 800;
  text-shadow: 0 0 6px rgba(0, 240, 255, 0.6);
}

.wallets-table td {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  vertical-align: middle;
}

.wallets-table tr:hover {
  background: rgba(0, 240, 255, 0.03);
}

/* ========================================================
   Holder Distribution Breakdown & Dev Cluster (Feature 1 & 3)
   ======================================================== */
.holder-dist-card {
  margin-top: 10px;
  background: rgba(13, 17, 23, 0.6);
  border: 1px solid var(--border-dim);
  border-radius: 6px;
  padding: 12px;
}

.holder-dist-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 8px;
}

.holder-dist-title {
  font-size: 11.5px;
  font-weight: 700;
  color: var(--text-main);
  display: flex;
  align-items: center;
  gap: 6px;
}

.holder-dist-bar {
  display: flex;
  width: 100%;
  height: 10px;
  border-radius: 5px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.08);
  margin-bottom: 10px;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.4);
}

.holder-dist-seg {
  height: 100%;
  transition: width 0.3s ease;
  position: relative;
}

.holder-dist-seg.dev {
  background: #a855f7;
  /* Purple */
}

.holder-dist-seg.insider {
  background: #f97316;
  /* Orange */
}

.holder-dist-seg.sniper {
  background: #ef4444;
  /* Red */
}

.holder-dist-seg.smart {
  background: #00f0ff;
  /* Cyan */
}

.holder-dist-seg.fresh {
  background: #eab308;
  /* Yellow */
}

.holder-dist-seg.public {
  background: #22c55e;
  /* Green */
}

.holder-dist-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 14px;
  font-size: 10.5px;
  color: var(--text-dim);
}

.holder-dist-chip {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.holder-dist-dot {
  width: 8px;
  height: 8px;
  border-radius: 2px;
  display: inline-block;
}

.holder-dist-dot.dev {
  background: #a855f7;
}

.holder-dist-dot.insider {
  background: #f97316;
}

.holder-dist-dot.sniper {
  background: #ef4444;
}

.holder-dist-dot.smart {
  background: #00f0ff;
}

.holder-dist-dot.fresh {
  background: #eab308;
}

.holder-dist-dot.public {
  background: #22c55e;
}

.dev-cluster-badge {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-size: 10.5px;
  font-weight: 700;
  padding: 2px 7px;
  border-radius: 3px;
}

.holder-dist-bar.unminted-bar {
  background: rgba(0, 240, 255, 0.06);
  border: 1px dashed rgba(0, 240, 255, 0.35);
}

.holder-dist-seg-unminted {
  height: 100%;
  background: linear-gradient(90deg, rgba(34, 197, 94, 0.25) 0%, rgba(0, 240, 255, 0.35) 100%);
  position: relative;
}

.holder-dist-explainer {
  margin-top: 8px;
  font-size: 11px;
  line-height: 1.4;
  color: var(--text-dim);
  background: rgba(255, 255, 255, 0.02);
  padding: 6px 10px;
  border-radius: 4px;
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* ========================================================
   Reorder Filter Tabs Modal & Sequence Customization
   ======================================================== */
.reorder-modal {
  width: 92%;
  max-width: 480px;
}

.reorder-list {
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 420px;
  overflow-y: auto;
  padding: 4px 2px;
}

.reorder-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: rgba(13, 17, 23, 0.85);
  border: 1px solid var(--border-dim);
  border-radius: 6px;
  padding: 8px 12px;
  transition: all 0.15s ease;
}

.reorder-item:hover {
  border-color: rgba(0, 240, 255, 0.4);
  background: rgba(0, 240, 255, 0.03);
}

.reorder-item-left {
  display: flex;
  align-items: center;
  gap: 10px;
}

.reorder-item-idx {
  font-size: 11px;
  font-family: var(--font-mono);
  color: var(--text-dim);
  width: 22px;
}

.reorder-item-name {
  font-size: 12px;
  font-weight: 700;
  color: var(--text-main);
  display: flex;
  align-items: center;
  gap: 6px;
}

.reorder-item-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}

.reorder-btn {
  background: #161b22;
  border: 1px solid var(--border-dim);
  color: var(--text-main);
  font-size: 11px;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
  transition: all 0.15s ease;
  font-family: var(--font-mono);
}

.reorder-btn:hover:not(:disabled) {
  background: var(--color-cyan);
  color: #000;
  border-color: var(--color-cyan);
}

.reorder-btn:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.btn-reset-order {
  background: transparent;
  border: 1px solid rgba(250, 204, 21, 0.3);
  color: var(--color-yellow);
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.15s ease;
}

.btn-reset-order:hover {
  background: rgba(250, 204, 21, 0.15);
  border-color: var(--color-yellow);
}

.btn-save-order {
  background: var(--color-cyan);
  border: 1px solid var(--color-cyan);
  color: #000;
  padding: 6px 16px;
  border-radius: 4px;
  font-size: 12px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.15s ease;
}

.btn-save-order:hover {
  box-shadow: 0 0 10px rgba(0, 240, 255, 0.4);
}