/* Modernized Alternate Picks page (alternate_picks#index). Scoped under .modernAlternatePicksPage so it never
   affects Weekly Results, Projected Results, Standings, or Scorecard, which reuse some of the same
   .weeklyResults/.weeklyResultsTitle markup.

   Most of this page's table shell (title, thead styling, tbody borders/hover/highlightRow, footer base, the
   box-shadow-ring wrapper, country club filter, and the touch-override media query) is shared byte-for-byte
   with Weekly Results, Projected Results, and/or Scorecard and now lives in weekly_results_family_modern.css --
   only what's unique to this page (the tan zebra row, the confirm/no-show alert boxes) stays here.

   One functional difference: the zebra stripe intentionally uses the legacy .standingsRow color (not the blue
   .weeklyResultsRow color) so this page still reads as visually distinct from Weekly Results, per the existing
   comment in index.rhtml ("Use standings row color to differentiate Alternate Picks page from Weekly Results
   page") -- kept here as a lighter version of that same tan, the same way the round colors were lightened on
   Projected Results.

   Functional/inline colors left completely unchanged: .weeklyResultsWinningGolfer (yellow highlight) marks the
   tournament winner; .ptfgGreen/.ptfgRed/.ptfgDarkOrange (row text color, via row_style_if_alt_pick_used) show
   whether an alternate pick was applied; .highlightRow (current user, via highlightCurrentUserRows()) is
   explicitly restored since it would otherwise lose to the zebra-row rules below, the same fix applied
   elsewhere this session. */

.modernAlternatePicksPage .alternatePicksFilter {
  margin-bottom: 14px;
}

.modernAlternatePicksPage .alternatePicksMsg .alert.alert-success {
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
  padding: 10px 16px;
}

.modernAlternatePicksPage .alternatePicksMsg .alert.alert-danger {
  width: fit-content;
  max-width: 100%;
  white-space: nowrap;
  padding: 10px 16px;
}

.modernAlternatePicksPage .alternatePicksMsg .alert img {
  vertical-align: middle;
  margin-right: 6px;
}

/* Lighter version of the legacy .standingsRow tan, kept as its own hue (rather than reusing the blue used on
   Weekly Results/Scorecard) so this page still reads as visually distinct at a glance. */
.modernAlternatePicksPage #weeklyResultsNoShowReport tbody tr.standingsRow td {
  background-color: #f2ecd4;
}