/*--------------------------------------------------------------
# BetTrackr bet-list styles v2 (token-driven dark theme)
#
# Requires tokens_v1.css AND theme_v1.css to be loaded first.
# theme_v1.css already defines .loss-text and .profit-text (tone
# tokens), so they are intentionally NOT duplicated here.
#
# Colors come exclusively from tokens_v1.css custom properties.
--------------------------------------------------------------*/

/* Bet-status row tints: green/red/yellow carry meaning, everything
   else is muted (surface-alt). Never a saturated status fill.
   The .list-group-item compound is load-bearing: theme_v1's
   ".offcanvas .list-group-item" surface-alt rule outranks a lone
   class, which flattened bet cards inside the edit-bet offcanvas.
   Equal specificity + this file loading after theme_v1 wins the tie,
   so the cards match the dashboard bets widget everywhere. */
.bet-status-won,
.list-group-item.bet-status-won { background-color: var(--bettrackr-positive-wash); }
.bet-status-lost,
.list-group-item.bet-status-lost { background-color: var(--bettrackr-negative-wash); }
.bet-status-pending,
.list-group-item.bet-status-pending {
  background-color: var(--bettrackr-pending-bg);
  box-shadow: inset 4px 0 0 var(--bettrackr-secondary);
}

/* Status/type toggles read as body text, not links (the list-item bet
   type is a bare <a>, which Bootstrap would otherwise paint link-green;
   it previously wore text-dark, invisible on the dark surfaces). */
.bet-status-toggle,
.bet-type-toggle {
  color: var(--bettrackr-text);
}

/* Status/type dropdown carets: quiet muted arrow instead of stark white */
.bet-status-toggle.dropdown-toggle::after,
.bet-type-toggle.dropdown-toggle::after {
  color: var(--bettrackr-text-muted);
}

.bet-status-cashedout,
.list-group-item.bet-status-cashedout { background-color: var(--bettrackr-surface-alt); }
.bet-status-void,
.list-group-item.bet-status-void { background-color: var(--bettrackr-surface-alt); }
.bet-status-bonus,
.list-group-item.bet-status-bonus { background-color: var(--bettrackr-bonus-wash); }
.bet-status-default,
.list-group-item.bet-status-default { background-color: var(--bettrackr-surface-alt); }

.bet-list-item-clickable {
  cursor: pointer;
  transition: box-shadow .15s ease-in-out, transform .15s ease-in-out, opacity .15s ease-in-out;
}
.bet-list-item-clickable:hover {
  box-shadow: var(--bettrackr-shadow), 0 0 0 2px var(--bettrackr-primary);
  transform: translateY(-2px);
  opacity: 0.9;
}

/* Status tints never change the text color: light text on all of them
   (Bootstrap variants otherwise leak dark text onto tinted rows). */
.bet-status-won,
.bet-status-lost,
.bet-status-pending,
.bet-status-cashedout,
.bet-status-void,
.bet-status-bonus,
.bet-status-default {
  color: var(--bettrackr-text);
}