/* OptionsGEX Realtime Chart V3.2.1 companion */
#gexRtHover.ogex-v321-hide-legacy {
  display: none !important;
}

#ogex-v321-layer {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 18;
  overflow: hidden;
}

#ogex-v321-tooltip {
  position: absolute;
  top: 10px;
  right: 10px;
  width: min(360px, calc(100% - 20px));
  max-height: calc(100% - 20px);
  overflow: auto;
  z-index: 24;
  border: 1px solid rgba(148, 163, 184, 0.28);
  border-radius: 10px;
  background: rgba(6, 10, 18, 0.93);
  backdrop-filter: blur(8px);
  color: #e5e7eb;
  font-size: 12px;
  line-height: 1.35;
  padding: 10px;
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
}

#ogex-v321-tooltip .ogex-v321-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
  font-size: 13px;
}

#ogex-v321-tooltip .status {
  padding: 2px 7px;
  border-radius: 999px;
  font-weight: 700;
  letter-spacing: .02em;
}

#ogex-v321-tooltip .status.confirmed {
  background: rgba(34,197,94,.18);
  color: #86efac;
}

#ogex-v321-tooltip .status.candidate {
  background: rgba(245,158,11,.18);
  color: #fcd34d;
}

#ogex-v321-tooltip .status.wait {
  background: rgba(148,163,184,.15);
  color: #cbd5e1;
}

#ogex-v321-tooltip .ogex-v321-grid {
  display: grid;
  grid-template-columns: 1fr 1.15fr;
  gap: 3px 10px;
  align-items: baseline;
}

#ogex-v321-tooltip .ogex-v321-grid > span {
  color: #94a3b8;
}

#ogex-v321-tooltip .ogex-v321-grid > b {
  text-align: right;
  color: #f8fafc;
  font-weight: 650;
}

#ogex-v321-tooltip .pos { color: #86efac !important; }
#ogex-v321-tooltip .neg { color: #fca5a5 !important; }

#ogex-v321-tooltip small {
  color: #fbbf24;
  font-size: 9px;
}

#ogex-v321-tooltip .ogex-v321-options {
  margin-top: 9px;
  padding-top: 8px;
  border-top: 1px solid rgba(148,163,184,.18);
}

#ogex-v321-tooltip .ogex-v321-options .title {
  font-weight: 800;
  margin-bottom: 5px;
  color: #c4b5fd;
}

#ogex-v321-tooltip .ogex-v321-options > div:not(.title):not(.proxy) {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  margin: 2px 0;
}

#ogex-v321-tooltip .proxy {
  margin-top: 6px;
  color: #64748b;
  font-size: 10px;
}

#ogex-v321-tooltip .ogex-v321-blockers {
  margin-top: 8px;
  padding: 6px 7px;
  border-radius: 7px;
  background: rgba(239,68,68,.1);
  color: #fecaca;
  font-size: 10px;
  word-break: break-word;
}

#ogex-v321-history,
#ogex-v321-tf {
  position: absolute;
  left: 10px;
  z-index: 25;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 750;
  pointer-events: none;
  backdrop-filter: blur(6px);
}

#ogex-v321-history { top: 10px; }
#ogex-v321-tf {
  top: 36px;
  background: rgba(15,23,42,.86);
  color: #cbd5e1;
  border: 1px solid rgba(148,163,184,.18);
}

#ogex-v321-history.warn {
  background: rgba(245,158,11,.16);
  color: #fde68a;
  border: 1px solid rgba(245,158,11,.25);
}

#ogex-v321-history.ok {
  background: rgba(34,197,94,.14);
  color: #bbf7d0;
  border: 1px solid rgba(34,197,94,.23);
}

.ogex-v321-marker {
  position: absolute;
  transform: translate(-50%, -115%);
  padding: 2px 5px;
  border-radius: 5px;
  white-space: nowrap;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.2;
  box-shadow: 0 4px 12px rgba(0,0,0,.25);
  border: 1px solid rgba(255,255,255,.14);
}

.ogex-v321-marker.gamma {
  background: rgba(124,58,237,.9);
  color: white;
}

.ogex-v321-marker.blast {
  background: rgba(234,88,12,.92);
  color: white;
}

.ogex-v321-marker.reversal {
  background: rgba(14,116,144,.92);
  color: white;
}

.ogex-v321-marker.bos,
.ogex-v321-marker.choch,
.ogex-v321-marker.sweep,
.ogex-v321-marker.ob,
.ogex-v321-marker.fvg {
  background: rgba(15,23,42,.92);
  color: #e2e8f0;
}

.ogex-v321-marker.entry,
.ogex-v321-marker.tp1,
.ogex-v321-marker.tp2 {
  background: rgba(22,163,74,.92);
  color: white;
}

.ogex-v321-marker.sl {
  background: rgba(185,28,28,.92);
  color: white;
}

.ogex-v321-marker.confirmed {
  background: rgba(22,163,74,.94);
  color: white;
}

.ogex-v321-marker.candidate {
  background: rgba(217,119,6,.94);
  color: white;
}

@media (max-width: 820px) {
  #ogex-v321-tooltip {
    width: min(330px, calc(100% - 16px));
    top: 8px;
    right: 8px;
    font-size: 11px;
  }

  #ogex-v321-tooltip .ogex-v321-grid {
    grid-template-columns: 1fr 1fr;
  }
}