/* OptionsGEX Advanced Chart Controls V1.0.1 */

.ogex-chart-tools-v1{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap;
  width:100%;
  margin:8px 0;
}

.ogex-chart-tools-label{
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  opacity:.65;
  margin-right:2px;
}

.ogex-chart-tool-btn,
.ogex-chart-tool-select{
  min-height:34px;
  border:1px solid currentColor;
  border-radius:9px;
  background:transparent;
  color:inherit;
  font:inherit;
  font-size:12px;
  font-weight:700;
  padding:6px 10px;
  opacity:.86;
}

.ogex-chart-tool-btn{cursor:pointer}

.ogex-chart-tool-btn:hover,
.ogex-chart-tool-btn:focus-visible,
.ogex-chart-tool-select:focus-visible{opacity:1}

.ogex-chart-tool-btn[aria-pressed="false"]{opacity:.45}

.ogex-chart-layer-hidden{display:none!important}

.ogex-v321-marker{
  max-width:190px;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.ogex-v321-marker-cluster{
  cursor:pointer!important;
  font-weight:800!important;
}

.ogex-v321-marker-expanded{
  max-width:300px!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.35!important;
  z-index:80!important;
}

.ogex-crypto-chart-head{flex-wrap:wrap}

.ogex-crypto-chart-tools-v1{
  justify-content:flex-end;
  flex:1 1 100%;
}

.ogex-crypto-chart-panel:fullscreen{
  width:100vw;
  height:100vh;
  overflow:auto;
}

.ogex-crypto-chart-panel:fullscreen .ogex-crypto-kline{
  height:calc(100vh - 150px)!important;
  min-height:560px;
}

#gexRtChartShell:fullscreen{
  width:100vw;
  height:100vh;
}

@media(max-width:760px){
  .ogex-chart-tools-v1{
    gap:6px;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:4px;
  }

  .ogex-chart-tool-btn,
  .ogex-chart-tool-select{
    flex:0 0 auto;
    min-height:38px;
    padding:7px 10px;
  }

  .ogex-v321-marker{max-width:130px}
}

/* OptionsGEX chart geometry V1.0.3: no new palette; chart-specific layout only. */
#page-surface .ogex-gexrt-panel { min-width:0; }
#page-surface .ogex-gexrt-panel > .ogex-chart-tools-v1 {
  position:sticky; top:64px; z-index:95;
  display:flex; flex-wrap:nowrap; overflow-x:auto; overscroll-behavior-x:contain;
  margin:6px 0; padding:7px 6px;
  border:1px solid var(--ogx-border, #263c4b);
  border-radius:10px;
  background:var(--ogx-card-bg, #111c28);
  scrollbar-width:thin;
}
#page-surface .ogex-gexrt-panel > .ogex-chart-tools-v1 > * { flex-shrink:0; }
#page-surface .ogex-chart-level-shelf-v103 {
  padding:7px 9px; margin:0 0 7px;
  border:1px solid var(--ogx-border, #263c4b);
  border-radius:8px; color:var(--ogx-muted, #a7b9c8);
  font:600 11px/1.55 system-ui,sans-serif;
  overflow-wrap:anywhere;
}
#page-surface .ogex-gexrt-chart-shell { min-height:420px; }
#page-surface .ogex-gexrt-panel:fullscreen {
  width:100vw; height:100vh; padding:14px; overflow:auto;
  background:var(--ogx-card-bg, #101a25);
}
#page-surface .ogex-gexrt-panel:fullscreen #gexRtChartShell {
  height:max(420px,calc(100vh - 235px))!important;
}
#page-surface #ogex-v321-history { top:48px; max-width:175px; }
#page-surface #ogex-v321-tf { top:76px; }
.ogex-crypto-chart-panel { min-width:0; }
.ogex-crypto-chart-panel .ogex-crypto-chart-head {
  display:flex; flex-wrap:wrap; align-items:center;
}
.ogex-crypto-chart-panel .ogex-crypto-chart-tools-v1 {
  justify-content:flex-start; flex-wrap:nowrap; overflow-x:auto;
  overscroll-behavior-x:contain; scrollbar-width:thin;
  width:100%; min-width:0; padding:6px 0;
}
.ogex-crypto-chart-panel .ogex-crypto-chart-tools-v1 > * { flex-shrink:0; }
.ogex-crypto-chart-panel .ogex-crypto-kline {
  height:clamp(650px,75vh,850px); min-height:650px;
}
.ogex-crypto-chart-panel:fullscreen .ogex-crypto-kline {
  height:max(560px,calc(100vh - 185px))!important;
}
#page-surface #gexRtChartShell { container-type:inline-size; }
@container (max-width:899px) {
  #ogex-nse-oi-profile-v1 { display:none!important; }
}
@media(max-width:900px) {
  #page-surface #ogex-nse-gex-tooltip-mode-v1 { right:8px; }
  #page-surface #ogex-nse-oi-profile-v1 { display:none!important; }
  #page-surface .ogex-gexrt-panel > .ogex-chart-tools-v1 { top:54px; }
  .ogex-crypto-chart-panel .ogex-crypto-kline { height:680px; min-height:600px; }
}
@media(max-width:600px) {
  #page-surface .ogex-gexrt-chart-shell { height:520px!important; }
  #page-surface .ogex-chart-level-shelf-v103 { font-size:10px; }
  .ogex-crypto-chart-panel .ogex-crypto-kline { height:620px; min-height:560px; }
}

/* OptionsGEX V1.0.4 price-axis interaction hint. */
#page-surface .ogex-chart-axis-hint-v104{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:5px 9px;
  border:1px dashed currentColor;
  border-radius:9px;
  opacity:.66;
  font-size:11px;
  font-weight:700;
  white-space:nowrap;
}
@media(max-width:760px){
  #page-surface .ogex-chart-axis-hint-v104{
    min-height:38px;
    font-size:10px;
  }
}