/* Auto-generated: AEON purple theme scoped to #scalpMode only.
   Source diff: orig/desktop-shell.css -> desktop-shell.css */

@media (min-width: 1024px) {
#scalpMode {
  --pt-reserve-h: 180px !important;
  --sliq-notch-clip: none !important;
  --bg:        #010307 !important;
  --surface:   linear-gradient(145deg,#0E101A 0%,#050910 55%,#010307 100%) !important;
  --surface2:  #0E101A !important;
  --surface3:  #0C1119 !important;
  --sidebar-bg:#050910 !important;
  --cyan:      #A78BFA !important;
  --cyan-dim:  rgba(139,92,246,0.06) !important;
  --cyan-mid:  rgba(139,92,246,0.12) !important;
  --cyan-glow: rgba(139,92,246,0.2) !important;
  --green:     #18A978 !important;
  --g-dim:     rgba(24,169,120,0.06) !important;
  --g-glow:    rgba(24,169,120,0.14) !important;
  --red:       #EF4444 !important;
  --r-dim:     rgba(239,68,68,0.06) !important;
  --r-glow:    rgba(239,68,68,0.14) !important;
  --amber:     #F59E0B !important;
  --blue:      #3B82F6 !important;
  --text:      #E6EDF7 !important;
  --text2:     #A1A9B8 !important;
  --text3:     #667085 !important;
  --text4:     #475569 !important;
  --border:    #1A2230 !important;
  --border2:   #232D40 !important;
  --border3:   rgba(255,255,255,0.16) !important;
  --border-subtle: #141A24 !important;
  --divider:   #111923 !important;
  --rail-w:    200px !important;
  --topbar-h:  52px !important;
  --strip-h:   34px !important;
  --font:  "Inter", -apple-system, sans-serif !important;
  --mono:  "JetBrains Mono", monospace !important;
  --hdr:   "Inter", sans-serif !important;
  --r:   6px !important;
  --rl: 10px !important;
  --aeon-purple: #6D28D9 !important;
  --aeon-violet: #8B5CF6 !important;
  --aeon-blue:   #3B82F6 !important;
  --aeon-glow:   rgba(139,92,246,0.25) !important;
  --aeon-gradient: linear-gradient(135deg,#6D28D9,#8B5CF6,#A78BFA) !important;
  --purple-bright: #A78BFA !important;
  --card-primary: linear-gradient(145deg,#0E101A 0%,#050910 55%,#010307 100%) !important;
  --card-hero:
      radial-gradient(circle at 15% 5%, rgba(139,92,246,.18), transparent 42%),
      linear-gradient(145deg,#0E101A 0%,#080D14 60%,#010307 100%) !important;
  --card-feed:  linear-gradient(135deg,#0E101A 0%,#080D14 100%) !important;
  --card-lower: linear-gradient(145deg,#0C1119 0%,#080D14 100%) !important;
}
#scalpMode .app {
  max-width: none !important;
  width: 100vw !important;
  margin: 0 !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: var(--rail-w) 1fr !important;
  grid-template-rows: var(--topbar-h) 1fr !important;
  gap: 1px !important;
  height: 100vh !important;
  overflow: hidden !important;
  position: fixed !important;
  inset: 0 !important;
  background: #010307 !important;
  border: none !important;
  border-radius: 0 !important;
}
#scalpMode .topbar-exchanges .pc-exc-pill:has(.pc-exc-dot[style*="00d"]),
#scalpMode .topbar-exchanges .pc-exc-pill:has(.pc-exc-dot[style*="green"]) {
  color: rgba(161,169,184,0.75) !important;
}
#scalpMode body.fg-theme-northern-sky .topbar-fg .fg-track {
  background:
      repeating-linear-gradient(90deg,
        rgba(4,5,6,0.92) 0px, rgba(4,5,6,0.92) 2px,
        transparent 2px, transparent 10px),
      linear-gradient(90deg,
        rgba(139,92,246,0.10) 0%,
        rgba(139,92,246,0.45) 45%,
        #1d4ed8 75%,
        #0b2f7a 100%) !important;
}
#scalpMode .topbar-utils button:not(.wallet-hdr-btn):hover {
  background: rgba(139,92,246,0.06) !important;
  border-color: rgba(139,92,246,0.2) !important;
  color: var(--cyan) !important;
  box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.05),
      0 0 8px rgba(139,92,246,0.07) !important;
}
#scalpMode .topbar-user-name {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.06em !important;
  color: rgba(139,92,246,0.5) !important;
  white-space: nowrap !important;
  max-width: 72px !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#scalpMode .aeon-nav-brand-logo {
  position: relative !important;
  flex-shrink: 0 !important;
  width: 36px !important;
  height: 36px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: #0E101A !important;
  border-radius: 9px !important;
  box-sizing: border-box !important;
}
#scalpMode .aeon-nav-brand-ver {
  font-family: var(--mono) !important;
  font-size: 8px !important;
  color: rgba(139,92,246,0.45) !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  background: rgba(139,92,246,0.07) !important;
  border: 1px solid rgba(139,92,246,0.12) !important;
  border-radius: 3px !important;
  padding: 1px 4px !important;
  display: inline-block !important;
}
#scalpMode .anr-section-label::before {
  content: "" !important;
  display: inline-block !important;
  width: 3px !important;
  height: 3px !important;
  border-radius: 50% !important;
  background: rgba(139,92,246,0.4) !important;
  flex-shrink: 0 !important;
}
#scalpMode .anr-token.active {
  background: linear-gradient(135deg, rgba(109,40,217,0.14), rgba(109,40,217,0.07)) !important;
  border-color: transparent !important;
  border-bottom-color: var(--border) !important;
}
#scalpMode .anr-token-chg.up {
  color: var(--green) !important;
  background: rgba(24,169,120,0.1) !important;
}
#scalpMode .aeon-nav-btn.active {
  color: var(--aeon-violet) !important;
  background: linear-gradient(135deg, rgba(109,40,217,0.16), rgba(109,40,217,0.08)) !important;
  font-weight: 600 !important;
}
#scalpMode .anr-wl-chg.up {
  color: var(--green) !important;
  background: rgba(24,169,120,0.1) !important;
}
/* Note: a purple scrollbar-thumb hover for scalp mode used to live here as
   "#scalpMode .aeon-desktop-body::-webkit-scrollbar-thumb:hover" — removed
   as dead code. .aeon-desktop-body is the ancestor of #scalpMode in the DOM
   (it wraps both #swingMode and #scalpMode), not a descendant, so that
   selector could never match. Re-add once there's a reliable way to detect
   "scalp mode is active" from CSS (setMode() in app.js doesn't currently
   toggle a class anywhere reachable for this). */
#scalpMode {
  --sw-surface:  #0c0d11 !important;
  --sw-surface2: #0E101A !important;
  --sw-surface3: #161920 !important;
  --sw-border:   rgba(255,255,255,0.055) !important;
  --sw-border2:  rgba(255,255,255,0.09) !important;
  --sw-border3:  rgba(255,255,255,0.12) !important;
  --sw-text:     rgba(200,208,220,1) !important;
  --sw-text2:    rgba(90,101,117,1) !important;
  --sw-text3:    rgba(46,53,64,1) !important;
  --sw-radius:   10px !important;
  --sw-cyan:     rgba(139,92,246,1) !important;
  --sw-cyan-dim: rgba(139,92,246,0.06) !important;
  --sw-cyan-mid: rgba(139,92,246,0.12) !important;
  --sw-cyan-glow:rgba(139,92,246,0.20) !important;
  --sw-cyan-border: rgba(255,255,255,0.09) !important;
  padding: 0 20px 0 !important;
  position: relative !important;
  isolation: isolate !important;
  background: #0d111d63 !important;
}
#scalpMode .proxy-tray {
  position: fixed !important;
  top: var(--topbar-h) !important;
  left: calc(var(--rail-w) + 8px) !important;
  right: 8px !important;
  z-index: 10001 !important;
  background: #050910 !important;
  border-bottom: 2px solid rgba(0,0,0,0.7) !important;
  border-radius: 0 0 6px 6px !important;
  box-shadow: 0 6px 30px rgba(0,0,0,0.7) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  overflow: visible !important;
  pointer-events: none !important;
  height: 0 !important;
  transition: height 0.42s cubic-bezier(0.22, 1, 0.36, 1),
                border-color 0.25s ease,
                box-shadow 0.25s ease !important;
  will-change: height !important;
  animation: none !important;
  display: none !important;
}
#scalpMode .proxy-tray-handle {
  position: absolute !important;
  bottom: 0 !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  height: 0 !important;
  width: 0 !important;
  overflow: visible !important;
  pointer-events: none !important;
  background: #050910 !important;
}
#scalpMode .pt-tab {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  transform: translateX(-50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 0 16px !important;
  height: 24px !important;
  background: #101317e0 !important;
  border-left: 2px solid rgba(0,0,0,0.7) !important;
  border-right: 2px solid rgba(0,0,0,0.7) !important;
  border-bottom: 2px solid rgba(0,0,0,0.7) !important;
  border-radius: 0 0 8px 8px !important;
  cursor: ns-resize !important;
  white-space: nowrap !important;
  box-shadow: 0 6px 16px rgba(0,0,0,0.6), 0 2px 8px rgba(139,92,246,0.042) !important;
  transition: box-shadow 0.15s !important;
  pointer-events: auto !important;
  z-index: 10002 !important;
  overflow: hidden !important;
}
#scalpMode .pt-tab:hover {
  box-shadow: 0 6px 20px rgba(0,0,0,0.6), 0 2px 14px rgba(139,92,246,0.084) !important;
}
#scalpMode .pt-tab-label {
  font-family: var(--mono) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  color: rgba(139,92,246,0.65) !important;
  text-transform: uppercase !important;
  transition: color 0.15s !important;
}
#scalpMode .pt-tab:hover .pt-tab-label {
  color: rgba(139,92,246,0.9) !important;
}
#scalpMode .proxy-tray-body {
  display: none !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border-top: 1px solid rgba(139,92,246,0.1) !important;
  -webkit-overflow-scrolling: touch !important;
}
#scalpMode .proxy-tray-body::-webkit-scrollbar-thumb {
  background: rgba(139,92,246,0.2) !important;
  border-radius: 2px !important;
}
#scalpMode .proxy-tray-body .mm-header {
  border-radius: 0 !important;
  background: #050910 !important;
}
#scalpMode #wlColumnHeaders span,
#scalpMode #wlPaneWl > div:first-child span {
  display: block !important;
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: 0.12em !important;
  color: rgba(161,169,184,0.4) !important;
  text-transform: uppercase !important;
  text-align: left !important;
}
#scalpMode .mc-val.mc-accent-green {
  color: var(--green) !important;
  text-shadow: 0 0 10px rgba(24,169,120,0.15) !important;
}
#scalpMode .htf-cell.htf-up,
#scalpMode .htf-cell-compact.htf-up {
  border-left: 3px solid rgba(24,169,120,0.55) !important;
  background: rgba(24,169,120,0.03) !important;
}
#scalpMode .htf-cell.htf-neut,
#scalpMode .htf-cell-compact.htf-neut {
  border-left: 3px solid rgba(139,92,246,0.20) !important;
}
#scalpMode #swPriceCard {
  border: 1px solid rgba(255,255,255,0.06) !important;
  border-top: 2px solid rgba(139,92,246,0.18) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
#scalpMode #wlPaneFib > div:last-child,
#scalpMode #wlPaneLiq > div:last-child {
  flex: 1 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(139,92,246,0.15) transparent !important;
}
#scalpMode #wlPaneWl > div:last-child {
  flex: 1 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(139,92,246,0.15) transparent !important;
}
#scalpMode .sess-card.active,
#scalpMode .sess-card[style*="border:1px solid rgba(59,130,246"] {
  background: var(--surface) !important;
  border-color: var(--border) !important;
  border-top-color: rgba(24,169,120,0.50) !important;
  box-shadow: none !important;
}
#scalpMode #swZoneB .sess-card {
  background: rgba(8, 11, 20, 0.72) !important;
  border: 1px solid rgba(255, 255, 255, 0.055) !important;
  border-left: 2px solid var(--sess-accent, rgba(139,92,246, 0.18)) !important;
  border-radius: 8px !important;
  border-top: none !important;
  padding: 10px 11px 9px !important;
  position: relative !important;
  overflow: hidden !important;
  transition: background 0.18s, border-left-color 0.18s, box-shadow 0.18s !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  cursor: default !important;
}
#scalpMode #swZoneB .sess-card::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  left: 0 !important;
  width: 28px !important;
  background: linear-gradient(
      90deg,
      rgba(139,92,246, 0.05) 0%,
      transparent 100%
    ) !important;
  pointer-events: none !important;
  border-radius: 0 !important;
  height: auto !important;
}
#scalpMode #swZoneB .sess-card:hover {
  background: rgba(12, 16, 28, 0.85) !important;
  border-left-color: var(--sess-accent, rgba(139,92,246, 0.45)) !important;
  box-shadow: inset 2px 0 12px rgba(139,92,246,0.03) !important;
}
#scalpMode #swZoneB .sess-card.active,
#scalpMode #swZoneB .sess-card[data-sess-bull="true"],
#scalpMode #swZoneB .sess-card.sess-bullish {
  background: rgba(139,92,246, 0.04) !important;
  border-color: rgba(255, 255, 255, 0.08) !important;
  border-left: 2px solid rgba(24,169,120, 0.9) !important;
  box-shadow:
      inset 2px 0 16px rgba(24,169,120, 0.06),
      0 0 0 0 transparent !important;
}
#scalpMode #swZoneB .sess-card.active::before,
#scalpMode #swZoneB .sess-card.sess-bullish::before {
  background: linear-gradient(
      90deg,
      rgba(24,169,120, 0.08) 0%,
      transparent 100%
    ) !important;
}
#scalpMode #swZoneB .sess-card.sess-dow-bias,
#scalpMode #swZoneB .sess-card[data-sess-dow="true"] {
  background: rgba(245,166,35, 0.03) !important;
  border-left: 2px solid rgba(245,166,35, 0.75) !important;
  border-color: rgba(255, 255, 255, 0.06) !important;
  box-shadow: inset 2px 0 14px rgba(245,166,35, 0.05) !important;
}
#scalpMode #swZoneB .sess-card.sess-dow-bias::before {
  background: linear-gradient(
      90deg,
      rgba(245,166,35, 0.07) 0%,
      transparent 100%
    ) !important;
}
#scalpMode #swZoneB .sess-label {
  font-family: "Share Tech Mono", monospace !important;
  font-size: 6.5px !important;
  letter-spacing: 0.20em !important;
  text-transform: uppercase !important;
  color: rgba(161,169,184, 0.38) !important;
  margin-bottom: 7px !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
}
#scalpMode #swZoneB .sess-active {
  width: 5px !important;
  height: 5px !important;
  border-radius: 50% !important;
  background: rgba(24,169,120, 0.95) !important;
  box-shadow: 0 0 6px rgba(24,169,120, 0.7), 0 0 12px rgba(24,169,120, 0.3) !important;
  flex-shrink: 0 !important;
  animation: si-pip-pulse 1.6s ease-in-out infinite !important;
}
#scalpMode #swZoneB .sess-val {
  font-family: "Orbitron", "Share Tech Mono", monospace !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em !important;
  line-height: 1 !important;
  color: rgba(230,237,247, 0.92) !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
#scalpMode #swZoneB .sess-sub {
  font-family: "Share Tech Mono", monospace !important;
  font-size: 7.5px !important;
  color: rgba(161,169,184, 0.42) !important;
  margin-top: 5px !important;
  line-height: 1.4 !important;
  letter-spacing: 0.03em !important;
}
#scalpMode #swZoneB .sess-range {
  font-family: "Share Tech Mono", monospace !important;
  font-size: 7px !important;
  color: rgba(161,169,184, 0.24) !important;
  margin-top: 3px !important;
  letter-spacing: 0.04em !important;
}
#scalpMode #swZoneB .dow-lbl {
  font-family: "Share Tech Mono", monospace !important;
  font-size: 5.5px !important;
  text-align: center !important;
  margin-top: 2px !important;
  color: rgba(161,169,184, 0.28) !important;
  letter-spacing: 0.04em !important;
}
#scalpMode #swZoneB .sess-dow-val {
  color: rgba(245,166,35, 0.92) !important;
}
#scalpMode #swZoneB .sess-dow-mood {
  color: rgba(245,166,35, 0.58) !important;
}
#scalpMode #swZoneB .sess-card:not(.active):not(.sess-bullish):not(.sess-dow-bias) .sess-val {
  color: rgba(161,169,184, 0.50) !important;
}
#scalpMode #swZoneB .sess-card:not(.active):not(.sess-bullish):not(.sess-dow-bias) .sess-label {
  color: rgba(161,169,184, 0.28) !important;
}
#scalpMode .mc-card-lbl {
  font-family: var(--mono) !important;
  font-size: 7px !important;
  font-weight: 500 !important;
  letter-spacing: 0.16em !important;
  color: rgba(161,169,184,.38) !important;
  text-transform: uppercase !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
#scalpMode .mc-dxy-dots {
  position: relative !important;
  height: 6px !important;
  width: 100% !important;
  border-radius: 3px !important;
  background: linear-gradient(90deg,
      rgba(0,212,138,.55) 0%,
      rgba(161,169,184,.25) 38%,
      rgba(161,169,184,.25) 62%,
      rgba(244,63,94,.55) 100%
    ) !important;
  display: block !important;
  box-sizing: border-box !important;
  overflow: visible !important;
}
#scalpMode #swPriceCard {
  border: 1px solid var(--border) !important;
  border-top: 2px solid rgba(139,92,246,0.18) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  padding: 0 !important;
}
}

#scalpMode .anr-user-avatar {
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: linear-gradient(135deg, rgba(139,92,246,0.25), rgba(139,92,246,0.06)) !important;
  border: 1px solid rgba(139,92,246,0.22) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: "Orbitron", var(--font) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  color: var(--cyan) !important;
  flex-shrink: 0 !important;
  letter-spacing: 0.04em !important;
}

#scalpMode .anr-user-role {
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: 0.12em !important;
  color: rgba(139,92,246,0.45) !important;
  line-height: 1 !important;
}

@media (min-width: 1024px) {
#scalpMode #swPriceCard {
  background: var(--card-hero) !important;
  border-top: 2px solid rgba(109,40,217,0.22) !important;
}
#scalpMode .bd-ev-pair {
  position: absolute !important;
  bottom: 8px !important;
  right: 14px !important;
  font-family: var(--mono) !important;
  font-size: 7px !important;
  color: rgba(161,169,184,.3) !important;
  letter-spacing: .1em !important;
}
#scalpMode .bd-htf.htf-tab-on,
#scalpMode .htf-tab-on.bd-htf {
  background: rgba(139,92,246,.1) !important;
  border-color: rgba(139,92,246,.3) !important;
  color: rgba(139,92,246,.9) !important;
}
#scalpMode #swWalletCard {
  border-top: 2px solid rgba(139,92,246,.12) !important;
  background: #100e0b !important;
  flex: 1 !important;
  min-height: 0 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
#scalpMode .bd-ops-filter-btn.active {
  background: rgba(139,92,246,.15) !important;
  color: rgba(139,92,246,.95) !important;
}
#scalpMode .bd-ops-fpill {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  padding: 4px 10px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(255,255,255,.1) !important;
  background: rgba(255,255,255,.04) !important;
  font-family: var(--mono) !important;
  font-size: 9px !important;
  font-weight: 600 !important;
  letter-spacing: .05em !important;
  color: rgba(161,169,184,.7) !important;
  cursor: pointer !important;
  transition: all .13s !important;
}
#scalpMode .bd-ops-fpill-on {
  background: rgba(139,92,246,.12) !important;
  border-color: rgba(139,92,246,.35) !important;
  color: rgba(139,92,246,.95) !important;
}
#scalpMode .bd-ops-daily-avg {
  font-family: var(--mono) !important;
  font-size: 11px !important;
  color: rgba(161,169,184,.4) !important;
  letter-spacing: .02em !important;
  padding: 5px 18px 14px !important;
  flex-shrink: 0 !important;
  min-height: 28px !important;
}
#scalpMode .bd-ops-txn-list {
  flex: 1 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(139,92,246,.1) transparent !important;
  padding: 0 8px 8px !important;
}
#scalpMode .bd-ops-empty {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 28px 18px !important;
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: rgba(161,169,184,.3) !important;
  letter-spacing: .06em !important;
  text-align: center !important;
  line-height: 1.6 !important;
}
#scalpMode .bd-txn-action-lbl {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: rgba(161,169,184,.55) !important;
  letter-spacing: .03em !important;
  flex-shrink: 0 !important;
}
#scalpMode .bd-txn-arrow {
  font-size: 9px !important;
  color: rgba(161,169,184,.25) !important;
  flex-shrink: 0 !important;
}
#scalpMode .bd-txn-addr {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: rgba(161,169,184,.3) !important;
  letter-spacing: .02em !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  max-width: 90px !important;
}
#scalpMode .bd-txn-received {
  color: rgba(34,197,94,.8) !important;
}
#scalpMode .bd-txn-other {
  color: rgba(161,169,184,.45) !important;
}
#scalpMode #swQuickActions,
#scalpMode #bentoDashboard #swQuickActions {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  flex: unset !important;
  align-self: stretch !important;
  height: 100% !important;
  min-height: 0 !important;
  padding: 6px 8px 8px !important;
  gap: 0 !important;
  background: var(--surface) !important;
  border: none !important;
  border-top: 2px solid rgba(139,92,246,.12) !important;
  border-radius: 12px !important;
  overflow: hidden !important;
  position: relative !important;
}
#scalpMode #swQuickActions::before {
  content: "" !important;
  position: absolute !important;
  top: 0 !important;
  left: 10% !important;
  width: 80% !important;
  height: 1px !important;
  background: linear-gradient(90deg,
      transparent,
      rgba(139,92,246,.35) 40%,
      rgba(139,92,246,.35) 60%,
      transparent) !important;
  pointer-events: none !important;
}
#scalpMode #swQuickActions .bd-qa-btn {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  width: 100% !important;
  flex: 1 !important;
  min-height: 0 !important;
  height: auto !important;
  border-radius: 8px !important;
  background: linear-gradient(160deg,
      rgba(255,255,255,.04) 0%,
      rgba(255,255,255,.02) 100%) !important;
  border: 1px solid rgba(255,255,255,.065) !important;
  box-shadow:
      inset 0 1px 0 rgba(255,255,255,.05),
      0 2px 8px rgba(0,0,0,.25) !important;
  cursor: pointer !important;
  transition:
      background .16s ease,
      border-color .16s ease,
      box-shadow .16s ease,
      transform .12s ease !important;
  color: rgba(161,169,184,.55) !important;
  position: relative !important;
  overflow: hidden !important;
  padding: 0 !important;
  flex-shrink: 1 !important;
}
#scalpMode #swQuickActions .bd-qa-btn::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 20% !important;
  width: 2px !important;
  height: 60% !important;
  border-radius: 0 2px 2px 0 !important;
  background: rgba(139,92,246,0) !important;
  transition: background .16s ease !important;
}
#scalpMode #swQuickActions .bd-qa-btn:hover {
  background: linear-gradient(160deg,
      rgba(139,92,246,.09) 0%,
      rgba(139,92,246,.04) 100%) !important;
  border-color: rgba(139,92,246,.22) !important;
  box-shadow:
      inset 0 1px 0 rgba(139,92,246,0.056),
      0 0 18px rgba(139,92,246,0.049),
      0 2px 10px rgba(0,0,0,.3) !important;
  color: rgba(139,92,246,.92) !important;
  transform: translateY(-1px) !important;
}
#scalpMode #swQuickActions .bd-qa-btn:hover::before {
  background: rgba(139,92,246,.55) !important;
}
#scalpMode #swQuickActions .bd-qa-btn:active {
  transform: translateY(0) !important;
  box-shadow:
      inset 0 2px 6px rgba(0,0,0,.3),
      0 0 8px rgba(139,92,246,0.035) !important;
}
#scalpMode #swQuickActions .bd-qa-icon {
  width: 20px !important;
  height: 20px !important;
  flex-shrink: 0 !important;
  stroke: currentColor !important;
  stroke-width: 1.6 !important;
  transition: filter .16s ease !important;
  filter: drop-shadow(0 0 0px rgba(139,92,246,0)) !important;
}
#scalpMode #swQuickActions .bd-qa-btn:hover .bd-qa-icon {
  filter: drop-shadow(0 0 5px rgba(139,92,246,.35)) !important;
}
#scalpMode #swQuickActions .bd-qa-exc-name {
  font-family: var(--mono) !important;
  font-size: 6px !important;
  font-weight: 500 !important;
  letter-spacing: .14em !important;
  text-transform: uppercase !important;
  color: rgba(161,169,184,.35) !important;
  text-align: center !important;
}
#scalpMode .bd-sig-tag {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 8px 14px 7px !important;
  font-family: var(--mono) !important;
  font-size: 6.5px !important;
  letter-spacing: .16em !important;
  color: rgba(161,169,184,.4) !important;
  border-bottom: 1px solid rgba(255,255,255,.05) !important;
  flex-shrink: 0 !important;
}
#scalpMode .hero-ring-num::after {
  content: "/ 100" !important;
  font-size: 6px !important;
  font-weight: 400 !important;
  color: rgba(161,169,184,.35) !important;
  letter-spacing: .08em !important;
  font-family: var(--mono) !important;
}
#scalpMode .bd-sig-cells {
  flex: 1 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(24,169,120,.1) transparent !important;
}
#scalpMode #bentoDashboard #hero .hc-l {
  font-size: 6px !important;
  letter-spacing: .14em !important;
  color: rgba(161,169,184,.38) !important;
  margin-bottom: 4px !important;
}
#scalpMode #bentoDashboard #hero .hc-s {
  font-size: 7px !important;
  color: rgba(161,169,184,.38) !important;
  margin-top: 3px !important;
}
#scalpMode #bentoDashboard .bd-mac-card-usdt {
  grid-column: 1 !important;
  grid-row: 2 !important;
  border-top: 2px solid rgba(24,169,120,.15) !important;
  display: flex !important;
  flex-direction: column !important;
}
#scalpMode #bentoDashboard .bd-mac-card-mcap {
  grid-column: 2 !important;
  grid-row: 2 !important;
  border-top: 2px solid rgba(139,92,246,.12) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
#scalpMode .bd-etf-liq-title {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-family: var(--mono) !important;
  font-size: 7.5px !important;
  letter-spacing: 0.14em !important;
  color: rgba(24,169,120,.6) !important;
  text-transform: uppercase !important;
}
#scalpMode .bd-etf-liq-close {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  padding: 3px 9px !important;
  border-radius: 4px !important;
  background: rgba(139,92,246,.05) !important;
  border: 1px solid rgba(139,92,246,.15) !important;
  font-family: var(--mono) !important;
  font-size: 7.5px !important;
  letter-spacing: 0.1em !important;
  color: rgba(139,92,246,.6) !important;
  cursor: pointer !important;
  transition: background 0.15s, border-color 0.15s !important;
}
#scalpMode .bd-etf-liq-close:hover {
  background: rgba(139,92,246,.1) !important;
  border-color: rgba(139,92,246,.3) !important;
}
#scalpMode .bd-mac-stab:hover {
  color: rgba(139,92,246,.6) !important;
  background: rgba(139,92,246,.03) !important;
}
#scalpMode .bd-mac-stab-on {
  color: rgba(139,92,246,.85) !important;
  background: rgba(139,92,246,.05) !important;
  border-bottom-color: rgba(139,92,246,.4) !important;
}
#scalpMode .bd-mac-subpane {
  flex: 1 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(139,92,246,.07) transparent !important;
}
#scalpMode .bd-liq-feed {
  height: 100% !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(239,68,68,.1) transparent !important;
}
#scalpMode #bentoDashboard #watchlistPanel {
  flex: unset !important;
  height: unset !important;
  min-height: 0 !important;
  align-self: start !important;
  background: linear-gradient(160deg, #0E101A 0%, #0E101A 60%, #080a0f 100%) !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  border-top: 2px solid rgba(139,92,246,.22) !important;
  border-radius: 14px !important;
  overflow: visible !important;
  display: flex !important;
  flex-direction: column !important;
  animation: none !important;
  position: relative !important;
}
#scalpMode #bentoDashboard #watchlistPanel .bd-wlf-icon-wrap:hover {
  border-color: rgba(139,92,246,.5) !important;
  box-shadow: 0 0 12px rgba(139,92,246,0.14) !important;
}
#scalpMode #bentoDashboard #watchlistPanel .bd-wtch-dropdown {
  display: none !important;
  position: absolute !important;
  top: calc(100% + 6px) !important;
  left: 0 !important;
  min-width: 170px !important;
  max-height: 260px !important;
  background: #0E101A !important;
  border: 1px solid rgba(139,92,246,.18) !important;
  border-radius: 9px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,.7) !important;
  padding: 4px 0 !important;
  z-index: 10000 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
}
#scalpMode .bd-wtch-pane-tabs {
  display: flex !important;
  align-items: center !important;
  border-bottom: 1px solid rgba(139,92,246,.07) !important;
  flex-shrink: 0 !important;
}
#scalpMode .bd-wtch-ptab {
  flex: 1 !important;
  padding: 6px 4px !important;
  background: transparent !important;
  border: none !important;
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: .1em !important;
  color: var(--text3) !important;
  cursor: pointer !important;
  transition: color .15s, background .15s !important;
  border-right: 1px solid rgba(139,92,246,.07) !important;
}
#scalpMode .bd-wtch-ptab:hover {
  color: rgba(139,92,246,.7) !important;
  background: rgba(139,92,246,.04) !important;
}
#scalpMode .bd-wtch-ptab.bd-wtch-ptab-on {
  color: rgba(139,92,246,.85) !important;
  background: rgba(139,92,246,.06) !important;
}
#scalpMode .bd-wtch-dropdown {
  display: none !important;
  max-height: 280px !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(139,92,246,.12) transparent !important;
}
#scalpMode .bd-wtch-dd-item {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  width: 100% !important;
  padding: 7px 10px !important;
  background: none !important;
  border: none !important;
  color: rgba(161,169,184,.65) !important;
  font-family: var(--mono) !important;
  font-size: 9px !important;
  cursor: pointer !important;
  text-align: left !important;
  transition: background .1s, color .1s !important;
  letter-spacing: .02em !important;
}
#scalpMode .bd-wtch-dd-item:hover {
  background: rgba(139,92,246,.05) !important;
  color: var(--text) !important;
}
#scalpMode .bd-wtch-dd-item.bd-wtch-dd-on {
  color: var(--cyan) !important;
  background: rgba(139,92,246,.06) !important;
}
#scalpMode .bd-wlf-icon-wrap {
  width: 36px !important;
  height: 36px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(139,92,246,.2) !important;
  background: rgba(139,92,246,.08) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
  transition: background .2s, border-color .2s !important;
}
#scalpMode .bd-wlf-icon {
  font-size: 15px !important;
  line-height: 1 !important;
  color: rgba(139,92,246,.85) !important;
}
#scalpMode .bd-wlf-chg-badge {
  font-family: var(--mono) !important;
  font-size: 8.5px !important;
  font-weight: 700 !important;
  padding: 3px 9px !important;
  border-radius: 5px !important;
  border: 1px solid rgba(24,169,120,.2) !important;
  background: rgba(24,169,120,.1) !important;
  color: rgba(24,169,120,.9) !important;
  letter-spacing: .04em !important;
  transition: all .25s !important;
  white-space: nowrap !important;
}
#scalpMode #bentoDashboard #wlPaneWl > div:last-child,
#scalpMode #bentoDashboard #wlPaneFib > div,
#scalpMode #bentoDashboard #wlPaneLiq > div {
  flex: 1 !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgba(139,92,246,.12) transparent !important;
}
#scalpMode .bd-wtch-tab:hover {
  background: rgba(139,92,246,.06) !important;
  border-color: rgba(139,92,246,.2) !important;
  color: rgba(139,92,246,.8) !important;
}
#scalpMode .bd-wtch-collapse:hover {
  background: rgba(139,92,246,.06) !important;
  color: rgba(139,92,246,.8) !important;
}
#scalpMode .bd-etf-badge {
  font-family: var(--mono) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: .06em !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(239,68,68,.25) !important;
  background: rgba(239,68,68,.08) !important;
  color: rgba(239,68,68,.9) !important;
}
#scalpMode #bentoDashboard .bd-glow-cyan {
  top: -20px !important;
  right: -20px !important;
  width: 120px !important;
  height: 80px !important;
  background: rgba(139,92,246,.5) !important;
}
#scalpMode #bentoDashboard .bd-glow-green {
  top: -20px !important;
  right: -20px !important;
  width: 120px !important;
  height: 80px !important;
  background: rgba(24,169,120,.5) !important;
}
#scalpMode #bentoDashboard .bd-glow-red {
  top: -20px !important;
  right: -20px !important;
  width: 120px !important;
  height: 80px !important;
  background: rgba(239,68,68,.5) !important;
}
}

@media (min-width: 1024px) {
#scalpMode #swPriceCard .bd-ctx {
  border-top: 1px solid rgba(139,92,246,.1) !important;
  background: rgba(0,0,0,.18) !important;
  flex-shrink: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
#scalpMode #swPriceCard .bd-ctx-bar-line {
  flex: 1 !important;
  height: 1px !important;
  background: linear-gradient(90deg, transparent, rgba(139,92,246,.12), transparent) !important;
}
#scalpMode #swPriceCard .bd-ctx-bar-label {
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: .18em !important;
  color: rgba(139,92,246,.3) !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  white-space: nowrap !important;
  flex-shrink: 0 !important;
}
#scalpMode #swPriceCard .bd-ctx-zone-hd {
  font-family: var(--mono) !important;
  font-size: 6.5px !important;
  letter-spacing: .15em !important;
  color: rgba(161,169,184,.35) !important;
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  margin-bottom: 7px !important;
  text-transform: uppercase !important;
}
#scalpMode #swPriceCard .bd-ctx-fib .fib-row.fib-now {
  background: rgba(139,92,246,.04) !important;
  border-radius: 3px !important;
  padding-left: 4px !important;
  border-bottom-color: transparent !important;
}
#scalpMode #swPriceCard .bd-ctx-fib .fib-row.fib-now::before {
  content: "▶" !important;
  position: absolute !important;
  left: -10px !important;
  font-size: 5px !important;
  color: rgba(139,92,246,.6) !important;
}
#scalpMode #swPriceCard .bd-ctx-sess .sess-label {
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: .1em !important;
  color: rgba(161,169,184,.5) !important;
  grid-column: 1 / 3 !important;
  grid-row: 1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 4px !important;
  white-space: nowrap !important;
}
#scalpMode #swPriceCard .bd-ctx-macro .bento-macro-pulse-lbl {
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: .08em !important;
  color: rgba(161,169,184,.4) !important;
  white-space: nowrap !important;
}
}

@media (min-width: 1024px) {
#scalpMode #bentoDashboard #swZoneB .bd-mac-stab {
  background: transparent !important;
  color: rgba(161,169,184,.4) !important;
  border-bottom: 2px solid transparent !important;
}
#scalpMode #bentoDashboard #swZoneB .bd-mac-stab-on {
  color: rgba(139,92,246,.9) !important;
  background: rgba(139,92,246,.04) !important;
  border-bottom-color: rgba(139,92,246,.55) !important;
}
#scalpMode #bentoDashboard #swZoneB .bd-mac-stab:hover:not(.bd-mac-stab-on) {
  color: rgba(139,92,246,.55) !important;
  background: rgba(139,92,246,.03) !important;
}
}

@media (min-width: 769px) {
#scalpMode .sliq-drawer {
  position: sticky !important;
  bottom: 0 !important;
  flex-shrink: 0 !important;
  z-index: 9999 !important;
  background: linear-gradient(to top, #050910 0%, #050910 50%, rgb(18 21 29 / 44%) 100%) !important;
  border-top: 1px solid rgba(139,92,246, 0.18) !important;
  border-radius: 9px 9px 0 0 !important;
  backdrop-filter: blur(14px) !important;
  -webkit-backdrop-filter: blur(14px) !important;
  box-shadow: 0 -6px 30px rgba(0, 0, 0, 0.7) !important;
  isolation: auto !important;
}
#scalpMode .sliq-drawer.sliq-open {
  box-shadow: 0 -4px 32px rgba(139,92,246,0.07) !important;
}
#scalpMode .sliq-handle:hover {
  background: rgba(139,92,246,0.04) !important;
}
#scalpMode .sliq-ticker-empty {
  font-family: var(--mono) !important;
  font-size: 8px !important;
  color: rgba(161,169,184,0.25) !important;
  letter-spacing: 0.05em !important;
  font-style: italic !important;
}
#scalpMode .sliq-tick-exch {
  font-family: var(--mono) !important;
  font-size: 7px !important;
  color: rgba(161,169,184,0.35) !important;
  margin-right: 4px !important;
  text-transform: uppercase !important;
}
#scalpMode .sliq-tick-sep {
  color: rgba(139,92,246,0.2) !important;
  margin: 0 8px !important;
  font-size: 10px !important;
}
#scalpMode .sliq-title {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  letter-spacing: 0.12em !important;
  color: rgba(139,92,246,0.7) !important;
  font-weight: 600 !important;
}
#scalpMode .sliq-stats {
  font-family: var(--mono) !important;
  font-size: 8px !important;
  color: rgba(161,169,184,0.5) !important;
  letter-spacing: 0.05em !important;
}
#scalpMode .sliq-mm-lbl {
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: 0.1em !important;
  color: rgba(139,92,246,0.35) !important;
  text-transform: uppercase !important;
}
#scalpMode .sliq-mm-val {
  font-family: var(--mono) !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  color: rgba(139,92,246,0.7) !important;
  letter-spacing: 0.04em !important;
}
#scalpMode .sliq-mm-sep {
  width: 1px !important;
  height: 12px !important;
  background: rgba(139,92,246,0.12) !important;
  flex-shrink: 0 !important;
}
#scalpMode .sliq-mm-val.mm-pos {
  color: rgba(24,169,120,0.75) !important;
}
#scalpMode .sliq-mm-val.mm-neg {
  color: rgba(239,68,68,0.75) !important;
}
#scalpMode .sliq-body {
  max-height: 140px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  border-top: 1px solid rgba(139,92,246,0.07) !important;
}
#scalpMode .sliq-body::-webkit-scrollbar-thumb {
  background: rgba(139,92,246,0.2) !important;
  border-radius: 2px !important;
}
#scalpMode .sliq-feed .liq-empty {
  padding: 10px 20px !important;
  color: rgba(161,169,184,0.3) !important;
  font-size: 8px !important;
  font-family: var(--mono) !important;
}
#scalpMode #bdWlDropdown.bd-wtch-dd-open {
  display: block !important;
  position: fixed !important;
  z-index: 2147483647 !important;
  min-width: 170px !important;
  max-height: 260px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  background: #0E101A !important;
  border: 1px solid rgba(139,92,246,0.22) !important;
  border-radius: 9px !important;
  box-shadow: 0 12px 40px rgba(0,0,0,0.8) !important;
  padding: 4px 0 !important;
}
}

#scalpMode .mc-dxy-tf-btn {
  font-family: var(--mono) !important;
  font-size: 7.5px !important;
  letter-spacing: 0.08em !important;
  padding: 3px 8px !important;
  border-radius: 3px !important;
  border: 1px solid rgba(255,255,255,.07) !important;
  background: transparent !important;
  color: rgba(161,169,184,.35) !important;
  cursor: pointer !important;
  transition: all .15s !important;
}

#scalpMode .mc-dxy-tf-btn:hover {
  border-color: rgba(255,255,255,.14) !important;
  color: rgba(161,169,184,.7) !important;
  background: rgba(255,255,255,.02) !important;
}

#scalpMode .mc-dxy-tf-btn.dxy-tf-active {
  border-color: rgba(139,92,246,.28) !important;
  background: rgba(139,92,246,.06) !important;
  color: rgba(139,92,246,.85) !important;
}

#scalpMode .mc-dxy-chart-loading {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: 0.14em !important;
  color: rgba(161,169,184,.22) !important;
}

@media (min-width: 1024px) {
#scalpMode #mmMonitorBtn.mm-active {
  background: rgba(139,92,246,0.1) !important;
  border-color: rgba(139,92,246,0.35) !important;
  color: rgba(139,92,246,0.9) !important;
  box-shadow:
    0 0 10px rgba(139,92,246,0.105),
    inset 0 1px 0 rgba(139,92,246,0.056) !important;
}
#scalpMode .mm-panel {
  position: absolute !important;
  top: var(--topbar-h) !important;
  right: 0 !important;
  bottom: 0 !important;
  width: min(520px, 38vw) !important;
  background: #080D14 !important;
  border-left: 1px solid rgba(139,92,246,0.15) !important;
  box-shadow:
    -20px 0 80px rgba(0,0,0,0.7),
    -1px  0  0   rgba(139,92,246,0.042) !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  transform: translateX(100%) !important;
  transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1) !important;
}
#scalpMode .mm-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 8px 14px !important;
  background: #050910 !important;
  flex-shrink: 0 !important;
  min-height: 0 !important;
}
#scalpMode .mm-header-icon {
  width: 24px !important;
  height: 24px !important;
  border-radius: 5px !important;
  background: rgb(24 27 31 / 92%) !important;
  border: 1px solid rgba(139,92,246,0.20) !important;
  box-shadow: 0 0 8px rgba(139,92,246,0.07) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-shrink: 0 !important;
}
#scalpMode .mm-header-sub {
  font-family: var(--mono) !important;
  font-size: 8px !important;
  letter-spacing: 0.08em !important;
  color: rgba(161,169,184,0.38) !important;
  margin-top: 0 !important;
  font-weight: 400 !important;
  padding-left: 10px !important;
  border-left: 1px solid rgba(255,255,255,0.10) !important;
  margin-left: 10px !important;
}
#scalpMode .mm-header-text .mm-header-sub::before {
  content: "·" !important;
  margin-right: 8px !important;
  color: rgba(161,169,184,0.25) !important;
}
#scalpMode .mm-live-badge {
  display: flex !important;
  align-items: center !important;
  gap: 5px !important;
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: 0.14em !important;
  color: rgba(24,169,120,0.75) !important;
  background: rgba(24,169,120,0.06) !important;
  border: 1px solid rgba(24,169,120,0.16) !important;
  border-radius: 3px !important;
  padding: 3px 7px !important;
}
#scalpMode .mm-live-dot {
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  background: rgba(24,169,120,0.95) !important;
  box-shadow: 0 0 4px rgba(24,169,120,0.6) !important;
  animation: mmDotBeat 2.2s ease-in-out infinite !important;
  flex-shrink: 0 !important;
}
#scalpMode .mm-close-btn {
  width: 22px !important;
  height: 22px !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  color: rgba(161,169,184,0.45) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
  flex-shrink: 0 !important;
}
#scalpMode .mm-close-btn:hover {
  background: rgba(239,68,68,0.10) !important;
  border-color: rgba(239,68,68,0.32) !important;
  color: rgba(239,68,68,0.85) !important;
}
#scalpMode .mm-ltab {
  flex: 1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  padding: 7px 10px !important;
  font-family: var(--mono) !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.11em !important;
  color: rgba(161,169,184,0.50) !important;
  background: transparent !important;
  border: none !important;
  border-radius: 4px !important;
  cursor: pointer !important;
  transition: all 0.18s ease !important;
  white-space: nowrap !important;
  position: relative !important;
}
#scalpMode .mm-ltab:hover:not(.mm-ltab-on) {
  color: rgba(161,169,184,0.75) !important;
  background: rgba(255,255,255,0.04) !important;
}
#scalpMode .mm-ltab.mm-ltab-on {
  color: rgba(139,92,246,0.95) !important;
  background: rgb(29 30 34 / 10%) !important;
  border: 1px solid rgb(59 130 246 / 5%) !important;
  box-shadow:
    0 0 14px rgba(139,92,246,0.084),
    inset 0 1px 0 rgba(139,92,246,0.07) !important;
}
#scalpMode .mm-content::-webkit-scrollbar-thumb {
  background: rgba(139,92,246,0.15) !important;
  border-radius: 2px !important;
}
#scalpMode .mm-content::-webkit-scrollbar-thumb:hover {
  background: rgba(139,92,246,0.30) !important;
}
#scalpMode .mm-regime-banner {
  display: flex !important;
  align-items: stretch !important;
  justify-content: space-between !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  position: relative !important;
  background:
    radial-gradient(circle, rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(105deg,
      rgba(24,169,120,0.055) 0%,
      rgba(24,169,120,0.016) 40%,
      transparent 65%),
    linear-gradient(180deg, #161b22 0%, #0E101A 100%) !important;
  background-size: 18px 18px, 100% 100%, 100% 100% !important;
  box-shadow:
    0 2px 16px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.06),
    inset 0 -1px 0 rgba(0,0,0,0.40),
    0 0 32px rgba(24,169,120,0.05) !important;
  min-height: 88px !important;
}
#scalpMode .mm-regime-banner::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 4px !important;
  background: linear-gradient(180deg,
    rgba(24,169,120,1.0) 0%,
    rgba(24,169,120,0.55) 100%) !important;
  box-shadow: 2px 0 12px rgba(24,169,120,0.28) !important;
  animation: mmRegimePulse 3s ease-in-out infinite !important;
}
#scalpMode .mm-regime-banner.mm-regime-neg {
  background:
    radial-gradient(circle, rgba(255,255,255,0.035) 1px, transparent 1px),
    linear-gradient(105deg,
      rgba(239,68,68,0.055) 0%,
      rgba(239,68,68,0.016) 40%,
      transparent 65%),
    linear-gradient(180deg, #1b1014 0%, #120d10 100%) !important;
  background-size: 18px 18px, 100% 100%, 100% 100% !important;
  border-color: rgba(239,68,68,0.18) !important;
  border-top-color: rgba(239,68,68,0.30) !important;
  box-shadow:
    0 2px 16px rgba(0,0,0,0.55),
    inset 0 1px 0 rgba(255,255,255,0.05),
    inset 0 -1px 0 rgba(0,0,0,0.40),
    0 0 32px rgba(239,68,68,0.05) !important;
}
#scalpMode .mm-regime-banner.mm-regime-neg::before {
  background: linear-gradient(180deg,
    rgba(239,68,68,1.0) 0%,
    rgba(239,68,68,0.55) 100%) !important;
  box-shadow: 2px 0 12px rgba(239,68,68,0.28) !important;
  animation: mmRegimePulseRed 3s ease-in-out infinite !important;
}
#scalpMode .mm-regime-label {
  font-family: var(--mono) !important;
  font-size: 7.5px !important;
  letter-spacing: 0.20em !important;
  color: rgba(161,169,184,0.55) !important;
  text-transform: uppercase !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin-bottom: 6px !important;
}
#scalpMode .mm-regime-label::before {
  content: "" !important;
  display: inline-block !important;
  width: 12px !important;
  height: 1px !important;
  background: rgba(24,169,120,0.50) !important;
  flex-shrink: 0 !important;
}
#scalpMode .mm-regime-banner.mm-regime-neg .mm-regime-label::before {
  background: rgba(239,68,68,0.50) !important;
}
#scalpMode .mm-regime-val {
  font-family: "Rajdhani", var(--mono) !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #00ff88 !important;
  letter-spacing: 0.04em !important;
  line-height: 1 !important;
  text-shadow:
    0 0 24px rgba(24,169,120,0.45),
    0 0 48px rgba(24,169,120,0.18) !important;
}
#scalpMode .mm-regime-banner.mm-regime-neg .mm-regime-val {
  color: rgba(239,68,68,0.98) !important;
  text-shadow:
    0 0 24px rgba(239,68,68,0.45),
    0 0 48px rgba(239,68,68,0.18) !important;
}
#scalpMode .mm-regime-desc {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: rgba(161,169,184,0.60) !important;
  letter-spacing: 0.04em !important;
  margin-top: 7px !important;
  line-height: 1.4 !important;
}
#scalpMode .mm-rf-label {
  font-family: var(--mono) !important;
  font-size: 7.5px !important;
  letter-spacing: 0.16em !important;
  color: rgba(161,169,184,0.52) !important;
  text-transform: uppercase !important;
}
#scalpMode .mm-rf-val {
  font-family: "Rajdhani", var(--mono) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: rgba(255,175,0,0.95) !important;
  letter-spacing: 0.03em !important;
  line-height: 1 !important;
  text-shadow:
    0 0 18px rgba(245,166,35,0.42),
    0 0 36px rgba(245,166,35,0.16) !important;
}
#scalpMode .mm-rf-dist {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  font-family: var(--mono) !important;
  font-size: 7.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  padding: 3px 8px !important;
  border-radius: 4px !important;
  background: rgba(245,166,35,0.10) !important;
  border: 1px solid rgba(245,166,35,0.28) !important;
  color: rgba(245,166,35,0.85) !important;
  box-shadow: inset 0 1px 0 rgba(245,166,35,0.08) !important;
}
#scalpMode .mm-card-title {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  font-family: var(--mono) !important;
  font-size: 8px !important;
  font-weight: 600 !important;
  letter-spacing: 0.13em !important;
  color: rgba(161,169,184,0.65) !important;
}
#scalpMode .mm-dot-cyan {
  background: rgba(139,92,246,0.85) !important;
  box-shadow: 0 0 7px rgba(139,92,246,0.35) !important;
}
#scalpMode .mm-dot-green {
  background: rgba(24,169,120,0.85) !important;
  box-shadow: 0 0 7px rgba(24,169,120,0.50) !important;
}
#scalpMode .mm-dot-amber {
  background: rgba(245,166,35,0.85) !important;
  box-shadow: 0 0 7px rgba(245,166,35,0.50) !important;
}
#scalpMode .mm-card-badge {
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: 0.10em !important;
  color: rgba(161,169,184,0.28) !important;
  white-space: nowrap !important;
}
#scalpMode .mm-ctrl-btn {
  font-family: var(--mono) !important;
  font-size: 7.5px !important;
  letter-spacing: 0.08em !important;
  padding: 3px 9px !important;
  border-radius: 3px !important;
  border: 1px solid rgba(255,255,255,0.07) !important;
  background: transparent !important;
  color: rgba(161,169,184,0.38) !important;
  cursor: pointer !important;
  transition: all 0.15s !important;
}
#scalpMode .mm-ctrl-btn:hover {
  color: rgba(161,169,184,0.72) !important;
  border-color: rgba(255,255,255,0.13) !important;
  background: rgba(255,255,255,0.03) !important;
}
#scalpMode .mm-ctrl-btn.mm-ctrl-on {
  background: rgba(139,92,246,0.09) !important;
  border-color: rgba(139,92,246,0.28) !important;
  color: rgba(139,92,246,0.85) !important;
  box-shadow: 0 0 8px rgba(139,92,246,0.07) !important;
}
#scalpMode .mm-gex-bar-pos {
  width: 100% !important;
  border-radius: 2px 2px 0 0 !important;
  min-height: 2px !important;
  background: rgba(24,169,120,0.72) !important;
  box-shadow: 0 -1px 6px rgba(24,169,120,0.25) !important;
  transition: height 0.5s cubic-bezier(.34,1.2,.64,1) !important;
  flex-shrink: 0 !important;
  margin-top: auto !important;
}
#scalpMode .mm-regime-neg-mode .mm-gex-bar-pos {
  background: rgba(24,169,120,0.40) !important;
  box-shadow: none !important;
}
#scalpMode .mm-gex-bar-strike {
  font-family: var(--mono) !important;
  font-size: 5.5px !important;
  color: rgba(161,169,184,0.32) !important;
  position: absolute !important;
  bottom: 4px !important;
  white-space: nowrap !important;
  transform: rotate(-45deg) !important;
}
#scalpMode .mm-gex-price-marker {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 1px !important;
  background: linear-gradient(180deg,
    rgba(245,166,35,0.0)  0%,
    rgba(245,166,35,0.85) 15%,
    rgba(245,166,35,0.85) 85%,
    rgba(245,166,35,0.0) 100%) !important;
  box-shadow: 0 0 8px rgba(245,166,35,0.35) !important;
}
#scalpMode .mm-gex-price-tag {
  position: absolute !important;
  top: 4px !important;
  transform: translateX(-50%) !important;
  font-family: var(--mono) !important;
  font-size: 6.5px !important;
  font-weight: 700 !important;
  color: rgba(255,185,0,0.95) !important;
  white-space: nowrap !important;
  background: rgba(5,7,12,0.92) !important;
  border: 1px solid rgba(245,166,35,0.28) !important;
  padding: 1px 5px !important;
  border-radius: 3px !important;
  box-shadow: 0 0 8px rgba(245,166,35,0.15) !important;
}
#scalpMode .mm-gex-lvl-call .mm-gex-lvl-dot {
  background: rgba(239,68,68,0.85) !important;
  box-shadow: 0 0 8px rgba(239,68,68,0.55) !important;
}
#scalpMode .mm-gex-lvl-flip .mm-gex-lvl-dot {
  background: rgba(245,166,35,0.85) !important;
  box-shadow: 0 0 8px rgba(245,166,35,0.55) !important;
}
#scalpMode .mm-gex-lvl-put .mm-gex-lvl-dot {
  background: rgba(24,169,120,0.85) !important;
  box-shadow: 0 0 8px rgba(24,169,120,0.55) !important;
}
#scalpMode .mm-gex-lvl-label {
  font-family: var(--mono) !important;
  font-size: 7.5px !important;
  letter-spacing: 0.10em !important;
  color: rgba(161,169,184,0.48) !important;
  flex-shrink: 0 !important;
  width: 68px !important;
  text-transform: uppercase !important;
}
#scalpMode .mm-gex-lvl-note {
  font-family: var(--font) !important;
  font-size: 8px !important;
  font-style: italic !important;
  color: rgba(161,169,184,0.35) !important;
  line-height: 1.35 !important;
}
#scalpMode .mm-oi-header {
  display: grid !important;
  grid-template-columns: 82px 1fr 1fr 58px !important;
  gap: 4px !important;
  padding: 6px 10px !important;
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: 0.10em !important;
  color: rgba(161,169,184,0.32) !important;
  border-bottom: 1px solid rgba(255,255,255,0.05) !important;
  text-transform: uppercase !important;
}
#scalpMode .mm-oi-row {
  display: grid !important;
  grid-template-columns: 82px 1fr 1fr 58px !important;
  gap: 4px !important;
  padding: 7px 10px !important;
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: rgba(161,169,184,0.65) !important;
  border-bottom: 1px solid rgba(255,255,255,0.028) !important;
  transition: background 0.12s !important;
  align-items: center !important;
}
#scalpMode .mm-oi-row.mm-oi-atm {
  background: rgba(245,166,35,0.06) !important;
  border-left: 3px solid rgba(245,166,35,0.65) !important;
  border-bottom-color: rgba(245,166,35,0.10) !important;
  padding-left: 7px !important;
}
#scalpMode .mm-oi-row.mm-oi-atm .mm-oi-strike {
  color: rgba(255,190,0,0.95) !important;
  text-shadow: 0 0 10px rgba(245,166,35,0.30) !important;
}
#scalpMode .mm-oi-calls {
  color: rgba(24,169,120,0.75) !important;
  font-weight: 600 !important;
}
#scalpMode .mm-oi-puts {
  color: rgba(239,68,68,0.75) !important;
  font-weight: 600 !important;
}
#scalpMode .mm-oi-badge-atm {
  background: rgba(245,166,35,0.14) !important;
  color: rgba(255,185,0,0.90) !important;
}
#scalpMode .mm-oi-badge-call {
  background: rgba(239,68,68,0.10) !important;
  color: rgba(255,65,95,0.80) !important;
}
#scalpMode .mm-oi-badge-put {
  background: rgba(24,169,120,0.09) !important;
  color: rgba(0,230,120,0.75) !important;
}
#scalpMode .mm-oi-badge-pin {
  background: rgba(245,166,35,0.10) !important;
  color: rgba(245,166,35,0.75) !important;
}
#scalpMode .mm-pi-label {
  font-family: var(--mono) !important;
  font-size: 7.5px !important;
  letter-spacing: 0.10em !important;
  color: rgba(161,169,184,0.42) !important;
  text-transform: uppercase !important;
}
#scalpMode .mm-pi-bar-green {
  background: linear-gradient(90deg, rgba(24,169,120,0.55) 0%, rgba(0,235,150,0.80) 100%) !important;
  box-shadow: 0 0 10px rgba(24,169,120,0.30) !important;
}
#scalpMode .mm-pi-bar-cyan {
  background: linear-gradient(90deg, rgba(0,190,190,0.55) 0%, rgba(139,92,246,0.80) 100%) !important;
  box-shadow: 0 0 10px rgba(139,92,246,0.21) !important;
}
#scalpMode .mm-rr-label {
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: 0.10em !important;
  color: rgba(161,169,184,0.32) !important;
  margin-bottom: 5px !important;
  text-transform: uppercase !important;
}
#scalpMode .mm-rr-val {
  font-family: var(--font) !important;
  font-size: 9.5px !important;
  color: rgba(161,169,184,0.65) !important;
  line-height: 1.4 !important;
}
#scalpMode .mm-entity-name {
  font-family: var(--mono) !important;
  font-size: 7.5px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  color: rgba(161,169,184,0.45) !important;
  margin-bottom: 5px !important;
}
#scalpMode .mm-ef-dir {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  color: rgba(161,169,184,0.5) !important;
}
#scalpMode .mm-ef-vol {
  font-family: var(--mono) !important;
  font-size: 9px !important;
  color: rgba(161,169,184,0.4) !important;
}
#scalpMode .mm-entity-status {
  font-family: var(--font) !important;
  font-size: 7.5px !important;
  color: rgba(161,169,184,0.25) !important;
}
#scalpMode .mm-exflow-head {
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: 0.1em !important;
  color: rgba(161,169,184,0.3) !important;
  margin-bottom: 8px !important;
}
#scalpMode .mm-exflow-lbl {
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: 0.08em !important;
  color: rgba(161,169,184,0.3) !important;
  width: 65px !important;
  flex-shrink: 0 !important;
}
#scalpMode .mm-exflow-signal {
  font-family: var(--font) !important;
  font-size: 8px !important;
  color: rgba(161,169,184,0.25) !important;
  margin-top: 4px !important;
  text-align: center !important;
}
#scalpMode .mm-exec-stat-lbl {
  font-family: var(--mono) !important;
  font-size: 6.5px !important;
  letter-spacing: 0.1em !important;
  color: rgba(161,169,184,0.3) !important;
  margin-bottom: 3px !important;
}
#scalpMode .mm-spread-val {
  color: rgba(139,92,246,0.8) !important;
}
#scalpMode .mm-heatmap-price-line {
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  height: 1px !important;
  background: rgba(245,166,35,0.7) !important;
  top: 50% !important;
  pointer-events: none !important;
}
#scalpMode #mmHeatmapPriceTag {
  position: absolute !important;
  right: 6px !important;
  top: -8px !important;
  font-family: var(--mono) !important;
  font-size: 7px !important;
  color: rgba(245,166,35,0.9) !important;
  background: rgba(8,10,16,0.9) !important;
  padding: 1px 4px !important;
  border-radius: 2px !important;
}
#scalpMode .mm-spoof-alert {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 7px 12px !important;
  background: rgba(245,166,35,0.05) !important;
  border-top: 1px solid rgba(245,166,35,0.15) !important;
  font-family: var(--mono) !important;
  font-size: 8px !important;
  color: rgba(245,166,35,0.75) !important;
  letter-spacing: 0.06em !important;
}
#scalpMode .mm-cvd-stat-lbl {
  font-family: var(--mono) !important;
  font-size: 6.5px !important;
  letter-spacing: 0.09em !important;
  color: rgba(161,169,184,0.3) !important;
  margin-bottom: 3px !important;
}
#scalpMode .mm-color-green {
  color: rgba(24,169,120,0.8) !important;
}
#scalpMode .mm-color-red {
  color: rgba(239,68,68,0.8) !important;
}
#scalpMode .mm-fp-header {
  display: grid !important;
  grid-template-columns: 80px 1fr 1fr 70px !important;
  gap: 4px !important;
  padding: 5px 8px !important;
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: 0.09em !important;
  color: rgba(161,169,184,0.3) !important;
  border-bottom: 1px solid rgba(255,255,255,0.04) !important;
}
#scalpMode .mm-fp-row.mm-fp-absorb {
  background: rgba(24,169,120,0.04) !important;
  border-color: rgba(24,169,120,0.12) !important;
}
#scalpMode .mm-fp-buys {
  color: rgba(24,169,120,0.7) !important;
}
#scalpMode .mm-fp-sells {
  color: rgba(239,68,68,0.7) !important;
}
#scalpMode .mm-fp-delta {
  color: rgba(161,169,184,0.5) !important;
}
#scalpMode .mm-absorption-signal {
  display: flex !important;
  align-items: flex-start !important;
  gap: 8px !important;
  padding: 10px !important;
  background: rgba(24,169,120,0.04) !important;
  border: 1px solid rgba(24,169,120,0.12) !important;
  border-radius: 4px !important;
  margin-top: 4px !important;
}
#scalpMode .mm-abs-title {
  font-family: var(--mono) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.1em !important;
  color: rgba(24,169,120,0.7) !important;
  margin-bottom: 3px !important;
}
#scalpMode .mm-abs-desc {
  font-family: var(--font) !important;
  font-size: 8.5px !important;
  color: rgba(161,169,184,0.45) !important;
  line-height: 1.5 !important;
}
#scalpMode .mm-sr-label {
  font-family: var(--mono) !important;
  font-size: 6.5px !important;
  letter-spacing: 0.09em !important;
  color: rgba(161,169,184,0.3) !important;
  margin-bottom: 3px !important;
}
#scalpMode .mm-footer {
  background: var(--bg, #080D14) !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
  padding: 10px 14px !important;
  flex-shrink: 0 !important;
}
#scalpMode .mm-fg-icon {
  font-size: 10px !important;
  color: rgba(139,92,246,0.4) !important;
  flex-shrink: 0 !important;
  margin-top: 1px !important;
}
#scalpMode .mm-fg-text {
  font-family: var(--font) !important;
  font-size: 9px !important;
  color: rgba(161,169,184,0.48) !important;
  line-height: 1.5 !important;
}
#scalpMode .mm-chart-loading,
#scalpMode .mm-oi-loading,
#scalpMode .mm-fp-loading {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  color: rgba(161,169,184,0.25) !important;
  font-family: var(--mono) !important;
  font-size: 8px !important;
  letter-spacing: 0.1em !important;
}
#scalpMode .mm-spinner {
  width: 10px !important;
  height: 10px !important;
  border: 1px solid rgba(139,92,246,0.2) !important;
  border-top-color: rgba(139,92,246,0.7) !important;
  border-radius: 50% !important;
  animation: mmSpin 0.8s linear infinite !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
}
}

@media (min-width: 1024px) {
#scalpMode #cycleTrayBtn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 4px !important;
  border: 1px solid rgba(139,92,246,0.15) !important;
  background: transparent !important;
  color: rgba(139,92,246,0.6) !important;
  cursor: pointer !important;
  transition: background 0.15s, border-color 0.15s, color 0.15s !important;
}
#scalpMode #cycleTrayBtn:hover {
  background: rgba(139,92,246,0.08) !important;
  border-color: rgba(139,92,246,0.35) !important;
  color: rgba(139,92,246,0.95) !important;
}
#scalpMode #cycleTrayBtn.ct-active {
  background: rgba(139,92,246,0.12) !important;
  border-color: rgba(139,92,246,0.45) !important;
  box-shadow: 0 0 10px rgba(139,92,246,0.084) !important;
}
#scalpMode #cycleTrayBtn.ct-active svg circle,
#scalpMode #cycleTrayBtn.ct-active svg path {
  stroke: rgba(139,92,246,1) !important;
}
#scalpMode .ct-tab {
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  transform: translate(-100%, -50%) !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 5px !important;
  padding: 12px 7px !important;
  width: 26px !important;
  background: var(--sidebar-bg, rgb(8,11,18)) !important;
  border-right: none !important;
  border-radius: 8px 0 0 8px !important;
  cursor: pointer !important;
  box-shadow: -4px 0 16px rgba(0,0,0,0.5), -2px 0 8px rgba(139,92,246,0.042) !important;
  transition: border-color 0.15s, box-shadow 0.15s, background 0.15s !important;
  pointer-events: auto !important;
  z-index: 10003 !important;
}
#scalpMode .ct-tab:hover {
  border-color: rgba(139,92,246,0.4) !important;
  background: rgba(8,12,20,1) !important;
  box-shadow: -6px 0 20px rgba(0,0,0,0.6), -2px 0 14px rgba(139,92,246,0.084) !important;
}
#scalpMode .ct-tab-label {
  font-family: var(--mono) !important;
  font-size: 7px !important;
  font-weight: 700 !important;
  letter-spacing: 0.18em !important;
  color: rgba(139,92,246,0.6) !important;
  text-transform: uppercase !important;
  writing-mode: vertical-rl !important;
  text-orientation: mixed !important;
  transform: rotate(180deg) !important;
  transition: color 0.15s !important;
  line-height: 1 !important;
}
#scalpMode .ct-tab:hover .ct-tab-label {
  color: rgba(139,92,246,0.9) !important;
}
#scalpMode .ct-header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 16px 12px !important;
  border-bottom: 1px solid rgba(139,92,246,0.1) !important;
  background: linear-gradient(165deg, rgb(31 32 36 / 32%) 0%, rgba(8, 9, 15, 1) 55%, rgba(255, 255, 255, 0.08) 100%) !important;
  flex-shrink: 0 !important;
  position: relative !important;
  z-index: 1 !important;
}
#scalpMode .ct-header-icon {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 6px !important;
  background: rgba(139,92,246,0.08) !important;
  border: 1px solid rgba(139,92,246,0.15) !important;
  flex-shrink: 0 !important;
}
#scalpMode .ct-header-sub {
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: 0.1em !important;
  color: rgba(161,169,184,0.35) !important;
  margin-top: 2px !important;
}
#scalpMode .ct-scroll::-webkit-scrollbar-thumb {
  background: rgba(139,92,246,0.2) !important;
  border-radius: 2px !important;
}
#scalpMode .ct-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(139,92,246,0.4) !important;
}
#scalpMode .ct-section:last-child {
  border-bottom: none !important;
  background: #0C1119 !important;
  border-radius: 6px !important;
}
#scalpMode #dCycleCompareSection {
  background: #0C1119 !important;
  border-radius: 6px !important;
}
#scalpMode #dMonthlyPerfSection {
  background: #0C1119 !important;
  border-radius: 6px !important;
}
#scalpMode .ct-sec-hdr {
  display: flex !important;
  align-items: center !important;
  gap: 7px !important;
  margin-bottom: 12px !important;
  font-family: var(--mono) !important;
  font-size: 8px !important;
  font-weight: 700 !important;
  letter-spacing: 0.14em !important;
  color: rgba(139,92,246,0.7) !important;
  text-transform: uppercase !important;
}
#scalpMode .ct-sec-icon {
  width: 12px !important;
  height: 12px !important;
  stroke: rgba(139,92,246,0.6) !important;
  stroke-width: 1.4 !important;
  fill: none !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
  flex-shrink: 0 !important;
}
#scalpMode .cycle-tray .m-cycle-btn,
#scalpMode #mmLayercycles .m-cycle-btn,
#scalpMode #mmLayerphases .m-cycle-btn {
  font-family: var(--mono) !important;
  font-size: 7px !important;
  letter-spacing: .1em !important;
  padding: 4px 9px !important;
  border-radius: 3px !important;
  border: 1px solid rgba(139,92,246,0.15) !important;
  background: rgba(139,92,246,0.04) !important;
  color: rgba(161,169,184,0.5) !important;
  cursor: pointer !important;
  transition: all .2s !important;
  user-select: none !important;
}
#scalpMode .cycle-tray .m-cycle-btn.active,
#scalpMode #mmLayercycles .m-cycle-btn.active,
#scalpMode #mmLayerphases .m-cycle-btn.active {
  background: rgba(139,92,246,0.12) !important;
  border-color: rgba(139,92,246,0.35) !important;
  color: rgba(139,92,246,0.9) !important;
  text-shadow: 0 0 10px rgba(139,92,246,0.21) !important;
}
#scalpMode .cycle-tray .m-cycle-btn:hover:not(.active),
#scalpMode #mmLayercycles .m-cycle-btn:hover:not(.active),
#scalpMode #mmLayerphases .m-cycle-btn:hover:not(.active) {
  background: rgba(139,92,246,0.07) !important;
  border-color: rgba(139,92,246,0.25) !important;
  color: rgba(161,169,184,0.8) !important;
}
#scalpMode .cycle-tray .m-cell-l,
#scalpMode #mmLayercycles .m-cell-l,
#scalpMode #mmLayerphases .m-cell-l {
  font-family: var(--mono) !important;
  font-size: 6.5px !important;
  color: rgba(161,169,184,0.4) !important;
  letter-spacing: .09em !important;
  margin-bottom: 3px !important;
}
#scalpMode .cycle-tray .ct-mini-stat-l,
#scalpMode #mmLayercycles .ct-mini-stat-l,
#scalpMode #mmLayerphases .ct-mini-stat-l {
  font-family: var(--mono) !important;
  font-size: 6px !important;
  color: rgba(161,169,184,0.35) !important;
  margin-bottom: 2px !important;
}
#scalpMode .cycle-tray .ct-today-dot::after,
#scalpMode #mmLayercycles .ct-today-dot::after,
#scalpMode #mmLayerphases .ct-today-dot::after {
  content: "" !important;
  position: absolute !important;
  inset: -4px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(139,92,246,0.5) !important;
  animation: ctTodayPulse 2s ease-out infinite !important;
  pointer-events: none !important;
}
#scalpMode .cycle-tray #dMonthlyChart::-webkit-scrollbar-thumb {
  background: rgba(139,92,246,0.2) !important;
  border-radius: 2px !important;
}
}

@media (min-width: 1024px) {
#scalpMode .moon-phase-date {
  font-family: var(--mono) !important;
  font-size: 7.5px !important;
  color: rgba(161,169,184,0.45) !important;
  letter-spacing: 0.08em !important;
}
#scalpMode .moon-next-hint {
  font-family: var(--mono) !important;
  font-size: 7px !important;
  color: rgba(161,169,184,0.4) !important;
  line-height: 1.4 !important;
  letter-spacing: 0.02em !important;
}
#scalpMode #dMoonTimeline::-webkit-scrollbar-track {
  background:
      
      repeating-linear-gradient(
        90deg,
        transparent 0%,
        transparent calc(12.5% - 1px),
        rgba(255,220,100,0.08) calc(12.5% - 1px),
        rgba(255,220,100,0.08) 12.5%
      ),
      
      radial-gradient(circle at  6.25% 50%, rgba(255,220,100,0.18) 0%, transparent 55%),
      radial-gradient(circle at 18.75% 50%, rgba(255,200, 80,0.12) 0%, transparent 50%),
      radial-gradient(circle at 31.25% 50%, rgba(255,180, 60,0.10) 0%, transparent 50%),
      radial-gradient(circle at 43.75% 50%, rgba(255,160, 40,0.09) 0%, transparent 50%),
      radial-gradient(circle at 50.00% 50%, rgba(255,235,150,0.22) 0%, transparent 55%),
      radial-gradient(circle at 56.25% 50%, rgba(255,160, 40,0.09) 0%, transparent 50%),
      radial-gradient(circle at 68.75% 50%, rgba(255,180, 60,0.10) 0%, transparent 50%),
      radial-gradient(circle at 81.25% 50%, rgba(255,200, 80,0.12) 0%, transparent 50%),
      radial-gradient(circle at 93.75% 50%, rgba(255,220,100,0.18) 0%, transparent 55%),
      
      linear-gradient(
        180deg,
        #080D14 0%,
        #080D14 35%,
        #0b0a1e 50%,
        #080D14 65%,
        #080D14 100%
      ) !important;
  border-radius: 9px !important;
  border: 1px solid rgba(255,220,100,0.12) !important;
  box-shadow:
      inset 0 1px 0 rgba(255,220,100,0.06),
      inset 0 -1px 0 rgba(0,0,0,0.6),
      0 0 8px rgba(255,220,100,0.04) !important;
  position: relative !important;
}
#scalpMode #dMoonTimeline::-webkit-scrollbar-thumb {
  background:
      
      radial-gradient(circle at 35% 42%, #080D14 0%, #080D14 52%, transparent 54%),
      
      radial-gradient(circle at 52% 48%,
        rgba(255,240,160,0.98)  0%,
        rgba(255,218, 90,0.95) 30%,
        rgba(230,170, 30,0.90) 60%,
        rgba(180,120, 10,0.80) 85%,
        rgba(120, 70,  0,0.55) 100%
      ) !important;
  border-radius: 9px !important;
  border: 1px solid rgba(255,220,100,0.35) !important;
  box-shadow:
      
      0 0 12px rgba(255,220,100,0.55),
      0 0 24px rgba(255,200, 60,0.30),
      0 0 40px rgba(255,180, 20,0.15),
      
      inset 0 1px 2px rgba(255,255,200,0.55),
      inset 0 -1px 2px rgba(100,60,0,0.40) !important;
  min-width: 32px !important;
  cursor: grab !important;
  transition:
      box-shadow 0.25s ease,
      border-color 0.25s ease !important;
}
#scalpMode #dMoonTimeline::-webkit-scrollbar-thumb:hover {
  background:
      radial-gradient(circle at 33% 40%, #080D14 0%, #080D14 50%, transparent 52%),
      radial-gradient(circle at 52% 48%,
        rgba(255,248,200,1.00)  0%,
        rgba(255,228,110,0.98) 28%,
        rgba(240,185, 50,0.93) 58%,
        rgba(200,140, 20,0.85) 82%,
        rgba(140, 85,  5,0.60) 100%
      ) !important;
  border-color: rgba(255,235,120,0.60) !important;
  box-shadow:
      0 0 16px rgba(255,225,100,0.75),
      0 0 32px rgba(255,200, 50,0.45),
      0 0 56px rgba(255,180, 10,0.22),
      inset 0 1px 3px rgba(255,255,220,0.70),
      inset 0 -1px 2px rgba(120,70,0,0.45) !important;
  cursor: grabbing !important;
}
#scalpMode #dMoonTimeline::-webkit-scrollbar-thumb:active {
  background:
      radial-gradient(circle at 30% 38%, #080D14 0%, #080D14 48%, transparent 50%),
      radial-gradient(circle at 52% 48%,
        #fffff0  0%,
        #ffe878 25%,
        #f5c030 55%,
        #c08010 80%,
        #7a4800 100%
      ) !important;
  border-color: rgba(255,245,140,0.80) !important;
  box-shadow:
      0 0 20px rgba(255,230,100,0.90),
      0 0 40px rgba(255,200, 40,0.55),
      0 0 70px rgba(255,175,  0,0.28),
      inset 0 1px 4px rgba(255,255,240,0.85),
      inset 0 -1px 3px rgba(140,80,0,0.50) !important;
  cursor: grabbing !important;
}
}