/* =========================================================
   OMAX THEME SYSTEM R1
   ========================================================= */

:root{
  --omax-t1:#a848ff;
  --omax-t2:#536dff;
  --omax-t3:#24dfff;

  --omax-core-r:25;
  --omax-core-g:167;
  --omax-core-b:255;

  --omax-theme-glow:rgba(36,223,255,.12);
}


/* OMAX */
html[data-omax-theme="omax"]{
  --omax-t1:#a848ff;
  --omax-t2:#536dff;
  --omax-t3:#24dfff;

  --omax-core-r:25;
  --omax-core-g:167;
  --omax-core-b:255;

  --omax-theme-glow:rgba(36,223,255,.12);
}


/* SILVER */
html[data-omax-theme="silver"]{
  --omax-t1:#788897;
  --omax-t2:#c7d4de;
  --omax-t3:#f4fbff;

  --omax-core-r:200;
  --omax-core-g:218;
  --omax-core-b:230;

  --omax-theme-glow:rgba(218,238,248,.13);
}


/* COPPER */
html[data-omax-theme="copper"]{
  --omax-t1:#8e4e2d;
  --omax-t2:#c77945;
  --omax-t3:#efb079;

  --omax-core-r:204;
  --omax-core-g:116;
  --omax-core-b:66;

  --omax-theme-glow:rgba(221,131,72,.14);
}


/* EMERALD */
html[data-omax-theme="emerald"]{
  --omax-t1:#087d5c;
  --omax-t2:#18c889;
  --omax-t3:#5fffc0;

  --omax-core-r:31;
  --omax-core-g:211;
  --omax-core-b:143;

  --omax-theme-glow:rgba(43,226,159,.13);
}


/* OCEAN */
html[data-omax-theme="ocean"]{
  --omax-t1:#1557c8;
  --omax-t2:#168fdc;
  --omax-t3:#3ae7ff;

  --omax-core-r:31;
  --omax-core-g:157;
  --omax-core-b:240;

  --omax-theme-glow:rgba(46,188,255,.13);
}


/* VIOLET */
html[data-omax-theme="violet"]{
  --omax-t1:#6d34d7;
  --omax-t2:#9658ff;
  --omax-t3:#d49aff;

  --omax-core-r:153;
  --omax-core-g:86;
  --omax-core-b:255;

  --omax-theme-glow:rgba(157,89,255,.14);
}


/* GOLD */
html[data-omax-theme="gold"]{
  --omax-t1:#9b7018;
  --omax-t2:#d8a626;
  --omax-t3:#ffd86a;

  --omax-core-r:226;
  --omax-core-g:176;
  --omax-core-b:50;

  --omax-theme-glow:rgba(255,197,61,.14);
}


/* CRIMSON */
html[data-omax-theme="crimson"]{
  --omax-t1:#7d1737;
  --omax-t2:#c62d54;
  --omax-t3:#ff6e87;

  --omax-core-r:219;
  --omax-core-g:52;
  --omax-core-b:88;

  --omax-theme-glow:rgba(235,65,101,.14);
}


/* =========================================================
   MAJOR DASHBOARD CARD BORDERS
   BORDER ONLY — DON'T RECOLOR CARD SURFACES
   ========================================================= */

.heroBar,
.metric.glass,
.mapCard,
.pipelineCard,
.tradesWindow,
.capitalStrip,
.funnelCard,
.telemetry,
.readiness{
  border-color:transparent!important;
  position:relative;
}


/* Theme border ring without touching card background */
.heroBar::after,
.metric.glass::after,
.mapCard::after,
.pipelineCard::after,
.tradesWindow::after,
.capitalStrip::after,
.funnelCard::after,
.telemetry::after,
.readiness::after{
  content:"";

  position:absolute;
  inset:0;

  padding:.75px;

  border-radius:inherit;

  background:
    linear-gradient(
      120deg,
      var(--omax-t1),
      var(--omax-t2) 50%,
      var(--omax-t3)
    );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

  -webkit-mask-composite:xor;

  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);

  mask-composite:exclude;

  pointer-events:none;

  opacity:.48;

  z-index:30;
}


/* subtle themed glow */
.heroBar,
.mapCard,
.pipelineCard,
.tradesWindow,
.capitalStrip,
.funnelCard,
.telemetry,
.readiness{
  box-shadow:
    inset 0 1px rgba(255,255,255,.025),
    0 0 15px var(--omax-theme-glow),
    0 8px 24px rgba(0,0,0,.18)!important;
}


/* =========================================================
   TOP DRAWER BORDER — USE SAME THEME
   ========================================================= */

#omaxTopMenuPanel::after{
  background:
    linear-gradient(
      120deg,
      var(--omax-t1),
      var(--omax-t2) 50%,
      var(--omax-t3)
    )!important;
}


/* =========================================================
   SETTINGS THEME SELECTOR
   ========================================================= */

.omaxThemeBox{
  margin:0 0 18px;

  padding:15px;

  border:1px solid rgba(91,162,215,.17);
  border-radius:16px;

  background:
    rgba(4,16,32,.22);

  backdrop-filter:
    blur(5px);

  -webkit-backdrop-filter:
    blur(5px);
}

.omaxThemeTitle{
  font-size:13px;
  font-weight:750;

  color:#e7f5ff;

  letter-spacing:.04em;
}

.omaxThemeSub{
  margin-top:4px;

  font-size:10px;

  color:#708ca4;
}

.omaxThemeGrid{
  display:grid;

  grid-template-columns:
    repeat(4,minmax(0,1fr));

  gap:12px;

  margin-top:15px;
}

.omaxThemeOption{
  appearance:none;

  border:0;
  background:transparent;

  padding:0;

  color:#8ca5b9;

  cursor:pointer;

  text-align:center;

  -webkit-tap-highlight-color:transparent;
}

.omaxThemeSwatch{
  position:relative;

  display:block;

  width:34px;
  height:34px;

  margin:0 auto 6px;

  border-radius:9px;

  background:
    linear-gradient(
      135deg,
      var(--c1),
      var(--c2) 50%,
      var(--c3)
    );

  box-shadow:
    inset 0 1px rgba(255,255,255,.18),
    0 0 10px rgba(0,0,0,.22);

  transition:
    transform .13s ease,
    box-shadow .13s ease;
}

.omaxThemeOption:active .omaxThemeSwatch{
  transform:scale(.91);
}

.omaxThemeOption.active .omaxThemeSwatch{
  box-shadow:
    0 0 0 2px rgba(225,246,255,.90),
    0 0 0 5px rgba(71,181,255,.13),
    0 0 16px var(--omax-theme-glow);
}

.omaxThemeName{
  display:block;

  font-size:8px;
  letter-spacing:.06em;

  white-space:nowrap;
}

.omaxThemeOption.active .omaxThemeName{
  color:#eefaff;
}


@media(max-width:390px){

  .omaxThemeGrid{
    grid-template-columns:
      repeat(4,minmax(0,1fr));

    gap:10px 7px;
  }

  .omaxThemeSwatch{
    width:31px;
    height:31px;
  }

  .omaxThemeName{
    font-size:7px;
  }
}

/* =========================================================
   OMAX THEME SYSTEM R2
   COMPLETE PANELS + INTERNAL CARDS + ICONS
   ========================================================= */


/* =========================================================
   INTERNAL CARDS / WINDOWS
   border only — preserve existing surfaces
   ========================================================= */

.pipeStep,
.tradePane,
.eventChip,
.capCell,
.chartCard,
.telemetry,
.funnelCard,
.readiness,
.capitalStrip,
.oxCard,
.oxNotice,
.oxModal,
.oxLogin,
.omaxThemeBox{
  border-color:color-mix(
    in srgb,
    var(--omax-t2) 38%,
    transparent
  )!important;

  box-shadow:
    inset 0 1px rgba(255,255,255,.018),
    0 0 10px color-mix(
      in srgb,
      var(--omax-t3) 7%,
      transparent
    )!important;
}


/* pipeline active card */
.pipeStep.active{
  border-color:color-mix(
    in srgb,
    var(--omax-t1) 58%,
    transparent
  )!important;

  box-shadow:
    inset 0 0 20px color-mix(
      in srgb,
      var(--omax-t1) 9%,
      transparent
    ),
    0 0 12px color-mix(
      in srgb,
      var(--omax-t2) 8%,
      transparent
    )!important;
}


/* =========================================================
   GENERIC OMAX ICON CONTAINERS
   ========================================================= */

.metricIcon,
.pipeIcon,
.omaxTopMenuIcon{
  color:var(--omax-t3)!important;

  border-color:color-mix(
    in srgb,
    var(--omax-t3) 30%,
    transparent
  )!important;

  box-shadow:
    inset 0 0 15px color-mix(
      in srgb,
      var(--omax-t3) 8%,
      transparent
    )!important;
}


/* SVG icons inside normal OMAX components */
.metricIcon svg,
.pipeIcon svg,
.omaxTopMenuIcon svg,
.sectionHead svg,
.chartHead svg,
.miniHead svg{
  color:var(--omax-t3)!important;
  stroke:currentColor!important;
}


/* protect line icons from accidental fill */
.metricIcon svg *,
.pipeIcon svg *,
.omaxTopMenuIcon svg *{
  stroke:currentColor!important;
}


/* =========================================================
   CHART / SPARK / TELEMETRY ACCENTS
   ========================================================= */

.sparkStroke,
.chartCard svg path,
.chartCard svg polyline,
.telemetry svg path,
.telemetry svg polyline{
  stroke:var(--omax-t3)!important;

  filter:
    drop-shadow(
      0 0 4px
      color-mix(
        in srgb,
        var(--omax-t3) 52%,
        transparent
      )
    )!important;
}


.sparkArea{
  fill:color-mix(
    in srgb,
    var(--omax-t3) 10%,
    transparent
  )!important;
}


.chartCard svg rect,
.telemetry svg rect{
  fill:var(--omax-t3)!important;
}


/* =========================================================
   FUNNEL
   ========================================================= */

.funnelCard svg path,
.funnelCard svg polygon{
  stroke:var(--omax-t2)!important;
}

.funnelCard svg stop:first-child{
  stop-color:var(--omax-t1)!important;
}

.funnelCard svg stop:last-child{
  stop-color:var(--omax-t3)!important;
}


/* =========================================================
   READINESS / GAUGE
   ========================================================= */

.readiness svg circle,
.readiness svg path{
  stroke:var(--omax-t3)!important;
}


/* =========================================================
   SETTINGS PANEL
   ========================================================= */

#omaxExchangePanel{
  border-color:color-mix(
    in srgb,
    var(--omax-t3) 34%,
    transparent
  )!important;

  box-shadow:
    -18px 0 60px rgba(0,0,0,.38),
    -2px 0 16px color-mix(
      in srgb,
      var(--omax-t1) 8%,
      transparent
    )!important;
}


.oxIconBtn,
.oxBtn{
  border-color:color-mix(
    in srgb,
    var(--omax-t3) 34%,
    transparent
  )!important;

  color:var(--omax-t3)!important;
}


.oxBtn.primary{
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb,var(--omax-t2) 42%,#06172c),
      color-mix(in srgb,var(--omax-t3) 28%,#06172c)
    )!important;

  border-color:var(--omax-t3)!important;
}


.oxField input:focus,
.oxField select:focus{
  border-color:var(--omax-t3)!important;

  box-shadow:
    0 0 0 2px
    color-mix(
      in srgb,
      var(--omax-t3) 11%,
      transparent
    )!important;
}


/* Theme selector border follows active theme */
.omaxThemeOption.active .omaxThemeSwatch{
  box-shadow:
    0 0 0 2px var(--omax-t3),
    0 0 0 5px
      color-mix(
        in srgb,
        var(--omax-t2) 14%,
        transparent
      ),
    0 0 16px var(--omax-theme-glow)!important;
}


/* =========================================================
   TOP MENU
   keep existing drawer shape, only recolor its border
   ========================================================= */

#omaxTopMenuPanel::after{
  background:
    linear-gradient(
      120deg,
      var(--omax-t1) 0%,
      var(--omax-t2) 50%,
      var(--omax-t3) 100%
    )!important;
}


/* =========================================================
   DO NOT THEME EXCHANGE BRAND COLORS
   ========================================================= */

.omaxR17Venue.binance .omaxR17VenueMark,
.omaxR17Venue[data-exchange*="binance"] .omaxR17VenueMark{
  color:#f3ba2f!important;
}

.omaxR17Venue.bybit .omaxR17VenueMark,
.omaxR17Venue[data-exchange*="bybit"] .omaxR17VenueMark{
  color:#4bd8ff!important;
}

.omaxR17Venue.okx .omaxR17VenueMark,
.omaxR17Venue[data-exchange*="okx"] .omaxR17VenueMark{
  color:#ad75ff!important;
}


/* =========================================================
   DO NOT THEME SEMANTIC STATUS COLORS
   ========================================================= */

.good,
.ok,
.positive,
.liveBadge,
.stateChip:not(.liveoff){
  /* intentionally preserve semantic green */
}

.error,
.bad,
.down,
.oxBtn.danger{
  /* intentionally preserve semantic red */
}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:640px){

  .metricIcon,
  .pipeIcon{
    box-shadow:
      inset 0 0 11px
      color-mix(
        in srgb,
        var(--omax-t3) 7%,
        transparent
      )!important;
  }

}

/* =========================================================
   OVERRIDE OLD FIXED CYAN ICON RULES
   ========================================================= */

.metricsGrid > .metric:nth-child(5) .metricIcon,
.metricsGrid > .metric:nth-child(6) .metricIcon{
  color:var(--omax-t3)!important;
}

.metricsGrid > .metric:nth-child(5) .metricIcon svg,
.metricsGrid > .metric:nth-child(6) .metricIcon svg{
  stroke:currentColor!important;
  fill:none!important;
}


/* =========================================================
   OMAX THEME R3 — TOP MENU BUTTON
   ========================================================= */

#omaxTopMenuButton{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 32%,
      transparent
    )!important;

  box-shadow:
    inset 0 1px rgba(255,255,255,.04),
    inset 0 0 14px
      color-mix(in srgb,var(--omax-t2) 7%,transparent),
    0 0 12px
      color-mix(in srgb,var(--omax-t3) 9%,transparent)!important;
}

#omaxTopMenuButton span{
  background:var(--omax-t3)!important;

  box-shadow:
    0 0 5px
      color-mix(
        in srgb,
        var(--omax-t3) 70%,
        transparent
      )!important;
}


/* menu icons */
.omaxTopMenuIcon,
.omaxTopMenuIcon svg{
  color:var(--omax-t3)!important;
  stroke:currentColor!important;
}


/* Logout stays semantic red */
.omaxTopMenuItem.logout .omaxTopMenuIcon,
.omaxTopMenuItem.logout .omaxTopMenuIcon svg{
  color:#ff8199!important;
}


/* LIVE route / autonomous icons */
.mapCard .live,
.pipelineCard .live,
.pipelineCard [class*="autonomous"] svg{
  color:var(--omax-t3)!important;
}

/* =========================================================
   OMAX THEME R3 — REPORTS PAGE
   ========================================================= */

.omaxReportsStandalone{
  --or-line:
    color-mix(
      in srgb,
      var(--omax-t3) 30%,
      transparent
    )!important;

  --or-panel:rgba(7,13,29,.92)!important;
  --or-panel2:rgba(10,18,38,.87)!important;
}


/* Report KPI cards + panels */
.omaxReportsStandalone .or-kpi,
.omaxReportsStandalone .or-panel,
.omaxReportsStandalone .or-period,
.omaxReportsStandalone .or-mini,
.omaxReportsStandalone .or-fresh{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t2) 35%,
      transparent
    )!important;

  box-shadow:
    0 14px 38px rgba(0,0,0,.20),
    inset 0 0 24px
      color-mix(
        in srgb,
        var(--omax-t3) 3%,
        transparent
      )!important;
}


/* Report buttons */
.omaxReportsStandalone .or-actions button,
.omaxReportsStandalone .or-pager button{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 34%,
      transparent
    )!important;
}

.omaxReportsStandalone .or-actions button:hover,
.omaxReportsStandalone .or-pager button:hover:not(:disabled){
  border-color:var(--omax-t3)!important;

  box-shadow:
    0 0 15px
      color-mix(
        in srgb,
        var(--omax-t3) 10%,
        transparent
      )!important;
}


/* Search / filters */
.omaxReportsStandalone .or-filters input,
.omaxReportsStandalone .or-filters select{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 26%,
      transparent
    )!important;
}

.omaxReportsStandalone .or-filters input:focus,
.omaxReportsStandalone .or-filters select:focus{
  border-color:var(--omax-t3)!important;
}


/* Rank number accents */
.omaxReportsStandalone .or-rank-list span{
  background:
    color-mix(
      in srgb,
      var(--omax-t3) 8%,
      transparent
    )!important;

  color:var(--omax-t3)!important;
}


/* Report allocation bars */
.omaxReportsStandalone .or-bar-row i{
  background:
    linear-gradient(
      90deg,
      var(--omax-t1),
      var(--omax-t2),
      var(--omax-t3)
    )!important;
}


/* Table lines */
.omaxReportsStandalone .or-toolbar,
.omaxReportsStandalone .or-table th,
.omaxReportsStandalone .or-table td,
.omaxReportsStandalone .or-rank-list>div{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 12%,
      transparent
    )!important;
}


/* Table hover */
.omaxReportsStandalone .or-table tbody tr:hover{
  background:
    color-mix(
      in srgb,
      var(--omax-t3) 4%,
      transparent
    )!important;
}


/* Exit badges */
.omaxReportsStandalone .or-exit:not(.timeout){
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 24%,
      transparent
    )!important;

  color:
    color-mix(
      in srgb,
      var(--omax-t3) 72%,
      white
    )!important;
}


/* Keep semantic colors */
.omaxReportsStandalone .pos{
  color:#69f5c0!important;
}

.omaxReportsStandalone .neg{
  color:#ff7d95!important;
}

.omaxReportsStandalone .or-exit.timeout{
  color:#ffc17e!important;
}

/* =========================================================
   OMAX THEME R3 — REMAINING GENERAL ACCENTS
   ========================================================= */

/* neutral interactive controls */
[class*="IconBtn"]:not(.danger),
[class*="iconBtn"]:not(.danger){
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 30%,
      transparent
    )!important;
}


/* generic cyan SVG icons inside OMAX cards */
.mapCard svg:not(.brandIcon),
.pipelineCard svg,
.tradesWindow svg,
.chartCard svg,
.telemetry svg,
.funnelCard svg,
.readiness svg{
  color:var(--omax-t3);
}


/* Pipeline arrows */
.pipelineCard .arrow,
.pipelineCard [class*="arrow"]{
  color:
    color-mix(
      in srgb,
      var(--omax-t3) 70%,
      transparent
    )!important;
}


/* Generic selected / active outlines */
[data-active="true"]:not(.healthy):not(.good),
.activeAccent{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 45%,
      transparent
    )!important;
}

/* =========================================================
   OMAX THEME R4
   SINGLE-LINE TOP THEME STRIP
   ========================================================= */

.omaxThemeBox{
  margin:0 0 12px!important;

  padding:8px 10px!important;

  border-radius:12px!important;

  border:
    1px solid
    color-mix(
      in srgb,
      var(--omax-t3) 24%,
      transparent
    )!important;

  background:
    rgba(4,14,28,.18)!important;

  backdrop-filter:
    blur(5px)!important;

  -webkit-backdrop-filter:
    blur(5px)!important;

  box-shadow:
    inset 0 1px rgba(255,255,255,.018),
    0 0 10px
    color-mix(
      in srgb,
      var(--omax-t3) 5%,
      transparent
    )!important;
}


/* remove heading/subheading */
.omaxThemeTitle,
.omaxThemeSub{
  display:none!important;
}


/* one horizontal row */
.omaxThemeGrid{
  display:flex!important;

  align-items:center!important;
  justify-content:space-between!important;

  gap:8px!important;

  margin:0!important;

  width:100%!important;
}


/* compact theme button */
.omaxThemeOption{
  flex:0 0 auto!important;

  width:34px!important;

  padding:0!important;

  margin:0!important;

  display:flex!important;

  align-items:center!important;
  justify-content:center!important;

  background:transparent!important;

  border:0!important;

  -webkit-tap-highlight-color:transparent!important;
}


/* hide names */
.omaxThemeName{
  display:none!important;
}


/* compact color squares */
.omaxThemeSwatch{
  width:26px!important;
  height:26px!important;

  margin:0!important;

  border-radius:7px!important;

  box-shadow:
    inset 0 1px rgba(255,255,255,.14),
    0 2px 6px rgba(0,0,0,.18)!important;

  transition:
    transform .12s ease,
    box-shadow .12s ease!important;
}


/* active */
.omaxThemeOption.active .omaxThemeSwatch{
  transform:scale(1.06)!important;

  box-shadow:
    0 0 0 1.5px var(--omax-t3),
    0 0 0 4px
      color-mix(
        in srgb,
        var(--omax-t2) 13%,
        transparent
      ),
    0 0 10px var(--omax-theme-glow)!important;
}


/* tap */
.omaxThemeOption:active .omaxThemeSwatch{
  transform:scale(.92)!important;
}


@media(max-width:390px){

  .omaxThemeBox{
    padding:7px 8px!important;
  }

  .omaxThemeGrid{
    gap:5px!important;
  }

  .omaxThemeOption{
    width:30px!important;
  }

  .omaxThemeSwatch{
    width:24px!important;
    height:24px!important;
  }
}

/* =========================================================
   OMAX THEME R4
   PIPELINE + MARKET/PERFORMANCE COMPLETE
   ========================================================= */


/* ---------------------------------------------------------
   PIPELINE STEP CARDS
   --------------------------------------------------------- */

.cleanFlow .pipeStep{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t2) 34%,
      transparent
    )!important;

  box-shadow:
    inset 0 1px rgba(255,255,255,.025),
    inset 0 0 18px
      color-mix(
        in srgb,
        var(--omax-t3) 4%,
        transparent
      )!important;
}


/* active pipeline step follows theme too */
.cleanFlow .pipeStep.active{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t1) 52%,
      transparent
    )!important;

  box-shadow:
    inset 0 0 20px
      color-mix(
        in srgb,
        var(--omax-t1) 9%,
        transparent
      )!important;
}


/* Keep semantic healthy/warn states */
.cleanFlow .pipeStep.good{
  border-color:#3bffbd57!important;
}

.cleanFlow .pipeStep.warn{
  border-color:#ffb64a57!important;
}


/* pipeline icons */
.cleanFlow .pipeIcon{
  color:var(--omax-t3)!important;

  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 34%,
      transparent
    )!important;

  background:
    color-mix(
      in srgb,
      var(--omax-t3) 7%,
      #07182d
    )!important;
}

.cleanFlow .pipeIcon svg{
  color:var(--omax-t3)!important;
  stroke:currentColor!important;
}


/* arrows between pipeline cards */
.flowArrow,
.flowArrow.back,
.flowTurn{
  color:var(--omax-t3)!important;

  text-shadow:
    0 0 7px
    color-mix(
      in srgb,
      var(--omax-t3) 65%,
      transparent
    )!important;
}


/* ---------------------------------------------------------
   MARKET PULSE / PERFORMANCE CORE
   --------------------------------------------------------- */

.spectrumChart.cyan,
.spectrumChart.violet{
  color:var(--omax-t3)!important;
}


/* spectrum bars */
.spectrumColumn{
  fill:currentColor!important;

  filter:
    drop-shadow(
      0 0 2.2px currentColor
    )!important;
}


/* spectrum axis */
.spectrumAxis{
  stroke:currentColor!important;
}


/* chart legend dot */
.spectrumChart .chartLegend i,
.spectrumChart.violet .chartLegend i{
  background:var(--omax-t3)!important;

  box-shadow:
    0 0 8px
    color-mix(
      in srgb,
      var(--omax-t3) 70%,
      transparent
    )!important;
}


/* value box on Market Pulse / Performance Core */
.chartCard .headValue{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 32%,
      transparent
    )!important;

  box-shadow:
    inset 0 0 10px
    color-mix(
      in srgb,
      var(--omax-t3) 4%,
      transparent
    )!important;
}


/* chart grid lines */
.chartCard .liveChart{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 12%,
      transparent
    )!important;
}


/* old line-chart selectors too, for compatibility */
.chartGlow,
.chartLine,
.liveChart.violet .chartGlow,
.liveChart.violet .chartLine{
  stroke:var(--omax-t3)!important;

  filter:
    drop-shadow(
      0 0 5px
      color-mix(
        in srgb,
        var(--omax-t3) 55%,
        transparent
      )
    )!important;
}


/* venue mini bars inside Market Pulse stay operationally colored */
.venueMini .bar:not(.violet):not(.green) i{
  background:
    linear-gradient(
      90deg,
      var(--omax-t1),
      var(--omax-t2),
      var(--omax-t3)
    )!important;
}


/* ---------------------------------------------------------
   TOP STATUS / LABEL BOXES
   --------------------------------------------------------- */

.pipelineCard .liveBadge{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 28%,
      transparent
    )!important;
}

.pipelineCard .liveBadge svg{
  color:var(--omax-t3)!important;
  stroke:currentColor!important;
}


/* =========================================================
   OMAX THEME R5
   REMAINING DASHBOARD CONTROLS
   ========================================================= */


/* ---------------------------------------------------------
   ENGINE ON / LIVE OFF
   keep semantic dot colors, theme the containers
   --------------------------------------------------------- */

.stateChip,
.stateChip.liveoff{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 30%,
      transparent
    )!important;

  background:
    color-mix(
      in srgb,
      var(--omax-t2) 6%,
      rgba(4,15,31,.72)
    )!important;

  box-shadow:
    inset 0 0 12px
    color-mix(
      in srgb,
      var(--omax-t3) 4%,
      transparent
    )!important;
}

/* keep LIVE OFF amber meaning */
.stateChip.liveoff{
  color:#ffc369!important;
}

/* keep Engine green meaning */
.stateChip:not(.liveoff){
  color:#63ffc6!important;
}


/* ---------------------------------------------------------
   LIVE ROUTES / AUTONOMOUS FLOW boxes
   --------------------------------------------------------- */

.liveBadge{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 32%,
      transparent
    )!important;

  background:
    color-mix(
      in srgb,
      var(--omax-t2) 5%,
      rgba(3,15,30,.72)
    )!important;

  box-shadow:
    inset 0 0 12px
    color-mix(
      in srgb,
      var(--omax-t3) 4%,
      transparent
    )!important;
}

.liveBadge svg{
  color:var(--omax-t3)!important;
  stroke:currentColor!important;
}


/* ---------------------------------------------------------
   OPEN / CLOSED counters
   --------------------------------------------------------- */

.tradeCounters span{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 28%,
      transparent
    )!important;

  background:
    color-mix(
      in srgb,
      var(--omax-t2) 5%,
      rgba(2,14,28,.66)
    )!important;
}

/* open counter follows theme */
.tradeCounters .open{
  color:var(--omax-t3)!important;
}

.tradeCounters .open i{
  background:var(--omax-t3)!important;

  box-shadow:
    0 0 8px
    color-mix(
      in srgb,
      var(--omax-t3) 75%,
      transparent
    )!important;
}

/* closed stays semantic green */
.tradeCounters .closed{
  color:#54ffc0!important;
}

.tradeCounters .closed i{
  background:#54ffc0!important;
  box-shadow:0 0 8px #54ffc0!important;
}


/* ---------------------------------------------------------
   LIVE / NET top value boxes
   --------------------------------------------------------- */

.headValue{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 30%,
      transparent
    )!important;

  box-shadow:
    inset 0 0 12px
    color-mix(
      in srgb,
      var(--omax-t3) 4%,
      transparent
    )!important;
}


/* ---------------------------------------------------------
   Gross / Fees / Closed boxes
   --------------------------------------------------------- */

.microRow span{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 26%,
      transparent
    )!important;

  background:
    color-mix(
      in srgb,
      var(--omax-t2) 4%,
      rgba(3,13,26,.46)
    )!important;
}


/* ---------------------------------------------------------
   PIPELINE internal arrows / turn arrows
   --------------------------------------------------------- */

.flowArrow,
.flowArrow.back,
.flowTurn{
  color:var(--omax-t3)!important;

  text-shadow:
    0 0 7px
    color-mix(
      in srgb,
      var(--omax-t3) 68%,
      transparent
    )!important;
}


/* ---------------------------------------------------------
   PIPELINE cards/icons
   --------------------------------------------------------- */

.cleanFlow .pipeStep{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 28%,
      transparent
    )!important;
}

.cleanFlow .pipeStep.active{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t1) 52%,
      transparent
    )!important;
}

.cleanFlow .pipeIcon{
  color:var(--omax-t3)!important;

  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 32%,
      transparent
    )!important;

  background:
    color-mix(
      in srgb,
      var(--omax-t3) 7%,
      #07182d
    )!important;
}

.cleanFlow .pipeIcon svg{
  stroke:currentColor!important;
}


/* =========================================================
   REPORTS — CSS ONLY
   NO MORE REPORT JS PATCHING
   ========================================================= */

.omaxReportsStandalone .or-kpi,
.omaxReportsStandalone .or-panel,
.omaxReportsStandalone .or-period,
.omaxReportsStandalone .or-mini,
.omaxReportsStandalone .or-fresh{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 30%,
      transparent
    )!important;
}


/* cumulative PNL chart */
.omaxReportsStandalone #orAreaR2 stop:first-child{
  stop-color:var(--omax-t3)!important;
}

.omaxReportsStandalone #orAreaR2 stop:last-child{
  stop-color:var(--omax-t3)!important;
}

.omaxReportsStandalone .or-chart path[
  stroke="#41d6ff"
]{
  stroke:var(--omax-t3)!important;
}


/* daily performance chart */
.omaxReportsStandalone .or-chart path[
  stroke="#a66cff"
]{
  stroke:var(--omax-t2)!important;
}


/* report buttons */
.omaxReportsStandalone button{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 28%,
      transparent
    )!important;
}


/* report fields */
.omaxReportsStandalone input:focus,
.omaxReportsStandalone select:focus{
  border-color:var(--omax-t3)!important;
}


/* report allocation bars */
.omaxReportsStandalone .or-bar-row i{
  background:
    linear-gradient(
      90deg,
      var(--omax-t1),
      var(--omax-t2),
      var(--omax-t3)
    )!important;
}


/* keep risk/semantic colors untouched */
.omaxReportsStandalone .pos{
  color:#69f5c0!important;
}

.omaxReportsStandalone .neg{
  color:#ff7d95!important;
}


.omaxReportsStandalone .or-chart path[stroke="#41d6ff"]{
  stroke:var(--omax-t3)!important;
}

.omaxReportsStandalone .or-chart path[stroke="#a66cff"]{
  stroke:var(--omax-t2)!important;
}


/* =========================================================
   OMAX THEME R6
   ALL REPORT CHARTS FOLLOW ACTIVE THEME
   ========================================================= */

/* Cumulative Equity */
.omaxReportsStandalone .or-chart path[stroke="#41d6ff"]{
  stroke:var(--omax-t3)!important;

  filter:
    drop-shadow(
      0 0 4px
      color-mix(
        in srgb,
        var(--omax-t3) 45%,
        transparent
      )
    )!important;
}


/* Drawdown */
.omaxReportsStandalone .or-chart path[stroke="#ff8a9d"]{
  stroke:var(--omax-t3)!important;

  filter:
    drop-shadow(
      0 0 4px
      color-mix(
        in srgb,
        var(--omax-t3) 45%,
        transparent
      )
    )!important;
}


/* Daily P&L */
.omaxReportsStandalone .or-chart path[stroke="#a66cff"]{
  stroke:var(--omax-t3)!important;

  filter:
    drop-shadow(
      0 0 4px
      color-mix(
        in srgb,
        var(--omax-t3) 45%,
        transparent
      )
    )!important;
}


/* Equity area gradient */
.omaxReportsStandalone #orAreaR2 stop{
  stop-color:var(--omax-t3)!important;
}


/* Allocation / distribution bars */
.omaxReportsStandalone .or-bar-row i{
  background:
    linear-gradient(
      90deg,
      var(--omax-t1),
      var(--omax-t2),
      var(--omax-t3)
    )!important;
}


/* Chart panel borders */
.omaxReportsStandalone .or-panel{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 32%,
      transparent
    )!important;
}


/* =========================================================
   OMAX THEME R7
   SHADOW CARD + REPORT CHART BASELINES
   ========================================================= */


/* ---------------------------------------------------------
   SHADOW / ACTIVE PIPELINE CARD
   override old fixed violet active color
   --------------------------------------------------------- */

.cleanFlow .pipeStep.active,
.pipeline .pipeStep.active{
  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 48%,
      transparent
    )!important;

  box-shadow:
    inset 0 0 20px
      color-mix(
        in srgb,
        var(--omax-t3) 8%,
        transparent
      ),
    0 0 12px
      color-mix(
        in srgb,
        var(--omax-t3) 7%,
        transparent
      )!important;
}


/* active shadow icon */
.cleanFlow .pipeStep.active .pipeIcon,
.pipeline .pipeStep.active .pipeIcon{
  color:var(--omax-t3)!important;

  border-color:
    color-mix(
      in srgb,
      var(--omax-t3) 42%,
      transparent
    )!important;

  background:
    color-mix(
      in srgb,
      var(--omax-t3) 8%,
      #07182d
    )!important;
}

.cleanFlow .pipeStep.active .pipeIcon svg,
.pipeline .pipeStep.active .pipeIcon svg{
  stroke:currentColor!important;
}


/* ---------------------------------------------------------
   REPORT CHART BASELINES
   bottom horizontal cyan lines
   --------------------------------------------------------- */

.omaxReportsStandalone .or-chart line,
.omaxReportsStandalone .or-chart polyline{
  stroke:var(--omax-t3)!important;
}


/* Some report baselines are SVG paths */
.omaxReportsStandalone .or-chart path[stroke="#41d6ff"],
.omaxReportsStandalone .or-chart path[stroke="#35e8ff"],
.omaxReportsStandalone .or-chart path[stroke="#32e7ff"],
.omaxReportsStandalone .or-chart path[stroke="#61dfff"]{
  stroke:var(--omax-t3)!important;
}


/* specifically thin axis/baseline look */
.omaxReportsStandalone .or-chart line{
  opacity:.68!important;

  filter:
    drop-shadow(
      0 0 3px
      color-mix(
        in srgb,
        var(--omax-t3) 38%,
        transparent
      )
    )!important;
}


/* keep graph curve itself themed too */
.omaxReportsStandalone .or-chart path[stroke="#ff8a9d"],
.omaxReportsStandalone .or-chart path[stroke="#a66cff"]{
  stroke:var(--omax-t3)!important;
}


/* =========================================================
   OMAX THEME R8
   REPORT CUMULATIVE AREA / REMOVE CYAN BASELINE
   ========================================================= */

/*
  First path in Cumulative P&L is the closed AREA path:
  eqPath -> bottom-right -> bottom-left -> close.
  Never give this path a stroke.
*/
.omaxReportsStandalone
.or-grid
.or-panel:first-child
.or-chart > path:first-of-type{
  stroke:none!important;
}


/* Main cumulative curve */
.omaxReportsStandalone
.or-grid
.or-panel:first-child
.or-chart > path:nth-of-type(2){
  stroke:var(--omax-t3)!important;

  filter:
    drop-shadow(
      0 0 4px
      color-mix(
        in srgb,
        var(--omax-t3) 48%,
        transparent
      )
    )!important;
}


/* Theme the area under cumulative curve */
.omaxReportsStandalone #orAreaR2 stop:first-child{
  stop-color:var(--omax-t3)!important;
}

.omaxReportsStandalone #orAreaR2 stop:last-child{
  stop-color:var(--omax-t3)!important;
}


/* Drawdown curve */
.omaxReportsStandalone
.or-grid
.or-panel:nth-child(2)
.or-chart > path{
  stroke:var(--omax-t3)!important;
}


/* Daily P&L chart */
.omaxReportsStandalone
.or-panel.or-section
.or-chart > path{
  stroke:var(--omax-t3)!important;
}


/* =========================================================
   OMAX REPORTS R16
   FIX DAILY PERFORMANCE HIDDEN BY CUMULATIVE AREA RULE
   ========================================================= */

/*
  Daily Performance is also the first panel of an .or-grid.
  Old R8 mistakenly applies stroke:none to its only path.
  Restore ONLY the real daily line here.
*/
.omaxReportsStandalone
.or-grid
.or-panel:first-child
.or-daily-chart
> path.or-daily-line:first-of-type{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;

  fill:none!important;

  stroke:var(--omax-t3)!important;
  stroke-width:3px!important;

  stroke-linecap:round!important;
  stroke-linejoin:round!important;

  filter:
    drop-shadow(
      0 0 4px
      color-mix(
        in srgb,
        var(--omax-t3) 48%,
        transparent
      )
    )!important;
}


/* =========================================================
   OMAX SETTINGS SECTIONS R1
   Separate scalable settings groups
   ========================================================= */

.omaxSettingsSection{
  width:100%;
  box-sizing:border-box;

  margin:0 0 18px 0;
  padding:18px;

  border:
    1px solid
    color-mix(
      in srgb,
      var(--omax-t3) 28%,
      transparent
    );

  border-radius:20px;

  background:
    linear-gradient(
      180deg,
      color-mix(
        in srgb,
        var(--omax-t3) 4%,
        rgba(3,12,25,.82)
      ),
      rgba(3,12,25,.62)
    );

  box-shadow:
    inset 0 0 24px rgba(0,0,0,.16);
}


.omaxSettingsSectionTitle{
  display:flex;
  flex-direction:column;
  gap:3px;

  margin:0 0 15px 0;
}


.omaxSettingsSectionTitle strong{
  color:#eef7ff;

  font-size:18px;
  line-height:1.2;

  font-weight:750;
}


.omaxSettingsSectionTitle small{
  color:#7894aa;

  font-size:12px;
  line-height:1.35;
}


/* Theme section */
#omaxThemeSection{
  padding:14px 16px 16px;
}


#omaxThemeSection .omaxSettingsSectionTitle{
  margin-bottom:12px;
}


/* Existing theme swatch strip */
#omaxThemeSection .omax-theme-strip,
#omaxThemeSection [data-omax-theme-strip]{
  margin:0!important;
}


/* Exchange section */
#omaxExchangeSection{
  padding:18px;
}


/* Avoid double outer borders when old exchange wrapper already has one */
#omaxExchangeSection > .omax-exchange-manager,
#omaxExchangeSection > [class*="exchange"]{
  margin-top:0;
}


@media(max-width:640px){

  .omaxSettingsSection{
    margin-bottom:14px;
    padding:14px;

    border-radius:18px;
  }

  .omaxSettingsSectionTitle{
    margin-bottom:12px;
  }

  .omaxSettingsSectionTitle strong{
    font-size:16px;
  }

  .omaxSettingsSectionTitle small{
    font-size:11px;
  }

  #omaxThemeSection{
    padding:12px 14px 14px;
  }

}


/* =========================================================
   OMAX SETTINGS CARDS R2
   Real DOM selectors
   ========================================================= */

/* ---------- THEME CARD ---------- */

/* Settings-only: [hidden] must beat the always-on display:block!important. */
#omaxThemeBox[hidden],
#omaxSecurityCard[hidden]{
  display:none!important;
}

#omaxThemeBox{
  display:block!important;

  width:100%!important;
  box-sizing:border-box!important;

  margin:0 0 18px 0!important;
  padding:16px 16px 18px!important;

  border:
    1px solid
    color-mix(
      in srgb,
      var(--omax-t3) 30%,
      transparent
    )!important;

  border-radius:18px!important;

  background:
    linear-gradient(
      180deg,
      color-mix(
        in srgb,
        var(--omax-t3) 5%,
        rgba(4,13,27,.88)
      ),
      rgba(3,10,22,.72)
    )!important;

  box-shadow:
    inset 0 0 24px rgba(0,0,0,.16),
    0 0 18px
    color-mix(
      in srgb,
      var(--omax-t3) 5%,
      transparent
    )!important;
}


/* Bring back Theme heading */
#omaxThemeBox .omaxThemeTitle{
  display:block!important;

  margin:0 0 3px 0!important;

  color:#edf7ff!important;

  font-size:17px!important;
  line-height:1.25!important;
  font-weight:750!important;
}


/* Theme subtitle */
#omaxThemeBox .omaxThemeSub{
  display:block!important;

  margin:0 0 14px 0!important;

  color:#718ca1!important;

  font-size:11px!important;
  line-height:1.4!important;
}


/* Theme choices stay compact */
#omaxThemeBox .omaxThemeGrid{
  margin:0!important;
  padding:0!important;

  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;

  gap:11px!important;
  flex-wrap:wrap!important;
}


/* We only want the color swatches */
#omaxThemeBox .omaxThemeName{
  display:none!important;
}


/* ---------- EXCHANGE SECTION ---------- */

/*
 Existing Exchange Connections area remains its own section.
 Give its main heading breathing room so it is visually
 separated from the Theme card.
*/
#omaxThemeBox + *{
  margin-top:0!important;
}


/* mobile */
@media(max-width:640px){

  #omaxThemeBox{
    margin-bottom:16px!important;

    padding:
      14px
      14px
      16px!important;

    border-radius:17px!important;
  }

  #omaxThemeBox .omaxThemeTitle{
    font-size:16px!important;
  }

  #omaxThemeBox .omaxThemeSub{
    font-size:10px!important;
    margin-bottom:12px!important;
  }

  #omaxThemeBox .omaxThemeGrid{
    gap:9px!important;
  }

}