/* Banga Tone — Rise/Fall twin of Rampin Shap.
   The workspace reuses the gt-* premium classes wholesale so the look is
   identical; this file only adds the Banga-specific pieces. */

/* ── Strategy card logo (nav list) ────────────────────────────────────────── */
.strategy-icon-banga {
  background:
    radial-gradient(120% 120% at 20% 15%, rgba(94, 234, 212, 0.35), transparent 55%),
    linear-gradient(145deg, #123333 0%, #0a1a1e 55%, #241a06 100%);
  border: 1px solid rgba(245, 166, 35, 0.45);
  box-shadow: 0 6px 16px -6px rgba(245, 166, 35, 0.5), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}
.strategy-mark-banga {
  font-size: 19px; font-weight: 800; line-height: 1;
  background: linear-gradient(180deg, #5eead4 45%, #f5a623 55%);
  -webkit-background-clip: text; background-clip: text;
  -webkit-text-fill-color: transparent; color: transparent;
  text-shadow: none;
}

/* ── Rise / Fall selector — Fall gets a crimson active state ──────────────── */
.bt-fall-btn.active {
  background: #ef4444 !important;
  color: #fff !important;
  box-shadow: 0 8px 18px -5px rgba(239, 68, 68, 0.55) !important;
}

/* ── Ticker move arrow ────────────────────────────────────────────────────── */
.bt-move { font-size: 22px; margin-left: 8px; vertical-align: middle; }
.bt-move.up   { color: #34d399; }
.bt-move.down { color: #f87171; }

/* ── Live trend meter (recent up vs down balance) ─────────────────────────── */
.bt-meter {
  height: 10px; border-radius: 6px; overflow: hidden;
  background: rgba(239, 68, 68, 0.28);
  border: 1px solid rgba(226,182,104,.14);
  margin-top: 10px;
}
.bt-meter-fill {
  height: 100%;
  background: linear-gradient(90deg, #10b981, #14b8a6);
  transition: width 0.4s ease;
}
.bt-meter-row {
  display: flex; align-items: center; justify-content: space-between;
  margin-top: 8px;
}
.bt-meter-tag {
  font-size: 10.5px; font-weight: 700; letter-spacing: 0.04em;
  color: var(--gt-gray, #7d93ab);
}
.bt-meter-tag.rise b { color: #34d399; }
.bt-meter-tag.fall b { color: #f87171; }

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

/* ── Confidence auto-entry ─────────────────────────────────────────────────── */
.bt-conf-body {
  margin-top: 12px; padding-top: 12px;
  border-top: 1px solid rgba(226,182,104,.14);
}
.bt-conf-chips {
  display: flex; flex-wrap: wrap; gap: 7px; margin-top: 9px;
}
.bt-conf-chip {
  flex: 0 0 auto;
  padding: 8px 13px; border-radius: 9px;
  font-size: 12.5px; font-weight: 800; cursor: pointer;
  color: #cbd5e1; background: var(--gt-card-inset, #16233a);
  border: 1px solid rgba(226,182,104,.16);
  transition: all .15s ease;
}
.bt-conf-chip:hover { color: #fff; border-color: rgba(94, 234, 212, 0.4); }
.bt-conf-chip.active {
  color: #04211d;
  background: linear-gradient(135deg, #5eead4, #14b8a6);
  border-color: transparent;
  box-shadow: 0 6px 16px -6px rgba(20, 184, 166, 0.6);
}
.bt-conf-custom {
  flex: 1 1 72px; min-width: 64px;
  padding: 8px 11px; border-radius: 9px;
  font-size: 12.5px; font-weight: 700; color: #e8eef5;
  background: var(--gt-card-inset, #16233a);
  border: 1px solid rgba(226,182,104,.16);
}
.bt-conf-custom:focus { outline: none; border-color: rgba(94, 234, 212, 0.5); }
.bt-conf-live {
  margin-top: 11px; font-size: 11.5px; line-height: 1.5; color: #b9c6d4;
}
.bt-conf-live b { color: var(--gt-teal-300, #5eead4); }
.bt-conf-sep { color: rgba(255, 255, 255, 0.25); margin: 0 4px; }