/* =============================================================================
   ROB E BANK AI — Premium Breathing Glow System  [v2 — Glow Upgrade 2026-05-03]

   CSS-only. No JS timers. No layout movement. No resize.
   Animates only: box-shadow, text-shadow, opacity.
   Uses @keyframes + animation shorthand.

   Strategy Color Identity:
     Trade X    — gold / orange   (#f0a020)   premium bank / trading energy
     Fresh X    — cyan / blue     (#06b6d4)   scanner / diamond energy
     Goon X     — electric lime   (#4ade80)   live-market over/under energy
     Bank Clerk — orange / emerald(#f97316)   accumulator / growth energy
   ============================================================================= */


/* ── Glow CSS Variables ──────────────────────────────────────────────────────── */
:root {
  --glow-gold:        rgba(210, 152, 48, 0.30);
  --glow-gold-soft:   rgba(185, 128, 32, 0.16);
  --glow-gold-peak:   rgba(210, 148, 42, 0.52);

  --glow-blue:        rgba(50, 110, 220, 0.24);
  --glow-blue-soft:   rgba(40, 90, 180, 0.12);
  --glow-blue-peak:   rgba(60, 130, 240, 0.40);

  --glow-green:       rgba(34, 197, 94, 0.32);
  --glow-green-soft:  rgba(34, 197, 94, 0.16);
  --glow-green-peak:  rgba(34, 197, 94, 0.62);

  --glow-red:         rgba(239, 68, 68, 0.32);
  --glow-red-soft:    rgba(239, 68, 68, 0.16);
  --glow-red-peak:    rgba(239, 68, 68, 0.58);

  --glow-soft:        rgba(185, 128, 32, 0.14);
  --glow-strong:      rgba(210, 152, 48, 0.52);

  /* ── Trade X — gold / orange ── */
  --sx-tradex-soft:    rgba(240, 160, 32, 0.10);
  --sx-tradex-mid:     rgba(240, 160, 32, 0.28);
  --sx-tradex-border:  rgba(240, 160, 32, 0.34);
  --sx-tradex-accent:  rgba(240, 160, 32, 0.58);
  --sx-tradex-bright:  #f0a020;

  /* ── Fresh X — cyan / blue ── */
  --sx-freshx-soft:    rgba(6, 182, 212, 0.10);
  --sx-freshx-mid:     rgba(6, 182, 212, 0.26);
  --sx-freshx-border:  rgba(6, 182, 212, 0.30);
  --sx-freshx-accent:  rgba(6, 182, 212, 0.56);
  --sx-freshx-bright:  #06b6d4;

  /* ── Goon X — electric lime / green ── */
  --sx-goonx-soft:     rgba(74, 222, 128, 0.10);
  --sx-goonx-mid:      rgba(74, 222, 128, 0.26);
  --sx-goonx-border:   rgba(74, 222, 128, 0.30);
  --sx-goonx-accent:   rgba(74, 222, 128, 0.56);
  --sx-goonx-bright:   #4ade80;

  /* ── Bank Clerk — orange / emerald ── */
  --sx-bankclerk-soft:   rgba(249, 115, 22, 0.10);
  --sx-bankclerk-mid:    rgba(249, 115, 22, 0.26);
  --sx-bankclerk-border: rgba(249, 115, 22, 0.30);
  --sx-bankclerk-accent: rgba(249, 115, 22, 0.56);
  --sx-bankclerk-bright: #f97316;
}


/* ── Base Breathing Keyframes ─────────────────────────────────────────────────── */

@keyframes premiumGoldBreathe {
  0%, 100% {
    box-shadow: 0 0 20px rgba(185, 128, 32, 0.16),
                0 2px 10px rgba(0,0,0,0.40),
                inset 0 1px 0 rgba(210, 152, 52, 0.08);
  }
  50% {
    box-shadow: 0 0 38px rgba(210, 148, 44, 0.40),
                0 2px 10px rgba(0,0,0,0.40),
                inset 0 1px 0 rgba(210, 152, 52, 0.14);
  }
}

@keyframes premiumHeroGoldBreathe {
  0%, 100% {
    box-shadow: 0 0 28px rgba(185, 128, 32, 0.22),
                0 0 60px rgba(200, 138, 40, 0.10),
                0 3px 14px rgba(0,0,0,0.50),
                inset 0 1px 0 rgba(210, 152, 52, 0.12);
  }
  50% {
    box-shadow: 0 0 52px rgba(210, 148, 44, 0.52),
                0 0 90px rgba(210, 148, 44, 0.22),
                0 3px 14px rgba(0,0,0,0.50),
                inset 0 1px 0 rgba(210, 152, 52, 0.20);
  }
}

@keyframes premiumBlueBreathe {
  0%, 100% { box-shadow: 0 0 14px rgba(40, 90, 180, 0.12); }
  50%       { box-shadow: 0 0 30px rgba(55, 115, 225, 0.32); }
}

@keyframes premiumGreenBreathe {
  0%, 100% { box-shadow: 0 0 8px rgba(34, 197, 94, 0.32); }
  50%       { box-shadow: 0 0 22px rgba(34, 197, 94, 0.68); }
}

@keyframes premiumBlueSelectedBreathe {
  0%, 100% { box-shadow: 0 0 10px rgba(59, 130, 246, 0.42); }
  50%       { box-shadow: 0 0 22px rgba(59, 130, 246, 0.78); }
}

@keyframes premiumGoldButtonBreathe {
  0%, 100% { box-shadow: 0 0 12px rgba(251, 191, 36, 0.20); }
  50%       { box-shadow: 0 0 28px rgba(251, 191, 36, 0.50); }
}

@keyframes premiumRedButtonBreathe {
  0%, 100% { box-shadow: 0 0 14px rgba(239, 68, 68, 0.30); }
  50%       { box-shadow: 0 0 32px rgba(239, 68, 68, 0.62); }
}

@keyframes premiumToggleBreathe {
  0%, 100% { box-shadow: 0 0 6px rgba(34, 197, 94, 0.28); }
  50%       { box-shadow: 0 0 16px rgba(34, 197, 94, 0.58); }
}

/* Win / loss / pending card breathing */
@keyframes tradeCardWonBreathe {
  0%, 100% {
    box-shadow: 0 0 6px rgba(34, 197, 94, 0.20),
                inset 0 0 0 1px rgba(34,197,94,0.07);
  }
  50% {
    box-shadow: 0 0 18px rgba(34, 197, 94, 0.44),
                inset 0 0 0 1px rgba(34,197,94,0.15);
  }
}
@keyframes tradeCardLostBreathe {
  0%, 100% {
    box-shadow: 0 0 6px rgba(239, 68, 68, 0.20),
                inset 0 0 0 1px rgba(239,68,68,0.07);
  }
  50% {
    box-shadow: 0 0 18px rgba(239, 68, 68, 0.42),
                inset 0 0 0 1px rgba(239,68,68,0.15);
  }
}

/* ── Strategy Signature Breathing Keyframes ──────────────────────────────────── */

/* Trade X — gold/orange */
@keyframes sxBreatheTradeX {
  0%, 100% { box-shadow: inset 3px 0 0 rgba(240,160,32,0.46), 0 0 13px rgba(240,160,32,0.09); }
  50%       { box-shadow: inset 3px 0 0 rgba(240,160,32,0.72), 0 0 28px rgba(240,160,32,0.26); }
}
@keyframes sxBreatheTradeXOn {
  0%, 100% { box-shadow: inset 3px 0 0 rgba(240,160,32,0.62), 0 0 20px rgba(240,160,32,0.22); }
  50%       { box-shadow: inset 3px 0 0 rgba(240,160,32,0.92), 0 0 44px rgba(240,160,32,0.48); }
}

/* Fresh X — cyan/blue */
@keyframes sxBreatheFreshX {
  0%, 100% { box-shadow: inset 3px 0 0 rgba(6,182,212,0.44), 0 0 13px rgba(6,182,212,0.09); }
  50%       { box-shadow: inset 3px 0 0 rgba(6,182,212,0.70), 0 0 28px rgba(6,182,212,0.26); }
}
@keyframes sxBreatheFreshXOn {
  0%, 100% { box-shadow: inset 3px 0 0 rgba(6,182,212,0.60), 0 0 20px rgba(6,182,212,0.20); }
  50%       { box-shadow: inset 3px 0 0 rgba(6,182,212,0.90), 0 0 44px rgba(6,182,212,0.44); }
}

/* Goon X — electric lime/green */
@keyframes sxBreatheGoonX {
  0%, 100% { box-shadow: inset 3px 0 0 rgba(74,222,128,0.46), 0 0 13px rgba(74,222,128,0.10); }
  50%       { box-shadow: inset 3px 0 0 rgba(74,222,128,0.74), 0 0 28px rgba(74,222,128,0.28); }
}
@keyframes sxBreatheGoonXOn {
  0%, 100% { box-shadow: inset 3px 0 0 rgba(74,222,128,0.62), 0 0 20px rgba(74,222,128,0.22); }
  50%       { box-shadow: inset 3px 0 0 rgba(74,222,128,0.92), 0 0 44px rgba(74,222,128,0.46); }
}

/* Bank Clerk — orange/emerald */
@keyframes sxBreatheBankClerk {
  0%, 100% { box-shadow: inset 3px 0 0 rgba(249,115,22,0.44), 0 0 13px rgba(249,115,22,0.09); }
  50%       { box-shadow: inset 3px 0 0 rgba(249,115,22,0.70), 0 0 28px rgba(249,115,22,0.26); }
}
@keyframes sxBreatheBankClerkOn {
  0%, 100% { box-shadow: inset 3px 0 0 rgba(249,115,22,0.58), 0 0 20px rgba(249,115,22,0.20); }
  50%       { box-shadow: inset 3px 0 0 rgba(249,115,22,0.88), 0 0 44px rgba(249,115,22,0.44); }
}


/* ── Outer Cards (.card from theme.css) ──────────────────────────────────────── */
.card {
  animation: premiumGoldBreathe 5.5s ease-in-out infinite;
}
.hero-card {
  animation: premiumHeroGoldBreathe 5.5s ease-in-out infinite 0.6s;
}
.deriv-card      { animation-delay: 0s; }
.strategies-card { animation-delay: 1.8s; }


/* ── Trade X Workspace Inner Cards ───────────────────────────────────────────── */
.tradex-workspace .tx-settings-card {
  animation: premiumGoldBreathe 5.5s ease-in-out infinite 0.9s;
}
.tradex-workspace .tx-analyzer-card {
  animation: premiumBlueBreathe 5s ease-in-out infinite 0s;
}
.tradex-workspace .tx-digit-board {
  animation: premiumBlueBreathe 5.5s ease-in-out infinite 1.4s;
}
.tradex-workspace .tx-history-card {
  animation: premiumBlueBreathe 5.5s ease-in-out infinite 2.1s;
}

/* ── Goon X Workspace Inner Cards ────────────────────────────────────────────── */
.goonx-workspace .tx-settings-card  { animation: premiumGoldBreathe 5.5s ease-in-out infinite 1.3s; }
.goonx-workspace .tx-analyzer-card  { animation: premiumBlueBreathe 5.0s ease-in-out infinite 0.4s; }
.goonx-workspace .tx-history-card   { animation: premiumBlueBreathe 5.5s ease-in-out infinite 2.7s; }

/* ── Fresh X Workspace Inner Cards ──────────────────────────────────────────── */
.freshx-workspace .tx-settings-card  { animation: premiumGoldBreathe 5.5s ease-in-out infinite 0.7s; }
.freshx-workspace .tx-analyzer-card  { animation: premiumBlueBreathe 5.0s ease-in-out infinite 1.2s; }
.freshx-workspace .tx-history-card   { animation: premiumBlueBreathe 5.5s ease-in-out infinite 2.4s; }

/* ── Bank Clerk Workspace Cards ─────────────────────────────────────────────── */
.bankclerk-workspace .bc-card {
  animation: premiumGoldBreathe 5.5s ease-in-out infinite 1.0s;
}


/* ── Strategy Row & Toggle ───────────────────────────────────────────────────── */
.strategy-row.unlocked {
  animation: premiumGoldBreathe 5.5s ease-in-out infinite 0.4s;
}
.toggle-switch.on {
  animation: premiumToggleBreathe 3.5s ease-in-out infinite;
}


/* ── Strategy Signature Glow System ─────────────────────────────────────────── */

/* Base: locked rows — faint signature accent line */
.strategy-row[data-strategy="trade-x"]    { border-left: 2px solid rgba(240,160,32,0.20); }
.strategy-row[data-strategy="fresh-x"]    { border-left: 2px solid rgba(6,182,212,0.18); }
.strategy-row[data-strategy="goon-x"]     { border-left: 2px solid rgba(74,222,128,0.18); }
.strategy-row[data-strategy="bank-clerk"] { border-left: 2px solid rgba(249,115,22,0.18); }

/* Strategy icon badge — signature tint */
.strategy-row[data-strategy="trade-x"]    .strategy-icon {
  background: rgba(240,160,32,0.12);
  border-color: rgba(240,160,32,0.26);
}
.strategy-row[data-strategy="fresh-x"]    .strategy-icon {
  background: rgba(6,182,212,0.10);
  border-color: rgba(6,182,212,0.24);
}
.strategy-row[data-strategy="goon-x"]     .strategy-icon {
  background: rgba(74,222,128,0.10);
  border-color: rgba(74,222,128,0.24);
}
.strategy-row[data-strategy="bank-clerk"] .strategy-icon {
  background: rgba(249,115,22,0.10);
  border-color: rgba(249,115,22,0.24);
}

/* Unlocked — signature breathing, staggered delays */
.strategy-row[data-strategy="trade-x"].unlocked {
  border-color: rgba(240,160,32,0.28);
  border-left-color: rgba(240,160,32,0.52);
  animation: sxBreatheTradeX 5.5s ease-in-out infinite 0.0s;
}
.strategy-row[data-strategy="fresh-x"].unlocked {
  border-color: rgba(6,182,212,0.26);
  border-left-color: rgba(6,182,212,0.50);
  animation: sxBreatheFreshX 5.5s ease-in-out infinite 1.65s;
}
.strategy-row[data-strategy="goon-x"].unlocked {
  border-color: rgba(74,222,128,0.26);
  border-left-color: rgba(74,222,128,0.50);
  animation: sxBreatheGoonX 5.5s ease-in-out infinite 0.55s;
}
.strategy-row[data-strategy="bank-clerk"].unlocked {
  border-color: rgba(249,115,22,0.24);
  border-left-color: rgba(249,115,22,0.48);
  animation: sxBreatheBankClerk 5.5s ease-in-out infinite 1.1s;
}

/* Hover — briefly brightens glow */
.strategy-row[data-strategy="trade-x"].unlocked:hover {
  border-color: rgba(240,160,32,0.48);
  box-shadow: inset 3px 0 0 rgba(240,160,32,0.70), 0 0 24px rgba(240,160,32,0.26);
}
.strategy-row[data-strategy="fresh-x"].unlocked:hover {
  border-color: rgba(6,182,212,0.44);
  box-shadow: inset 3px 0 0 rgba(6,182,212,0.68), 0 0 24px rgba(6,182,212,0.24);
}
.strategy-row[data-strategy="goon-x"].unlocked:hover {
  border-color: rgba(74,222,128,0.44);
  box-shadow: inset 3px 0 0 rgba(74,222,128,0.70), 0 0 24px rgba(74,222,128,0.26);
}
.strategy-row[data-strategy="bank-clerk"].unlocked:hover {
  border-color: rgba(249,115,22,0.42);
  box-shadow: inset 3px 0 0 rgba(249,115,22,0.66), 0 0 24px rgba(249,115,22,0.24);
}

/* Active / ON — richer breathing while strategy is running */
.strategy-row[data-strategy="trade-x"].unlocked:has(.toggle-switch.on) {
  border-color: rgba(240,160,32,0.44);
  border-left-color: rgba(240,160,32,0.76);
  animation: sxBreatheTradeXOn 4s ease-in-out infinite;
}
.strategy-row[data-strategy="fresh-x"].unlocked:has(.toggle-switch.on) {
  border-color: rgba(6,182,212,0.42);
  border-left-color: rgba(6,182,212,0.72);
  animation: sxBreatheFreshXOn 4s ease-in-out infinite;
}
.strategy-row[data-strategy="goon-x"].unlocked:has(.toggle-switch.on) {
  border-color: rgba(74,222,128,0.44);
  border-left-color: rgba(74,222,128,0.76);
  animation: sxBreatheGoonXOn 4s ease-in-out infinite;
}
.strategy-row[data-strategy="bank-clerk"].unlocked:has(.toggle-switch.on) {
  border-color: rgba(249,115,22,0.42);
  border-left-color: rgba(249,115,22,0.72);
  animation: sxBreatheBankClerkOn 4s ease-in-out infinite;
}

/* Toggle switch — signature color when ON */
.strategy-row[data-strategy="trade-x"] .toggle-switch.on {
  background: rgba(240,160,32,0.22);
  border-color: rgba(240,160,32,0.55);
}
.strategy-row[data-strategy="trade-x"] .toggle-switch.on .toggle-knob {
  background: var(--sx-tradex-bright);
  box-shadow: 0 0 9px rgba(240,160,32,0.72), 0 1px 3px rgba(0,0,0,0.30);
}

.strategy-row[data-strategy="fresh-x"] .toggle-switch.on {
  background: rgba(6,182,212,0.20);
  border-color: rgba(6,182,212,0.52);
}
.strategy-row[data-strategy="fresh-x"] .toggle-switch.on .toggle-knob {
  background: var(--sx-freshx-bright);
  box-shadow: 0 0 9px rgba(6,182,212,0.70), 0 1px 3px rgba(0,0,0,0.30);
}

.strategy-row[data-strategy="goon-x"] .toggle-switch.on {
  background: rgba(74,222,128,0.20);
  border-color: rgba(74,222,128,0.52);
}
.strategy-row[data-strategy="goon-x"] .toggle-switch.on .toggle-knob {
  background: var(--sx-goonx-bright);
  box-shadow: 0 0 9px rgba(74,222,128,0.70), 0 1px 3px rgba(0,0,0,0.30);
}

.strategy-row[data-strategy="bank-clerk"] .toggle-switch.on {
  background: rgba(249,115,22,0.20);
  border-color: rgba(249,115,22,0.50);
}
.strategy-row[data-strategy="bank-clerk"] .toggle-switch.on .toggle-knob {
  background: var(--sx-bankclerk-bright);
  box-shadow: 0 0 9px rgba(249,115,22,0.70), 0 1px 3px rgba(0,0,0,0.30);
}


/* ── Digit Board: Selected & Recommended Digits ──────────────────────────────── */
.digit-btn.selected {
  animation: premiumBlueSelectedBreathe 3.5s ease-in-out infinite;
}
.digit-btn.recommended {
  animation: premiumGreenBreathe 3.5s ease-in-out infinite 0.5s;
}
.digit-btn.selected.recommended {
  animation: premiumBlueSelectedBreathe 3.5s ease-in-out infinite;
}


/* ── Trade History Card Win/Loss Breathing ───────────────────────────────────── */
.trade-card.won  { animation: tradeCardWonBreathe  5s ease-in-out infinite; }
.trade-card.lost { animation: tradeCardLostBreathe 5s ease-in-out infinite 0.8s; }


/* ── Action Button Breathing ─────────────────────────────────────────────────── */
.btn-aloe-point:not(.active):not(:disabled) {
  animation: premiumGoldButtonBreathe 4s ease-in-out infinite;
}
.btn-aloe-point.active {
  animation: premiumRedButtonBreathe 2.6s ease-in-out infinite;
}
.btn-auto-trade.running {
  animation: premiumRedButtonBreathe 3s ease-in-out infinite;
}


/* ── Utility Glow Classes ────────────────────────────────────────────────────── */
.premium-glow-soft     { box-shadow: 0 0 16px var(--glow-soft); }
.premium-glow-card     { animation: premiumGoldBreathe 5.5s ease-in-out infinite; }
.premium-glow-active   { animation: premiumGreenBreathe 3.5s ease-in-out infinite; }
.premium-glow-gold     { animation: premiumGoldButtonBreathe 4s ease-in-out infinite; }
.premium-glow-green    { animation: premiumGreenBreathe 3.5s ease-in-out infinite; }
.premium-glow-red      { animation: premiumRedButtonBreathe 3s ease-in-out infinite; }
.premium-glow-blue     { animation: premiumBlueBreathe 5s ease-in-out infinite; }
.premium-glow-selected { animation: premiumBlueSelectedBreathe 3.5s ease-in-out infinite; }
.premium-breathe       { animation: premiumGoldBreathe 5.5s ease-in-out infinite; }
.premium-breathe-soft  { animation: premiumGoldBreathe 6.5s ease-in-out infinite; }
.premium-breathe-strong{ animation: premiumHeroGoldBreathe 3.5s ease-in-out infinite; }


/* ── Reduced Motion — Disable All Breathing Animations ──────────────────────── */
@media (prefers-reduced-motion: reduce) {
  .card,
  .hero-card,
  .deriv-card,
  .strategies-card,
  .tx-settings-card {
    animation: none;
    box-shadow: 0 0 20px rgba(185, 128, 32, 0.18),
                inset 0 1px 0 rgba(210, 152, 52, 0.08);
  }
  .tx-analyzer-card {
    animation: none;
    box-shadow: 0 0 16px rgba(40, 90, 180, 0.14);
  }
  .tx-digit-board {
    animation: none;
    box-shadow: none;
  }
  .tx-history-card {
    animation: none;
    box-shadow: 0 0 18px rgba(20, 60, 140, 0.18);
  }
  .strategy-row.unlocked { animation: none; box-shadow: none; }
  .toggle-switch.on      { animation: none; }
  .trade-card.won        { animation: none; }
  .trade-card.lost       { animation: none; }

  .digit-btn.selected {
    animation: none;
    box-shadow: 0 0 12px rgba(59, 130, 246, 0.50);
  }
  .digit-btn.recommended {
    animation: none;
    box-shadow: 0 0 12px rgba(34, 197, 94, 0.40);
  }
  .digit-btn.selected.recommended {
    animation: none;
    box-shadow: 0 0 12px rgba(59, 130, 246, 0.50);
  }
  .btn-aloe-point:not(.active):not(:disabled) {
    animation: none;
    box-shadow: 0 0 14px rgba(251, 191, 36, 0.26);
  }
  .btn-aloe-point.active {
    animation: none;
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.46);
  }
  .btn-auto-trade.running { animation: none; }

  .premium-glow-card,
  .premium-glow-active,
  .premium-glow-gold,
  .premium-glow-green,
  .premium-glow-red,
  .premium-glow-blue,
  .premium-glow-selected,
  .premium-breathe,
  .premium-breathe-soft,
  .premium-breathe-strong { animation: none; }

  /* Strategy signature glows — static accent in reduced-motion */
  .strategy-row[data-strategy="trade-x"].unlocked,
  .strategy-row[data-strategy="trade-x"].unlocked:has(.toggle-switch.on) {
    animation: none;
    box-shadow: inset 3px 0 0 rgba(240,160,32,0.56), 0 0 16px rgba(240,160,32,0.16);
  }
  .strategy-row[data-strategy="fresh-x"].unlocked,
  .strategy-row[data-strategy="fresh-x"].unlocked:has(.toggle-switch.on) {
    animation: none;
    box-shadow: inset 3px 0 0 rgba(6,182,212,0.54), 0 0 16px rgba(6,182,212,0.14);
  }
  .strategy-row[data-strategy="goon-x"].unlocked,
  .strategy-row[data-strategy="goon-x"].unlocked:has(.toggle-switch.on) {
    animation: none;
    box-shadow: inset 3px 0 0 rgba(74,222,128,0.56), 0 0 16px rgba(74,222,128,0.14);
  }
  .strategy-row[data-strategy="bank-clerk"].unlocked,
  .strategy-row[data-strategy="bank-clerk"].unlocked:has(.toggle-switch.on) {
    animation: none;
    box-shadow: inset 3px 0 0 rgba(249,115,22,0.54), 0 0 16px rgba(249,115,22,0.13);
  }
}


/* ── Mobile: Softer Shadows ──────────────────────────────────────────────────── */
@media (max-width: 768px) {

  @keyframes premiumGoldBreathe {
    0%, 100% {
      box-shadow: 0 0 12px rgba(185, 128, 32, 0.12),
                  inset 0 1px 0 rgba(210, 152, 52, 0.06);
    }
    50% {
      box-shadow: 0 0 24px rgba(210, 148, 44, 0.30),
                  inset 0 1px 0 rgba(210, 152, 52, 0.10);
    }
  }
  @keyframes premiumHeroGoldBreathe {
    0%, 100% {
      box-shadow: 0 0 16px rgba(185, 128, 32, 0.16),
                  inset 0 1px 0 rgba(210, 152, 52, 0.08);
    }
    50% {
      box-shadow: 0 0 32px rgba(210, 148, 44, 0.38),
                  inset 0 1px 0 rgba(210, 152, 52, 0.12);
    }
  }
  @keyframes premiumBlueBreathe {
    0%, 100% { box-shadow: 0 0 8px rgba(40, 90, 180, 0.09); }
    50%       { box-shadow: 0 0 18px rgba(55, 115, 225, 0.22); }
  }
  @keyframes premiumGoldButtonBreathe {
    0%, 100% { box-shadow: 0 0 9px rgba(251, 191, 36, 0.16); }
    50%       { box-shadow: 0 0 18px rgba(251, 191, 36, 0.36); }
  }
  @keyframes premiumRedButtonBreathe {
    0%, 100% { box-shadow: 0 0 9px rgba(239, 68, 68, 0.24); }
    50%       { box-shadow: 0 0 20px rgba(239, 68, 68, 0.48); }
  }
  @keyframes premiumBlueSelectedBreathe {
    0%, 100% { box-shadow: 0 0 7px rgba(59, 130, 246, 0.34); }
    50%       { box-shadow: 0 0 16px rgba(59, 130, 246, 0.62); }
  }
  @keyframes premiumGreenBreathe {
    0%, 100% { box-shadow: 0 0 7px rgba(34, 197, 94, 0.26); }
    50%       { box-shadow: 0 0 16px rgba(34, 197, 94, 0.54); }
  }
  @keyframes tradeCardWonBreathe {
    0%, 100% { box-shadow: 0 0 5px rgba(34, 197, 94, 0.18); }
    50%       { box-shadow: 0 0 14px rgba(34, 197, 94, 0.36); }
  }
  @keyframes tradeCardLostBreathe {
    0%, 100% { box-shadow: 0 0 5px rgba(239, 68, 68, 0.18); }
    50%       { box-shadow: 0 0 14px rgba(239, 68, 68, 0.36); }
  }

  /* Strategy signature glows — softer on mobile */
  @keyframes sxBreatheTradeX {
    0%, 100% { box-shadow: inset 2px 0 0 rgba(240,160,32,0.42), 0 0 10px rgba(240,160,32,0.08); }
    50%       { box-shadow: inset 2px 0 0 rgba(240,160,32,0.64), 0 0 20px rgba(240,160,32,0.20); }
  }
  @keyframes sxBreatheTradeXOn {
    0%, 100% { box-shadow: inset 2px 0 0 rgba(240,160,32,0.54), 0 0 14px rgba(240,160,32,0.16); }
    50%       { box-shadow: inset 2px 0 0 rgba(240,160,32,0.82), 0 0 28px rgba(240,160,32,0.36); }
  }
  @keyframes sxBreatheFreshX {
    0%, 100% { box-shadow: inset 2px 0 0 rgba(6,182,212,0.40), 0 0 10px rgba(6,182,212,0.08); }
    50%       { box-shadow: inset 2px 0 0 rgba(6,182,212,0.62), 0 0 20px rgba(6,182,212,0.20); }
  }
  @keyframes sxBreatheFreshXOn {
    0%, 100% { box-shadow: inset 2px 0 0 rgba(6,182,212,0.52), 0 0 14px rgba(6,182,212,0.16); }
    50%       { box-shadow: inset 2px 0 0 rgba(6,182,212,0.80), 0 0 28px rgba(6,182,212,0.34); }
  }
  @keyframes sxBreatheGoonX {
    0%, 100% { box-shadow: inset 2px 0 0 rgba(74,222,128,0.42), 0 0 10px rgba(74,222,128,0.08); }
    50%       { box-shadow: inset 2px 0 0 rgba(74,222,128,0.64), 0 0 20px rgba(74,222,128,0.22); }
  }
  @keyframes sxBreatheGoonXOn {
    0%, 100% { box-shadow: inset 2px 0 0 rgba(74,222,128,0.54), 0 0 14px rgba(74,222,128,0.18); }
    50%       { box-shadow: inset 2px 0 0 rgba(74,222,128,0.82), 0 0 28px rgba(74,222,128,0.36); }
  }
  @keyframes sxBreatheBankClerk {
    0%, 100% { box-shadow: inset 2px 0 0 rgba(249,115,22,0.40), 0 0 10px rgba(249,115,22,0.08); }
    50%       { box-shadow: inset 2px 0 0 rgba(249,115,22,0.62), 0 0 20px rgba(249,115,22,0.20); }
  }
  @keyframes sxBreatheBankClerkOn {
    0%, 100% { box-shadow: inset 2px 0 0 rgba(249,115,22,0.52), 0 0 14px rgba(249,115,22,0.16); }
    50%       { box-shadow: inset 2px 0 0 rgba(249,115,22,0.80), 0 0 28px rgba(249,115,22,0.34); }
  }
}