/* GUARDEER PRIME TEST1 — TradingView-style date/price crosshair.
   Visual only; z-index sits above PRIME Walls and below professional drawings. */
#chart-area.gp-test1-crosshair-v1-ready,
.chart-area.gp-test1-crosshair-v1-ready {
  position: relative !important;
}

#chart-area .gp-test1-crosshair-v1-h,
#chart-area .gp-test1-crosshair-v1-v,
#chart-area .gp-test1-crosshair-v1-price,
#chart-area .gp-test1-crosshair-v1-time,
.chart-area .gp-test1-crosshair-v1-h,
.chart-area .gp-test1-crosshair-v1-v,
.chart-area .gp-test1-crosshair-v1-price,
.chart-area .gp-test1-crosshair-v1-time {
  position: absolute !important;
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 45ms linear !important;
}

#chart-area .gp-test1-crosshair-v1-h,
.chart-area .gp-test1-crosshair-v1-h {
  left: 0 !important;
  top: 0 !important;
  width: 100% !important;
  height: 0 !important;
  z-index: 178 !important;
  border-top: 1px dashed rgba(218,229,240,.55) !important;
}

#chart-area .gp-test1-crosshair-v1-v,
.chart-area .gp-test1-crosshair-v1-v {
  left: 0 !important;
  top: 0 !important;
  width: 0 !important;
  height: 100% !important;
  z-index: 178 !important;
  border-left: 1px dashed rgba(218,229,240,.50) !important;
}

#chart-area .gp-test1-crosshair-v1-price,
#chart-area .gp-test1-crosshair-v1-time,
.chart-area .gp-test1-crosshair-v1-price,
.chart-area .gp-test1-crosshair-v1-time {
  z-index: 184 !important;
  min-height: 22px !important;
  border: 1px solid rgba(157,178,201,.72) !important;
  border-radius: 5px !important;
  background: rgba(7,12,21,.98) !important;
  color: #fff !important;
  box-shadow: 0 9px 26px rgba(0,0,0,.52), inset 0 1px 0 rgba(255,255,255,.06) !important;
  font: 850 11px/20px "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  letter-spacing: -.02em !important;
  white-space: nowrap !important;
}

#chart-area .gp-test1-crosshair-v1-price,
.chart-area .gp-test1-crosshair-v1-price {
  right: 3px !important;
  top: 0 !important;
  min-width: 76px !important;
  padding: 0 8px !important;
  text-align: right !important;
}

#chart-area .gp-test1-crosshair-v1-time,
.chart-area .gp-test1-crosshair-v1-time {
  left: 0 !important;
  bottom: 2px !important;
  padding: 0 8px !important;
  text-align: center !important;
}

#chart-area.gp-test1-crosshair-v1-visible .gp-test1-crosshair-v1-h,
#chart-area.gp-test1-crosshair-v1-visible .gp-test1-crosshair-v1-v,
#chart-area.gp-test1-crosshair-v1-visible .gp-test1-crosshair-v1-price,
#chart-area.gp-test1-crosshair-v1-visible .gp-test1-crosshair-v1-time,
.chart-area.gp-test1-crosshair-v1-visible .gp-test1-crosshair-v1-h,
.chart-area.gp-test1-crosshair-v1-visible .gp-test1-crosshair-v1-v,
.chart-area.gp-test1-crosshair-v1-visible .gp-test1-crosshair-v1-price,
.chart-area.gp-test1-crosshair-v1-visible .gp-test1-crosshair-v1-time,
html body.gp-prime-walls-active #chart-area.gp-test1-crosshair-v1-visible > .gp-test1-crosshair-v1-h,
html body.gp-prime-walls-active #chart-area.gp-test1-crosshair-v1-visible > .gp-test1-crosshair-v1-v,
html body.gp-prime-walls-active #chart-area.gp-test1-crosshair-v1-visible > .gp-test1-crosshair-v1-price,
html body.gp-prime-walls-active #chart-area.gp-test1-crosshair-v1-visible > .gp-test1-crosshair-v1-time,
html body.gp-prime-walls-chart-active #chart-area.gp-test1-crosshair-v1-visible > .gp-test1-crosshair-v1-h,
html body.gp-prime-walls-chart-active #chart-area.gp-test1-crosshair-v1-visible > .gp-test1-crosshair-v1-v,
html body.gp-prime-walls-chart-active #chart-area.gp-test1-crosshair-v1-visible > .gp-test1-crosshair-v1-price,
html body.gp-prime-walls-chart-active #chart-area.gp-test1-crosshair-v1-visible > .gp-test1-crosshair-v1-time {
  opacity: 1 !important;
}

@media (max-width: 760px) {
  #chart-area .gp-test1-crosshair-v1-price,
  .chart-area .gp-test1-crosshair-v1-price {
    right: 2px !important;
    min-width: 66px !important;
    font-size: 10px !important;
  }
  #chart-area .gp-test1-crosshair-v1-time,
  .chart-area .gp-test1-crosshair-v1-time {
    max-width: 132px !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 10px !important;
  }
}