/* Modernized Admin "Login Report" pages (index = current season's users, inactive_users = users without a team
   this season) -- both tabs of the same feature, sharing the exact same login_report_table_header/_body/_footer
   partials, so they're modernized together under one wrapper class and one stylesheet. Scoped under
   .modernLoginReportPage so it never affects other pages that reuse the same .admin/.adminTable/
   .goldRow/.grayRow/.whiteRow 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 and #pageTitle spacing shared byte-for-byte with
   the Failed Email Alerts / Duplicate Lineup Records / Admin Golfers pages now live in
   admin_sortable_table_modern.css -- only what's specific to this page (table-wrap sizing, tbody cell
   padding/font-size, User Agent column handling, tfoot) stays here. */

/* Full-width-below-800px/90%-above sizing lives in responsive_width_utility_modern.css. */
.modernLoginReportPage .loginReportTableWrap {
  display: block;
  overflow-x: auto;
  overflow-y: hidden;
  border: 1px solid #e2e6f2;
  border-radius: 10px;
  -webkit-overflow-scrolling: touch;
  box-sizing: border-box;
}

.modernLoginReportPage #usersWithTeamTable,
.modernLoginReportPage #usersWithoutTeamTable {
  width: auto;
  margin: 0;
  border-collapse: collapse;
  white-space: nowrap;
}

/* User Agent is the last column in the column-header row (the second of the two stacked tr#header rows). */
.modernLoginReportPage #usersWithTeamTable thead tr#header:last-child td:last-child,
.modernLoginReportPage #usersWithoutTeamTable thead tr#header:last-child td:last-child {
  text-align: left;
}

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

/* User Agent (last column) can hold long browser UA strings -- let it wrap and flow naturally like the
   Commissioner's Dashboard banner, rather than being capped to a fixed width or truncated. */
.modernLoginReportPage #usersWithTeamTable tbody td:last-child,
.modernLoginReportPage #usersWithoutTeamTable tbody td:last-child {
  white-space: normal;
  word-break: break-word;
}

.modernLoginReportPage #usersWithoutTeamTable tbody tr.grayRow td {
  background-color: #f4f6fb;
}

.modernLoginReportPage tbody td.centerText {
  text-align: center;
}

.modernLoginReportPage tfoot tr#header td {
  background-color: #0b1a67;
  color: #fff;
  padding: 10px;
  font-size: 12px;
  line-height: 1.6;
  white-space: normal;
}

.modernLoginReportPage tfoot .note {
  display: block;
  margin-top: 4px;
  font-size: 11px;
  color: #c7cfe6;
}