/* TEST1 + V71/V74 PRIME Walls V25 cold-start compositor + drawing bridge
   Visual layer only. It reads TEST1 candles/orderbook/runtime and does not replace live price, candles, feed or orderbook logic. */
html body .chart-area,
html body #chart-area {
  position: relative !important;
  overflow: hidden !important;
  background: #05070d !important;
}

html body #gp-prime-walls-overlay.gp-prime-walls-overlay {
  isolation: isolate !important;
  position: absolute !important;
  inset: 0 !important;
  z-index: 74 !important;
  display: none !important;
  pointer-events: auto !important;
  overflow: hidden !important;
  background: transparent !important;
  mix-blend-mode: normal !important;
  contain: paint !important;
  user-select: none !important;
  overscroll-behavior: none !important;
  -webkit-user-drag: none !important;
}

html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-visible,
html body.gp-prime-walls-active #gp-prime-walls-overlay,
html body.gp-prime-walls-chart-active #gp-prime-walls-overlay {
  display: block !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-scrim {
  position: absolute !important;
  inset: 0 !important;
  z-index: 0 !important;
  pointer-events: none !important;
  background:
    radial-gradient(circle at 78% 20%, rgba(0,255,207,.095), transparent 28%),
    radial-gradient(circle at 25% 80%, rgba(0,149,255,.055), transparent 34%),
    linear-gradient(180deg, rgba(1,8,15,.28), rgba(1,8,15,.11)) !important;
  backdrop-filter: blur(.65px) !important;
  -webkit-backdrop-filter: blur(.65px) !important;
}

html body #gp-prime-walls-overlay.gp-prime-walls-overlay canvas {
  position: absolute !important;
  inset: 0 !important;
  z-index: 1 !important;
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  opacity: .99 !important;
  cursor: grab !important;
  touch-action: none !important;
  overscroll-behavior: none !important;
}

html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-panning canvas {
  cursor: grabbing !important;
}

html body.gp-prime-walls-active #chart-area > :not(#gp-prime-walls-overlay):not(#chart-loading):not(.gp-pro-draw-svg):not(.gp-pro-draw-toolbar):not(.gp-pro-draw-properties):not(.gp-pro-draw-text-editor):not(.gp-pro-draw-quickbar),
html body.gp-prime-walls-chart-active #chart-area > :not(#gp-prime-walls-overlay):not(#chart-loading):not(.gp-pro-draw-svg):not(.gp-pro-draw-toolbar):not(.gp-pro-draw-properties):not(.gp-pro-draw-text-editor):not(.gp-pro-draw-quickbar) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: none !important;
}

html body.gp-prime-walls-drawing-active #gp-prime-walls-overlay,
html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-drawing-pass {
  pointer-events: none !important;
}

html body.gp-prime-walls-active #chart-area > .gp-pro-draw-svg,
html body.gp-prime-walls-chart-active #chart-area > .gp-pro-draw-svg {
  opacity: 1 !important;
  z-index: 190 !important;
  filter: drop-shadow(0 0 7px rgba(0,224,255,.42)) drop-shadow(0 0 2px rgba(0,0,0,.9)) !important;
}

html body.gp-prime-walls-active #chart-area > .gp-pro-draw-toolbar,
html body.gp-prime-walls-active #chart-area > .gp-pro-draw-properties,
html body.gp-prime-walls-active #chart-area > .gp-pro-draw-text-editor,
html body.gp-prime-walls-active #chart-area > .gp-pro-draw-quickbar,
html body.gp-prime-walls-chart-active #chart-area > .gp-pro-draw-toolbar,
html body.gp-prime-walls-chart-active #chart-area > .gp-pro-draw-properties,
html body.gp-prime-walls-chart-active #chart-area > .gp-pro-draw-text-editor,
html body.gp-prime-walls-chart-active #chart-area > .gp-pro-draw-quickbar {
  opacity: 1 !important;
  z-index: 240 !important;
  filter: none !important;
}

html body.gp-prime-walls-active .gp-pro-draw-properties,
html body.gp-prime-walls-active .gp-pro-draw-toolbar,
html body.gp-prime-walls-active .gp-pro-draw-text-editor,
html body.gp-prime-walls-active .gp-pro-draw-quickbar {
  background: linear-gradient(180deg, rgba(5,16,30,.985), rgba(3,8,18,.975)) !important;
  border-color: rgba(0,224,255,.42) !important;
  box-shadow: 0 24px 70px rgba(0,0,0,.66), 0 0 34px rgba(0,224,255,.22) !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-head,
html body #gp-prime-walls-overlay .gp-prime-walls-mode,
html body #gp-prime-walls-overlay .gp-prime-walls-v8-status {
  position: absolute !important;
  z-index: 2 !important;
  pointer-events: none !important;
  font-family: Inter, system-ui, -apple-system, Segoe UI, sans-serif !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-head {
  left: 14px !important;
  top: 12px !important;
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  max-width: min(430px, calc(100% - 32px)) !important;
  padding: 7px 10px !important;
  border-radius: 999px !important;
  background: rgba(2,10,22,.64) !important;
  border: 1px solid rgba(80,255,219,.17) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.055) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  color: #dffefa !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-head i {
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  border-radius: 999px !important;
  background: #24ffd0 !important;
  box-shadow: 0 0 16px rgba(36,255,208,.68) !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-head b {
  color: #fff !important;
  white-space: nowrap !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-head span {
  color: #8ec5d4 !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-mode {
  right: 15px !important;
  top: 12px !important;
  display: grid !important;
  gap: 6px !important;
  min-width: 184px !important;
  padding: 10px 11px !important;
  border-radius: 14px !important;
  background: rgba(2,10,22,.58) !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  color: #dff4ff !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-mode strong {
  font-size: 11px !important;
  letter-spacing: .08em !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-mode span {
  color: #8fb1c7 !important;
  white-space: nowrap !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-mode i {
  display: inline-block !important;
  width: 9px !important;
  height: 9px !important;
  border-radius: 2px !important;
  margin-right: 6px !important;
  vertical-align: -1px !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-mode .hot i {
  background: #ff163a !important;
  box-shadow: 0 0 14px rgba(255,22,58,.66) !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-mode .liq i {
  background: #1fffd3 !important;
  box-shadow: 0 0 14px rgba(31,255,211,.48) !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-mode .ice i {
  background: #f6c649 !important;
  box-shadow: 0 0 14px rgba(246,198,73,.50) !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-mode .print i {
  border-radius: 999px !important;
  background: linear-gradient(135deg, #19f6e6, #c529ff) !important;
  box-shadow: 0 0 14px rgba(197,41,255,.48) !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-v8-status {
  right: 16px !important;
  bottom: 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  background: rgba(2,10,22,.62) !important;
  border: 1px solid rgba(37,255,210,.16) !important;
  color: rgba(213,255,248,.78) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
  letter-spacing: .08em !important;
}

html body #gp-prime-walls-overlay .gp-prime-walls-v8-status:before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #21ffd1;
  box-shadow: 0 0 12px rgba(33,255,209,.72);
}

html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-interacting .gp-prime-walls-v8-status {
  border-color: rgba(37,255,210,.34) !important;
  color: rgba(255,255,255,.92) !important;
  box-shadow: 0 0 18px rgba(37,255,210,.16) !important;
}

html body.gp-prime-walls-active #tool-prime-walls-toggle,
html body.gp-prime-walls-chart-active #tool-prime-walls-toggle,
html body.gp-prime-walls-active #gp-prime-walls-tools-toggle,
html body.gp-prime-walls-chart-active #gp-prime-walls-tools-toggle,
html body.gp-prime-walls-active #gp-prime-walls-panel-btn,
html body.gp-prime-walls-chart-active #gp-prime-walls-panel-btn,
html body.gp-prime-walls-active .gp-prime-walls-panel-btn,
html body.gp-prime-walls-chart-active .gp-prime-walls-panel-btn {
  color: #03141f !important;
  background: linear-gradient(135deg, #21ffd1, #1ab8ff) !important;
  border-color: rgba(60,255,218,.95) !important;
  box-shadow: 0 0 22px rgba(33,255,209,.28), inset 0 1px 0 rgba(255,255,255,.25) !important;
}

@media (max-width: 900px) {
  html body #gp-prime-walls-overlay .gp-prime-walls-mode { display: none !important; }
  html body #gp-prime-walls-overlay .gp-prime-walls-head { left: 10px !important; top: 10px !important; font-size: 10px !important; padding: 6px 9px !important; }
  html body #gp-prime-walls-overlay .gp-prime-walls-v8-status { right: 10px !important; bottom: 10px !important; max-width: calc(100% - 20px) !important; }
}


/* Step11: keep PRIME Walls pan/zoom active after a drawing is selected, but keep draw UI above and readable. */
html body.gp-prime-walls-active #chart-area > .gp-pro-draw-quickbar,
html body.gp-prime-walls-chart-active #chart-area > .gp-pro-draw-quickbar {
  opacity: 1 !important;
  visibility: visible !important;
  z-index: 260 !important;
  filter: drop-shadow(0 18px 34px rgba(0,0,0,.75)) !important;
  pointer-events: auto !important;
}

html body.gp-prime-walls-active .gp-pro-draw-quickbar,
html body.gp-prime-walls-chart-active .gp-pro-draw-quickbar,
html body.gp-prime-walls-active .gp-pro-draw-properties,
html body.gp-prime-walls-chart-active .gp-pro-draw-properties,
html body.gp-prime-walls-active .gp-pro-draw-toolbar,
html body.gp-prime-walls-chart-active .gp-pro-draw-toolbar,
html body.gp-prime-walls-active .gp-pro-draw-text-editor,
html body.gp-prime-walls-chart-active .gp-pro-draw-text-editor {
  background: linear-gradient(180deg, rgba(7,16,29,.995), rgba(3,8,18,.99)) !important;
  border: 1px solid rgba(69,228,255,.64) !important;
  box-shadow: 0 28px 82px rgba(0,0,0,.78), 0 0 0 1px rgba(255,255,255,.08) inset, 0 0 38px rgba(0,224,255,.28) !important;
  color: #f4fbff !important;
  -webkit-backdrop-filter: blur(22px) saturate(1.25) !important;
  backdrop-filter: blur(22px) saturate(1.25) !important;
}

html body.gp-prime-walls-active .gp-pro-draw-quickbar__grab i,
html body.gp-prime-walls-chart-active .gp-pro-draw-quickbar__grab i {
  background: rgba(219,247,255,.75) !important;
}

html body.gp-prime-walls-active .gp-pro-draw-quickbar__select,
html body.gp-prime-walls-active .gp-pro-draw-quickbar__btn,
html body.gp-prime-walls-active .gp-pro-draw-quickbar__color,
html body.gp-prime-walls-chart-active .gp-pro-draw-quickbar__select,
html body.gp-prime-walls-chart-active .gp-pro-draw-quickbar__btn,
html body.gp-prime-walls-chart-active .gp-pro-draw-quickbar__color {
  background: rgba(12,25,43,.96) !important;
  border-color: rgba(255,255,255,.22) !important;
  color: #f6fbff !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.10) !important;
}

html body.gp-prime-walls-active .gp-pro-draw-quickbar__select select,
html body.gp-prime-walls-chart-active .gp-pro-draw-quickbar__select select,
html body.gp-prime-walls-active .gp-pro-draw-properties select,
html body.gp-prime-walls-chart-active .gp-pro-draw-properties select,
html body.gp-prime-walls-active .gp-pro-draw-properties input,
html body.gp-prime-walls-chart-active .gp-pro-draw-properties input,
html body.gp-prime-walls-active .gp-pro-draw-properties textarea,
html body.gp-prime-walls-chart-active .gp-pro-draw-properties textarea {
  color: #ffffff !important;
  background-color: rgba(8,18,32,.98) !important;
  border-color: rgba(82,232,255,.42) !important;
}

html body.gp-prime-walls-active .gp-pro-draw-properties__title strong,
html body.gp-prime-walls-chart-active .gp-pro-draw-properties__title strong,
html body.gp-prime-walls-active .gp-pro-draw-properties__row b,
html body.gp-prime-walls-chart-active .gp-pro-draw-properties__row b,
html body.gp-prime-walls-active .gp-pro-draw-toolbar__title strong,
html body.gp-prime-walls-chart-active .gp-pro-draw-toolbar__title strong {
  color: #ffffff !important;
  text-shadow: 0 0 10px rgba(0,224,255,.22) !important;
}

html body.gp-prime-walls-active .gp-pro-draw-properties__title span,
html body.gp-prime-walls-chart-active .gp-pro-draw-properties__title span,
html body.gp-prime-walls-active .gp-pro-draw-properties__row span,
html body.gp-prime-walls-chart-active .gp-pro-draw-properties__row span,
html body.gp-prime-walls-active .gp-pro-draw-toolbar__title span,
html body.gp-prime-walls-chart-active .gp-pro-draw-toolbar__title span {
  color: #bdeeff !important;
}

html body.gp-prime-walls-active .gp-pro-draw-svg,
html body.gp-prime-walls-chart-active .gp-pro-draw-svg {
  opacity: 1 !important;
  z-index: 210 !important;
}


/* Step11b: selected drawing quickbar stays clear; PRIME Walls navigation stays on top of chart navigation. */
html body.gp-prime-walls-active .gp-pro-draw-quickbar.is-open,
html body.gp-prime-walls-chart-active .gp-pro-draw-quickbar.is-open {
  opacity: 1 !important;
  transform: translateZ(0) !important;
}
html body.gp-prime-walls-active #gp-prime-walls-overlay:not(.is-drawing-pass),
html body.gp-prime-walls-chart-active #gp-prime-walls-overlay:not(.is-drawing-pass) {
  pointer-events: auto !important;
}


/* Step11: Prime Walls navigation upgrades + auto-hide draw quickbar when not being used. */
html body #gp-prime-walls-overlay .gp-prime-walls-edge-handle {
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;
  bottom: 0 !important;
  width: 46px !important;
  z-index: 3 !important;
  pointer-events: none !important;
  opacity: .52 !important;
  background: linear-gradient(90deg, transparent, rgba(72,214,101,.045)) !important;
}
html body #gp-prime-walls-overlay .gp-prime-walls-edge-handle span {
  position: absolute !important;
  top: 50% !important;
  right: 9px !important;
  width: 3px !important;
  height: 74px !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  background: rgba(109,255,149,.22) !important;
  box-shadow: 0 0 18px rgba(109,255,149,.16) !important;
}
html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-resize-zone canvas,
html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-resizing canvas {
  cursor: ew-resize !important;
}
html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-resize-zone .gp-prime-walls-edge-handle,
html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-resizing .gp-prime-walls-edge-handle {
  opacity: 1 !important;
  background: linear-gradient(90deg, transparent, rgba(72,214,101,.105)) !important;
}
html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-resizing .gp-prime-walls-edge-handle span {
  background: rgba(109,255,149,.72) !important;
  box-shadow: 0 0 22px rgba(109,255,149,.42) !important;
}

html body.gp-prime-walls-active:not(.gp-prime-walls-draw-ui-visible) .gp-pro-draw-quickbar.is-open,
html body.gp-prime-walls-chart-active:not(.gp-prime-walls-draw-ui-visible) .gp-pro-draw-quickbar.is-open {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate(-50%, 10px) scale(.97) !important;
}
html body.gp-prime-walls-active.gp-prime-walls-draw-ui-visible .gp-pro-draw-quickbar.is-open,
html body.gp-prime-walls-chart-active.gp-prime-walls-draw-ui-visible .gp-pro-draw-quickbar.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

html body.gp-prime-walls-active .gp-pro-draw-quickbar,
html body.gp-prime-walls-chart-active .gp-pro-draw-quickbar {
  background: rgba(4, 10, 18, .96) !important;
  border-color: rgba(68, 213, 255, .42) !important;
  box-shadow: 0 20px 48px rgba(0,0,0,.72), 0 0 0 1px rgba(255,255,255,.055), 0 0 24px rgba(33,211,255,.15) !important;
  backdrop-filter: blur(16px) saturate(1.12) !important;
  -webkit-backdrop-filter: blur(16px) saturate(1.12) !important;
}
html body.gp-prime-walls-active .gp-pro-draw-quickbar__select,
html body.gp-prime-walls-active .gp-pro-draw-quickbar__btn,
html body.gp-prime-walls-chart-active .gp-pro-draw-quickbar__select,
html body.gp-prime-walls-chart-active .gp-pro-draw-quickbar__btn {
  background: rgba(13, 27, 47, .95) !important;
  color: #f4fbff !important;
  border-color: rgba(98, 180, 255, .23) !important;
}


/* Step12: expand the chart area downward about 30% on desktop chart mode only. */
@media (min-width: 1181px) {
  html body.terminal-active.gp-dashboard-chart-mode #app,
  html body.gp-terminal-active.gp-dashboard-chart-mode #app {
    grid-template-rows: 48px 78px minmax(728px, calc(130dvh - 146px)) minmax(540px, 58dvh) !important;
  }
  html body.terminal-active.gp-dashboard-chart-mode .main,
  html body.gp-terminal-active.gp-dashboard-chart-mode .main,
  html body.terminal-active.gp-dashboard-chart-mode .chart-container,
  html body.gp-terminal-active.gp-dashboard-chart-mode .chart-container {
    min-height: 728px !important;
  }
}

@media (min-width: 1181px) and (max-width: 1500px) {
  html body.terminal-active.gp-dashboard-chart-mode #app,
  html body.gp-terminal-active.gp-dashboard-chart-mode #app {
    grid-template-rows: 48px 76px minmax(676px, calc(130dvh - 144px)) minmax(520px, 58dvh) !important;
  }
  html body.terminal-active.gp-dashboard-chart-mode .main,
  html body.gp-terminal-active.gp-dashboard-chart-mode .main,
  html body.terminal-active.gp-dashboard-chart-mode .chart-container,
  html body.gp-terminal-active.gp-dashboard-chart-mode .chart-container {
    min-height: 676px !important;
  }
}

/* Step12: the X button and outside-click hide must win over Prime Walls visibility classes. */
html body.gp-step44-quickbar-hidden .gp-pro-draw-quickbar,
html body.gp-step44-quickbar-hidden .gp-pro-draw-quickbar.is-open,
html body.gp-step44-quickbar-hidden.gp-prime-walls-active .gp-pro-draw-quickbar,
html body.gp-step44-quickbar-hidden.gp-prime-walls-active .gp-pro-draw-quickbar.is-open,
html body.gp-step44-quickbar-hidden.gp-prime-walls-chart-active .gp-pro-draw-quickbar,
html body.gp-step44-quickbar-hidden.gp-prime-walls-chart-active .gp-pro-draw-quickbar.is-open,
html body.gp-step44-quickbar-hidden.gp-prime-walls-active.gp-prime-walls-draw-ui-visible .gp-pro-draw-quickbar.is-open,
html body.gp-step44-quickbar-hidden.gp-prime-walls-chart-active.gp-prime-walls-draw-ui-visible .gp-pro-draw-quickbar.is-open {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate(-50%, 12px) scale(.96) !important;
}

html body:not(.gp-step44-quickbar-hidden) .gp-pro-draw-quickbar.is-open {
  transition: opacity .14s ease, visibility .14s ease, transform .14s ease !important;
}

html body.gp-step44-quickbar-hidden .gp-pro-draw-properties:not(:focus-within),
html body.gp-step44-quickbar-hidden .gp-pro-draw-text-editor:not(:focus-within) {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}


/* STEP14: do not let PRIME Walls display the draw quickbar unless a draw tool explicitly opened it. */
html body.gp-prime-walls-active:not(.gp-step44-quickbar-allowed) .gp-pro-draw-quickbar,
html body.gp-prime-walls-chart-active:not(.gp-step44-quickbar-allowed) .gp-pro-draw-quickbar,
html body.gp-step44-quickbar-user-hidden .gp-pro-draw-quickbar,
html body.gp-step44-quickbar-user-hidden .gp-pro-draw-quickbar.is-open,
html body.gp-prime-walls-active .gp-pro-draw-quickbar[data-gp-quickbar-closed="1"],
html body.gp-prime-walls-chart-active .gp-pro-draw-quickbar[data-gp-quickbar-closed="1"] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate(-50%, 12px) scale(.94) !important;
}

html body.gp-step44-quickbar-allowed:not(.gp-step44-quickbar-user-hidden).gp-prime-walls-active.gp-prime-walls-draw-ui-visible .gp-pro-draw-quickbar.is-open,
html body.gp-step44-quickbar-allowed:not(.gp-step44-quickbar-user-hidden).gp-prime-walls-chart-active.gp-prime-walls-draw-ui-visible .gp-pro-draw-quickbar.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

/* v15: Prime Walls right price-scale interaction fix */
html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-price-scale-zone canvas,
html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-scaling-y canvas {
  cursor: ns-resize !important;
}
html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-price-scale-zone .gp-prime-walls-edge-handle,
html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-scaling-y .gp-prime-walls-edge-handle {
  opacity: 1 !important;
  background: linear-gradient(90deg, transparent, rgba(0,224,255,.115)) !important;
}
html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-price-scale-zone .gp-prime-walls-edge-handle span,
html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-scaling-y .gp-prime-walls-edge-handle span {
  background: rgba(76,255,226,.74) !important;
  box-shadow: 0 0 24px rgba(76,255,226,.46) !important;
}
html body #gp-prime-walls-overlay.gp-prime-walls-overlay.is-scaling-y .gp-prime-walls-v8-status {
  border-color: rgba(76,255,226,.35) !important;
  color: rgba(225,255,249,.98) !important;
}


/* V19: while the right price scale is held, the already-rendered PRIME Walls
   frame and drawing SVG move as one GPU-composited layer. No stale native
   red/blue lines remain visible underneath, and no CSS transition trails. */
html body.gp-prime-walls-axis-live-v19 #gp-prime-walls-overlay canvas,
html body.gp-prime-walls-axis-live-v19 #chart-area > .gp-pro-draw-svg,
html body.gp-prime-walls-axis-live-v19 .chart-area > .gp-pro-draw-svg {
  transition: none !important;
  will-change: transform !important;
  backface-visibility: hidden !important;
}

/* V26: first-entry lightweight mode and stable direct manipulation.
   The expensive backdrop/drop-shadow filters are restored after the first full
   frame and immediately after pointer release. */
html body #gp-prime-walls-overlay.gp-prime-walls-overlay {
  contain: layout paint style !important;
}
html body #gp-prime-walls-overlay.gp-prime-walls-overlay canvas {
  backface-visibility: hidden !important;
}
html body.gp-prime-walls-render-lite-v26 #gp-prime-walls-overlay .gp-prime-walls-scrim,
html body.gp-prime-walls-render-lite-v26 #gp-prime-walls-overlay .gp-prime-walls-head,
html body.gp-prime-walls-render-lite-v26 #gp-prime-walls-overlay .gp-prime-walls-mode,
html body.gp-prime-walls-render-lite-v26 #gp-prime-walls-overlay .gp-prime-walls-v8-status {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
html body.gp-prime-walls-render-lite-v26 #gp-prime-walls-overlay .gp-prime-walls-head,
html body.gp-prime-walls-render-lite-v26 #gp-prime-walls-overlay .gp-prime-walls-mode,
html body.gp-prime-walls-render-lite-v26 #gp-prime-walls-overlay .gp-prime-walls-v8-status {
  box-shadow: none !important;
}
html body.gp-prime-walls-render-lite-v26 #chart-area > .gp-pro-draw-svg,
html body.gp-prime-walls-render-lite-v26 .chart-area > .gp-pro-draw-svg {
  filter: none !important;
}
/* The pan path transforms only the SVG drawing layer. Promoting the large
   DPR canvas on the first pointer-down caused a one-time texture upload stall. */
html body.gp-prime-walls-pan-live-v26 #chart-area > .gp-pro-draw-svg,
html body.gp-prime-walls-pan-live-v26 .chart-area > .gp-pro-draw-svg,
html body.gp-prime-walls-axis-live-v21 #gp-prime-walls-overlay canvas,
html body.gp-prime-walls-axis-live-v21 #chart-area > .gp-pro-draw-svg,
html body.gp-prime-walls-axis-live-v21 .chart-area > .gp-pro-draw-svg {
  transition: none !important;
  will-change: transform !important;
  backface-visibility: hidden !important;
}