/* STEP 69 / V83: deepen black skin for DOM, order-flow cards, and Market Calendar.
   Keeps data colors readable while removing the remaining blue-heavy panel chrome. */

html body.terminal-active,
html body.gp-terminal-active {
  --gp-panel-black: #040404;
  --gp-panel-black-2: #09090a;
  --gp-panel-black-3: #101012;
  --gp-panel-line: rgba(255,255,255,.12);
  --gp-panel-line-soft: rgba(255,255,255,.08);
  --gp-panel-text: #f6f7f9;
  --gp-panel-muted: rgba(246,247,249,.68);
}

/* ---------- DOM / right sidebar ---------- */
html body.terminal-active #sidebar,
html body.gp-terminal-active #sidebar {
  background: linear-gradient(180deg, #080808, #020202) !important;
  border-color: var(--gp-panel-line) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 18px 50px rgba(0,0,0,.44) !important;
}

html body.terminal-active .gp-bookmap-title small,
html body.gp-terminal-active .gp-bookmap-title small,
html body.terminal-active .orderbook__depth label,
html body.gp-terminal-active .orderbook__depth label,
html body.terminal-active .gp-dom-vp-head span,
html body.gp-terminal-active .gp-dom-vp-head span,
html body.terminal-active .dom-ladder__header,
html body.gp-terminal-active .dom-ladder__header {
  color: rgba(246,247,249,.64) !important;
}

html body.terminal-active .orderbook__header,
html body.gp-terminal-active .orderbook__header,
html body.terminal-active .gp-dom-visual-tabs,
html body.gp-terminal-active .gp-dom-visual-tabs,
html body.terminal-active .orderbook__depth,
html body.gp-terminal-active .orderbook__depth {
  background: linear-gradient(180deg, #0d0d0f, #030303) !important;
  border-color: var(--gp-panel-line-soft) !important;
}

html body.terminal-active .orderbook__modes,
html body.gp-terminal-active .orderbook__modes {
  background: rgba(255,255,255,.04) !important;
  border-radius: 8px !important;
}

html body.terminal-active .orderbook__modes .btn,
html body.gp-terminal-active .orderbook__modes .btn,
html body.terminal-active .gp-dom-visual-tabs button,
html body.gp-terminal-active .gp-dom-visual-tabs button,
html body.terminal-active .orderbook__depth select,
html body.gp-terminal-active .orderbook__depth select {
  background: linear-gradient(180deg, #121214, #050505) !important;
  color: var(--gp-panel-text) !important;
  border-color: rgba(255,255,255,.14) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.06) !important;
}

html body.terminal-active .orderbook__modes .btn.active,
html body.gp-terminal-active .orderbook__modes .btn.active,
html body.terminal-active .gp-dom-visual-tabs button.active,
html body.gp-terminal-active .gp-dom-visual-tabs button.active,
html body.terminal-active .gp-dom-visual-tabs button:hover,
html body.gp-terminal-active .gp-dom-visual-tabs button:hover {
  background: linear-gradient(180deg, #1d1d21, #090909) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.22) !important;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.08), 0 0 16px rgba(255,255,255,.05) !important;
}

html body.terminal-active .gp-dom-bookmap-body,
html body.gp-terminal-active .gp-dom-bookmap-body,
html body.terminal-active .orderbook__content,
html body.gp-terminal-active .orderbook__content,
html body.terminal-active .dom-ladder,
html body.gp-terminal-active .dom-ladder,
html body.terminal-active #levels-summary,
html body.gp-terminal-active #levels-summary {
  background:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    #040404 !important;
  background-size: 100% 22px, 22px 100%, auto !important;
  border-color: rgba(255,255,255,.09) !important;
}

html body.terminal-active .dom-ladder__bar,
html body.gp-terminal-active .dom-ladder__bar {
  opacity: .28 !important;
}

html body.terminal-active .dom-ladder__spread,
html body.gp-terminal-active .dom-ladder__spread {
  background: linear-gradient(90deg, rgba(255,255,255,.05), rgba(255,210,106,.10), rgba(255,255,255,.05)) !important;
}

html body.terminal-active .gp-dom-volume-profile,
html body.gp-terminal-active .gp-dom-volume-profile {
  background:
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px) 0 0 / 22px 100%,
    linear-gradient(180deg, #0b0b0c, #020202) !important;
  border-left-color: rgba(255,255,255,.10) !important;
}

html body.terminal-active .gp-dom-vp-head,
html body.gp-terminal-active .gp-dom-vp-head,
html body.terminal-active .gp-dom-vp-footer,
html body.gp-terminal-active .gp-dom-vp-footer,
html body.terminal-active .gp-dom-bidask-panel,
html body.gp-terminal-active .gp-dom-bidask-panel {
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.015)) !important;
  border-color: rgba(255,255,255,.09) !important;
}

html body.terminal-active .gp-dom-vp-head strong,
html body.gp-terminal-active .gp-dom-vp-head strong,
html body.terminal-active .gp-dom-vp-footer span,
html body.gp-terminal-active .gp-dom-vp-footer span,
html body.terminal-active .gp-dom-bidask-labels span,
html body.gp-terminal-active .gp-dom-bidask-labels span,
html body.terminal-active .levels-summary,
html body.gp-terminal-active .levels-summary {
  color: #f6f7f9 !important;
}

html body.terminal-active .gp-dom-bidask-track,
html body.gp-terminal-active .gp-dom-bidask-track {
  background: rgba(255,255,255,.05) !important;
}

/* ---------- Order-flow tool row ---------- */
html body.terminal-active .gp-of-dash-card,
html body.gp-terminal-active .gp-of-dash-card,
html body.terminal-active .gp-terminal-bottom .gp-bottom-card,
html body.gp-terminal-active .gp-terminal-bottom .gp-bottom-card {
  background: linear-gradient(180deg, rgba(8,8,9,.98), rgba(2,2,2,.98)) !important;
  border-color: rgba(255,255,255,.11) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 18px 44px rgba(0,0,0,.34) !important;
}

html body.terminal-active .gp-of-card-head,
html body.gp-terminal-active .gp-of-card-head,
html body.terminal-active .gp-bottom-head,
html body.gp-terminal-active .gp-bottom-head,
html body.terminal-active .gp-trade-feed-head,
html body.gp-terminal-active .gp-trade-feed-head {
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.015)) !important;
  border-color: rgba(255,255,255,.09) !important;
}

html body.terminal-active .gp-of-card-head strong,
html body.gp-terminal-active .gp-of-card-head strong,
html body.terminal-active .gp-bottom-head strong,
html body.gp-terminal-active .gp-bottom-head strong,
html body.terminal-active .gp-trade-feed-head span,
html body.gp-terminal-active .gp-trade-feed-head span {
  color: #ffffff !important;
}

html body.terminal-active .gp-of-mirror-row,
html body.gp-terminal-active .gp-of-mirror-row,
html body.terminal-active .gp-of-inline-select,
html body.gp-terminal-active .gp-of-inline-select,
html body.terminal-active .gp-of-inline-switch,
html body.gp-terminal-active .gp-of-inline-switch,
html body.terminal-active .gp-trade-feed-row,
html body.gp-terminal-active .gp-trade-feed-row,
html body.terminal-active .gp-liquidity-item,
html body.gp-terminal-active .gp-liquidity-item {
  background: rgba(255,255,255,.028) !important;
  border: 1px solid rgba(255,255,255,.08) !important;
  border-radius: 10px !important;
}

html body.terminal-active .gp-of-mirror-row,
html body.gp-terminal-active .gp-of-mirror-row {
  padding: 8px 10px !important;
}

html body.terminal-active .gp-of-mirror-row span,
html body.gp-terminal-active .gp-of-mirror-row span,
html body.terminal-active .gp-of-inline-select span,
html body.gp-terminal-active .gp-of-inline-select span,
html body.terminal-active .gp-of-inline-switch span,
html body.gp-terminal-active .gp-of-inline-switch span,
html body.terminal-active .gp-bottom-head > div:first-child span,
html body.gp-terminal-active .gp-bottom-head > div:first-child span,
html body.terminal-active .gp-trade-feed-row span,
html body.gp-terminal-active .gp-trade-feed-row span,
html body.terminal-active .gp-liquidity-item b,
html body.gp-terminal-active .gp-liquidity-item b {
  color: rgba(246,247,249,.78) !important;
}

html body.terminal-active .gp-of-mirror-row b,
html body.gp-terminal-active .gp-of-mirror-row b,
html body.terminal-active .gp-liquidity-item em,
html body.gp-terminal-active .gp-liquidity-item em {
  color: #ffffff !important;
}

html body.terminal-active .gp-of-inline-select select,
html body.gp-terminal-active .gp-of-inline-select select,
html body.terminal-active .gp-of-inline-switch .gp-mini-switch,
html body.gp-terminal-active .gp-of-inline-switch .gp-mini-switch,
html body.terminal-active .gp-calendar-head-actions .gp-chip,
html body.gp-terminal-active .gp-calendar-head-actions .gp-chip,
html body.terminal-active .gp-calendar-head-actions button,
html body.gp-terminal-active .gp-calendar-head-actions button,
html body.terminal-active .gp-calendar-live-source,
html body.gp-terminal-active .gp-calendar-live-source {
  background: linear-gradient(180deg, #131316, #050505) !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,.16) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.06), 0 10px 22px rgba(0,0,0,.28) !important;
}

html body.terminal-active .gp-calendar-live-source,
html body.gp-terminal-active .gp-calendar-live-source {
  color: rgba(246,247,249,.86) !important;
}

html body.terminal-active .gp-calendar-live-source::before,
html body.gp-terminal-active .gp-calendar-live-source::before {
  background: #28d888 !important;
  box-shadow: 0 0 10px rgba(40,216,136,.55) !important;
}

html body.terminal-active .gp-calendar-live-source.is-fallback,
html body.gp-terminal-active .gp-calendar-live-source.is-fallback {
  background: linear-gradient(180deg, #171310, #070605) !important;
  border-color: rgba(255,190,92,.22) !important;
  color: #ffdca3 !important;
}

html body.terminal-active .gp-of-inline-select select,
html body.gp-terminal-active .gp-of-inline-select select {
  min-height: 38px !important;
}

html body.terminal-active .gp-bottom-vp-card,
html body.gp-terminal-active .gp-bottom-vp-card {
  background:
    linear-gradient(rgba(255,255,255,.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.03) 1px, transparent 1px),
    #050505 !important;
  background-size: 100% 18px, 18px 100%, auto !important;
  border-color: rgba(255,255,255,.10) !important;
}

html body.terminal-active .gp-bottom-vp-axis span,
html body.gp-terminal-active .gp-bottom-vp-axis span {
  color: rgba(246,247,249,.74) !important;
}

html body.terminal-active .gp-bottom-vp-price-tag,
html body.gp-terminal-active .gp-bottom-vp-price-tag {
  box-shadow: 0 0 12px rgba(37,204,149,.10) !important;
}

html body.terminal-active .gp-trade-feed-list,
html body.gp-terminal-active .gp-trade-feed-list,
html body.terminal-active .gp-liquidity-level-list,
html body.gp-terminal-active .gp-liquidity-level-list {
  gap: 8px !important;
}

html body.terminal-active .gp-trade-feed-row,
html body.gp-terminal-active .gp-trade-feed-row,
html body.terminal-active .gp-liquidity-item,
html body.gp-terminal-active .gp-liquidity-item {
  padding: 8px 10px !important;
}

/* ---------- Market calendar ---------- */
html body.terminal-active .gp-calendar-priority-head > div:first-child span,
html body.gp-terminal-active .gp-calendar-priority-head > div:first-child span,
html body.terminal-active .gp-calendar-priority-summary p,
html body.gp-terminal-active .gp-calendar-priority-summary p,
html body.terminal-active .gp-priority-news-list span,
html body.gp-terminal-active .gp-priority-news-list span {
  color: rgba(246,247,249,.66) !important;
}

html body.terminal-active .gp-calendar-priority-layout,
html body.gp-terminal-active .gp-calendar-priority-layout {
  gap: 12px !important;
}

html body.terminal-active .gp-calendar-priority-summary,
html body.gp-terminal-active .gp-calendar-priority-summary,
html body.terminal-active .gp-priority-news-list li,
html body.gp-terminal-active .gp-priority-news-list li {
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.055), transparent 38%),
    rgba(6,6,7,.92) !important;
  border-color: rgba(255,255,255,.10) !important;
  box-shadow: inset 0 1px rgba(255,255,255,.05), 0 14px 28px rgba(0,0,0,.18) !important;
}

html body.terminal-active .gp-calendar-priority-summary::after,
html body.gp-terminal-active .gp-calendar-priority-summary::after {
  background: radial-gradient(circle, rgba(255,255,255,.08), transparent 68%) !important;
  opacity: .72 !important;
}

html body.terminal-active .gp-calendar-kicker,
html body.gp-terminal-active .gp-calendar-kicker,
html body.terminal-active .gp-priority-news-list time,
html body.gp-terminal-active .gp-priority-news-list time {
  color: #d0d3d8 !important;
}

html body.terminal-active .gp-calendar-priority-summary h3,
html body.gp-terminal-active .gp-calendar-priority-summary h3,
html body.terminal-active .gp-priority-news-list strong,
html body.gp-terminal-active .gp-priority-news-list strong {
  color: #ffffff !important;
}

html body.terminal-active .gp-calendar-priority-tags span,
html body.gp-terminal-active .gp-calendar-priority-tags span {
  background: rgba(255,255,255,.045) !important;
  color: rgba(246,247,249,.84) !important;
  border-color: rgba(255,255,255,.11) !important;
}

html body.terminal-active .gp-priority-news-list b,
html body.gp-terminal-active .gp-priority-news-list b {
  background: rgba(255,77,116,.13) !important;
  border-color: rgba(255,77,116,.24) !important;
}

html body.terminal-active .gp-priority-news-list b.medium,
html body.gp-terminal-active .gp-priority-news-list b.medium {
  background: rgba(255,184,92,.12) !important;
  border-color: rgba(255,184,92,.20) !important;
}

/* ---------- Scrollbars ---------- */
html body.terminal-active #sidebar ::-webkit-scrollbar,
html body.gp-terminal-active #sidebar ::-webkit-scrollbar,
html body.terminal-active .gp-priority-news-list::-webkit-scrollbar,
html body.gp-terminal-active .gp-priority-news-list::-webkit-scrollbar,
html body.terminal-active .gp-trade-feed-list::-webkit-scrollbar,
html body.gp-terminal-active .gp-trade-feed-list::-webkit-scrollbar,
html body.terminal-active .gp-liquidity-level-list::-webkit-scrollbar,
html body.gp-terminal-active .gp-liquidity-level-list::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

html body.terminal-active #sidebar ::-webkit-scrollbar-track,
html body.gp-terminal-active #sidebar ::-webkit-scrollbar-track,
html body.terminal-active .gp-priority-news-list::-webkit-scrollbar-track,
html body.gp-terminal-active .gp-priority-news-list::-webkit-scrollbar-track,
html body.terminal-active .gp-trade-feed-list::-webkit-scrollbar-track,
html body.gp-terminal-active .gp-trade-feed-list::-webkit-scrollbar-track,
html body.terminal-active .gp-liquidity-level-list::-webkit-scrollbar-track,
html body.gp-terminal-active .gp-liquidity-level-list::-webkit-scrollbar-track {
  background: #050505;
}

html body.terminal-active #sidebar ::-webkit-scrollbar-thumb,
html body.gp-terminal-active #sidebar ::-webkit-scrollbar-thumb,
html body.terminal-active .gp-priority-news-list::-webkit-scrollbar-thumb,
html body.gp-terminal-active .gp-priority-news-list::-webkit-scrollbar-thumb,
html body.terminal-active .gp-trade-feed-list::-webkit-scrollbar-thumb,
html body.gp-terminal-active .gp-trade-feed-list::-webkit-scrollbar-thumb,
html body.terminal-active .gp-liquidity-level-list::-webkit-scrollbar-thumb,
html body.gp-terminal-active .gp-liquidity-level-list::-webkit-scrollbar-thumb {
  background: rgba(255,255,255,.18);
  border-radius: 999px;
  border: 2px solid #050505;
}