/* Denga Flip — Even/Odd third sibling of Rampin Shap and Banga Tone.
   The workspace reuses the gt-* premium classes wholesale so the look is
   identical; this file only adds the Denga-specific pieces. Identity:
   lime (even) + violet (odd) — the two faces of the flip. */

/* ── Strategy card logo (nav list) ────────────────────────────────────────── */
.strategy-icon-denga {
  background:
    radial-gradient(120% 120% at 20% 15%, rgba(163, 230, 53, 0.32), transparent 55%),
    linear-gradient(145deg, #1c2333 0%, #131a2a 55%, #241333 100%);
  border: 1px solid rgba(167, 139, 250, 0.45);
  box-shadow: 0 6px 16px -6px rgba(167, 139, 250, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.strategy-mark-denga {
  font-size: 19px; font-weight: 800; line-height: 1;
  background: linear-gradient(180deg, #a3e635 45%, #a78bfa 55%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  text-shadow: none;
}

/* ── Even / Odd selector — Odd gets a violet active state ─────────────────── */
.df-odd-btn.active {
  background: #8b5cf6 !important;
  color: #fff !important;
  box-shadow: 0 8px 18px -5px rgba(139, 92, 246, 0.55) !important;
}

/* ── Ticker last digit (colored by parity) ────────────────────────────────── */
.df-move { font-size: 22px; margin-left: 8px; vertical-align: middle; font-weight: 800; }
.df-move.even { color: #a3e635; }
.df-move.odd  { color: #a78bfa; }
.df-run-radar { margin-top: 6px; font-size: 11px; color: #8fa3b8; }

/* ── Live parity meter (recent even vs odd balance) ───────────────────────── */
.df-meter {
  height: 10px; border-radius: 6px; overflow: hidden;
  background: rgba(139, 92, 246, 0.30);
  border: 1px solid rgba(226,182,104,.14);
  margin-top: 10px;
}
.df-meter-fill {
  height: 100%;
  background: linear-gradient(90deg, #84cc16, #a3e635);
  transition: width 0.4s ease;
}
.df-meter-row {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 8px;
}
.df-meter-tag {
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.04em;
  color: var(--gt-gray, #7d93ab);
}
.df-meter-tag.even b { color: #a3e635; }
.df-meter-tag.odd b  { color: #a78bfa; }

/* ── Wipeout radar — compact safety strip inside Risk management ──────────── */
.df-wipeout {
  display: flex; align-items: center; gap: 8px;
  margin-top: 12px; padding: 9px 11px;
  border-radius: 10px;
  background: rgba(167, 139, 250, 0.07);
  border: 1px solid rgba(167, 139, 250, 0.28);
  font-size: 11px; line-height: 1.4; color: #b9c6d4;
}
.df-wipeout-ico { font-size: 13px; flex: 0 0 auto; }
.df-wipeout-txt b { color: #c4b5fd; font-size: 12.5px; }
.df-wipeout.danger {
  background: rgba(239, 68, 68, 0.08);
  border-color: rgba(239, 68, 68, 0.35);
}
.df-wipeout.danger .df-wipeout-txt b { color: #f87171; }