/* Modernized Admin "Failed Email Alerts" report page. Scoped under .modernFailedEmailAlertsPage so it never
   affects other pages that reuse the same .admin/.adminTable/.goldRow/.whiteRow/.actionLink utility classes
   shared across dozens of other admin tables in the app. Table structure/IDs used by the sortable JS
   (sortable_us.js) are left untouched -- only colors/spacing/borders change, matching the treatment already
   applied to the near-identical Login Report page (same #usersWithTeamTable / #usersWithTeamsHeader markup). */

.modernFailedEmailAlertsPage #pageTitle {
  margin-bottom: 16px;
}

.modernFailedEmailAlertsPage .failedEmailAlertsTableWrap {
  display: block;
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #e2e6f2;
  border-radius: 10px;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}

@media (min-width: 800px) {
  .modernFailedEmailAlertsPage .failedEmailAlertsTableWrap {
    width: 90%;
  }
}

.modernFailedEmailAlertsPage #usersWithTeamTable {
  width: auto;
  margin: 0;
  border-collapse: collapse;
}

.modernFailedEmailAlertsPage #usersWithTeamTable thead tr#header {
  background-color: #0b1a67;
}

.modernFailedEmailAlertsPage #usersWithTeamTable thead tr#header td {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.4px;
  padding: 6px 10px;
  border: 1px solid #24358c;
}

/* Title row ("2026 Users") is the first of the two stacked tr#header rows in <thead> -- lightened to grey so it
   reads as a distinct title strip above the actual navy column-header row instead of blending into it, matching
   the same treatment used on Statistics / League Career / Login Report.

   Background/text color must be set directly on the <td> (not just the <tr>) because the title cell also carries
   its own #usersWithTeamsHeader ID (admin.css), which sets a navy background-color directly on the td -- a td's
   own background always paints over whatever its parent tr shows through. */
.modernFailedEmailAlertsPage #usersWithTeamTable thead tr#header:first-child {
  background-color: #dde3f2;
}

.modernFailedEmailAlertsPage #usersWithTeamTable thead tr#header:first-child td {
  background-color: #dde3f2;
  color: #0b1a67;
  border-color: #c7cfe6;
  text-align: center;
}

.modernFailedEmailAlertsPage #usersWithTeamTable thead tr#header td a.sortheader {
  color: #fff;
}

.modernFailedEmailAlertsPage #usersWithTeamTable thead tr#header td a.sortheader:hover {
  color: #dde3f2;
}

.modernFailedEmailAlertsPage #usersWithTeamTable tbody td {
  border: 1px solid #e2e6f2;
  padding: 4px 8px;
  font-size: 12px;
}

.modernFailedEmailAlertsPage #usersWithTeamTable tbody tr.goldRow td {
  background-color: #f4f6fb;
}

.modernFailedEmailAlertsPage #usersWithTeamTable tbody tr.whiteRow td {
  background-color: #fff;
}

.modernFailedEmailAlertsPage #usersWithTeamTable tbody tr:hover td {
  background-color: #eef1fa;
}

.modernFailedEmailAlertsPage #usersWithTeamTable tbody td.centerText {
  text-align: center;
}

/* Action (Clear link) is the last column. */
.modernFailedEmailAlertsPage #usersWithTeamTable tbody td:last-child {
  text-align: center;
}

.modernFailedEmailAlertsPage #usersWithTeamTable tbody td a {
  color: #c30900;
  font-weight: 600;
  text-decoration: none;
}

.modernFailedEmailAlertsPage #usersWithTeamTable tbody td a:hover {
  text-decoration: underline;
}