/* Trader : noir Spribe, logo orange, barres violettes, boutons verts */
:root {
  --bg: #0f0f12;
  --panel: #1b1c1f;
  --panel-2: #141518;
  --panel-3: #101113;
  --border: #2a2b30;
  --border-light: #45474f;
  --muted: #8f9199;
  --accent: #8b6bff;
  --green: #28a745;
  --bet-btn: #28a745; --bet-btn-border: #28a745; --bet-btn-hover: #2fbf4f;
  --cashout-btn: #ffa726; --cashout-btn-border: #ffa726; --cashout-btn-hover: #ffb74d;
  --cancel-btn: #cb011a; --cancel-btn-border: #cb011a; --cancel-btn-hover: #e2061e;
  --green-row: #14301c; --green-row-border: #3bb54a;
  --stage-bg: #0a0a0e;
  --blue: #5b8def; --purple: #9b6bff; --pink: #e040fb;
}
body { font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; }
.logo { color: #ff9f1c; font-style: normal; font-size: 20px; letter-spacing: 0; }
.logo svg { display: none; }
.topbar .balance { background: var(--panel); border-radius: 20px; padding: 6px 12px; color: #fff; }
.howto-btn { display: none; }
.stage-overlay { display: none !important; }
.game-stage { border: 0; border-radius: 12px; }
.stage-footer { display: none; }
.history-bar .chip { background: transparent; font-size: 11px; padding: 2px 6px; }
.history-bar { background: var(--panel); border-radius: 10px; padding: 0 8px; height: 32px; }
.history-toggle { border: 0; background: transparent; }
.chip.white, .mult-chip.white { color: #fff; }
.bet-panel { border-radius: 12px; }
.bet-btn { border-radius: 10px; box-shadow: none; min-height: 56px; }
.bet-btn .bet-btn-label { font-size: 15px; font-weight: 700; }
.bet-btn .bet-btn-amount { font-size: 15px; font-weight: 700; }
.amount-box { background: var(--panel-2); border-color: transparent; }
.quick-chips button { height: 28px; font-size: 13px; font-weight: 500; }
.side-panel .tabs { background: transparent; }
.side-panel .tab.active { background: var(--border); }
.bet-row { border-radius: 20px; }
.bet-row.cashed { background: #14301c; border-color: #3bb54a; }
.bet-row .m .mult-chip { background: transparent; color: #9b6bff; }
.side-footer b { color: #fff; }

/* flux et toasts sous le bandeau des valeurs */
.feed { top: 46px; left: 14px; }
.toasts { top: auto; bottom: 44px; }
@media (max-width: 640px) { .feed { top: auto; bottom: 40px; } .toasts { bottom: 90px; } }