/* =============================================================================
static/dash/trading.css — AI TRADING / CLEAN XDETAIL TEXT FLOW
- shell-integrated
- model switch uses TreeSelector .top-nonfin-strip contract
- initial DOM is small; partial batches append items
- one film = compact media column + xdetail text flow
- bullets flow horizontally first, then wrap
- reason / transmission stacked vertically
- stronger separation between materials
- no rounded corners, no visible frames, no horizontal page scroll
============================================================================= */


/* =============================================================================
1) TOKENS
============================================================================= */

:root{
  --tr-bg:#000000;

  --tr-text:rgba(226,226,226,.82);
  --tr-text-strong:rgba(234,234,234,.86);
  --tr-muted:rgba(188,188,188,.56);
  --tr-dim:rgba(156,156,156,.40);
  --tr-faint:rgba(156,156,156,.28);

  --tr-gap-1:8px;
  --tr-gap-2:12px;
  --tr-gap-3:18px;
  --tr-gap-film:56px;

  --tr-pad-1:8px;
  --tr-pad-2:10px;
  --tr-pad-3:14px;

  --tr-glass-48:rgba(0,0,0,.48);
  --tr-glass-58:rgba(0,0,0,.58);
  --tr-glass-64:rgba(0,0,0,.64);
  --tr-glass-70:rgba(0,0,0,.70);
  --tr-glass-72:rgba(0,0,0,.72);
  --tr-glass-82:rgba(0,0,0,.82);

  --tr-chip:rgba(255,255,255,.05);

  --tr-radius:0px;

  --tr-ui:ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;

  --tr-media-min:150px;
  --tr-media-fluid:14vw;
  --tr-media-max:245px;

  --tr-flow-left-pad:34px;
  --tr-flow-right-pad:20px;

  --tr-time-panel-min:360px;

  --tr-bullet-min:205px;
  --tr-bullet-gap-x:30px;
  --tr-bullet-gap-y:24px;

  --tr-bullet-font:10.9px;
  --tr-bullet-line:1.48;
  --tr-bullet-text:rgba(224,224,224,.78);

  --tr-tail-font:9.8px;
  --tr-tail-line:1.38;
  --tr-tail-text:rgba(220,220,220,.62);

  --tr-plate-min:8.5px;
  --tr-plate-max:11px;
  --tr-plate-letter:.11em;
  --tr-plate-line:1.06;

  --tr-scroll-thumb:rgba(255,255,255,.045);
  --tr-scroll-track:rgba(0,0,0,.92);
}


/* =============================================================================
2) SHELL CONTRACT
============================================================================= */

body.trading-shell-page{
  background:#000;
}

.trading-shell-page #aa-page-slot{
  min-height:100%;
}

.trading-shell-page .trading-content{
  position:relative;
  width:100%;
  max-width:100%;
  min-height:100%;
  padding:14px;
  color:var(--tr-text);
  background:transparent;
  font-family:var(--tr-ui);
  overflow-x:hidden !important;
  overflow-y:visible;
}

.trading-shell-page .trading-content,
.trading-shell-page .trading-content *{
  box-sizing:border-box;
  border-radius:var(--tr-radius) !important;
}

.trading-shell-page .trading-content *:focus{
  outline:none;
}

.trading-shell-page .trading-page{
  position:relative;
  width:100%;
  height:auto;
  min-height:0;
  overflow:visible;
  padding:0;
  background:#000;
}

.trading-shell-page .trading-layout,
.trading-shell-page .trading-sidebar,
.trading-shell-page .trading-model-nav,
.trading-shell-page .trading-model-strip,
.trading-shell-page .trading-model-switch-wrap{
  display:none !important;
}

.shell-main{
  overflow-x:hidden !important;
}


/* =============================================================================
3) MODEL SWITCH — TREESELECTOR TOP-NONFIN-STRIP CONTRACT
============================================================================= */

.top-chessboard .top-nonfin-strip.trading-model-strip-host{
  top:var(--chess-sub-h) !important;
  left:calc(var(--aa-left-edge-offset) + var(--chess-tile)) !important;
  right:var(--shell-slug) !important;
  height:var(--chess-sub-h) !important;
  min-height:var(--chess-sub-h) !important;
  max-height:var(--chess-sub-h) !important;
  z-index:1600 !important;
  overflow:visible !important;
  pointer-events:auto !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.top-chessboard .top-nonfin-strip.trading-model-strip-host .nonfin-switch-wrap,
.top-chessboard .top-nonfin-strip.trading-model-strip-host .trading-model-switch{
  display:flex !important;
  flex-direction:row !important;
  align-items:stretch !important;
  justify-content:flex-start !important;
  gap:0 !important;
  width:100% !important;
  height:100% !important;
  min-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.top-chessboard .top-nonfin-strip.trading-model-strip-host .trading-model-btn{
  position:relative !important;
  width:var(--chess-tile) !important;
  min-width:var(--chess-tile) !important;
  max-width:var(--chess-tile) !important;
  height:var(--chess-sub-h) !important;
  min-height:var(--chess-sub-h) !important;
  max-height:var(--chess-sub-h) !important;
  flex:0 0 var(--chess-tile) !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  box-shadow:none !important;
  background:rgba(0,0,0,.34) !important;
}

.top-chessboard .top-nonfin-strip.trading-model-strip-host .trading-model-btn:hover,
.top-chessboard .top-nonfin-strip.trading-model-strip-host .trading-model-btn.is-active{
  background:rgba(255,255,255,.028) !important;
}

.top-chessboard .top-nonfin-strip.trading-model-strip-host .trading-model-btn.is-locked{
  opacity:.44 !important;
  cursor:not-allowed !important;
  pointer-events:none !important;
}

.top-chessboard .top-nonfin-strip.trading-model-strip-host .trading-model-btn .tile-label{
  position:static !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  height:100% !important;
  padding:0 7px !important;
  margin:0 !important;
  text-align:center !important;
  white-space:normal !important;
  overflow:visible !important;
  text-overflow:clip !important;
  line-height:1.05 !important;
  font-size:calc(var(--topbar-fs) * .92) !important;
  letter-spacing:calc(var(--topbar-ls) * .82) !important;
  word-break:normal !important;
  overflow-wrap:anywhere !important;
  hyphens:none !important;
  text-shadow:none !important;
  transform:none !important;
  color:rgba(226,226,226,.68) !important;
}

.top-chessboard .top-nonfin-strip.trading-model-strip-host .trading-model-btn.is-active .tile-label{
  color:rgba(232,232,232,.90) !important;
}

.top-chessboard .top-nonfin-strip.trading-model-strip-host .trading-model-btn.is-locked .tile-label::after{
  content:" FUTURE";
  margin-left:6px;
  opacity:.50;
  font-size:.72em;
  letter-spacing:.08em;
}


/* =============================================================================
4) HERO / HEADER
============================================================================= */

.trading-hero{
  width:100%;
  max-width:none;
  margin:0 0 var(--tr-gap-2) 0;
  padding:var(--tr-pad-2);
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
}

.trading-hero--inside-shell{
  max-width:none;
}

.trading-kicker{
  margin:0 0 8px 0;
  color:var(--tr-muted) !important;
  font-size:11px;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:400;
}

.trading-title{
  margin:0;
  color:var(--tr-text-strong) !important;
  font-size:clamp(30px, 4.8vw, 68px);
  line-height:.92;
  font-weight:400;
  letter-spacing:-.055em;
  text-transform:uppercase;
}

.trading-lead{
  max-width:980px;
  margin:14px 0 0 0;
  color:var(--tr-muted) !important;
  font-size:14px;
  line-height:1.55;
  font-weight:400;
}


/* =============================================================================
5) VIEW TABS
============================================================================= */

.trading-view-tabs{
  display:flex;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:0;
  margin:16px 0 0 0;
  padding:0;
  max-width:100%;
  border:0 !important;
  background:#000 !important;
  overflow-x:auto;
  overflow-y:hidden;
  scrollbar-gutter:stable both-edges;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}

.trading-view-tab{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  min-width:max-content;
  padding:0 14px;
  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;
  color:rgba(184,184,184,.56) !important;
  text-decoration:none;
  font-size:11px;
  line-height:1;
  letter-spacing:.10em;
  text-transform:uppercase;
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
  user-select:none;
}

.trading-view-tab:hover{
  background:rgba(255,255,255,.016) !important;
  color:rgba(222,222,222,.76) !important;
}

.trading-view-tab.is-active,
.trading-view-tab[aria-selected="true"]{
  background:rgba(255,255,255,.04) !important;
  color:rgba(232,232,232,.86) !important;
}

.trading-view-tab.is-locked{
  opacity:.46;
  cursor:not-allowed;
}

.trading-view-tab small{
  margin-left:7px;
  color:rgba(184,184,184,.44) !important;
  font-size:9px;
  letter-spacing:.08em;
  font-weight:400;
}


/* =============================================================================
6) FILM LIST + BATCHED ITEMS
============================================================================= */

.trading-film-list,
.trading-film-list-inner{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}

.trading-film-list{
  gap:0 !important;
}

.trading-film-list-inner{
  gap:var(--tr-gap-film) !important;
}

.trading-film-card{
  position:relative !important;

  display:grid !important;
  grid-template-columns:clamp(var(--tr-media-min), var(--tr-media-fluid), var(--tr-media-max)) minmax(0, 1fr) !important;
  gap:0 !important;
  align-items:start !important;

  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  padding:0 0 34px 0 !important;
  margin:0 !important;

  border:0 !important;
  box-shadow:none !important;
  background:transparent !important;

  overflow:hidden !important;

  contain:layout !important;
  content-visibility:auto !important;
  contain-intrinsic-size:320px !important;
}

.trading-film-card::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  height:1px !important;
  pointer-events:none !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0.00) 0%,
    rgba(255,255,255,0.10) 18%,
    rgba(255,255,255,0.18) 50%,
    rgba(255,255,255,0.10) 82%,
    rgba(255,255,255,0.00) 100%
  ) !important;
}

.trading-film-card:last-child::after{
  opacity:.35 !important;
}


/* =============================================================================
7) LEFT MEDIA COLUMN
============================================================================= */

.trading-film-media{
  display:flex !important;
  flex-direction:column !important;
  gap:0 !important;
  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;
  background:transparent !important;
}

.trading-film-date{
  display:flex !important;
  align-items:center !important;

  min-height:28px !important;
  padding:0 8px !important;

  background:var(--tr-glass-64) !important;
  color:rgba(232,232,232,.82) !important;

  font-size:13px !important;
  line-height:1 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
}

.trading-film-thumb{
  position:relative !important;
  display:block !important;
  width:100% !important;
  aspect-ratio:16 / 9 !important;

  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;

  border:0 !important;
  background:#000 !important;
  text-decoration:none !important;

  overflow:hidden !important;
  isolation:isolate !important;
}

.trading-film-thumb::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  pointer-events:none !important;
  z-index:2 !important;
  opacity:.10 !important;
  background-image:
    repeating-linear-gradient(0deg, rgba(255,255,255,.08) 0 1px, transparent 1px 16px),
    repeating-linear-gradient(90deg, rgba(255,255,255,.08) 0 1px, transparent 1px 16px) !important;
}

.trading-film-thumb-img,
.trading-film-thumb-img--empty{
  position:absolute !important;
  inset:0 !important;

  width:100% !important;
  height:100% !important;

  display:block !important;
  object-fit:cover !important;

  background:rgba(0,0,0,.35) !important;

  z-index:0 !important;
  opacity:.72 !important;
  filter:none !important;
}

.trading-film-thumb-plate{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  transform:translate(-50%, -50%) !important;

  z-index:5 !important;

  width:min(92%, 300px) !important;
  max-width:calc(100% - 12px) !important;
  max-height:78% !important;

  padding:7px 9px !important;
  box-sizing:border-box !important;

  background:var(--tr-glass-82) !important;

  border:0 !important;
  box-shadow:none !important;
  backdrop-filter:none !important;

  text-align:center !important;
  pointer-events:none !important;
  overflow:visible !important;
}

.trading-film-thumb-text{
  display:block !important;

  font-family:var(--tr-ui) !important;
  font-weight:400 !important;
  letter-spacing:var(--tr-plate-letter) !important;
  text-transform:uppercase !important;
  font-size:clamp(var(--tr-plate-min), .48vw + 5px, var(--tr-plate-max)) !important;
  line-height:var(--tr-plate-line) !important;

  color:rgba(232,232,232,.88) !important;
  text-shadow:0 1px 0 rgba(0,0,0,.92) !important;
  text-align:center !important;

  overflow:visible !important;
  white-space:normal !important;
  text-overflow:clip !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;
  hyphens:auto !important;
}


/* =============================================================================
8) SOURCE UNDER FILM
============================================================================= */

.trading-film-source{
  padding:7px 8px !important;
  background:var(--tr-glass-48) !important;
  color:rgba(218,218,218,.70) !important;
}

.trading-film-source-chips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:4px !important;
  margin:0 0 6px 0 !important;
}

.trading-film-source-chips span{
  display:inline-flex !important;
  align-items:center !important;

  min-height:18px !important;
  max-width:100% !important;

  padding:3px 5px !important;

  border:0 !important;
  background:var(--tr-chip) !important;

  color:rgba(208,208,208,.66) !important;

  font-size:8.5px !important;
  line-height:1 !important;
  letter-spacing:.065em !important;
  text-transform:uppercase !important;

  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

.trading-film-source p{
  margin:0 !important;

  color:rgba(218,218,218,.62) !important;

  font-size:9.4px !important;
  line-height:1.34 !important;

  max-height:46px !important;
  overflow:hidden !important;

  text-align:left !important;
  hyphens:auto !important;
  overflow-wrap:anywhere !important;
  word-break:break-word !important;

  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
}


/* =============================================================================
9) RIGHT FLOW
============================================================================= */

.trading-film-flow{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(min(100%, var(--tr-time-panel-min)), 1fr)) !important;
  gap:32px 38px !important;

  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  padding-left:var(--tr-flow-left-pad) !important;
  padding-right:var(--tr-flow-right-pad) !important;

  background:transparent !important;
  overflow:hidden !important;
}

.trading-time-group{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  width:100% !important;

  padding:0 !important;
  margin:0 !important;

  background:transparent !important;
  overflow:hidden !important;
}

.trading-time-marker{
  display:flex !important;
  align-items:center !important;

  min-height:26px !important;
  padding:0 !important;
  margin:0 0 16px 0 !important;

  background:transparent !important;
  color:rgba(185,185,185,.58) !important;

  font-size:16px !important;
  line-height:1 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;

  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}


/* =============================================================================
10) XDETAIL BULLET FLOW
============================================================================= */

.trading-xdetail-text-columns{
  display:grid !important;
  grid-template-columns:repeat(auto-fit, minmax(var(--tr-bullet-min), 1fr)) !important;
  gap:var(--tr-bullet-gap-y) var(--tr-bullet-gap-x) !important;

  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  columns:unset !important;
  column-width:unset !important;
  column-count:unset !important;
  column-gap:unset !important;
  column-fill:unset !important;

  background:transparent !important;
  overflow:visible !important;
}

.trading-xdetail-point{
  position:relative !important;

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

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

  color:var(--tr-bullet-text) !important;

  font-size:var(--tr-bullet-font) !important;
  line-height:var(--tr-bullet-line) !important;
  font-weight:400 !important;

  text-align:left !important;
  hyphens:auto !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

.trading-xdetail-point::before{
  content:"•" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;

  color:rgba(225,225,225,.72) !important;
  font-size:13px !important;
  line-height:1.1 !important;
}


/* =============================================================================
11) REASON / TRANSMISSION — STACKED UNDER EACH OTHER
============================================================================= */

.trading-film-tail{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;

  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  margin:22px 0 0 0 !important;
  padding:0 !important;

  background:transparent !important;
  overflow:hidden !important;
}

.trading-tail-box{
  width:100% !important;
  min-width:0 !important;
  max-width:100% !important;

  min-height:0 !important;
  height:auto !important;

  padding:0 !important;
  margin:0 !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;

  overflow:hidden !important;
}

.trading-tail-box::after{
  display:none !important;
  content:none !important;
}

.trading-tail-box .trading-box-label{
  display:block !important;
  margin:0 0 6px 0 !important;

  color:rgba(165,165,165,.42) !important;

  font-size:8.8px !important;
  line-height:1 !important;
  letter-spacing:.15em !important;
  text-transform:uppercase !important;

  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.trading-tail-box p{
  margin:0 !important;

  max-height:44px !important;

  color:var(--tr-tail-text) !important;

  font-size:var(--tr-tail-font) !important;
  line-height:var(--tr-tail-line) !important;
  font-weight:400 !important;

  text-align:left !important;
  hyphens:auto !important;
  overflow-wrap:anywhere !important;
  word-break:normal !important;

  overflow:hidden !important;

  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
}


/* =============================================================================
12) LOAD MORE / INFINITE SCROLL
============================================================================= */

.trading-loadmore-wrap{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  gap:8px !important;
  width:100% !important;
  padding:10px 0 26px 0 !important;
}

.trading-loadmore-btn{
  appearance:none !important;
  border:0 !important;
  box-shadow:none !important;
  background:rgba(255,255,255,.045) !important;
  color:rgba(230,230,230,.72) !important;

  min-height:34px !important;
  padding:0 16px !important;

  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;

  cursor:pointer !important;
}

.trading-loadmore-btn:hover{
  background:rgba(255,255,255,.075) !important;
  color:rgba(245,245,245,.86) !important;
}

.trading-loadmore-btn:disabled{
  opacity:.42 !important;
  cursor:wait !important;
}

.trading-loadmore-sentinel{
  width:100% !important;
  height:1px !important;
}

.trading-loadmore-status{
  min-height:16px !important;
  color:rgba(188,188,188,.46) !important;
  font-size:10px !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}


/* =============================================================================
13) HIDE OLD STRUCTURE ONLY
============================================================================= */

.trading-card,
.trading-video-card,
.trading-xdetail-card,
.trading-xbox,
.trading-card-media,
.trading-card-body,
.trading-card-head,
.trading-card-meta,
.trading-blocks,
.trading-block,
.trading-summary,
.trading-hits,
.trading-hit,
.trading-score-row,
.trading-score,
.trading-top-stats,
.trading-index-status,
.trading-card-foot,
.trading-block-tags,
.trading-hit-scores,
.trading-insight-columns,
.trading-insight-column,
.trading-insight-box{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  max-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  overflow:hidden !important;
}


/* =============================================================================
14) EMPTY / LOCKED PANELS
============================================================================= */

.trading-locked-panel,
.trading-empty-panel{
  padding:var(--tr-pad-3);
  border:0 !important;
  box-shadow:none !important;
  background:var(--tr-glass-64) !important;
}

.trading-locked-label{
  margin:0 0 10px 0;
  color:var(--tr-muted) !important;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
}

.trading-locked-panel h2,
.trading-empty-panel h2{
  margin:0;
  color:var(--tr-text-strong) !important;
  font-size:clamp(22px, 3vw, 34px);
  line-height:1.05;
  font-weight:400;
  letter-spacing:-.035em;
}

.trading-locked-panel p,
.trading-empty-panel p{
  max-width:720px;
  margin:12px 0 0 0;
  color:var(--tr-muted) !important;
  font-size:14px;
  line-height:1.55;
}


/* =============================================================================
15) RIGHT RAIL — ONLY INSTRUMENTS
============================================================================= */

.trading-slug-root{
  margin-top:10px;
}

.trading-slug-root .fslug-section-title-label{
  text-transform:uppercase;
}

.trading-slug-root .fslug-section-body{
  gap:0;
}

.trading-slug-root .fslug-item{
  position:relative;
}

.trading-slug-root .trading-locked-link{
  display:none !important;
}

.trading-instrument-rail-group .fslug-item.is-active,
.trading-slug-root .fslug-item.is-active{
  opacity:1;
}


/* =============================================================================
16) SEO FOOTER INSIDE MAIN CONTENT
============================================================================= */

.trading-seo-footer{
  position:relative;
  z-index:1;
  margin:var(--tr-gap-3) 0 0 0;
  padding:var(--tr-pad-2);
  border:0 !important;
  box-shadow:none !important;
  background:var(--tr-glass-64) !important;
}

.trading-seo-footer-section{
  margin:0 0 var(--tr-gap-2) 0;
  padding:0 0 var(--tr-gap-2) 0;
  border:0 !important;
}

.trading-seo-footer-section:last-child{
  margin-bottom:0;
  padding-bottom:0;
}

.trading-seo-footer-section h2{
  margin:0 0 10px 0;
  color:var(--tr-muted) !important;
  font-size:11px;
  line-height:1;
  font-weight:400;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.trading-seo-footer-links{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}

.trading-seo-footer-links a,
.trading-seo-footer-links span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:0 9px;
  border:0 !important;
  box-shadow:none !important;
  background:var(--tr-chip) !important;
  color:rgba(208,208,208,.70) !important;
  text-decoration:none;
  font-size:10px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.trading-seo-footer-links a:hover{
  background:rgba(255,255,255,.075) !important;
  color:rgba(232,232,232,.86) !important;
}

.trading-seo-footer-links span.is-locked{
  opacity:.42;
  cursor:not-allowed;
}


/* =============================================================================
17) SCROLLBARS
============================================================================= */

.trading-content::-webkit-scrollbar,
.trading-view-tabs::-webkit-scrollbar{
  height:10px;
  width:10px;
}

.trading-content::-webkit-scrollbar-thumb,
.trading-view-tabs::-webkit-scrollbar-thumb{
  background:var(--tr-scroll-thumb) !important;
  border:0;
}

.trading-content::-webkit-scrollbar-track,
.trading-view-tabs::-webkit-scrollbar-track{
  background:var(--tr-scroll-track) !important;
}


/* =============================================================================
18) RESPONSIVE
============================================================================= */

@media (min-width:1300px){
  :root{
    --tr-bullet-min:190px;
    --tr-bullet-gap-x:32px;
  }
}

@media (max-width:1320px){
  .trading-film-flow{
    grid-template-columns:1fr !important;
    padding-left:28px !important;
    gap:28px !important;
  }

  .trading-xdetail-text-columns{
    grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)) !important;
  }
}

@media (max-width:1100px){
  .trading-shell-page .trading-content{
    padding:12px;
  }

  .trading-film-card{
    grid-template-columns:220px minmax(0, 1fr) !important;
  }
}

@media (max-width:920px){
  .top-chessboard .top-nonfin-strip.trading-model-strip-host .trading-model-btn.is-locked .tile-label::after{
    content:"";
    display:none;
  }

  .trading-film-card{
    grid-template-columns:1fr !important;
  }

  .trading-film-media{
    max-width:360px !important;
  }

  .trading-film-flow{
    padding-left:0 !important;
    padding-right:0 !important;
    margin-top:16px !important;
  }
}

@media (max-width:760px){
  .trading-shell-page .trading-content{
    padding:10px;
  }

  .trading-hero{
    padding:12px;
  }

  .trading-title{
    font-size:30px;
    line-height:.98;
  }

  .trading-lead{
    font-size:13px;
  }

  .trading-view-tabs{
    display:flex;
    flex-wrap:nowrap;
  }

  .trading-view-tab{
    min-height:34px;
    padding:0 12px;
    font-size:10px;
  }

  .trading-film-media{
    max-width:100% !important;
  }

  .trading-film-flow{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  .trading-time-marker{
    font-size:14px !important;
    min-height:28px !important;
    margin-bottom:12px !important;
  }

  .trading-xdetail-text-columns{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  .trading-tail-box p{
    max-height:none !important;
    display:block !important;
    -webkit-line-clamp:unset !important;
    -webkit-box-orient:unset !important;
  }
}

@media (max-width:560px){
  .trading-seo-footer-links a,
  .trading-seo-footer-links span{
    width:100%;
    justify-content:center;
  }
}




/* =============================================================================
5) VIEW TABS — FULL WIDTH BROWSER-LIKE TABS
============================================================================= */

.trading-view-tabs{
  position:relative !important;

  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  align-items:end !important;

  width:100% !important;
  max-width:100% !important;

  margin:20px 0 0 0 !important;
  padding:0 !important;

  background:transparent !important;

  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;

  overflow:visible !important;
}

.trading-view-tab{
  position:relative !important;

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

  width:100% !important;
  min-width:0 !important;
  min-height:44px !important;

  padding:0 12px !important;
  margin:0 !important;

  border:1px solid rgba(255,255,255,.10) !important;
  border-bottom:1px solid rgba(255,255,255,.16) !important;

  background:rgba(0,0,0,.58) !important;
  box-shadow:none !important;

  color:rgba(205,205,205,.62) !important;

  text-decoration:none !important;
  text-align:center !important;

  font-size:10.5px !important;
  line-height:1.1 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
  font-weight:700 !important;

  white-space:normal !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  overflow-wrap:anywhere !important;

  cursor:pointer !important;
  user-select:none !important;

  transform:translateY(1px) !important;
}

.trading-view-tab + .trading-view-tab{
  margin-left:-1px !important;
}

.trading-view-tab:hover{
  z-index:2 !important;

  background:rgba(255,255,255,.045) !important;
  color:rgba(232,232,232,.82) !important;

  border-color:rgba(255,255,255,.18) !important;
}

.trading-view-tab.is-active,
.trading-view-tab[aria-selected="true"]{
  z-index:4 !important;

  min-height:48px !important;

  background:
    linear-gradient(
      180deg,
      rgba(238,241,243,.94) 0%,
      rgba(174,181,186,.88) 48%,
      rgba(116,124,130,.84) 100%
    ) !important;

  color:rgba(0,0,0,.92) !important;

  border-color:rgba(245,245,245,.62) !important;
  border-bottom-color:rgba(174,181,186,.88) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.65),
    0 -1px 0 rgba(255,255,255,.12) !important;

  transform:translateY(1px) !important;
}

.trading-view-tab.is-active::after,
.trading-view-tab[aria-selected="true"]::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:-2px !important;
  height:2px !important;
  background:rgba(174,181,186,.88) !important;
  pointer-events:none !important;
}

.trading-view-tab.is-locked{
  opacity:.46 !important;
  cursor:not-allowed !important;
  pointer-events:none !important;
}

.trading-view-tab small{
  display:inline-flex !important;
  margin-left:7px !important;

  color:inherit !important;
  opacity:.56 !important;

  font-size:8px !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  font-weight:400 !important;
}

.trading-view-tab.is-active small,
.trading-view-tab[aria-selected="true"] small{
  opacity:.72 !important;
}


/* responsive */

@media (max-width:920px){
  .trading-view-tabs{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .trading-view-tab{
    min-height:40px !important;
    font-size:9.5px !important;
  }

  .trading-view-tab.is-active,
  .trading-view-tab[aria-selected="true"]{
    min-height:44px !important;
  }
}

@media (max-width:520px){
  .trading-view-tabs{
    grid-template-columns:1fr !important;
  }

  .trading-view-tab + .trading-view-tab{
    margin-left:0 !important;
    margin-top:-1px !important;
  }

  .trading-view-tab,
  .trading-view-tab.is-active,
  .trading-view-tab[aria-selected="true"]{
    min-height:40px !important;
    transform:none !important;
  }

  .trading-view-tab.is-active::after,
  .trading-view-tab[aria-selected="true"]::after{
    display:none !important;
  }
}

.trading-title--stacked{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:6px;
}

.trading-title-symbol{
  display:block;
  font-size:clamp(34px, 5vw, 72px);
  line-height:.9;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.trading-title-subtitle{
  display:block;
  max-width:900px;
  font-size:clamp(13px, 1.2vw, 18px);
  line-height:1.35;
  letter-spacing:.04em;
  text-transform:none;
  opacity:.72;
}







/* =============================================================================
19) AI TRADING — PNL PANEL + BENCHMARK / CLEAN XDETAIL STYLE PATCH
============================================================================= */


/* -----------------------------------------------------------------------------
19.1 TOP MODEL STRIP — BENCHMARK BUTTON
----------------------------------------------------------------------------- */

.top-chessboard .top-nonfin-strip.trading-model-strip-host .trading-benchmark-top-btn{
  position:relative !important;
}

.top-chessboard .top-nonfin-strip.trading-model-strip-host .trading-benchmark-top-btn .tile-label{
  color:rgba(226,226,226,.70) !important;
}

.top-chessboard .top-nonfin-strip.trading-model-strip-host .trading-benchmark-top-btn.is-active{
  background:rgba(255,255,255,.04) !important;
}

.top-chessboard .top-nonfin-strip.trading-model-strip-host .trading-benchmark-top-btn.is-active .tile-label{
  color:rgba(232,232,232,.92) !important;
}


/* -----------------------------------------------------------------------------
19.2 BENCHMARK VIEW CONTRACT
----------------------------------------------------------------------------- */

.trading-content--benchmark{
  width:100% !important;
  max-width:100% !important;
  overflow-x:hidden !important;
}

.trading-content--benchmark .trading-hero{
  margin-bottom:var(--tr-gap-3) !important;
}


/* -----------------------------------------------------------------------------
19.3 PNL PANEL — HEADER ADD-ON UNDER HERO
----------------------------------------------------------------------------- */

.trading-pnl-panel{
  width:100% !important;
  max-width:100% !important;

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

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;

  overflow:hidden !important;
}

.trading-pnl-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:var(--tr-gap-2) !important;

  width:100% !important;
  min-width:0 !important;

  padding:0 0 8px 0 !important;
  margin:0 !important;

  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;

  background:transparent !important;
  box-shadow:none !important;
}

.trading-pnl-kicker{
  margin:0 0 5px 0 !important;

  color:var(--tr-muted) !important;

  font-size:9.5px !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
}

.trading-pnl-head h2{
  margin:0 !important;

  color:var(--tr-text-strong) !important;

  font-size:18px !important;
  line-height:1.05 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
}

.trading-pnl-source{
  flex:0 0 auto !important;

  min-height:26px !important;
  display:flex !important;
  align-items:center !important;

  padding:0 8px !important;

  background:var(--tr-glass-48) !important;
  border:0 !important;
  box-shadow:none !important;

  color:var(--tr-dim) !important;

  font-size:9px !important;
  line-height:1 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
}


/* -----------------------------------------------------------------------------
19.4 PNL PANEL — GRID
----------------------------------------------------------------------------- */

.trading-pnl-grid{
  display:grid !important;
  grid-template-columns:minmax(290px, .82fr) minmax(420px, 1.48fr) !important;
  gap:0 !important;

  width:100% !important;
  max-width:100% !important;
  min-width:0 !important;

  margin:0 !important;
  padding:0 !important;

  background:var(--tr-glass-48) !important;
  border:0 !important;
  box-shadow:none !important;

  overflow:hidden !important;
}

.trading-pnl-table-wrap,
.trading-pnl-chart-wrap{
  min-width:0 !important;
  width:100% !important;
  max-width:100% !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;

  overflow:hidden !important;
}

.trading-pnl-table-wrap{
  border-right:1px solid rgba(255,255,255,.08) !important;
}


/* -----------------------------------------------------------------------------
19.5 PNL TABLE
----------------------------------------------------------------------------- */

.trading-pnl-table{
  width:100% !important;
  border-collapse:collapse !important;
  table-layout:fixed !important;

  background:transparent !important;
  border:0 !important;

  color:var(--tr-text) !important;

  font-size:10px !important;
  line-height:1.2 !important;
}

.trading-pnl-table th,
.trading-pnl-table td{
  padding:8px 8px !important;

  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.055) !important;

  text-align:left !important;
  vertical-align:middle !important;

  color:rgba(220,220,220,.64) !important;

  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.trading-pnl-table th{
  background:rgba(0,0,0,.30) !important;

  color:rgba(175,175,175,.44) !important;

  font-size:8.5px !important;
  line-height:1 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
}

.trading-pnl-table td strong{
  color:rgba(232,232,232,.78) !important;
  font-weight:500 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.trading-pnl-table tr.is-empty td{
  color:rgba(150,150,150,.32) !important;
}

.trading-pnl-run{
  display:block !important;

  color:rgba(188,188,188,.42) !important;

  font-size:8.6px !important;
  line-height:1.25 !important;
  letter-spacing:.06em !important;

  white-space:normal !important;
  overflow-wrap:anywhere !important;
}


/* -----------------------------------------------------------------------------
19.6 SHARED NUMERIC CLASSES
----------------------------------------------------------------------------- */

.trading-num{
  font-variant-numeric:tabular-nums !important;
  white-space:nowrap !important;
}

.trading-num--positive{
  color:rgba(232,232,232,.88) !important;
}

.trading-num--negative{
  color:rgba(176,176,176,.56) !important;
}

.trading-num--neutral{
  color:rgba(206,206,206,.64) !important;
}


/* -----------------------------------------------------------------------------
19.7 PNL SVG CHART — MONO / NO DASHBOARD COLORS
----------------------------------------------------------------------------- */

.trading-pnl-svg{
  display:block !important;

  width:100% !important;
  height:250px !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.006)) !important;

  border:0 !important;
  box-shadow:none !important;
}

.trading-pnl-grid-line{
  stroke:rgba(255,255,255,.09) !important;
  stroke-width:1 !important;
  vector-effect:non-scaling-stroke !important;
}

.trading-pnl-axis-label,
.trading-pnl-x-label{
  fill:rgba(190,190,190,.42) !important;

  font-family:var(--tr-ui) !important;
  font-size:9px !important;
  letter-spacing:.04em !important;
}

.trading-pnl-x-label{
  text-anchor:middle !important;
}

.trading-pnl-line{
  fill:none !important;
  stroke-width:1.6 !important;
  vector-effect:non-scaling-stroke !important;
}

.trading-pnl-dot{
  vector-effect:non-scaling-stroke !important;
  stroke:rgba(0,0,0,.72) !important;
  stroke-width:1 !important;
}


/* AT — brightest */

.trading-pnl-line--at-balance,
.trading-pnl-dot--at-balance{
  stroke:rgba(232,232,232,.88) !important;
  fill:rgba(232,232,232,.88) !important;
}

.trading-pnl-line--at-equity,
.trading-pnl-dot--at-equity{
  stroke:rgba(232,232,232,.58) !important;
  fill:rgba(232,232,232,.58) !important;
}


/* Macro — medium */

.trading-pnl-line--macro-balance,
.trading-pnl-dot--macro-balance{
  stroke:rgba(190,190,190,.64) !important;
  fill:rgba(190,190,190,.64) !important;
}

.trading-pnl-line--macro-equity,
.trading-pnl-dot--macro-equity{
  stroke:rgba(190,190,190,.40) !important;
  fill:rgba(190,190,190,.40) !important;
}


/* Combo — faint dashed-like visual through opacity */

.trading-pnl-line--combo-balance,
.trading-pnl-dot--combo-balance{
  stroke:rgba(145,145,145,.62) !important;
  fill:rgba(145,145,145,.62) !important;
}

.trading-pnl-line--combo-equity,
.trading-pnl-dot--combo-equity{
  stroke:rgba(145,145,145,.36) !important;
  fill:rgba(145,145,145,.36) !important;
}


/* -----------------------------------------------------------------------------
19.8 PNL LEGEND
----------------------------------------------------------------------------- */

.trading-pnl-legend{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:5px !important;

  width:100% !important;

  margin:0 !important;
  padding:8px !important;

  border:0 !important;
  border-top:1px solid rgba(255,255,255,.06) !important;

  background:rgba(0,0,0,.26) !important;
}

.trading-pnl-legend-item{
  display:inline-flex !important;
  align-items:center !important;
  gap:6px !important;

  min-height:22px !important;

  padding:0 6px !important;

  background:var(--tr-chip) !important;
  border:0 !important;
  box-shadow:none !important;

  color:rgba(205,205,205,.58) !important;

  font-size:8.7px !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.trading-pnl-legend-item strong{
  font-weight:400 !important;
}

.trading-pnl-empty{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-height:250px !important;

  color:var(--tr-dim) !important;

  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}


/* -----------------------------------------------------------------------------
19.9 BENCHMARK PANEL
----------------------------------------------------------------------------- */

.trading-benchmark-panel{
  width:100% !important;
  max-width:100% !important;

  margin:0 !important;
  padding:0 !important;

  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;

  overflow:hidden !important;
}

.trading-benchmark-head{
  display:flex !important;
  align-items:flex-end !important;
  justify-content:space-between !important;
  gap:var(--tr-gap-2) !important;

  width:100% !important;

  margin:0 0 var(--tr-gap-2) 0 !important;
  padding:0 0 8px 0 !important;

  background:transparent !important;
  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
  box-shadow:none !important;
}

.trading-benchmark-kicker{
  margin:0 0 5px 0 !important;

  color:var(--tr-muted) !important;

  font-size:9.5px !important;
  line-height:1 !important;
  letter-spacing:.16em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
}

.trading-benchmark-head h2{
  margin:0 !important;

  color:var(--tr-text-strong) !important;

  font-size:24px !important;
  line-height:1 !important;
  letter-spacing:-.025em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
}

.trading-benchmark-stats{
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:flex-end !important;
  gap:5px !important;
}

.trading-benchmark-stats span{
  display:inline-flex !important;
  align-items:center !important;

  min-height:26px !important;

  padding:0 8px !important;

  background:var(--tr-chip) !important;
  border:0 !important;
  box-shadow:none !important;

  color:rgba(205,205,205,.58) !important;

  font-size:8.8px !important;
  line-height:1 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}


/* -----------------------------------------------------------------------------
19.10 BENCHMARK FILE CARDS
----------------------------------------------------------------------------- */

.trading-benchmark-files{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:1px !important;

  width:100% !important;

  margin:0 0 var(--tr-gap-2) 0 !important;
  padding:0 !important;

  background:rgba(255,255,255,.06) !important;
  border:0 !important;
  box-shadow:none !important;

  overflow:hidden !important;
}

.trading-benchmark-file{
  min-width:0 !important;
  min-height:72px !important;

  padding:9px !important;

  background:var(--tr-glass-58) !important;
  border:0 !important;
  box-shadow:none !important;

  overflow:hidden !important;
}

.trading-benchmark-file strong,
.trading-benchmark-file span,
.trading-benchmark-file small{
  display:block !important;
  max-width:100% !important;

  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

.trading-benchmark-file strong{
  color:rgba(232,232,232,.78) !important;

  font-size:11px !important;
  line-height:1 !important;
  letter-spacing:.11em !important;
  text-transform:uppercase !important;
  font-weight:500 !important;
}

.trading-benchmark-file span{
  margin-top:8px !important;

  color:rgba(190,190,190,.44) !important;

  font-size:9px !important;
  line-height:1.25 !important;
  letter-spacing:.06em !important;

  white-space:normal !important;
  overflow-wrap:anywhere !important;
}

.trading-benchmark-file small{
  margin-top:8px !important;

  color:rgba(190,190,190,.38) !important;

  font-size:8.8px !important;
  line-height:1 !important;
  letter-spacing:.10em !important;
  text-transform:uppercase !important;
}

.trading-benchmark-file.is-missing{
  opacity:.42 !important;
}

.trading-benchmark-file.has-file{
  opacity:1 !important;
}


/* -----------------------------------------------------------------------------
19.11 BENCHMARK FILTERS
----------------------------------------------------------------------------- */

.trading-benchmark-filters{
  display:grid !important;
  grid-template-columns:repeat(6, minmax(0, 1fr)) !important;
  gap:1px !important;

  width:100% !important;

  margin:0 0 var(--tr-gap-2) 0 !important;
  padding:0 !important;

  background:rgba(255,255,255,.06) !important;
  border:0 !important;
  box-shadow:none !important;

  overflow:hidden !important;
}

.trading-benchmark-filters label{
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-end !important;
  gap:6px !important;

  min-width:0 !important;
  min-height:62px !important;

  padding:8px !important;

  background:var(--tr-glass-58) !important;
  border:0 !important;
  box-shadow:none !important;

  color:rgba(175,175,175,.48) !important;

  font-size:8.6px !important;
  line-height:1 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
}

.trading-benchmark-filters select{
  appearance:none !important;

  width:100% !important;
  min-width:0 !important;
  min-height:28px !important;

  padding:0 8px !important;

  background:rgba(0,0,0,.70) !important;
  border:0 !important;
  box-shadow:none !important;

  color:rgba(225,225,225,.72) !important;

  font-family:var(--tr-ui) !important;
  font-size:10px !important;
  line-height:1 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;

  cursor:pointer !important;
}

.trading-benchmark-filters select:focus{
  background:rgba(255,255,255,.045) !important;
  color:rgba(235,235,235,.86) !important;
}

.trading-benchmark-check{
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:8px !important;
}

.trading-benchmark-check input{
  margin:0 !important;
  width:13px !important;
  height:13px !important;
  accent-color:#b8b8b8 !important;
}


/* -----------------------------------------------------------------------------
19.12 BENCHMARK TABLE
----------------------------------------------------------------------------- */

.trading-benchmark-table-wrap{
  width:100% !important;
  max-width:100% !important;

  max-height:72vh !important;

  background:var(--tr-glass-48) !important;
  border:0 !important;
  box-shadow:none !important;

  overflow:auto !important;
  overscroll-behavior:contain !important;
  scrollbar-gutter:stable both-edges !important;
}

.trading-benchmark-table{
  width:100% !important;
  min-width:820px !important;

  border-collapse:collapse !important;
  table-layout:fixed !important;

  background:transparent !important;
  border:0 !important;

  color:var(--tr-text) !important;

  font-size:10px !important;
  line-height:1.2 !important;
}

.trading-benchmark-table th,
.trading-benchmark-table td{
  padding:8px 9px !important;

  border:0 !important;
  border-bottom:1px solid rgba(255,255,255,.055) !important;

  text-align:left !important;
  vertical-align:middle !important;

  color:rgba(220,220,220,.62) !important;

  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.trading-benchmark-table th{
  position:sticky !important;
  top:0 !important;
  z-index:4 !important;

  background:rgba(0,0,0,.88) !important;

  color:rgba(175,175,175,.46) !important;

  font-size:8.5px !important;
  line-height:1 !important;
  letter-spacing:.13em !important;
  text-transform:uppercase !important;
  font-weight:400 !important;
}

.trading-benchmark-table td strong{
  color:rgba(232,232,232,.78) !important;
  font-weight:500 !important;
  letter-spacing:.08em !important;
}

.trading-benchmark-row--is-empty td{
  color:rgba(150,150,150,.30) !important;
}

.trading-benchmark-row--has-data:hover td{
  background:rgba(255,255,255,.025) !important;
  color:rgba(232,232,232,.76) !important;
}

.trading-benchmark-row[hidden]{
  display:none !important;
}


/* -----------------------------------------------------------------------------
19.13 BENCHMARK / PNL SCROLLBARS
----------------------------------------------------------------------------- */

.trading-benchmark-table-wrap::-webkit-scrollbar{
  width:10px !important;
  height:10px !important;
}

.trading-benchmark-table-wrap::-webkit-scrollbar-thumb{
  background:var(--tr-scroll-thumb) !important;
  border:0 !important;
}

.trading-benchmark-table-wrap::-webkit-scrollbar-track{
  background:var(--tr-scroll-track) !important;
}


/* -----------------------------------------------------------------------------
19.14 RESPONSIVE
----------------------------------------------------------------------------- */

@media (max-width:1180px){
  .trading-pnl-grid{
    grid-template-columns:1fr !important;
  }

  .trading-pnl-table-wrap{
    border-right:0 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }

  .trading-benchmark-files{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  .trading-benchmark-filters{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width:760px){
  .trading-pnl-head,
  .trading-benchmark-head{
    flex-direction:column !important;
    align-items:flex-start !important;
  }

  .trading-pnl-source,
  .trading-benchmark-stats{
    width:100% !important;
    justify-content:flex-start !important;
  }

  .trading-benchmark-files{
    grid-template-columns:1fr !important;
  }

  .trading-benchmark-filters{
    grid-template-columns:1fr !important;
  }

  .trading-pnl-svg{
    height:220px !important;
  }

  .trading-benchmark-table{
    min-width:760px !important;
  }
}



/* =============================================================================
20) AI TRADING — BENCHMARK SELECT DROPDOWN FIX
============================================================================= */

.trading-benchmark-filters select{
  color-scheme:dark !important;
  background:#050505 !important;
  background-color:#050505 !important;
  color:rgba(232,232,232,.82) !important;
}

.trading-benchmark-filters select option,
.trading-benchmark-filters select optgroup{
  background:#050505 !important;
  background-color:#050505 !important;
  color:rgba(232,232,232,.86) !important;
}

.trading-benchmark-filters select option:checked{
  background:#2a2a2a !important;
  background-color:#2a2a2a !important;
  color:rgba(255,255,255,.94) !important;
}

.trading-benchmark-filters select option:hover{
  background:#1a1a1a !important;
  background-color:#1a1a1a !important;
  color:rgba(255,255,255,.94) !important;
}

.trading-benchmark-filters select:focus,
.trading-benchmark-filters select:active{
  color-scheme:dark !important;
  background:#050505 !important;
  background-color:#050505 !important;
  color:rgba(242,242,242,.92) !important;
}