/* Modernized Projected Results page (projected_results#index). Scoped under .modernProjectedResultsPage so it
   never affects Weekly Results, Alternate Picks, Standings, or Scorecard, which reuse some of the same
   .weeklyResults/#weeklyResultsTable/.tableFooterRow markup and the shared weekly_results/_golfer_name,
   _golfer_earnings, _common_footer, and {choose_1,choose_3}/_results_table_header partials -- only this page's
   own wrapper is modernized.

   Most of this page's table shell (thead styling, tbody borders/hover/highlightRow, footer base, the
   overflow:hidden corner-radius-fix wrapper, and the touch-override media query) is shared byte-for-byte with
   Weekly Results, Alternate Picks, and/or Scorecard and now lives in weekly_results_family_modern.css -- only
   what's unique to this page (per-round row tinting, the earnings-unavailable disclaimer/alert) stays here.

   One functional difference from Weekly Results: rows are tinted per-round (R1/R2/R3) rather than a single
   zebra color, so users can tell at a glance which round's projection they're looking at -- lighter versions of
   the legacy .projectedResultsRowR1/R2/R3 colors (application.css) are used instead of the flat grey zebra used
   on the FINAL results page.

   Functional/inline colors left completely unchanged: .weeklyResultsStart (navy)/.weeklyResultsSub (green)/
   .weeklyResultsMulligan (red)/.weeklyResultsNetSubEffect (grey) column-header + link colors indicate pick
   type; .weeklyResultsWinningGolfer (yellow highlight) marks the tournament winner; .dropped (strikethrough)
   marks a dropped golfer; .highlightRow (current user, via highlightCurrentUserRows()) is explicitly restored
   since it would otherwise lose to the per-round row-tint rules below, the same fix applied elsewhere this
   session. The choose_1 and choose_3 formats unfortunately use two different table IDs in the existing markup
   (#projectedResultsTable vs #weeklyResultsTable) -- both are targeted below wherever the rule isn't already
   scoped generically via .weeklyResults table. */

.modernProjectedResultsPage .projectedResultsDisclaimer {
  max-width: 725px;
  margin-top: 10px;
  margin-bottom: 14px;
  padding: 10px 16px;
  background: var(--ptfg-bg-tint);
  border: 1px solid var(--ptfg-border);
  border-radius: 8px;
  color: #333;
  font-size: 13px;
  line-height: 1.6;
}

.modernProjectedResultsPage .projectedResultsDisclaimer a {
  color: var(--ptfg-navy);
  font-weight: 600;
  text-decoration: none;
}

.modernProjectedResultsPage .projectedResultsDisclaimer a:hover {
  text-decoration: underline;
}

.modernProjectedResultsPage .alert.alert-danger.ptfgAlert {
  padding: 10px 16px;
}

/* Per-round row tints (lighter versions of the legacy .projectedResultsRowR1/R2/R3 colors in application.css)
   so users can still tell which round they're viewing at a glance, just muted to match the rest of the modern
   table styling instead of the original fairly saturated legacy colors. */
.modernProjectedResultsPage #projectedResultsTable tbody tr.projectedResultsRowR1 td,
.modernProjectedResultsPage #weeklyResultsTable tbody tr.projectedResultsRowR1 td {
  background-color: var(--ptfg-bg-green-tint);
}

.modernProjectedResultsPage #projectedResultsTable tbody tr.projectedResultsRowR2 td,
.modernProjectedResultsPage #weeklyResultsTable tbody tr.projectedResultsRowR2 td {
  background-color: #fdf6e0;
}

.modernProjectedResultsPage #projectedResultsTable tbody tr.projectedResultsRowR3 td,
.modernProjectedResultsPage #weeklyResultsTable tbody tr.projectedResultsRowR3 td {
  background-color: #fdece0;
}