.gex-panel .panel-header strong {
  margin-left: 6px;
  padding: 2px 5px;
  border: 1px solid rgba(214, 173, 101, 0.5);
  color: #d6ad65;
  font-size: 10.13px;
  letter-spacing: 0;
}

.gex-body {
  display: grid;
  grid-template-columns: minmax(240px, 0.34fr) minmax(0, 1fr);
  min-height: 180px;
}

.gex-summary {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  gap: 1px;
  padding: 8px;
  border-right: 1px solid var(--line);
  background: rgba(2, 7, 8, 0.86);
}

.gex-stat {
  min-width: 0;
  padding: 8px;
  border: 1px solid rgba(88, 112, 111, 0.48);
}

.gex-stat span,
.gex-method {
  display: block;
  color: var(--muted);
  font-size: 10.13px;
  line-height: 1.35;
  text-transform: uppercase;
}

.gex-explanation {
  grid-column: 1 / -1;
  margin-top: 6px;
  padding: 9px 10px;
  border-left: 2px solid #d6ad65;
  background: rgba(214, 173, 101, 0.07);
  color: #bcc9c7;
  font-size: 11.25px;
  line-height: 1.5;
}

.gex-stat b {
  display: block;
  margin-top: 3px;
  color: var(--text);
  font: 700 14.63px/1.2 ui-monospace, Consolas, monospace;
  overflow-wrap: anywhere;
}

.gex-stat b.positive { color: var(--green); }
.gex-stat b.negative { color: var(--red); }
.gex-stat b.neutral { color: var(--yellow); }

.gex-method {
  grid-column: 1 / -1;
  padding: 7px 8px 0;
  text-transform: none;
}

.gex-chart-wrap {
  min-width: 0;
  padding: 6px 8px 3px;
  background: #000;
}

#gexChart {
  width: 100%;
  height: 168px;
  background: #000;
}

@media (max-width: 720px) {
  .gex-body { grid-template-columns: 1fr; }
  .gex-summary { border-right: 0; border-bottom: 1px solid var(--line); }
  #gexChart { height: 150px; }
}