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

/* Local chart controls must stay legible on every chart theme. */
.trader-theme [data-floating-menu="chart-local-tools"] > button.sidebar-tool-button,
.trader-theme.theme-light [data-floating-menu="chart-local-tools"] > button.sidebar-tool-button {
  color: #ffffff !important;
  border-color: #718096 !important;
  background: linear-gradient(180deg, #354158, #151c2a) !important;
  opacity: 1 !important;
  text-shadow: 0 1px 2px #000 !important;
}

.trader-theme [data-floating-menu="chart-local-tools"] > button.sidebar-tool-button:hover,
.trader-theme.theme-light [data-floating-menu="chart-local-tools"] > button.sidebar-tool-button:hover {
  color: #ffffff !important;
  border-color: #38bdf8 !important;
  background: linear-gradient(180deg, #465773, #1b2638) !important;
}

.trader-theme [data-floating-menu="chart-local-tools"] > button.sidebar-tool-button-active,
.trader-theme.theme-light [data-floating-menu="chart-local-tools"] > button.sidebar-tool-button-active {
  color: #ffffff !important;
  border-color: #ff7a00 !important;
  background: linear-gradient(180deg, #9a4f12, #342113) !important;
}

/* Compact per-chart labels: keep the reference look in every theme. */
.trader-theme [data-floating-menu="chart-local-tools"] {
  gap: 3px !important;
}

.trader-theme [data-floating-menu="chart-local-tools"] > .chart-local-tool {
  width: 31px !important;
  height: 31px !important;
  min-width: 31px;
  padding: 0 !important;
  border: 1px solid rgba(255, 122, 0, .28) !important;
  border-radius: 4px !important;
  color: #f4f4f4 !important;
  background: linear-gradient(180deg, #49301f 0%, #241810 100%) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 2px 5px rgba(0,0,0,.42) !important;
  font-size: 9px !important;
  line-height: 1;
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
}

.trader-theme [data-floating-menu="left-tools"] .sidebar-tool-button {
  cursor: pointer;
  pointer-events: auto;
  touch-action: manipulation;
}

.trader-theme.theme-dark [data-floating-menu="chart-local-tools"] > .chart-local-tool,
.trader-theme.theme-black [data-floating-menu="chart-local-tools"] > .chart-local-tool {
  border-color: rgba(132, 150, 178, .38) !important;
  background: linear-gradient(180deg, #313b50 0%, #171e2b 100%) !important;
}

.trader-theme.theme-light [data-floating-menu="chart-local-tools"] > .chart-local-tool {
  color: #eef4ff !important;
  border-color: #718096 !important;
  background: linear-gradient(180deg, #354158 0%, #151c2a 100%) !important;
}

.trader-theme [data-floating-menu="chart-local-tools"] > .chart-local-tool:hover,
.trader-theme [data-floating-menu="chart-local-tools"] > .chart-local-tool.sidebar-tool-button-active {
  border-color: #ff7a00 !important;
  background: linear-gradient(180deg, #68411f 0%, #302014 100%) !important;
  transform: translateY(-1px);
}

.chart-local-type-svg,
.chart-local-indicator-icon {
  width: 19px;
  height: 17px;
  overflow: visible;
  fill: none;
  stroke: #f7f7f7;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.chart-local-type-line { stroke: #ff7a00; }
.chart-local-indicator-icon { stroke: #f4f4f4; }

.chart-local-drawing-icon {
  display: block;
  width: 18px;
  height: 2px;
  border-radius: 2px;
  background: #f4f4f4;
  transform: rotate(-48deg);
  box-shadow: 0 0 0 1px rgba(0,0,0,.16);
}

.chart-local-candles-icon,
.chart-local-bars-icon {
  position: relative;
  display: block;
  width: 20px;
  height: 19px;
}

.chart-local-candles-icon i,
.chart-local-bars-icon i {
  position: absolute;
  top: 3px;
  width: 6px;
  height: 13px;
  border-radius: 1px;
  background: #24b95f;
}

.chart-local-candles-icon i::before,
.chart-local-bars-icon i::before {
  content: "";
  position: absolute;
  left: 2px;
  top: -3px;
  width: 1px;
  height: 18px;
  background: inherit;
}

.chart-local-candles-icon i:first-child,
.chart-local-bars-icon i:first-child { left: 2px; }
.chart-local-candles-icon i:last-child,
.chart-local-bars-icon i:last-child {
  right: 2px;
  top: 7px;
  height: 11px;
  background: #e44a3b;
}
.chart-local-heikin-icon i:first-child { background: #e44a3b; }
.chart-local-heikin-icon i:last-child { background: #4aa3ef; }
.chart-local-bars-icon i { width: 2px; border-radius: 0; }
.chart-local-bars-icon i::after {
  content: "";
  position: absolute;
  top: 5px;
  width: 7px;
  height: 2px;
  background: inherit;
}
.chart-local-bars-icon i:first-child::after { left: 0; }
.chart-local-bars-icon i:last-child::after { right: 0; }

html {
  height: 100vh;
  width: 100%;
  margin: 0;
  padding: 0;
}

body {
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  min-height: 15vw;
  color: #f4f6fb;
  font-family: Inter, "Segoe UI", Arial, sans-serif;
  background-color: #2e3851;
}

body.trader-body-theme {
  background: var(--app-bg) !important;
  color: var(--theme-text) !important;
}

body.trader-body-theme.loader-page_background {
  background: var(--app-bg) !important;
}

body.trader-body-theme,
body.trader-body-theme #traderoom {
  background-color: var(--app-bg, #151c2b) !important;
}

a {
  text-decoration: none;
}

button, input, select, textarea {
  font: inherit;
}

button {
  outline: none;
}

#traderoom {
  width: 100%;
  height: 100%;
  background: var(--app-bg, #151b2a);
}

/* The terminal is viewport-locked, while the public landing page is a normal
   document whose lower sections must remain reachable with the mouse wheel. */
body.auth-landing-open {
  position: relative;
  height: auto;
  min-height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior-y: auto;
}

body.auth-landing-open #traderoom {
  height: auto;
  min-height: 100vh;
  overflow: visible;
}

.auth-landing-page {
  height: auto;
  min-height: 100vh;
  overflow-y: visible;
}

#glcanvas {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

#input {
  left: 0;
  top: 0;
  position: absolute;
  visibility: hidden;
}

#gif-preloader {
  position: absolute;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0) scale(.5);
  transition: opacity .5s;
  max-width: 175%;
  height: auto;
}

.gif-preloader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  margin: 0 auto;
}

.animation-hide.main-loader-wrap {
  opacity: 0;
  pointer-events: none;
  transform: scale(1.3);
  transition: opacity .5s ease-out, transform .5s ease-out;
}

.logo-svg-container {
  display: table-cell;
  vertical-align: middle;
  min-height: 150px;
  position: relative;
  top: 60px;
}

#buttons-wrap {
  width: 335px;
  margin: 0 auto;
}

#old-version {
  display: block;
  margin-top: 15px;
  color: rgba(255, 255, 255, .5);
}

.loader-page_background {
  background: #191f2e;
  background: linear-gradient(to bottom, #191f2e 0%, #2e3851 100%);
}

.developed-by-qc {
  position: fixed;
  bottom: 30px;
  color: white;
  opacity: .35;
  font-size: 13px;
  text-decoration: none;
  left: 50%;
  margin-right: -50%;
  transform: translate(-50%, 0%);
}

.developed-by-qc:hover {
  opacity: 1;
}

#webgl-not-support {
  display: none;
  color: #fff;
  width: 450px;
  padding: 40px 60px;
  border-radius: 5px;
  background: #162033;
  margin: 30px auto 0;
  text-align: center;
}

    .mono { font-family: Consolas, SFMono-Regular, monospace; font-variant-numeric: tabular-nums; }
    .scroll::-webkit-scrollbar { width: 6px; height: 6px; }
    .scroll::-webkit-scrollbar-thumb { background: #4a5264; border-radius: 10px; }
    .map-bg {
      background:
        radial-gradient(circle at 31% 25%, var(--theme-map-dot, rgba(0,0,0,.24)) 0 1px, transparent 1.5px),
        radial-gradient(circle at 64% 31%, var(--theme-map-dot, rgba(0,0,0,.22)) 0 1px, transparent 1.5px),
        linear-gradient(90deg, transparent 0 49.9%, var(--theme-grid, rgba(255,255,255,.08)) 50%, transparent 50.1%),
        linear-gradient(0deg, transparent 0 49.9%, var(--theme-grid, rgba(255,255,255,.08)) 50%, transparent 50.1%);
      background-size: 8px 8px, 8px 8px, 210px 100%, 100% 120px;
      background-position: 0 0, 4px 4px, 0 0, 0 0;
    }
    .continent {
      position: absolute;
      opacity: .22;
      filter: blur(.2px);
      background-image: radial-gradient(circle, var(--theme-map-dot, #070b12) 0 1.2px, transparent 1.3px);
      background-size: 6px 6px;
      border-radius: 47% 53% 55% 45%;
    }
    .toast { animation: slide .22s ease; }
    .pulse-dot { animation: pulse 1.1s infinite; }
    .flash-win { animation: win .65s ease; }
    .flash-loss { animation: loss .65s ease; }
    @keyframes slide { from { transform: translateX(20px); opacity: 0 } to { transform: translateX(0); opacity: 1 } }
    @keyframes pulse { 0%,100% { box-shadow: 0 0 0 0 rgba(0,184,63,.5); } 50% { box-shadow: 0 0 0 12px rgba(0,184,63,0); } }
    @keyframes win { 50% { box-shadow: inset 0 0 90px rgba(0,184,63,.2); } }
    @keyframes loss { 50% { box-shadow: inset 0 0 90px rgba(199,67,50,.2); } }

    .trader-theme {
      background: var(--app-bg) !important;
      color: var(--theme-text) !important;
    }

    .trader-theme [class*="bg-ink"],
    .trader-theme [class*="bg-\\[\\#151b2a\\]"] {
      background-color: var(--app-bg) !important;
    }

    .trader-theme [class*="bg-\\[\\#121827\\]"] {
      background-color: var(--workspace-bg) !important;
    }

    .trader-theme [class*="bg-\\[\\#171d2c\\]"],
    .trader-theme [class*="bg-\\[\\#1a2030\\]"] {
      background-color: var(--top-bg) !important;
    }

    .trader-theme [class*="bg-\\[\\#1d2334\\]"],
    .trader-theme [class*="bg-\\[\\#202637\\]"],
    .trader-theme [class*="bg-\\[\\#1b2132\\]"],
    .trader-theme [class*="bg-\\[\\#2a3143\\]"],
    .trader-theme [class*="bg-\\[\\#2b3143\\]"],
    .trader-theme [class*="bg-\\[\\#2d3548\\]"] {
      background-color: var(--panel-bg) !important;
    }

    .trader-theme [class*="bg-\\[\\#252c3f\\]"],
    .trader-theme [class*="bg-\\[\\#2b3245\\]"],
    .trader-theme [class*="bg-\\[\\#30364a\\]"],
    .trader-theme [class*="bg-\\[\\#30374a\\]"],
    .trader-theme [class*="bg-\\[\\#343b4d\\]"],
    .trader-theme [class*="bg-\\[\\#34394b\\]"],
    .trader-theme [class*="bg-\\[\\#3b4054\\]"],
    .trader-theme [class*="bg-\\[\\#3b4254\\]"] {
      background-color: var(--panel-2) !important;
    }

    .trader-theme [class*="bg-\\[\\#3a4052\\]"],
    .trader-theme [class*="bg-\\[\\#3a4258\\]"],
    .trader-theme [class*="bg-\\[\\#40475b\\]"],
    .trader-theme [class*="bg-\\[\\#464d60\\]"],
    .trader-theme [class*="bg-\\[\\#4a5164\\]"],
    .trader-theme [class*="bg-\\[\\#52596b\\]"],
    .trader-theme [class*="bg-\\[\\#5a6275\\]"],
    .trader-theme [class*="bg-\\[\\#555c6d\\]"],
    .trader-theme [class*="bg-\\[\\#5b6070\\]"] {
      background-color: var(--control-bg) !important;
    }

    .trader-theme [class*="bg-\\[\\#d9dde8\\]"],
    .trader-theme [class*="bg-\\[\\#e8edf2\\]"],
    .trader-theme [class*="bg-\\[\\#eef0f4\\]"],
    .trader-theme [class*="bg-\\[\\#f0f0f6\\]"],
    .trader-theme [class*="bg-\\[\\#f3f3f7\\]"] {
      background-color: var(--panel-2) !important;
    }

    .trader-theme [class*="text-zinc-100"],
    .trader-theme [class*="text-zinc-200"],
    .trader-theme [class*="text-zinc-300"],
    .trader-theme [class*="text-white"] {
      color: var(--theme-text) !important;
    }

    .trader-theme [class*="text-zinc-400"],
    .trader-theme [class*="text-zinc-500"] {
      color: var(--theme-muted) !important;
    }

    .trader-theme [class*="border-white\\/10"],
    .trader-theme [class*="border-black"] {
      border-color: var(--theme-grid) !important;
    }

    .trader-theme select,
    .trader-theme input,
    .trader-theme textarea {
      background-color: var(--control-bg) !important;
      color: var(--theme-text) !important;
    }

    .trader-theme .map-bg {
      background-color: var(--workspace-bg) !important;
    }

    .trader-theme.theme-light .text-orange,
    .trader-theme.theme-light [class*="text-orange"] {
      color: #d56a00 !important;
    }

    .trader-theme.theme-light [class*="bg-white\\/"],
    .trader-theme.theme-light [class*="hover\\:bg-white\\/"]:hover {
      background-color: rgba(32, 38, 50, .08) !important;
    }

    .trader-theme.theme-light [class*="border-white\\/"],
    .trader-theme.theme-light [class*="border-zinc-"],
    .trader-theme.theme-light [class*="border-black"] {
      border-color: rgba(32, 38, 50, .16) !important;
    }

    .trader-theme.theme-light .map-bg,
    .trader-theme.theme-light canvas {
      background-color: #fff !important;
    }

    .trader-theme.theme-light .shadow-2xl,
    .trader-theme.theme-light .shadow-xl {
      box-shadow: 0 12px 32px rgba(24, 32, 44, .14) !important;
    }

    .trader-theme.theme-light [class*="bg-green"] {
      background-color: #00a63f !important;
      color: #fff !important;
    }

    .trader-theme.theme-light [class*="bg-red"] {
      background-color: #d7422f !important;
      color: #fff !important;
    }

    .trader-theme .trade-up {
      background-color: #00b83f !important;
      color: #fff !important;
    }

    .trader-theme .trade-down {
      background-color: #c74332 !important;
      color: #fff !important;
    }

    .trader-theme.theme-black [class*="bg-white\\/"],
    .trader-theme.theme-black [class*="hover\\:bg-white\\/"]:hover {
      background-color: rgba(255, 138, 0, .16) !important;
    }

    .trader-theme.theme-black [class*="border-white\\/"],
    .trader-theme.theme-black [class*="border-zinc-"],
    .trader-theme.theme-black [class*="border-black"] {
      border-color: rgba(255, 255, 255, .16) !important;
    }

    .trader-theme.theme-black .map-bg,
    .trader-theme.theme-black canvas {
      background-color: #000 !important;
    }

    .trader-theme .theme-topbar,
    .trader-theme .theme-footer {
      background-color: var(--top-bg) !important;
      color: var(--theme-text) !important;
      border-color: var(--theme-grid) !important;
    }

    .trader-theme .top-brand {
      width: 142px;
      display: flex;
      align-items: center;
      padding-inline: 11px;
    }

    .trader-theme .top-brand-identity {
      display: flex;
      min-width: 0;
      align-items: center;
      gap: 8px;
      color: var(--theme-text);
      user-select: none;
    }

    .trader-theme .top-brand-identity-standalone {
      gap: 10px;
    }

    .trader-theme .top-brand-mark {
      display: grid;
      width: 31px;
      height: 31px;
      flex: 0 0 31px;
      place-items: center;
      overflow: hidden;
      border: 1px solid rgba(255, 190, 92, .5);
      border-radius: 10px;
      background: linear-gradient(145deg, #ffad32 0%, #ff7a00 48%, #e94d00 100%);
      box-shadow: inset 0 1px 0 rgba(255,255,255,.35), 0 5px 14px rgba(255,108,0,.25);
    }

    .trader-theme .top-brand-mark svg {
      width: 25px;
      height: 25px;
      overflow: visible;
      fill: none;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .trader-theme .top-brand-bars {
      stroke: rgba(255,255,255,.45);
      stroke-width: 1.35;
    }

    .trader-theme .top-brand-trend,
    .trader-theme .top-brand-arrow {
      stroke: #fff;
      stroke-width: 2.25;
    }

    .trader-theme .top-brand-name {
      display: flex;
      min-width: 0;
      align-items: baseline;
      white-space: nowrap;
      font-size: 14px;
      font-weight: 800;
      letter-spacing: -.025em;
      line-height: 1;
    }

    .trader-theme .top-brand-name strong {
      color: var(--theme-text);
      font-weight: 900;
    }

    .trader-theme .top-brand-name span {
      color: #ff8a16;
      font-weight: 800;
    }

    .trader-theme .trade-asset-tab {
      background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
        linear-gradient(135deg, var(--panel-2), var(--panel-bg)) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        inset 0 -1px 0 rgba(0,0,0,.35),
        0 4px 9px rgba(0,0,0,.3);
    }

    .trader-theme .trade-asset-tab:hover {
      border-color: rgba(255,255,255,.24) !important;
      filter: brightness(1.08);
    }

    .trader-theme .trade-asset-tab-active {
      background:
        linear-gradient(180deg, rgba(255,122,0,.12), rgba(255,122,0,.025)),
        linear-gradient(135deg, var(--control-bg), var(--panel-bg)) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        inset 0 0 16px rgba(255,122,0,.06),
        0 0 0 1px rgba(255,122,0,.2),
        0 5px 12px rgba(0,0,0,.38);
    }

    .trader-theme .trade-asset-tab-profit {
      background:
        linear-gradient(180deg, rgba(43,91,30,.28), rgba(24,35,24,.16)),
        linear-gradient(135deg, var(--panel-2), var(--panel-bg)) !important;
    }

    .trader-theme .trade-asset-tab-loss {
      background:
        linear-gradient(180deg, rgba(125,42,32,.28), rgba(43,23,22,.16)),
        linear-gradient(135deg, var(--panel-2), var(--panel-bg)) !important;
    }

    .trader-theme .trade-tab-close {
      border: 1px solid rgba(255,255,255,.12);
      background:
        linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.015)),
        var(--control-bg);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 1px 3px rgba(0,0,0,.35);
    }

    .trader-theme .trade-tab-close:hover {
      border-color: rgba(215,66,47,.7);
      background:
        linear-gradient(180deg, rgba(215,66,47,.35), rgba(215,66,47,.12)),
        #432722;
    }

    .trader-theme .trade-tab-orbit {
      position: absolute;
      left: 11px;
      top: 50%;
      width: 34px;
      height: 34px;
      transform: translateY(-50%);
      display: grid;
      place-items: center;
      border: 2px solid rgba(255,255,255,.2);
      border-radius: 9999px;
      color: #d8dce5;
      font-size: 11px;
      font-weight: 800;
      box-shadow: inset 0 0 8px rgba(0,0,0,.45);
    }

    .trader-theme .trade-tab-orbit-live {
      border-color: rgba(255,255,255,.12);
      color: #fff;
      filter: drop-shadow(0 0 3px rgba(112,181,87,.25));
      font-size: 10px;
      font-variant-numeric: tabular-nums;
      letter-spacing: -.35px;
    }

    .trader-theme .trade-tab-countdown-value {
      min-width: 28px;
      text-align: center;
      line-height: 1;
    }

    .trader-theme .heikin-candle {
      transform-origin: center bottom;
      will-change: transform;
    }

    .trader-theme .heikin-candle-down {
      animation: heikin-candle-down 1.8s ease-in-out infinite;
    }

    .trader-theme .heikin-candle-up {
      animation: heikin-candle-up 1.8s ease-in-out infinite;
    }

    .trader-theme button.profile-copy-id {
      background: rgba(255,255,255,.055) !important;
      border: 1px solid rgba(255,255,255,.09) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.05) !important;
    }

    .trader-theme button.profile-copy-id:hover {
      background: rgba(255,122,0,.18) !important;
      border-color: rgba(255,122,0,.45) !important;
    }

    .trader-theme .indicator-catalog-body,
    .trader-theme .indicator-category-list,
    .trader-theme .indicator-content-list {
      background: var(--panel-bg) !important;
      box-shadow: none !important;
    }

    .trader-theme .indicator-content-list {
      border-left: 1px solid var(--theme-grid);
    }

    .trader-theme button.indicator-category-row,
    .trader-theme .indicator-list-card,
    .trader-theme .indicator-list-card button {
      background: transparent !important;
      background-color: transparent !important;
      border-color: var(--theme-grid) !important;
      border-radius: 0 !important;
      box-shadow: none !important;
    }

    .trader-theme button.indicator-category-row::before {
      content: "";
      position: absolute;
      left: -12px;
      top: 9px;
      bottom: 9px;
      width: 2px;
      background: transparent;
    }

    .trader-theme button.indicator-category-row-active {
      color: var(--theme-text) !important;
    }

    .trader-theme button.indicator-category-row-active::before {
      background: #ff7a00;
    }

    .trader-theme .indicator-list-card:hover,
    .trader-theme button.indicator-category-row:hover {
      background: rgba(255,255,255,.025) !important;
    }

    .trader-theme .indicator-list-card-active {
      background: rgba(255,122,0,.045) !important;
    }

    @keyframes heikin-candle-down {
      0%, 100% { transform: translateY(0) scaleY(1); }
      50% { transform: translateY(-2px) scaleY(.78); }
    }

    @keyframes heikin-candle-up {
      0%, 100% { transform: translateY(0) scaleY(.86); }
      50% { transform: translateY(1px) scaleY(1.08); }
    }

    @media (prefers-reduced-motion: reduce) {
      .trader-theme .heikin-candle {
        animation: none;
      }
    }

    .trader-theme .trade-tab-countdown-ring circle {
      fill: none;
      stroke-width: 2.4;
    }

    .trader-theme .trade-tab-countdown-track {
      stroke: rgba(255,255,255,.13);
    }

    .trader-theme .trade-tab-countdown-profit {
      stroke: #45c85a;
      stroke-linecap: round;
      transition: stroke-dashoffset .25s linear;
    }

    .trader-theme .trade-tab-countdown-loss {
      stroke: #e05243;
      stroke-linecap: round;
      transition: stroke-dashoffset .25s linear;
    }

    .trader-theme .sidebar-volume-item,
    .trader-theme .sidebar-tool-button {
      position: relative;
      isolation: isolate;
      overflow: hidden;
      background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.012)),
        var(--control-bg) !important;
      color: var(--theme-text) !important;
      border-color: var(--theme-grid) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        inset 0 -1px 0 rgba(0,0,0,.38),
        0 3px 7px rgba(0,0,0,.32);
      transition:
        transform .18s cubic-bezier(.2,.8,.2,1),
        filter .18s ease,
        color .18s ease,
        border-color .18s ease,
        box-shadow .18s ease;
    }

    .trader-theme .sidebar-volume-item::before {
      position: absolute;
      z-index: -1;
      inset: -20% -55%;
      content: "";
      pointer-events: none;
      opacity: 0;
      background:
        radial-gradient(circle at center, rgba(85,200,246,.22), transparent 52%),
        linear-gradient(105deg, transparent 34%, rgba(255,255,255,.18) 50%, transparent 66%);
      transform: translateX(-55%) skewX(-12deg);
      transition: transform .38s cubic-bezier(.2,.75,.25,1), opacity .18s ease;
    }

    .trader-theme .sidebar-volume-item > span {
      position: relative;
      z-index: 1;
      transition: transform .2s cubic-bezier(.2,.8,.2,1), filter .2s ease, color .18s ease;
    }

    .trader-theme .sidebar-volume-item:not(:disabled):hover,
    .trader-theme .sidebar-tool-button:hover {
      border-color: rgba(255,255,255,.28) !important;
      color: #fff !important;
      filter: brightness(1.13) saturate(1.08);
      transform: translateX(2px) scale(1.035);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -1px 0 rgba(0,0,0,.3),
        0 5px 12px rgba(0,0,0,.38),
        0 0 12px rgba(85,200,246,.12);
    }

    .trader-theme .sidebar-volume-item:not(:disabled):hover::before {
      opacity: 1;
      transform: translateX(55%) skewX(-12deg);
    }

    .trader-theme .sidebar-volume-item:not(:disabled):hover > span:first-child {
      color: #7ddcff !important;
      filter: drop-shadow(0 0 5px rgba(85,200,246,.65));
      transform: translateY(-1px) scale(1.12) rotate(-2deg);
    }

    .trader-theme .sidebar-volume-item:not(:disabled):hover > span:last-child {
      transform: translateY(1px);
    }

    .trader-theme .sidebar-volume-item:not(:disabled):active {
      transform: translateX(1px) scale(.98);
      transition-duration: .08s;
    }

    @media (prefers-reduced-motion: reduce) {
      .trader-theme .sidebar-volume-item,
      .trader-theme .sidebar-volume-item::before,
      .trader-theme .sidebar-volume-item > span {
        transition-duration: .01ms !important;
      }
    }

    .trader-theme .sidebar-volume-item-active,
    .trader-theme .sidebar-tool-button-active {
      border-color: rgba(255,122,0,.55) !important;
      background:
        linear-gradient(180deg, rgba(255,122,0,.18), rgba(255,122,0,.035)),
        var(--panel-2) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1),
        inset 0 0 13px rgba(255,122,0,.08),
        0 0 0 1px rgba(255,122,0,.16),
        0 4px 9px rgba(0,0,0,.38);
    }

    .trader-theme [data-floating-menu="chart-local-tools"] .sidebar-tool-button {
      background:
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(0,0,0,.08)),
        var(--control-bg) !important;
      color: var(--theme-text) !important;
      border-color: var(--theme-grid) !important;
      font-weight: 800;
      opacity: 1 !important;
      text-shadow: 0 1px 1px rgba(0,0,0,.8);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.14),
        inset 0 -1px 0 rgba(0,0,0,.55),
        0 3px 8px rgba(0,0,0,.4) !important;
    }

    .trader-theme [data-floating-menu="chart-local-tools"] .sidebar-tool-button:hover {
      color: #fff !important;
      border-color: #38bdf8 !important;
      filter: brightness(1.18);
    }

    .trader-theme [data-floating-menu="chart-local-tools"] .sidebar-tool-button-active {
      color: var(--theme-text) !important;
      border-color: #ff7a00 !important;
      background:
        linear-gradient(180deg, rgba(255,122,0,.42), rgba(69,39,17,.96)),
        var(--panel-2) !important;
    }

    .trader-theme .tool-volume-panel {
      color: var(--theme-text);
      border: 1px solid var(--theme-grid);
      border-radius: 6px;
      background:
        linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,0) 42%),
        var(--panel-bg) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -1px 0 rgba(0,0,0,.42),
        0 14px 30px rgba(0,0,0,.5),
        0 0 0 1px rgba(0,0,0,.22);
    }

    .trader-theme .tool-volume-header {
      border-bottom: 1px solid var(--theme-grid);
      background:
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.01)),
        var(--panel-2) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.06), 0 3px 8px rgba(0,0,0,.18);
    }

    .trader-theme .tool-volume-title {
      color: var(--theme-text);
      text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }

    .trader-theme .tool-volume-option,
    .trader-theme .tool-volume-control {
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.008)),
        var(--control-bg) !important;
      color: var(--theme-text) !important;
      border-color: var(--theme-grid) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 0 -1px 0 rgba(0,0,0,.3),
        0 2px 4px rgba(0,0,0,.18);
    }

    .trader-theme .tool-volume-option:hover,
    .trader-theme .tool-volume-control:hover {
      border-color: rgba(255,255,255,.26) !important;
      color: #fff !important;
      filter: brightness(1.08);
    }

    .trader-theme .tool-volume-option-active {
      border-color: rgba(255,122,0,.62) !important;
      background:
        linear-gradient(180deg, rgba(255,122,0,.22), rgba(255,122,0,.055)),
        var(--panel-2) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1),
        inset 0 0 12px rgba(255,122,0,.08),
        0 0 0 1px rgba(255,122,0,.15),
        0 3px 7px rgba(0,0,0,.28);
    }

    .trader-theme .indicator-list-card {
      background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.006)),
        var(--panel-2) !important;
      color: var(--theme-text) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.045), 0 2px 5px rgba(0,0,0,.2);
    }

    .trader-theme .indicator-list-card:hover {
      border-color: rgba(255,255,255,.25) !important;
      filter: brightness(1.07);
    }

    .trader-theme .indicator-list-card-active {
      border-color: rgba(255,122,0,.45) !important;
      background:
        linear-gradient(180deg, rgba(255,122,0,.15), rgba(255,122,0,.025)),
        var(--panel-2) !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.07), 0 3px 7px rgba(0,0,0,.28);
    }

    .trader-theme .account-volume-menu {
      border: 1px solid var(--theme-grid) !important;
      border-radius: 7px;
      background:
        linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,0) 45%),
        var(--panel-bg) !important;
      color: var(--theme-text) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        inset 0 -1px 0 rgba(0,0,0,.42),
        0 16px 34px rgba(0,0,0,.55),
        0 0 0 1px rgba(0,0,0,.3);
    }

    .trader-theme .account-volume-card {
      background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.008)),
        var(--panel-2) !important;
      color: var(--theme-text) !important;
      border-color: var(--theme-grid) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        inset 0 -1px 0 rgba(0,0,0,.34),
        0 4px 9px rgba(0,0,0,.3);
    }

    .trader-theme .account-volume-card:hover {
      border-color: rgba(255,255,255,.27) !important;
      filter: brightness(1.07);
    }

    .trader-theme .account-volume-card-active {
      border-color: rgba(255,122,0,.58) !important;
      background:
        linear-gradient(180deg, rgba(255,122,0,.16), rgba(255,122,0,.025)),
        linear-gradient(135deg, #343c50, #252b3b) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1),
        inset 0 0 14px rgba(255,122,0,.07),
        0 0 0 1px rgba(255,122,0,.15),
        0 5px 11px rgba(0,0,0,.38);
    }

    .trader-theme .account-volume-select,
    .trader-theme .account-volume-balance {
      background: transparent !important;
    }

    .trader-theme .account-volume-balance {
      text-shadow: 0 1px 3px rgba(0,0,0,.65);
      box-shadow: inset 1px 0 0 rgba(0,0,0,.22);
    }

    .trader-theme .account-volume-title,
    .trader-theme .account-volume-help,
    .trader-theme .account-balance-caption {
      color: var(--theme-muted) !important;
    }

    .trader-theme .account-volume-radio {
      width: 8px;
      height: 8px;
      flex: 0 0 auto;
      border: 1px solid var(--theme-muted);
      border-radius: 50%;
      background: transparent;
    }

    .trader-theme .account-volume-radio[data-active="true"] {
      border-color: #ff7a00;
      background: #ff7a00;
      box-shadow: 0 0 0 2px rgba(255,122,0,.18);
    }

    .trader-theme .account-demo-refill {
      color: #ff9a35 !important;
      border-color: var(--theme-grid) !important;
      background: rgba(255,122,0,.08) !important;
      transition: color .15s ease, background-color .15s ease, filter .15s ease;
    }

    .trader-theme .account-demo-refill:hover {
      color: #fff !important;
      background: #e97608 !important;
      filter: brightness(1.08);
    }

    .trader-theme .account-top-volume {
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    .trader-theme .account-profile-volume {
      background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,.2), transparent 34%),
        linear-gradient(145deg, #68738a, #30394d) !important;
      border: 1px solid rgba(255,255,255,.2);
      box-shadow:
        inset 0 1px 2px rgba(255,255,255,.18),
        inset 0 -2px 4px rgba(0,0,0,.35),
        0 3px 7px rgba(0,0,0,.4);
      text-shadow: 0 1px 2px rgba(0,0,0,.6);
    }

    .trader-theme .account-balance-volume {
      background: transparent !important;
      border: 0 !important;
      box-shadow: none !important;
      text-shadow: 0 1px 3px rgba(0,0,0,.65);
      line-height: 1.05;
      min-width: 184px !important;
      height: 44px !important;
      justify-content: center !important;
      padding-inline: 12px !important;
      text-align: center !important;
      font-size: 20px !important;
    }

    .trader-theme .account-balance-volume > span:first-child {
      text-align: center !important;
    }

    .trader-theme.theme-light .account-volume-menu {
      border-color: #aeb9c8 !important;
      background: #fff !important;
      box-shadow: 0 12px 28px rgba(31,45,65,.2) !important;
    }

    .trader-theme.theme-light .account-volume-card,
    .trader-theme.theme-light .account-volume-card-active {
      color: #172235 !important;
      border-color: #b8c2d0 !important;
      background: linear-gradient(180deg, #fff, #edf2f7) !important;
      box-shadow: 0 2px 6px rgba(31,45,65,.13) !important;
    }

    .trader-theme.theme-light .account-volume-card-active {
      border-color: #e16f00 !important;
      background: linear-gradient(180deg, #fff7ed, #edf2f7) !important;
    }

    .trader-theme.theme-light .account-volume-title,
    .trader-theme.theme-light .account-volume-help,
    .trader-theme.theme-light .account-balance-caption {
      color: #5c6b7f !important;
      text-shadow: none !important;
    }

    .trader-theme.theme-light .account-demo-refill {
      border-color: #c8d0dc !important;
      background: #fff3e6 !important;
    }

    .trader-theme .withdraw-modal {
      background: var(--theme-bg) !important;
      color: var(--theme-text) !important;
    }

    .trader-theme .withdraw-modal > div > div {
      border: 1px solid var(--theme-grid) !important;
      background:
        linear-gradient(145deg, rgba(255,255,255,.06), rgba(255,255,255,0) 42%),
        var(--panel-bg) !important;
      color: var(--theme-text) !important;
      box-shadow: 0 22px 48px rgba(0,0,0,.42) !important;
    }

    .trader-theme .withdraw-modal > div > div > div:first-child {
      background: var(--panel-2) !important;
      color: var(--theme-text) !important;
      border-right: 1px solid var(--theme-grid) !important;
    }

    .trader-theme .withdraw-modal > div > div > div:last-child,
    .trader-theme .withdraw-modal .bg-white,
    .trader-theme .withdraw-modal [class*="bg-[#eef0f4]"],
    .trader-theme .withdraw-modal [class*="bg-[#f0f0f6]"] {
      background: var(--control-bg) !important;
      color: var(--theme-text) !important;
      border-color: var(--theme-grid) !important;
    }

    .trader-theme .withdraw-modal h2,
    .trader-theme .withdraw-modal h3,
    .trader-theme .withdraw-modal b,
    .trader-theme .withdraw-modal label,
    .trader-theme .withdraw-modal input {
      color: var(--theme-text) !important;
    }

    .trader-theme .withdraw-modal small,
    .trader-theme .withdraw-modal [class*="text-zinc-500"],
    .trader-theme .withdraw-modal [class*="text-zinc-600"] {
      color: var(--theme-muted) !important;
    }

    .trader-theme.theme-light .withdraw-modal {
      background: #f7f9fc !important;
      color: #142033 !important;
    }

    .trader-theme.theme-light .withdraw-modal > div > div,
    .trader-theme.theme-light .withdraw-modal > div > div > div:first-child,
    .trader-theme.theme-light .withdraw-modal > div > div > div:last-child,
    .trader-theme.theme-light .withdraw-modal .bg-white,
    .trader-theme.theme-light .withdraw-modal [class*="bg-[#eef0f4]"],
    .trader-theme.theme-light .withdraw-modal [class*="bg-[#f0f0f6]"] {
      background: #ffffff !important;
      color: #142033 !important;
      border-color: #d4deeb !important;
    }

    .trader-theme.theme-light .withdraw-modal h2,
    .trader-theme.theme-light .withdraw-modal h3,
    .trader-theme.theme-light .withdraw-modal b,
    .trader-theme.theme-light .withdraw-modal label,
    .trader-theme.theme-light .withdraw-modal input {
      color: #142033 !important;
      text-shadow: none !important;
    }

    .trader-theme.theme-light .withdraw-modal small,
    .trader-theme.theme-light .withdraw-modal [class*="text-zinc-500"],
    .trader-theme.theme-light .withdraw-modal [class*="text-zinc-600"] {
      color: #64748b !important;
      text-shadow: none !important;
    }

    .trader-theme .account-profile-volume:hover,
    .trader-theme .account-balance-volume:hover {
      filter: brightness(1.08);
    }

    .trader-theme .profile-menu-volume {
      overflow: hidden;
      color: var(--theme-text) !important;
      border: 1px solid color-mix(in srgb, var(--theme-text) 18%, transparent) !important;
      border-radius: 8px;
      background:
        linear-gradient(145deg, color-mix(in srgb, var(--theme-text) 7%, transparent), transparent 42%),
        linear-gradient(180deg, var(--panel-2), var(--panel-bg)) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1),
        inset 0 -1px 0 rgba(0,0,0,.42),
        0 18px 42px rgba(0,0,0,.62),
        0 0 0 1px rgba(0,0,0,.35);
    }

    .trader-theme .profile-menu-user {
      color: var(--theme-text) !important;
      background:
        linear-gradient(150deg, color-mix(in srgb, var(--theme-text) 5%, transparent), transparent 48%),
        var(--panel-bg) !important;
      box-shadow:
        inset -1px 0 0 color-mix(in srgb, var(--theme-text) 10%, transparent),
        inset -4px 0 10px rgba(0,0,0,.16);
    }

    .trader-theme .profile-menu-email,
    .trader-theme .profile-menu-notice {
      color: var(--theme-text) !important;
      border: 1px solid color-mix(in srgb, var(--theme-text) 12%, transparent);
      background:
        linear-gradient(180deg, color-mix(in srgb, var(--theme-text) 6%, transparent), transparent),
        var(--control-bg) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.065),
        inset 0 -1px 0 rgba(0,0,0,.34),
        0 3px 7px rgba(0,0,0,.25);
    }

    .trader-theme .profile-menu-notice {
      border-color: rgba(255,122,0,.22);
      background:
        linear-gradient(135deg, rgba(255,122,0,.1), transparent 52%),
        var(--control-bg) !important;
    }

    .trader-theme .profile-menu-ready {
      color: var(--theme-text);
      border: 1px solid rgba(76, 222, 159, .25);
      background:
        linear-gradient(135deg, rgba(76,222,159,.11), transparent 58%),
        var(--control-bg);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        0 4px 10px rgba(0,0,0,.2);
    }

    .trader-theme .profile-menu-ready-icon {
      color: #073b29;
      background: linear-gradient(180deg, #78efbd, #4ed79f);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.5),
        0 4px 10px rgba(48,213,143,.22);
    }

    .trader-theme.theme-light .profile-menu-ready {
      color: #172033;
      border-color: rgba(35,170,113,.3);
      background:
        linear-gradient(135deg, rgba(76,222,159,.14), transparent 58%),
        linear-gradient(180deg, #ffffff, #edf3f8);
      box-shadow:
        inset 0 1px 0 #ffffff,
        0 5px 12px rgba(31,45,65,.12);
    }

    .trader-theme .profile-menu-alert {
      box-shadow:
        inset 0 1px 1px rgba(255,255,255,.3),
        inset 0 -2px 3px rgba(0,0,0,.25),
        0 3px 7px rgba(0,0,0,.38);
    }

    .trader-theme .profile-menu-actions {
      background:
        linear-gradient(180deg, color-mix(in srgb, var(--theme-text) 4%, transparent), transparent),
        var(--panel-bg) !important;
    }

    .trader-theme .profile-menu-action {
      color: var(--theme-text) !important;
      border: 1px solid color-mix(in srgb, var(--theme-text) 11%, transparent);
      background:
        linear-gradient(180deg, color-mix(in srgb, var(--theme-text) 5%, transparent), transparent),
        var(--control-bg) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        inset 0 -1px 0 rgba(0,0,0,.3),
        0 2px 5px rgba(0,0,0,.2);
      transition: transform .14s ease, filter .14s ease, border-color .14s ease;
    }

    .trader-theme .profile-menu-action:hover {
      transform: translateX(-2px);
      border-color: rgba(255,255,255,.24) !important;
      filter: brightness(1.1);
    }

    .trader-theme .profile-menu-action:active {
      transform: translateX(0) translateY(1px);
      box-shadow: inset 0 2px 4px rgba(0,0,0,.3);
    }

    .trader-theme .profile-menu-action-active {
      border-color: rgba(255,122,0,.5) !important;
      background:
        linear-gradient(180deg, rgba(255,122,0,.19), rgba(255,122,0,.035)),
        var(--control-bg) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        inset 0 0 13px rgba(255,122,0,.07),
        0 0 0 1px rgba(255,122,0,.12),
        0 3px 8px rgba(0,0,0,.3);
    }

    .trader-theme .profile-menu-action-icon {
      color: var(--theme-text) !important;
      border: 1px solid color-mix(in srgb, var(--theme-text) 13%, transparent);
      background:
        radial-gradient(circle at 35% 25%, color-mix(in srgb, var(--theme-text) 18%, transparent), transparent 38%),
        linear-gradient(145deg, var(--control-bg), var(--panel-2)) !important;
      box-shadow:
        inset 0 1px 1px rgba(255,255,255,.1),
        inset 0 -1px 2px rgba(0,0,0,.3),
        0 2px 4px rgba(0,0,0,.25);
    }

    .trader-theme.theme-light .profile-menu-volume {
      color: #172033 !important;
      border-color: rgba(125, 140, 165, .45) !important;
      background:
        linear-gradient(145deg, rgba(255,255,255,.92), rgba(235,240,247,.8) 48%),
        #f5f7fb !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -1px 0 rgba(180,190,205,.32),
        0 18px 38px rgba(24,35,52,.24),
        0 0 0 1px rgba(255,255,255,.7) !important;
    }

    .trader-theme.theme-light .profile-menu-user {
      color: #172033 !important;
      background:
        linear-gradient(150deg, rgba(255,255,255,.9), rgba(230,236,246,.78) 58%),
        #edf3fb !important;
      box-shadow:
        inset -1px 0 0 rgba(130,145,168,.26),
        inset 0 1px 0 rgba(255,255,255,.9) !important;
    }

    .trader-theme.theme-light .profile-menu-email,
    .trader-theme.theme-light .profile-menu-notice {
      color: #26354a !important;
      border-color: rgba(129, 145, 170, .42) !important;
      background:
        linear-gradient(180deg, rgba(255,255,255,.95), rgba(226,233,243,.9)),
        #eef3fa !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        inset 0 -1px 0 rgba(168,180,198,.24),
        0 5px 12px rgba(31,45,65,.14) !important;
    }

    .trader-theme.theme-light .profile-menu-notice {
      border-color: rgba(255,122,0,.38) !important;
      background:
        linear-gradient(135deg, rgba(255,122,0,.13), transparent 52%),
        linear-gradient(180deg, #fff8ee, #eef3fa) !important;
    }

    .trader-theme.theme-light .profile-menu-user .text-zinc-100,
    .trader-theme.theme-light .profile-menu-user .text-zinc-200,
    .trader-theme.theme-light .profile-menu-user .text-zinc-300,
    .trader-theme.theme-light .profile-menu-actions .text-zinc-300,
    .trader-theme.theme-light .profile-menu-volume b {
      color: #172033 !important;
      text-shadow: none !important;
    }

    .trader-theme.theme-light .profile-menu-user .text-zinc-400,
    .trader-theme.theme-light .profile-menu-user .text-zinc-500,
    .trader-theme.theme-light .profile-menu-user .text-zinc-600 {
      color: #5f6f84 !important;
      text-shadow: none !important;
    }

    .trader-theme.theme-light .profile-menu-actions {
      background:
        linear-gradient(180deg, rgba(255,255,255,.88), rgba(226,233,243,.82)),
        #eef3fa !important;
    }

    .trader-theme.theme-light .profile-menu-action {
      color: #172033 !important;
      border-color: rgba(128, 144, 168, .42) !important;
      background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(228,235,246,.94)),
        #edf3fb !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.96),
        inset 0 -1px 0 rgba(158,174,196,.24),
        0 4px 9px rgba(31,45,65,.16) !important;
    }

    .trader-theme.theme-light .profile-menu-action:hover {
      border-color: rgba(255,122,0,.55) !important;
      background:
        linear-gradient(180deg, #fff9f1, #eaf1fb),
        #f4f7fc !important;
      filter: none;
    }

    .trader-theme.theme-light .profile-menu-action-active {
      color: #172033 !important;
      border-color: rgba(255,122,0,.62) !important;
      background:
        linear-gradient(180deg, rgba(255,122,0,.2), rgba(255,122,0,.06)),
        #fff7ed !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.98),
        0 0 0 1px rgba(255,122,0,.14),
        0 5px 12px rgba(31,45,65,.15) !important;
    }

    .trader-theme.theme-light .profile-menu-action-icon,
    .trader-theme.theme-light button.profile-copy-id {
      color: #26354a !important;
      border-color: rgba(128,144,168,.46) !important;
      background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,.9), transparent 42%),
        linear-gradient(145deg, #ffffff, #dfe7f2) !important;
      box-shadow:
        inset 0 1px 1px rgba(255,255,255,.95),
        inset 0 -1px 2px rgba(130,145,168,.22),
        0 2px 5px rgba(31,45,65,.16) !important;
    }

    .trader-theme.theme-black .profile-menu-volume {
      background:
        linear-gradient(145deg, rgba(255,255,255,.035), transparent 44%),
        linear-gradient(180deg, #151515, #050505) !important;
      border-color: rgba(255,255,255,.16) !important;
    }

    .trader-theme.theme-black .profile-menu-user,
    .trader-theme.theme-black .profile-menu-actions {
      background:
        linear-gradient(180deg, rgba(255,255,255,.026), transparent),
        #080808 !important;
    }

    .trader-theme.theme-black .profile-menu-email,
    .trader-theme.theme-black .profile-menu-notice,
    .trader-theme.theme-black .profile-menu-action {
      background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)),
        #151515 !important;
      border-color: rgba(255,255,255,.12) !important;
    }

    .trader-theme.theme-orange .profile-menu-volume {
      background:
        linear-gradient(145deg, rgba(255,122,0,.1), transparent 44%),
        linear-gradient(180deg, #3a2818, #20160d) !important;
      border-color: rgba(255,122,0,.34) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,210,150,.1),
        inset 0 -1px 0 rgba(0,0,0,.42),
        0 18px 42px rgba(0,0,0,.58),
        0 0 0 1px rgba(255,122,0,.12) !important;
    }

    .trader-theme.theme-orange .profile-menu-user,
    .trader-theme.theme-orange .profile-menu-actions {
      background:
        linear-gradient(180deg, rgba(255,122,0,.055), transparent),
        #2a1d12 !important;
    }

    .trader-theme.theme-orange .profile-menu-email,
    .trader-theme.theme-orange .profile-menu-notice,
    .trader-theme.theme-orange .profile-menu-action {
      background:
        linear-gradient(180deg, rgba(255,122,0,.08), rgba(255,122,0,.015)),
        #4b3420 !important;
      border-color: rgba(255,168,77,.18) !important;
    }

    .trader-theme.theme-orange .profile-menu-action-active {
      border-color: rgba(255,122,0,.62) !important;
      background:
        linear-gradient(180deg, rgba(255,122,0,.26), rgba(255,122,0,.05)),
        #4b3420 !important;
    }

    .trader-theme .account-deposit-volume {
      background:
        linear-gradient(180deg, rgba(0,184,63,.13), rgba(0,184,63,.025)),
        linear-gradient(135deg, #243c32, #192b25) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1),
        inset 0 -2px 4px rgba(0,0,0,.3),
        0 4px 9px rgba(0,0,0,.34),
        0 0 0 1px rgba(0,184,63,.12);
      text-shadow: 0 1px 2px rgba(0,0,0,.55);
    }

    .trader-theme .account-deposit-volume:hover {
      background:
        linear-gradient(180deg, rgba(0,184,63,.22), rgba(0,184,63,.06)),
        linear-gradient(135deg, #28503e, #1b342a) !important;
      filter: brightness(1.08);
      transform: translateY(-1px);
    }

    .trader-theme .trade-result-badge {
      overflow: hidden;
      color: var(--theme-text) !important;
      border: 1px solid color-mix(in srgb, var(--theme-text) 18%, transparent);
      backdrop-filter: blur(14px) saturate(1.18);
      background:
        radial-gradient(circle at 15% 18%, color-mix(in srgb, var(--theme-text) 18%, transparent), transparent 26%),
        linear-gradient(180deg, color-mix(in srgb, var(--panel-2) 74%, transparent), color-mix(in srgb, var(--panel-bg) 70%, transparent)) !important;
      box-shadow:
        inset 0 1px 0 color-mix(in srgb, var(--theme-text) 18%, transparent),
        inset 0 -2px 6px rgba(0,0,0,.16),
        0 10px 24px rgba(0,0,0,.32),
        0 0 0 1px color-mix(in srgb, var(--theme-text) 5%, transparent);
      text-shadow: none;
      animation: trade-result-in .22s ease-out;
    }

    .trader-theme .trade-result-badge::before {
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      background:
        linear-gradient(90deg, color-mix(in srgb, var(--theme-text) 10%, transparent), transparent 38%),
        linear-gradient(180deg, rgba(255,255,255,.16), transparent 52%);
      opacity: .55;
    }

    .trader-theme .trade-result-badge > * {
      position: relative;
      z-index: 1;
    }

    .trader-theme .trade-result-win {
      border-color: color-mix(in srgb, #62d86a 42%, var(--theme-text) 8%) !important;
    }

    .trader-theme .trade-result-loss {
      border-color: color-mix(in srgb, #ff6f62 45%, var(--theme-text) 8%) !important;
    }

    .trader-theme .trade-result-draw {
      border-color: color-mix(in srgb, #ffb24d 48%, var(--theme-text) 8%) !important;
    }

    .trader-theme.theme-light .trade-result-badge {
      color: #172033 !important;
      border-color: rgba(145, 156, 176, .38);
      background:
        radial-gradient(circle at 15% 18%, rgba(255,255,255,.9), transparent 28%),
        linear-gradient(180deg, rgba(255,255,255,.86), rgba(248, 236, 222, .72)) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.72),
        inset 0 -2px 7px rgba(36,45,61,.12),
        0 10px 24px rgba(24,35,52,.18);
    }

    .trader-theme .trade-result-badge button {
      position: absolute !important;
      color: color-mix(in srgb, var(--theme-text) 66%, transparent) !important;
      background: color-mix(in srgb, var(--theme-text) 7%, transparent) !important;
      border: 1px solid color-mix(in srgb, var(--theme-text) 14%, transparent) !important;
      border-radius: 4px;
      width: 20px !important;
      height: 20px !important;
      top: 5px !important;
      right: 5px !important;
      left: auto !important;
      font-size: 13px !important;
      box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 1px 3px rgba(0,0,0,.18);
    }

    .trader-theme .trade-result-badge button:hover {
      color: var(--theme-text) !important;
      background: color-mix(in srgb, var(--theme-text) 12%, transparent) !important;
    }

    .trader-theme .trade-result-win .mono {
      color: #1fd45a !important;
    }

    .trader-theme .trade-result-loss .mono {
      color: #ff6b5d !important;
    }

    .trader-theme .trade-result-draw .mono {
      color: #ffad3d !important;
    }

    .trader-theme .trade-result-badge div:last-child {
      color: color-mix(in srgb, var(--theme-text) 68%, transparent) !important;
    }

    @keyframes trade-result-in {
      from { opacity: 0; transform: translateY(8px) scale(.96); }
      to { opacity: 1; transform: translateY(0) scale(1); }
    }

    .trader-theme .portfolio-count-badge {
      background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,.25), transparent 35%),
        linear-gradient(145deg, #8a919f, #555d6e) !important;
      border: 1px solid rgba(255,255,255,.28);
      box-shadow:
        inset 0 1px 1px rgba(255,255,255,.22),
        inset 0 -1px 2px rgba(0,0,0,.32),
        0 2px 5px rgba(0,0,0,.45);
      text-shadow: 0 1px 2px rgba(0,0,0,.65);
    }

    .trader-theme .asset-picker-volume {
      border: 1px solid var(--theme-grid);
      background:
        linear-gradient(145deg, rgba(255,255,255,.04), transparent 40%),
        var(--panel-bg) !important;
      color: var(--theme-text) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -1px 0 rgba(0,0,0,.4),
        14px 18px 38px rgba(0,0,0,.55);
    }

    .trader-theme .asset-picker-side {
      border-right: 1px solid var(--theme-grid);
      background:
        linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,0)),
        var(--panel-2) !important;
      box-shadow: inset -3px 0 8px rgba(0,0,0,.2);
    }

    .trader-theme .asset-picker-tab,
    .trader-theme .asset-picker-help,
    .trader-theme .asset-picker-search,
    .trader-theme .asset-picker-close,
    .trader-theme .asset-picker-header,
    .trader-theme .asset-picker-row {
      background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.008)),
        var(--control-bg) !important;
      color: var(--theme-text) !important;
      border-color: var(--theme-grid) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.065),
        inset 0 -1px 0 rgba(0,0,0,.34),
        0 3px 7px rgba(0,0,0,.25);
    }

    .trader-theme .asset-picker-tab:hover,
    .trader-theme .asset-picker-row:hover,
    .trader-theme .asset-picker-close:hover {
      border-color: rgba(255,255,255,.27) !important;
      filter: brightness(1.08);
    }

    .trader-theme .asset-picker-tab-active,
    .trader-theme .asset-picker-row-active {
      border-color: rgba(255,122,0,.55) !important;
      background:
        linear-gradient(180deg, rgba(255,122,0,.16), rgba(255,122,0,.025)),
        var(--panel-2) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.09),
        inset 0 0 13px rgba(255,122,0,.07),
        0 0 0 1px rgba(255,122,0,.14),
        0 4px 9px rgba(0,0,0,.32);
    }

    .trader-theme .asset-picker-tab-icon,
    .trader-theme .asset-picker-count,
    .trader-theme .asset-picker-coin,
    .trader-theme .asset-picker-play,
    .trader-theme .asset-picker-action {
      background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,.15), transparent 38%),
        linear-gradient(145deg, #46516a, #293147) !important;
      border: 1px solid rgba(255,255,255,.12);
      box-shadow:
        inset 0 1px 1px rgba(255,255,255,.1),
        inset 0 -1px 2px rgba(0,0,0,.3),
        0 2px 5px rgba(0,0,0,.25);
    }

    .trader-theme .chart-asset-volume {
      background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.008)),
        var(--panel-2) !important;
      color: var(--theme-text) !important;
      border-color: var(--theme-grid) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        inset 0 -1px 0 rgba(0,0,0,.36),
        0 4px 9px rgba(0,0,0,.38);
    }

    .trader-theme .chart-asset-close,
    .trader-theme .chart-asset-select {
      background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.006)),
        var(--control-bg) !important;
      color: var(--theme-text) !important;
      border: 1px solid var(--theme-grid);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        inset 0 -1px 0 rgba(0,0,0,.32),
        0 2px 5px rgba(0,0,0,.25);
    }

    .trader-theme .chart-asset-close:hover {
      border-color: rgba(199,67,50,.75) !important;
      background:
        linear-gradient(180deg, rgba(199,67,50,.32), rgba(199,67,50,.12)),
        #44251f !important;
    }

    .trader-theme .chart-asset-select:hover {
      border-color: rgba(255,122,0,.48) !important;
      filter: brightness(1.09);
    }

    .trader-theme .drawing-toolbar-volume {
      background:
        linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.01)),
        var(--control-bg) !important;
      border-color: rgba(255,255,255,.18) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.1),
        inset 0 -2px 3px rgba(0,0,0,.28),
        0 8px 20px rgba(0,0,0,.48) !important;
    }

    .trader-theme .drawing-toolbar-volume button,
    .trader-theme .drawing-toolbar-volume select {
      border: 1px solid rgba(255,255,255,.1);
      background:
        linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.008)),
        var(--panel-2) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        0 2px 4px rgba(0,0,0,.24);
    }

    .trader-theme .drawing-toolbar-drag-handle:hover,
    .trader-theme .drawing-toolbar-drag-handle:active {
      background: rgba(255,255,255,.08);
      color: var(--text-main) !important;
    }

    .trader-theme .chart-pane-active {
      box-shadow: inset 0 0 0 2px rgba(29, 151, 255, .78);
    }

    .trader-theme .chart-local-order-panel {
      width: 112px;
      padding: 8px;
      color: var(--text-main);
      background: color-mix(in srgb, var(--app-bg) 88%, transparent);
      box-shadow: -5px 0 14px rgba(0,0,0,.2);
      backdrop-filter: blur(5px);
    }

    .trader-theme .chart-local-order-field {
      display: block;
      margin-bottom: 8px;
      font-size: 9px;
      font-weight: 700;
      line-height: 1.15;
    }

    .trader-theme .chart-local-order-field > span:first-child {
      display: block;
      margin-bottom: 4px;
      color: var(--text-muted);
    }

    .trader-theme .chart-local-order-input,
    .trader-theme .chart-local-order-field select {
      display: flex;
      width: 100%;
      height: 28px;
      align-items: center;
      gap: 4px;
      border: 0;
      border-radius: 2px;
      padding: 0 6px;
      color: var(--text-main);
      background: color-mix(in srgb, var(--panel-2) 92%, transparent);
      outline: none;
    }

    .trader-theme .chart-local-order-input input {
      min-width: 0;
      width: 100%;
      border: 0;
      color: inherit;
      background: transparent;
      outline: none;
      font: inherit;
    }

    .trader-theme .chart-local-order-field select { font-size: 10px; }

    .trader-theme .chart-local-order-profit {
      display: flex;
      min-height: 68px;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      line-height: 1.05;
    }

    .trader-theme .chart-local-order-profit span { font-size: 10px; }
    .trader-theme .chart-local-order-profit strong { color: #05c754; font-size: 27px; font-weight: 400; }
    .trader-theme .chart-local-order-profit b { color: #05c754; font-size: 12px; }

    .trader-theme .chart-local-order-panel > button {
      width: 100%;
      height: 48px;
      margin-top: 6px;
      border: 0;
      border-radius: 3px;
      color: #fff;
      font-size: 12px;
      font-weight: 800;
      box-shadow: 0 4px 10px rgba(0,0,0,.28);
    }

    .trader-theme .chart-local-order-panel > button span {
      margin-left: 3px;
    }

    .trader-theme .chart-local-trade-up { background: #f36b00 !important; }
    .trader-theme .chart-local-trade-down { background: #716d6b !important; }
    .trader-theme .chart-local-order-panel > button:hover { filter: brightness(1.12); }

    .trader-theme .chart-maximize-button {
      font-size: 15px;
      line-height: 1;
    }

    .trader-theme .trade-panel-volume {
      border: 0 !important;
      background: var(--workspace-bg) !important;
      box-shadow: none !important;
    }

    .trader-theme .trade-panel-card,
    .trader-theme .trade-profit-volume,
    .trader-theme .active-trade-volume {
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }

    .trader-theme .trade-expiry-value {
      border: 0 !important;
      background: rgba(255,255,255,.055) !important;
      box-shadow: none !important;
    }

    .trader-theme .trade-expiry-value:hover {
      filter: brightness(1.06);
    }

    .trader-theme .trade-panel-volume .trade-panel-card:hover {
      filter: none !important;
    }

    .trader-theme .trade-mode-switch {
      overflow: hidden;
      width: 100%;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      min-height: 42px;
      padding: 3px;
      gap: 3px;
      border: 1px solid color-mix(in srgb, var(--theme-grid) 78%, transparent);
      border-radius: 6px;
      background:
        linear-gradient(180deg, color-mix(in srgb, var(--panel-2) 88%, #ffffff 3%), var(--panel-bg));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        0 4px 12px rgba(0,0,0,.18);
    }

    .trader-theme .trade-mode-button {
      min-width: 0;
      overflow: hidden;
      white-space: nowrap;
      border: 1px solid transparent;
      border-radius: 4px;
      padding: 8px 3px;
      color: var(--theme-muted);
      background: transparent;
      font-size: 10px;
      font-weight: 900;
      line-height: 1;
      letter-spacing: .025em;
      text-align: center;
      text-transform: uppercase;
      text-shadow: none;
      transition: color .16s ease, background .16s ease, border-color .16s ease, box-shadow .16s ease, transform .16s ease;
    }

    .trader-theme .trade-mode-button:hover {
      color: var(--theme-text);
      background: color-mix(in srgb, var(--control-bg) 84%, transparent);
    }

    .trader-theme .trade-mode-button:active {
      transform: translateY(1px);
    }

    .trader-theme .trade-mode-button-active,
    .trader-theme .trade-mode-button-active:hover {
      color: #072519 !important;
      border-color: rgba(116, 255, 199, .7);
      background: linear-gradient(180deg, #78efbd 0%, #55dca4 100%) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.52),
        0 3px 10px rgba(48, 213, 143, .2);
    }

    .trader-theme.theme-light .trade-mode-switch {
      border-color: #c9d3df;
      background: linear-gradient(180deg, #f4f7fa, #e8edf3);
      box-shadow:
        inset 0 1px 0 #ffffff,
        0 4px 12px rgba(30,45,65,.12);
    }

    .trader-theme.theme-light .trade-mode-button {
      color: #657287;
    }

    .trader-theme.theme-light .trade-mode-button-active,
    .trader-theme.theme-light .trade-mode-button-active:hover {
      color: #063c28 !important;
      border-color: #39bd85;
      background: linear-gradient(180deg, #77edba, #55dca4) !important;
    }

    .trader-theme .trade-panel-card-active {
      border: 0 !important;
      box-shadow: none !important;
    }

    .trader-theme .trade-investment-card,
    .trader-theme .trade-expiry-card {
      overflow: visible;
    }

    .trader-theme .trade-field-label {
      display: flex;
      min-height: 25px;
      align-items: center;
      justify-content: space-between;
      gap: 6px;
      padding: 0 2px 5px;
      color: var(--theme-muted);
      font-size: 10px;
      font-weight: 900;
      line-height: 1;
      letter-spacing: .055em;
      text-transform: uppercase;
    }

    .trader-theme .trade-field-chevron {
      display: inline-grid;
      width: 20px;
      height: 20px;
      flex: 0 0 20px;
      place-items: center;
      border: 1px solid color-mix(in srgb, var(--theme-grid) 82%, transparent);
      border-radius: 5px;
      color: var(--theme-text);
      background: color-mix(in srgb, var(--control-bg) 86%, transparent);
      font-size: 13px;
      line-height: 1;
      transition: transform .16s ease, border-color .16s ease, background .16s ease;
    }

    .trader-theme .trade-field-chevron:hover {
      border-color: color-mix(in srgb, #55dca4 65%, var(--theme-grid));
      background: color-mix(in srgb, var(--control-bg) 72%, #55dca4 10%);
    }

    .trader-theme .trade-field-chevron-open {
      transform: rotate(180deg);
    }

    .trader-theme .trade-investment-value,
    .trader-theme .trade-expiry-value {
      display: flex;
      min-height: 46px;
      align-items: center;
      gap: 8px;
      padding: 6px 8px !important;
      border: 1px solid color-mix(in srgb, var(--theme-grid) 82%, transparent) !important;
      border-radius: 6px;
      color: var(--theme-text);
      background:
        linear-gradient(180deg, color-mix(in srgb, var(--control-bg) 88%, #ffffff 3%), color-mix(in srgb, var(--panel-bg) 92%, transparent)) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.055),
        0 4px 12px rgba(0,0,0,.14) !important;
      transition: border-color .16s ease, box-shadow .16s ease, filter .16s ease;
    }

    .trader-theme .trade-investment-value:focus-within,
    .trader-theme .trade-expiry-value:hover {
      border-color: color-mix(in srgb, #55dca4 62%, var(--theme-grid)) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.075),
        0 0 0 2px rgba(85,220,164,.08),
        0 5px 14px rgba(0,0,0,.18) !important;
    }

    .trader-theme .trade-currency-badge,
    .trader-theme .trade-clock-icon {
      display: inline-grid;
      width: 24px;
      height: 24px;
      flex: 0 0 24px;
      place-items: center;
      border: 1px solid rgba(85,220,164,.34);
      border-radius: 6px;
      color: #71edba;
      background: rgba(85,220,164,.1);
      font-size: 13px;
      font-weight: 900;
      line-height: 1;
    }

    .trader-theme .trade-clock-icon {
      width: 18px;
      height: 18px;
      flex-basis: 18px;
      border-radius: 50%;
      font-size: 11px;
    }

    .trader-theme .trade-investment-value input {
      width: 100%;
      color: var(--theme-text);
      font-size: 15px;
      font-weight: 900;
    }

    .trader-theme .trade-edit-hint {
      color: var(--theme-muted);
      font-size: 11px;
    }

    .trader-theme .trade-expiry-time {
      min-width: 0;
      flex: 1 1 auto;
      color: var(--theme-text);
      font-size: 13px;
      font-weight: 900;
    }

    .trader-theme .trade-expiry-payout {
      flex: 0 0 auto;
      border-radius: 999px;
      padding: 4px 6px;
      color: #71edba;
      background: rgba(85,220,164,.11);
      font-size: 10px;
      font-weight: 900;
      line-height: 1;
    }

    .trader-theme.theme-light .trade-investment-value,
    .trader-theme.theme-light .trade-expiry-value {
      box-shadow:
        inset 0 1px 0 #ffffff,
        0 4px 12px rgba(30,45,65,.09) !important;
    }

    .trader-theme .expiry-panel-open {
      z-index: 80;
    }

    .trader-theme .expiry-menu-volume {
      z-index: 9999 !important;
      isolation: isolate;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.07),
        0 14px 32px rgba(0,0,0,.65) !important;
    }

    .trader-theme .expiry-exact-option {
      background: rgba(255,255,255,.045);
      border-left: 2px solid transparent;
      transition: background .14s ease, border-color .14s ease;
    }

    .trader-theme .expiry-exact-option:hover {
      border-left-color: var(--accent);
    }

    .trader-theme .trade-profit-volume {
      background: transparent !important;
    }

    .trader-theme .trade-action-volume {
      border: 0 !important;
      box-shadow: none;
      text-shadow: 0 1px 3px rgba(0,0,0,.55);
      transition: filter .15s ease, transform .15s ease, box-shadow .15s ease;
    }

    .trader-theme .trade-action-volume:hover {
      transform: translateY(-1px);
      box-shadow: 0 5px 12px rgba(0,0,0,.28);
    }

    .trader-theme .trade-action-volume:active {
      transform: translateY(1px);
      box-shadow:
        inset 0 2px 5px rgba(0,0,0,.32),
        0 2px 5px rgba(0,0,0,.3);
    }

    .trader-theme .footer-timezone-volume {
      background:
        linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.006)),
        #293248 !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.06),
        inset 0 -1px 0 rgba(0,0,0,.32),
        0 2px 5px rgba(0,0,0,.26);
    }

    .trader-theme .footer-timezone-volume select,
    .trader-theme .footer-timezone-volume option {
      background-color: #293248 !important;
      color: #e5e7eb !important;
    }

    .trader-theme .top-tabs-scroll {
      scrollbar-width: thin;
      scrollbar-color: rgba(255,122,0,.55) transparent;
    }

    .trader-theme .top-tabs-scroll::-webkit-scrollbar {
      height: 4px;
    }

    .trader-theme .top-tabs-scroll::-webkit-scrollbar-thumb {
      background: rgba(255,122,0,.55);
      border-radius: 9999px;
    }

    .trader-theme .footer-support-button {
      border: 1px solid rgba(255,255,255,.15);
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.16),
        inset 0 -2px 3px rgba(0,0,0,.25),
        0 2px 5px rgba(0,0,0,.32);
      text-shadow: 0 1px 2px rgba(0,0,0,.55);
    }

    .trader-theme .footer-support-button:hover {
      filter: brightness(1.14);
      transform: translateY(-1px);
    }

    .trader-theme .footer-support-button:active {
      transform: translateY(1px);
      box-shadow: inset 0 2px 4px rgba(0,0,0,.3);
    }

    .trader-theme .theme-sidebar,
    .trader-theme .theme-trade-panel,
    .trader-theme .theme-modal,
    .trader-theme .theme-panel,
    .trader-theme [data-floating-menu],
    .trader-theme [class*="bg-[#1d2334]"],
    .trader-theme [class*="bg-[#1b2132]"],
    .trader-theme [class*="bg-[#202637]"],
    .trader-theme [class*="bg-[#2a3143]"],
    .trader-theme [class*="bg-[#252c3f]"] {
      background-color: var(--panel-bg) !important;
      color: var(--theme-text) !important;
      border-color: var(--theme-grid) !important;
    }

    .trader-theme .theme-workspace,
    .trader-theme [class*="bg-[#121827]"] {
      background-color: var(--workspace-bg) !important;
      color: var(--theme-text) !important;
    }

    .trader-theme button:not(.trade-up):not(.trade-down):not(.account-balance-real):not(.account-balance-demo):not(.account-deposit-volume):not(.color-swatch):not(.chart-local-tool):not([class*="bg-green"]):not([class*="bg-red"]),
    .trader-theme select,
    .trader-theme input,
    .trader-theme textarea,
    .trader-theme [class*="bg-[#30374a]"],
    .trader-theme [class*="bg-[#343b4d]"],
    .trader-theme [class*="bg-[#3a4052]"],
    .trader-theme [class*="bg-[#42495b]"],
    .trader-theme [class*="bg-[#4a5164]"],
    .trader-theme [class*="bg-[#5a6275]"] {
      background-color: var(--control-bg) !important;
      color: var(--theme-text) !important;
      border-color: var(--theme-grid) !important;
    }

    .trader-theme .color-swatch {
      color: transparent !important;
    }

    .trader-theme button.theme-preview-button {
      background-color: var(--preview-bg) !important;
      border-color: var(--preview-border) !important;
      color: inherit !important;
    }

    .trader-theme button.theme-preview-button svg {
      display: block;
    }

    .trader-theme .settings-preview-card,
    .trader-theme.theme-light .settings-preview-card,
    .trader-theme.theme-black .settings-preview-card,
    .trader-theme.theme-orange .settings-preview-card {
      background-color: #343b4d !important;
      border: 1px solid rgba(255,255,255,.12) !important;
      box-shadow: inset 0 0 0 1px rgba(0,0,0,.12);
      color: #fff !important;
    }

    .trader-theme.theme-light .settings-option-row {
      border-color: #d9dee7 !important;
    }

    .trader-theme.theme-light .settings-option-title,
    .trader-theme.theme-light .settings-option-label {
      color: #1f2937 !important;
    }

    .trader-theme.theme-light .settings-option-caption {
      color: #64748b !important;
    }

    .trader-theme .settings-check {
      background-color: transparent !important;
      border-color: #8b95a8 !important;
      color: transparent !important;
      position: relative;
      border-radius: 2px;
    }

    .trader-theme .settings-check[data-checked="true"] {
      border-color: #ff7a00 !important;
      background-color: rgba(255, 122, 0, .16) !important;
    }

    .trader-theme .settings-check[data-checked="true"]::after {
      content: "";
      position: absolute;
      inset: 3px;
      border-radius: 1px;
      background: #ff7a00;
    }

    .trader-theme .support-chat,
    .trader-theme .support-chat * {
      color: #30343b !important;
    }

    .trader-theme .support-chat {
      background: #fff !important;
      border-color: #e5e7eb !important;
    }

    .trader-theme .support-chat input {
      background: transparent !important;
      color: #374151 !important;
    }

    .trader-theme .support-chat button {
      background: transparent !important;
      border-color: transparent !important;
    }

    /* Modal readability guard: every account/settings/payment modal must keep contrast in any theme. */
    .trader-theme .theme-modal {
      color: var(--theme-text) !important;
    }

    .trader-theme .theme-modal section,
    .trader-theme .theme-modal table,
    .trader-theme .theme-modal [class*="bg-[#171f31]"],
    .trader-theme .theme-modal [class*="bg-[#111827]"],
    .trader-theme .theme-modal [class*="bg-[#253149]"],
    .trader-theme .theme-modal [class*="bg-[#0b1220]"] {
      color: var(--theme-text) !important;
      border-color: var(--theme-grid) !important;
    }

    .trader-theme .theme-modal h1,
    .trader-theme .theme-modal h2,
    .trader-theme .theme-modal h3,
    .trader-theme .theme-modal b,
    .trader-theme .theme-modal strong,
    .trader-theme .theme-modal th,
    .trader-theme .theme-modal td {
      color: var(--theme-text) !important;
    }

    .trader-theme .theme-modal [class*="text-zinc-400"],
    .trader-theme .theme-modal [class*="text-zinc-500"],
    .trader-theme .theme-modal [class*="text-zinc-600"],
    .trader-theme .theme-modal small {
      color: var(--theme-muted) !important;
    }

    .trader-theme .theme-modal input,
    .trader-theme .theme-modal select,
    .trader-theme .theme-modal textarea {
      color: var(--theme-text) !important;
      background: var(--control-bg) !important;
      border-color: var(--theme-grid) !important;
      opacity: 1 !important;
    }

    .trader-theme .theme-modal input::placeholder,
    .trader-theme .theme-modal textarea::placeholder {
      color: color-mix(in srgb, var(--theme-muted) 78%, transparent) !important;
    }

    .trader-theme.theme-light .theme-modal {
      background: #f7f9fc !important;
      color: #142033 !important;
    }

    .trader-theme.theme-light .theme-modal section,
    .trader-theme.theme-light .theme-modal table,
    .trader-theme.theme-light .theme-modal [class*="bg-[#171f31]"] {
      background: #ffffff !important;
      color: #142033 !important;
      border-color: #d9e2ee !important;
      box-shadow: 0 12px 32px rgba(24, 35, 52, .12) !important;
    }

    .trader-theme.theme-light .theme-modal [class*="bg-[#111827]"],
    .trader-theme.theme-light .theme-modal [class*="bg-[#253149]"],
    .trader-theme.theme-light .theme-modal [class*="bg-[#0b1220]"] {
      background: #eef3f8 !important;
      color: #142033 !important;
      border-color: #d4deeb !important;
    }

    .trader-theme.theme-light .theme-modal h1,
    .trader-theme.theme-light .theme-modal h2,
    .trader-theme.theme-light .theme-modal h3,
    .trader-theme.theme-light .theme-modal b,
    .trader-theme.theme-light .theme-modal strong,
    .trader-theme.theme-light .theme-modal th,
    .trader-theme.theme-light .theme-modal td {
      color: #142033 !important;
    }

    .trader-theme.theme-light .theme-modal [class*="text-zinc-400"],
    .trader-theme.theme-light .theme-modal [class*="text-zinc-500"],
    .trader-theme.theme-light .theme-modal [class*="text-zinc-600"],
    .trader-theme.theme-light .theme-modal small {
      color: #64748b !important;
    }

    .trader-theme.theme-light .theme-modal [class*="text-yellow"],
    .trader-theme.theme-light .theme-modal [class*="bg-yellow"] {
      color: #9a5a00 !important;
      border-color: rgba(202, 138, 4, .45) !important;
      background-color: rgba(245, 158, 11, .13) !important;
    }

    .trader-theme.theme-light .theme-modal button:not([class*="bg-green"]):not([class*="bg-red"]):not([class*="bg-orange"]),
    .trader-theme.theme-light .theme-modal input,
    .trader-theme.theme-light .theme-modal select,
    .trader-theme.theme-light .theme-modal textarea {
      background: #eef3f8 !important;
      color: #142033 !important;
      border-color: #d4deeb !important;
    }

    .trader-theme [class*="border-r"],
    .trader-theme [class*="border-l"],
    .trader-theme [class*="border-t"],
    .trader-theme [class*="border-b"],
    .trader-theme [class*="border-black"],
    .trader-theme [class*="border-white"] {
      border-color: var(--theme-grid) !important;
    }

    .trader-theme [class*="text-zinc-100"],
    .trader-theme [class*="text-zinc-200"],
    .trader-theme [class*="text-zinc-300"],
    .trader-theme [class*="text-white"] {
      color: var(--theme-text) !important;
    }

    .trader-theme [class*="text-zinc-400"],
    .trader-theme [class*="text-zinc-500"],
    .trader-theme [class*="text-zinc-600"] {
      color: var(--theme-muted) !important;
    }

    .trader-theme.theme-light .theme-topbar,
    .trader-theme.theme-light .theme-footer,
    .trader-theme.theme-light .theme-sidebar,
    .trader-theme.theme-light .theme-trade-panel,
    .trader-theme.theme-light .theme-modal,
    .trader-theme.theme-light .theme-panel,
    .trader-theme.theme-light [data-floating-menu] {
      box-shadow: none;
    }

    .trader-theme.theme-light .theme-sidebar {
      background-color: #f7f8fa !important;
    }

    .trader-theme.theme-light .theme-trade-panel {
      background-color: #f4f6f9 !important;
    }

    .trader-theme.theme-black .theme-sidebar,
    .trader-theme.theme-black .theme-trade-panel,
    .trader-theme.theme-black .theme-modal,
    .trader-theme.theme-black .theme-panel,
    .trader-theme.theme-black [data-floating-menu] {
      background-color: #080808 !important;
    }

    .trader-theme.theme-orange .theme-sidebar,
    .trader-theme.theme-orange .theme-trade-panel,
    .trader-theme.theme-orange .theme-modal,
    .trader-theme.theme-orange .theme-panel,
    .trader-theme.theme-orange [data-floating-menu] {
      background-color: #2a1d12 !important;
    }

    /* Profile dropdown must follow the selected theme and stay readable. */
    .trader-theme .profile-menu-volume,
    .trader-theme .profile-menu-volume * {
      text-shadow: none;
    }

    .trader-theme .profile-menu-volume .text-zinc-100,
    .trader-theme .profile-menu-volume .text-zinc-200,
    .trader-theme .profile-menu-volume .text-zinc-300,
    .trader-theme .profile-menu-volume .text-white,
    .trader-theme .profile-menu-volume b,
    .trader-theme .profile-menu-volume strong {
      color: var(--theme-text) !important;
    }

    .trader-theme .profile-menu-volume .text-zinc-400,
    .trader-theme .profile-menu-volume .text-zinc-500,
    .trader-theme .profile-menu-volume .text-zinc-600 {
      color: var(--theme-muted) !important;
    }

    .trader-theme.theme-light .profile-menu-volume {
      color: #172033 !important;
      border-color: rgba(125, 140, 165, .45) !important;
      background:
        linear-gradient(145deg, rgba(255,255,255,.96), rgba(235,240,247,.88) 48%),
        #f5f7fb !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.95),
        0 18px 38px rgba(24,35,52,.22),
        0 0 0 1px rgba(255,255,255,.7) !important;
    }

    .trader-theme.theme-light .profile-menu-volume .profile-menu-user,
    .trader-theme.theme-light .profile-menu-volume .profile-menu-actions {
      background:
        linear-gradient(180deg, rgba(255,255,255,.94), rgba(226,233,243,.86)),
        #eef3fa !important;
    }

    .trader-theme.theme-light .profile-menu-volume .profile-menu-email,
    .trader-theme.theme-light .profile-menu-volume .profile-menu-notice,
    .trader-theme.theme-light .profile-menu-volume .profile-menu-action {
      color: #172033 !important;
      border-color: rgba(128, 144, 168, .42) !important;
      background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(228,235,246,.94)),
        #edf3fb !important;
    }

    .trader-theme.theme-light .profile-menu-volume .text-zinc-100,
    .trader-theme.theme-light .profile-menu-volume .text-zinc-200,
    .trader-theme.theme-light .profile-menu-volume .text-zinc-300,
    .trader-theme.theme-light .profile-menu-volume .text-white,
    .trader-theme.theme-light .profile-menu-volume b,
    .trader-theme.theme-light .profile-menu-volume strong {
      color: #172033 !important;
    }

    .trader-theme.theme-light .profile-menu-volume .text-zinc-400,
    .trader-theme.theme-light .profile-menu-volume .text-zinc-500,
    .trader-theme.theme-light .profile-menu-volume .text-zinc-600 {
      color: #5f6f84 !important;
    }

    .trader-theme.theme-black .profile-menu-volume {
      color: #ffffff !important;
      border-color: rgba(255,255,255,.18) !important;
      background:
        linear-gradient(145deg, rgba(255,255,255,.04), transparent 45%),
        linear-gradient(180deg, #151515, #050505) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.08),
        0 18px 42px rgba(0,0,0,.68),
        0 0 0 1px rgba(255,255,255,.06) !important;
    }

    .trader-theme.theme-black .profile-menu-volume .profile-menu-user,
    .trader-theme.theme-black .profile-menu-volume .profile-menu-actions,
    .trader-theme.theme-black .profile-menu-volume .profile-menu-email,
    .trader-theme.theme-black .profile-menu-volume .profile-menu-notice,
    .trader-theme.theme-black .profile-menu-volume .profile-menu-action {
      background:
        linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.01)),
        #151515 !important;
      border-color: rgba(255,255,255,.12) !important;
    }

    .trader-theme.theme-orange .profile-menu-volume {
      color: #fff2df !important;
      border-color: rgba(255,122,0,.36) !important;
      background:
        linear-gradient(145deg, rgba(255,122,0,.12), transparent 45%),
        linear-gradient(180deg, #3a2818, #20160d) !important;
      box-shadow:
        inset 0 1px 0 rgba(255,210,150,.1),
        0 18px 42px rgba(0,0,0,.58),
        0 0 0 1px rgba(255,122,0,.13) !important;
    }

    .trader-theme.theme-orange .profile-menu-volume .profile-menu-user,
    .trader-theme.theme-orange .profile-menu-volume .profile-menu-actions,
    .trader-theme.theme-orange .profile-menu-volume .profile-menu-email,
    .trader-theme.theme-orange .profile-menu-volume .profile-menu-notice,
    .trader-theme.theme-orange .profile-menu-volume .profile-menu-action {
      background:
        linear-gradient(180deg, rgba(255,122,0,.08), rgba(255,122,0,.015)),
        #4b3420 !important;
      border-color: rgba(255,168,77,.2) !important;
    }

    .trader-theme.theme-orange .profile-menu-volume .profile-menu-action-active {
      background:
        linear-gradient(180deg, rgba(255,122,0,.26), rgba(255,122,0,.05)),
        #4b3420 !important;
      border-color: rgba(255,122,0,.64) !important;
    }

    /* Keep the navigation readable after the global theme controls are applied. */
    .trader-theme .theme-sidebar .sidebar-volume-item,
    .trader-theme .theme-sidebar .sidebar-tool-button {
      color: var(--theme-text) !important;
      border-color: color-mix(in srgb, var(--theme-text) 24%, transparent) !important;
      opacity: 1;
    }

    .trader-theme .theme-sidebar .sidebar-volume-item > span,
    .trader-theme .theme-sidebar .sidebar-tool-button > span {
      color: inherit !important;
    }

    .trader-theme.theme-light .theme-sidebar .sidebar-volume-item,
    .trader-theme.theme-light .theme-sidebar .sidebar-tool-button {
      background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(224,230,239,.94)),
        #e8edf4 !important;
      color: #182334 !important;
      border-color: #aeb9c8 !important;
      box-shadow:
        inset 0 1px 0 #fff,
        inset 0 -1px 0 rgba(57,72,94,.16),
        0 2px 5px rgba(31,45,65,.22) !important;
      text-shadow: none;
    }

    .trader-theme.theme-light .theme-sidebar .sidebar-volume-item:not(:disabled):hover,
    .trader-theme.theme-light .theme-sidebar .sidebar-tool-button:hover {
      background: linear-gradient(180deg, #fff, #dce7f5) !important;
      border-color: #5f7797 !important;
      color: #07172c !important;
      filter: none;
    }

    .trader-theme.theme-light .theme-sidebar .sidebar-volume-item-active,
    .trader-theme.theme-light .theme-sidebar .sidebar-tool-button-active {
      background:
        linear-gradient(180deg, rgba(255,139,31,.28), rgba(255,122,0,.1)),
        #edf2f8 !important;
      border-color: #e16f00 !important;
      color: #172235 !important;
      box-shadow:
        inset 0 1px 0 #fff,
        inset 0 0 10px rgba(255,122,0,.12),
        0 0 0 1px rgba(225,111,0,.16),
        0 3px 7px rgba(31,45,65,.2) !important;
    }

    .trader-theme.theme-black .theme-sidebar .sidebar-volume-item,
    .trader-theme.theme-black .theme-sidebar .sidebar-tool-button {
      background: linear-gradient(180deg, #242424, #0f0f0f) !important;
      color: #f5f5f5 !important;
      border-color: #505050 !important;
    }

    .trader-theme.theme-orange .theme-sidebar .sidebar-volume-item,
    .trader-theme.theme-orange .theme-sidebar .sidebar-tool-button {
      background: linear-gradient(180deg, #5a3a20, #2a1b10) !important;
      color: #fff1df !important;
      border-color: #7b5635 !important;
    }

    .trader-theme .theme-sidebar .sidebar-volume-item:disabled {
      opacity: .58 !important;
      color: var(--theme-muted) !important;
    }

    .trader-theme.theme-light .theme-sidebar .sidebar-volume-item:disabled {
      color: #68778b !important;
    }

    .trader-theme .trade-up,
    .trader-theme .trade-up * {
      background-color: #00b83f !important;
      color: #fff !important;
    }

    .trader-theme .trade-down,
    .trader-theme .trade-down * {
      background-color: #c74332 !important;
      color: #fff !important;
    }

    .trader-theme .trade-up,
    .trader-theme .trade-down,
    .trader-theme .chart-local-trade-up,
    .trader-theme .chart-local-trade-down {
      touch-action: manipulation;
      user-select: none;
      -webkit-user-select: none;
    }

    .trader-theme button.account-balance-real,
    .trader-theme .account-balance-real,
    .trader-theme .account-balance-real * {
      color: #00c853 !important;
    }

    .trader-theme button.account-balance-demo,
    .trader-theme .account-balance-demo,
    .trader-theme .account-balance-demo * {
      color: #ff7a00 !important;
    }

    /* The trading controls are one continuous surface, without card separators. */
    .trader-theme .trade-panel-volume.theme-trade-panel {
      width: 224px !important;
      height: 100%;
      margin-top: 0;
      padding-inline: 14px !important;
      background: var(--workspace-bg) !important;
      background-color: var(--workspace-bg) !important;
      border: 0 !important;
      box-shadow: none !important;
    }

    .trader-theme .trade-panel-volume .trade-panel-card,
    .trader-theme .trade-panel-volume .trade-profit-volume,
    .trader-theme .trade-panel-volume .active-trade-volume {
      background: transparent !important;
      background-color: transparent !important;
      border: 0 !important;
      border-width: 0 !important;
      box-shadow: none !important;
    }

    .trader-theme .trade-panel-volume .trade-expiry-value {
      background:
        linear-gradient(180deg, color-mix(in srgb, var(--control-bg) 88%, #ffffff 3%), color-mix(in srgb, var(--panel-bg) 92%, transparent)) !important;
    }

    .trader-theme .trade-panel-volume .trade-action-volume {
      position: relative;
      isolation: isolate;
      display: grid;
      width: 100%;
      height: 82px;
      grid-template-columns: 48px minmax(0, 1fr);
      align-items: center;
      justify-items: center;
      gap: 10px;
      overflow: hidden;
      border: 1px solid rgba(255,255,255,.19) !important;
      border-radius: 14px 5px 14px 5px !important;
      padding: 9px 16px 9px 11px;
      color: #fff !important;
      font-weight: 900;
      clip-path: polygon(0 0, calc(100% - 11px) 0, 100% 11px, 100% 100%, 11px 100%, 0 calc(100% - 11px));
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.25),
        inset 0 -10px 22px rgba(0,0,0,.11),
        0 7px 16px rgba(0,0,0,.25) !important;
      text-shadow: 0 1px 2px rgba(0,0,0,.28);
      transition: transform .16s ease, filter .16s ease, box-shadow .16s ease;
    }

    .trader-theme .trade-panel-volume .trade-action-volume > *,
    .trader-theme .trade-panel-volume .trade-action-volume .trade-action-copy > * {
      background-color: transparent !important;
    }

    .trader-theme .trade-panel-volume .trade-action-volume::before {
      position: absolute;
      z-index: -1;
      top: -38px;
      left: -20px;
      width: 110px;
      height: 82px;
      border-radius: 50%;
      background: rgba(255,255,255,.17);
      content: "";
      filter: blur(1px);
      transform: rotate(-14deg);
    }

    .trader-theme .trade-panel-volume .trade-action-volume::after {
      position: absolute;
      z-index: -1;
      inset: 5px;
      border: 1px solid rgba(255,255,255,.1);
      border-radius: 10px 3px 10px 3px;
      content: "";
      pointer-events: none;
    }

    .trader-theme .trade-panel-volume .trade-up {
      background:
        linear-gradient(135deg, #ff9b24 0%, #f36b00 52%, #d84a00 100%) !important;
      background-color: #f36b00 !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.28),
        inset 0 -12px 24px rgba(116,34,0,.18),
        0 7px 16px rgba(210,76,0,.3) !important;
    }

    .trader-theme .trade-panel-volume .trade-down {
      background:
        linear-gradient(135deg, #7787a1 0%, #58657a 52%, #3d485a 100%) !important;
      background-color: #58657a !important;
      box-shadow:
        inset 0 1px 0 rgba(255,255,255,.2),
        inset 0 -12px 24px rgba(14,22,35,.22),
        0 7px 16px rgba(16,24,38,.32) !important;
    }

    .trader-theme .trade-panel-volume .trade-action-volume:hover:not(:disabled) {
      filter: saturate(1.08) brightness(1.08);
      transform: translateY(-2px);
    }

    .trader-theme .trade-panel-volume .trade-action-volume:active:not(:disabled) {
      filter: saturate(1.04) brightness(.98);
      transform: translateY(1px) scale(.985);
      box-shadow:
        inset 0 2px 8px rgba(0,0,0,.2),
        0 3px 8px rgba(0,0,0,.2) !important;
    }

    .trader-theme .trade-panel-volume .trade-action-volume:disabled {
      cursor: not-allowed;
      filter: grayscale(.75);
      opacity: .4;
    }

    .trader-theme .trade-panel-volume .trade-direction-icon {
      width: 46px;
      height: 46px;
      filter: drop-shadow(0 2px 3px rgba(0,0,0,.22));
    }

    .trader-theme .trade-panel-volume .trade-direction-orbit {
      fill: rgba(255,255,255,.13);
      stroke: rgba(255,255,255,.55);
      stroke-width: 1.4;
    }

    .trader-theme .trade-panel-volume .trade-direction-arrow {
      fill: none;
      stroke: currentColor;
      stroke-width: 3;
      stroke-linecap: round;
      stroke-linejoin: round;
    }

    .trader-theme .trade-panel-volume .trade-action-copy {
      display: flex;
      min-width: 0;
      flex-direction: column;
      align-items: flex-start;
      line-height: 1;
    }

    .trader-theme .trade-panel-volume .trade-action-copy strong {
      font-size: 19px;
      letter-spacing: .055em;
    }

    .trader-theme .trade-panel-volume .trade-action-copy small {
      margin-top: 6px;
      color: rgba(255,255,255,.66);
      font-size: 10px;
      font-weight: 800;
      letter-spacing: .18em;
    }

    .trader-theme.theme-light .trade-panel-volume .trade-down {
      background:
        linear-gradient(135deg, #8493aa 0%, #647188 54%, #4c586d 100%) !important;
    }

    .trader-theme .support-chat,
    .trader-theme.theme-light .support-chat,
    .trader-theme.theme-black .support-chat,
    .trader-theme.theme-orange .support-chat {
      background: #fff !important;
      color: #30343b !important;
      border-color: #e5e7eb !important;
    }

    .trader-theme button.account-deposit-volume {
      color: rgba(74, 190, 82, .78) !important;
      border: 1px solid rgba(74, 190, 82, .72) !important;
      background: rgba(20, 70, 36, .08) !important;
      background-color: rgba(20, 70, 36, .08) !important;
      box-shadow: none !important;
      text-shadow: none !important;
      transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
    }

    .trader-theme button.account-deposit-volume:hover {
      color: #fff !important;
      border-color: #19c553 !important;
      background: #0aad45 !important;
      background-color: #0aad45 !important;
      box-shadow: 0 0 16px rgba(10, 190, 72, .34) !important;
      filter: none !important;
      transform: translateY(-1px);
    }

    .trader-theme button.account-deposit-volume:active {
      transform: translateY(0);
      background: #07963b !important;
      box-shadow: inset 0 2px 5px rgba(0,0,0,.22) !important;
    }

    /* Keep per-chart controls readable after all theme overrides. */
    .trader-theme [data-floating-menu="chart-local-tools"] > button.sidebar-tool-button,
    .trader-theme.theme-light [data-floating-menu="chart-local-tools"] > button.sidebar-tool-button {
      color: #fff !important;
      border-color: #718096 !important;
      background: linear-gradient(180deg, #354158, #151c2a) !important;
      opacity: 1 !important;
      text-shadow: 0 1px 2px #000 !important;
    }

    .trader-theme [data-floating-menu="chart-local-tools"] > button.sidebar-tool-button:hover,
    .trader-theme.theme-light [data-floating-menu="chart-local-tools"] > button.sidebar-tool-button:hover {
      color: #fff !important;
      border-color: #38bdf8 !important;
      background: linear-gradient(180deg, #465773, #1b2638) !important;
    }

    .trader-theme [data-floating-menu="chart-local-tools"] > button.sidebar-tool-button-active,
    .trader-theme.theme-light [data-floating-menu="chart-local-tools"] > button.sidebar-tool-button-active {
      color: #fff !important;
      border-color: #ff7a00 !important;
      background: linear-gradient(180deg, #9a4f12, #342113) !important;
    }

    .trader-theme .chart-tools-local-anchor > div.absolute {
      left: 0 !important;
      top: 0 !important;
      right: auto !important;
      bottom: auto !important;
      transform: scale(.72) !important;
      transform-origin: top left !important;
      max-height: min(72vh, 520px);
      overflow: auto;
    }

    .trader-theme .chart-indicator-control,
    .trader-theme .chart-indicator-settings {
      background: color-mix(in srgb, var(--panel-2) 94%, transparent) !important;
      color: var(--text-main) !important;
      border-color: var(--line-soft) !important;
    }

    .trader-theme .chart-indicator-controls {
      max-width: calc(100% - 56px);
      width: clamp(190px, 31cqw, 390px);
      min-width: 0;
    }

    .trader-theme .chart-indicator-drag-handle {
      width: 100%;
      cursor: grab;
      color: var(--text-muted);
      border: 1px solid color-mix(in srgb, var(--line-soft) 72%, transparent);
      background: color-mix(in srgb, var(--panel-2) 78%, transparent) !important;
      backdrop-filter: blur(8px);
    }

    .trader-theme .chart-indicator-drag-handle:active {
      cursor: grabbing;
      color: var(--text-main);
    }

    .trader-theme .chart-pane-responsive {
      container-name: chart-pane;
      container-type: inline-size;
    }

    .trader-theme .chart-indicator-control {
      max-width: calc(100% - 96px);
      white-space: nowrap;
    }

    .trader-theme .chart-price-indicator-control {
      width: 100%;
      min-width: 0;
      max-width: none;
      border: 1px solid var(--line-soft);
    }

    .trader-theme .chart-indicator-settings-price {
      left: 0;
      top: calc(100% + 5px);
      z-index: 80;
      width: min(280px, calc(100cqw - 64px)) !important;
      max-height: min(360px, 62vh);
      overflow-y: auto;
    }

    .trader-theme .chart-indicator-settings-oscillator {
      bottom: calc(100% + 6px);
      left: 0;
    }

    @container chart-pane (max-width: 640px) {
      .trader-theme .chart-indicator-controls {
        width: clamp(174px, 58cqw, 280px);
      }

      .trader-theme .chart-indicator-control {
        min-height: 24px !important;
        max-width: 100%;
        padding-inline: 6px !important;
        font-size: 9px !important;
      }

      .trader-theme .chart-indicator-summary {
        max-width: 132px !important;
      }

      .trader-theme .chart-indicator-settings {
        width: min(210px, calc(100cqw - 70px)) !important;
        max-height: min(310px, 62vh);
        overflow-y: auto;
      }

      .trader-theme .chart-indicator-settings-price,
      .trader-theme .chart-indicator-settings-oscillator {
        bottom: calc(100% + 5px);
        left: 0;
        top: auto;
        margin-left: 0 !important;
      }

      .trader-theme .chart-zoom-controls {
        left: auto !important;
        right: 8px;
        transform: none !important;
      }

      .trader-theme [data-floating-menu="chart-local-tools"] {
        left: 4px !important;
        gap: 2px !important;
      }

      .trader-theme [data-floating-menu="chart-local-tools"] > button {
        width: 32px !important;
        height: 32px !important;
      }
    }

    @container chart-pane (max-width: 420px) {
      .trader-theme .chart-indicator-summary {
        display: none !important;
      }

      .trader-theme .chart-indicator-name {
        max-width: 72px !important;
      }

      .trader-theme .chart-zoom-controls button {
        height: 28px !important;
      }
    }

    /* Match local multi-chart actions with the original single-chart palette. */
    .trader-theme button.chart-local-trade-up,
    .trader-theme button.chart-local-trade-up * {
      background: #f36b00 !important;
      background-color: #f36b00 !important;
      color: #fff !important;
    }

    .trader-theme button.chart-local-trade-down,
    .trader-theme button.chart-local-trade-down * {
      background: #716d6b !important;
      background-color: #716d6b !important;
      color: #fff !important;
    }

    .trader-theme .account-top-volume {
      gap: 4px !important;
      margin-right: 4px !important;
      padding-inline: 0 !important;
    }

    .trader-theme .account-balance-volume {
      min-width: 174px !important;
      height: 48px !important;
      padding-inline: 10px !important;
      font-size: 22px !important;
      letter-spacing: .01em;
    }

    .trader-theme .account-balance-volume .account-balance-caption {
      margin-top: 2px;
      font-size: 10px !important;
      line-height: 1.1;
    }

    .trader-theme .account-deposit-volume {
      min-width: 128px !important;
      padding-inline: 10px !important;
    }

    /* Responsive shell: tabs scroll inside their lane while account controls stay visible. */
    /* Last-mile profile dropdown readability guard. Keep this late so theme panels cannot wash it out. */
    .trader-theme.theme-light .profile-menu-volume .profile-menu-user,
    .trader-theme[data-theme="light"] .profile-menu-volume .profile-menu-user {
      background:
        linear-gradient(180deg, rgba(255,255,255,.98), rgba(236,242,250,.94)),
        #f6f8fc !important;
      color: #172033 !important;
      border-color: #d5deea !important;
      box-shadow:
        inset -1px 0 0 rgba(126,143,166,.22),
        inset 0 1px 0 rgba(255,255,255,.98) !important;
    }

    .trader-theme.theme-light .profile-menu-volume .profile-menu-user *,
    .trader-theme[data-theme="light"] .profile-menu-volume .profile-menu-user * {
      color: #172033 !important;
      text-shadow: none !important;
    }

    .trader-theme.theme-light .profile-menu-volume .profile-menu-user .text-zinc-400,
    .trader-theme.theme-light .profile-menu-volume .profile-menu-user .text-zinc-500,
    .trader-theme.theme-light .profile-menu-volume .profile-menu-user .text-zinc-600,
    .trader-theme[data-theme="light"] .profile-menu-volume .profile-menu-user .text-zinc-400,
    .trader-theme[data-theme="light"] .profile-menu-volume .profile-menu-user .text-zinc-500,
    .trader-theme[data-theme="light"] .profile-menu-volume .profile-menu-user .text-zinc-600 {
      color: #64748b !important;
    }

    .trader-theme.theme-light .profile-menu-volume .profile-menu-user .text-orange,
    .trader-theme.theme-light .profile-menu-volume .profile-menu-user [class*="text-orange"],
    .trader-theme[data-theme="light"] .profile-menu-volume .profile-menu-user .text-orange,
    .trader-theme[data-theme="light"] .profile-menu-volume .profile-menu-user [class*="text-orange"] {
      color: #d66a00 !important;
    }

    .trader-theme.theme-light .profile-menu-volume .profile-menu-email,
    .trader-theme.theme-light .profile-menu-volume .profile-menu-notice,
    .trader-theme[data-theme="light"] .profile-menu-volume .profile-menu-email,
    .trader-theme[data-theme="light"] .profile-menu-volume .profile-menu-notice {
      background:
        linear-gradient(180deg, rgba(255,255,255,.99), rgba(228,235,246,.95)),
        #edf3fb !important;
      color: #172033 !important;
      border-color: rgba(128,144,168,.42) !important;
    }

    .trader-theme.theme-light .profile-menu-volume .profile-menu-notice .profile-menu-alert,
    .trader-theme[data-theme="light"] .profile-menu-volume .profile-menu-notice .profile-menu-alert {
      background: #ff7a00 !important;
      color: #fff !important;
      box-shadow: 0 6px 14px rgba(255,122,0,.26) !important;
    }

    .trader-theme.theme-dark .profile-menu-volume .profile-menu-user,
    .trader-theme.theme-black .profile-menu-volume .profile-menu-user,
    .trader-theme.theme-orange .profile-menu-volume .profile-menu-user {
      color: var(--theme-text) !important;
    }

    .trader-theme.theme-dark .profile-menu-volume .profile-menu-user *,
    .trader-theme.theme-black .profile-menu-volume .profile-menu-user *,
    .trader-theme.theme-orange .profile-menu-volume .profile-menu-user * {
      color: var(--theme-text) !important;
      text-shadow: none !important;
    }

    .trader-theme.theme-dark .profile-menu-volume .profile-menu-user .text-zinc-400,
    .trader-theme.theme-dark .profile-menu-volume .profile-menu-user .text-zinc-500,
    .trader-theme.theme-dark .profile-menu-volume .profile-menu-user .text-zinc-600,
    .trader-theme.theme-black .profile-menu-volume .profile-menu-user .text-zinc-400,
    .trader-theme.theme-black .profile-menu-volume .profile-menu-user .text-zinc-500,
    .trader-theme.theme-black .profile-menu-volume .profile-menu-user .text-zinc-600,
    .trader-theme.theme-orange .profile-menu-volume .profile-menu-user .text-zinc-400,
    .trader-theme.theme-orange .profile-menu-volume .profile-menu-user .text-zinc-500,
    .trader-theme.theme-orange .profile-menu-volume .profile-menu-user .text-zinc-600 {
      color: var(--theme-muted) !important;
    }

    .trader-theme.theme-dark .profile-menu-volume .profile-menu-user .text-orange,
    .trader-theme.theme-dark .profile-menu-volume .profile-menu-user [class*="text-orange"],
    .trader-theme.theme-black .profile-menu-volume .profile-menu-user .text-orange,
    .trader-theme.theme-black .profile-menu-volume .profile-menu-user [class*="text-orange"],
    .trader-theme.theme-orange .profile-menu-volume .profile-menu-user .text-orange,
    .trader-theme.theme-orange .profile-menu-volume .profile-menu-user [class*="text-orange"] {
      color: #ff9a2f !important;
    }

    @media (max-width: 1180px) {
      .trader-theme .theme-topbar {
        position: relative;
        z-index: 70;
        overflow: visible;
      }
      .trader-theme .top-tabs-scroll { flex: 1 1 0%; width: 0; min-width: 0; overflow-x: auto; }
      .trader-theme .account-top-volume { flex: 0 0 auto; gap: 4px; margin-right: 4px; white-space: nowrap; }
      .trader-theme .profile-menu-volume,
      .trader-theme .account-volume-menu {
        z-index: 90 !important;
      }
      .trader-theme .account-profile-volume { width: 36px !important; height: 36px !important; }
      .trader-theme .account-balance-volume { min-width: 174px !important; height: 46px !important; font-size: 19px !important; }
      .trader-theme .account-deposit-volume { min-width: 126px !important; padding-inline: 10px !important; }
      .trader-theme .trade-asset-tab { width: 132px !important; }
      .trader-theme .asset-picker-volume { max-width: calc(100vw - 64px) !important; }
      .trader-theme .theme-modal > div { max-width: calc(100vw - 24px); }
      .trader-theme .chart-workspace-grid {
        display: flex !important;
        flex-flow: row wrap;
        align-content: stretch;
        overflow: auto !important;
      }
      .trader-theme .chart-workspace-grid > div {
        flex: 1 1 calc(50% - 1px);
        width: auto !important;
        min-width: 330px !important;
        min-height: 300px !important;
        grid-column: auto !important;
        grid-row: auto !important;
      }
    }

    @media (max-width: 900px) {
      .trader-theme .top-brand { width: 116px !important; padding-inline: 7px !important; }
      .trader-theme .top-brand-identity { gap: 6px !important; }
      .trader-theme .top-brand-mark { width: 28px; height: 28px; flex-basis: 28px; border-radius: 9px; }
      .trader-theme .top-brand-mark svg { width: 22px; height: 22px; }
      .trader-theme .top-brand-name { font-size: 11px !important; }
      .trader-theme .top-layout-button { width: 44px !important; }
      .trader-theme .top-add-asset { width: 38px !important; }
      .trader-theme .trade-asset-tab { width: 120px !important; margin-left: 4px !important; }
      .trader-theme .account-top-volume { gap: 2px; }
      .trader-theme .account-balance-volume { min-width: 154px !important; height: 44px !important; font-size: 17px !important; }
      .trader-theme .account-deposit-volume { min-width: 112px !important; font-size: 12px !important; }
      .trader-theme .trade-panel-volume { width: 194px !important; padding-inline: 10px !important; }
      .trader-theme .chart-local-order-panel { width: 98px; padding: 6px; }
      .trader-theme .chart-local-order-panel > button { height: 42px; }
      .trader-theme .chart-local-order-profit strong { font-size: 23px; }
      .trader-theme .tool-volume-panel { max-width: calc(100vw - 70px) !important; }
      .trader-theme .profile-menu-volume { right: 4px !important; width: min(520px, calc(100vw - 12px)) !important; }
    }

    @media (max-width: 700px) {
      .trader-theme .theme-topbar { height: 58px !important; }
      .trader-theme .top-brand { width: 58px !important; justify-content: center; padding: 0 !important; }
      .trader-theme .top-brand-name { display: none; }
      .trader-theme .top-layout-button { width: 38px !important; }
      .trader-theme .trade-asset-tab { width: 108px !important; margin-block: 4px !important; }
      .trader-theme .trade-asset-tab .trade-tab-orbit { transform: scale(.86); transform-origin: left center; }
      .trader-theme .trade-asset-tab > span:last-child { padding-left: 34px !important; }
      .trader-theme .account-profile-volume { width: 32px !important; height: 32px !important; }
      .trader-theme .account-balance-volume { min-width: 118px !important; font-size: 13px !important; padding-inline: 6px !important; }
      .trader-theme .account-deposit-volume { min-width: 44px !important; width: 44px !important; padding: 0 !important; font-size: 0 !important; }
      .trader-theme .account-deposit-volume svg { width: 25px !important; height: 23px !important; }
      .trader-theme .theme-sidebar { width: 46px !important; }
      .trader-theme .trade-panel-volume { width: 174px !important; padding: 8px !important; }
      .trader-theme .trade-panel-volume.theme-trade-panel { height: 100%; margin-top: 0; }
      .trader-theme .trade-panel-volume .trade-up,
      .trader-theme .trade-panel-volume .trade-down { height: 58px !important; }
      .trader-theme .chart-local-order-panel { width: 88px; top: 4px; right: 4px; padding: 5px; }
      .trader-theme .chart-local-order-field { font-size: 8px; margin-bottom: 5px; }
      .trader-theme .chart-local-order-input,
      .trader-theme .chart-local-order-field select { height: 24px; padding-inline: 4px; }
      .trader-theme .chart-local-order-profit { min-height: 56px; }
      .trader-theme .chart-local-order-profit strong { font-size: 20px; }
      .trader-theme .chart-local-order-panel > button { height: 36px; font-size: 10px; }
      .trader-theme .theme-footer .footer-timezone-volume { max-width: 160px; }
      .trader-theme .theme-footer .footer-timezone-volume select { max-width: 130px; }
      .trader-theme .theme-footer { overflow: hidden; white-space: nowrap; }
      .trader-theme .chart-workspace-grid {
        flex-flow: column nowrap;
        align-content: stretch;
      }
      .trader-theme .chart-workspace-grid > div {
        flex: 0 0 min(430px, calc(100vh - 104px));
        width: 100% !important;
        min-width: 0 !important;
        min-height: 340px !important;
      }
    }