/* 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.

   The navy thead/sortheader/goldRow/whiteRow/hover treatment, two-row title-strip styling, and #pageTitle
   spacing shared byte-for-byte with the near-identical Login Report page (same #usersWithTeamTable /
   #usersWithTeamsHeader markup) now live in admin_sortable_table_modern.css -- only what's specific to this
   page (table-wrap sizing, tbody cell padding/font-size, the Clear action link) stays here. */

/* Sized to fit the table's own content (this table is narrow -- only 5 columns, no long free-flowing text
   column) rather than the shared full-width-below-800px/90%-above utility, which left a large empty gap with
   just a border extending past the actual table. */
.modernFailedEmailAlertsPage .failedEmailAlertsTableWrap {
  display: block;
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #e2e6f2;
  border-radius: 10px;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}

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

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

.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;
}