/* Modernized Standings pages (Standings controller: individual/majors/pga_playoffs/commissioners_cup/best_ball/
   hall_of_fame/grid, plus the ITM Standings controller: cuts_made/anytime_streak/no_winner_picked/
   start_of_season_streak/weekly_top_ten). All of these share the same .standings/#standingsTable/
   .tableHeaderBackground/standingsRowHeight markup (either via standings/_standings.rhtml or
   itm_standings/_standings.rhtml), so they're modernized together under one wrapper class and one stylesheet
   rather than being duplicated 12 times. Scoped under .modernStandingsPage so it never affects other pages that
   reuse the same generic class names (e.g. Weekly Results, Scorecard, Statistics).

   Functional/inline colors left completely unchanged: standings_position_color() inline background colors on
   the PWC (Prior Week Change) delta cell, .unpaid (red text, unpaid entry fee), .ptfgRed/.ptfgGreen (streak/HOF
   point indicators), trophy icons, the asterisk "streak alive" indicator, and .highlightRow/
   .highlightCurrentTournamentRow (current user / current tournament, via highlightCurrentUserRows()) are all
   explicitly preserved -- highlightRow in particular is restored below since it would otherwise lose to the
   zebra-row rules, the same fix applied elsewhere this session.

   Row shading: kept as a lighter version of the *existing* legacy colors rather than switching to the blue used
   on Weekly Results/Scorecard, per explicit request to keep the same/similar shading -- .standingsRow was
   #eee7bd (tan, same legacy color already lightened to #f2ecd4 on the Alternate Picks page, reused here for
   consistency) and .itmStandingsRow was #c7c7c7 (grey), lightened the same way. */

.modernStandingsPage > table:first-of-type {
  margin-bottom: 8px;
}

.modernStandingsPage .dropDownLabel {
  font-size: 13px;
}

.modernStandingsPage .countryClubFilter {
  font-size: 13px;
}

.modernStandingsPage .countryClubFilterChoices,
.modernStandingsPage select.standingsPeriodPickList,
.modernStandingsPage > table select {
  border: 1px solid #cfd4e0;
  border-radius: 6px;
  padding: 3px 6px;
  font-size: 12px;
}

.modernStandingsPage .standingsNote {
  margin-bottom: 1px;
}

.modernStandingsPage .alert.alert-warning {
  padding: 10px 16px;
  background: #fff8e6;
  border: none;
  border-left: 4px solid #e8a83c;
  border-radius: 6px;
  color: #7a5c00;
  font-size: 13px;
  line-height: 1.6;
  margin-bottom: 14px;
}

.modernStandingsPage .standingsHallOfFameInfo {
  border: none;
  border-left: 4px solid #1c5bc4;
  border-radius: 6px;
  width: auto;
  max-width: 728px;
  padding: 10px 16px;
  background: #eaf2fc;
  color: #1c3f66;
}

.modernStandingsPage #standingsBestBallNote {
  padding: 10px 16px;
  background: #f4f6fb;
  border: 1px solid #e2e6f2;
  border-radius: 8px;
  max-width: 800px;
}

/* Main standings table */
.modernStandingsPage .standings {
  display: block;
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
  border-radius: 10px;
  box-shadow: 0 0 0 1px #e2e6f2;
  -webkit-overflow-scrolling: touch;
  margin-bottom: 16px;
}

.modernStandingsPage .standings table {
  float: none;
  width: auto;
  margin: 0;
  border-collapse: collapse;
}

.modernStandingsPage #standingsTable thead tr#header {
  background-color: #0b1a67;
}

.modernStandingsPage #standingsTable thead tr#header td {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.2px;
  padding: 4px 5px;
  border: 1px solid #24358c;
  white-space: nowrap;
}

.modernStandingsPage #standingsTable thead tr#header td a.sortheader {
  color: #fff;
}

.modernStandingsPage #standingsTable thead tr#header td a.sortheader:hover {
  color: #dde3f2;
}

.modernStandingsPage #standingsTable tbody td {
  border: 1px solid #e2e6f2;
  padding: 1px 5px;
  font-size: 13px;
}

.modernStandingsPage #standingsTable tbody tr.standingsRow td {
  background-color: #f2ecd4;
}

.modernStandingsPage #standingsTable tbody tr.itmStandingsRow td {
  background-color: #e3e3e3;
}

.modernStandingsPage #standingsTable tbody tr.whiteRow td {
  background-color: #fff;
}

.modernStandingsPage #standingsTable tbody tr:hover td {
  background-color: #eef1fa;
}

.modernStandingsPage #standingsTable tbody tr.highlightRow td {
  background-color: #d0a9f5;
}

.modernStandingsPage #standingsTable tbody tr.highlightCurrentTournamentRow td {
  background-color: #ff9933;
}

.modernStandingsPage #standingsTable td.number,
.modernStandingsPage #standingsTable td.centerText {
  text-align: center;
}

.modernStandingsPage #standingsTable tfoot td {
  background: #f8f9fc;
  border: none;
  padding: 10px 8px 18px;
  font-size: 11px;
  color: #6b7280;
  white-space: normal;
  line-height: 1.6;
}

/* On touchscreens, let the wide table overflow the page instead of scrolling inside its own boxed card --
   swiping right moves the whole page, matching how the rest of a mobile page scrolls, rather than requiring a
   precise swipe inside a small contained region. Both 'standings' and 'itm_standings' controllers are in
   WIDE_VIEWPORT_CONTROLLERS, so mobile browsers get a pinned width=1000 viewport and a normal width-based media
   query would never fire on the devices it's meant for -- see scorecard_modern.css for the full explanation. */
@media (hover: none) and (pointer: coarse) {
  .modernStandingsPage .standings {
    display: block;
    width: auto;
    max-width: none;
    overflow: visible;
    border: none;
    border-radius: 0;
  }
}