/* DriveX on the real RGS backend: the states the in-browser mock never had
   (reconnecting stream, an idle room, a voided round, refunded bets, the
   dead-session prompt's buttons). Kept apart from the designer's sheets
   (styles.css / trade.css / drivex.css) so a sync from the drivex repo can
   replace those wholesale. Ported from frontends/crashstrike/trade.css. */

/* Reconnecting: the feed is down; the round goes on server-side. */
.cc-offline{
  position: absolute; left: 50%; top: 12px; transform: translateX(-50%); z-index: 6;
  display: inline-flex; align-items: center; gap: 8px; height: 28px; padding: 0 12px; border-radius: 999px;
  background: rgba(10,17,40,.92); border: 1px solid rgba(247,168,35,.45); color: #F7C66B;
  font-size: 12px; font-weight: 700; letter-spacing: .02em; white-space: nowrap; pointer-events: none;
}
.cc-offline i{ width: 8px; height: 8px; border-radius: 50%; background: #F7A823; animation: cc-offline-pulse 1s ease-in-out infinite; }
@keyframes cc-offline-pulse{ 50%{ opacity: .3; } }
.tr-app--offline .cc-num{ opacity: .55; }

/* No round yet: the waiting line where the countdown goes. */
.dx .cc--idle .cc-kicker{ top: 0; letter-spacing: .24em; color: rgba(255,255,255,.85); }
.dx .cc--idle .cc-num, .dx .cc--idle .cc-bar{ display: none; }

/* A voided round: the multiplier stops where the line stopped, greyed; VOIDED over it. */
.dx .cc--voided .cc-kicker{ color: #AEB8C8; }
.dx .cc--voided .cc-num{ color: #C1CADA; text-shadow: none; }

/* Refunded bets (a voided round) in Live bets, the history and Fair Play. */
.pl-r--void{ opacity: .75; }
.pl-r--void .pl-win{ color: #AEB8C8; font-weight: 700; }
.pfx-void{ color: #AEB8C8; letter-spacing: .06em; text-transform: uppercase; }
.hx-item--void .hx-res{ color: #AEB8C8; }

/* The dead-session prompt: Reload game, Back to the casino. */
.se-body .se-btn{ display: block; width: 100%; margin: 16px 0 0; }
.se-body .se-btn + .se-btn{ margin-top: 10px; }
.se-body .se-btn--ghost{ background: transparent !important; color: #FFFFFF !important; border-color: #23346A !important; }