/* Modernized Admin "Administer Seasons" list page and the shared New/Edit/Copy Season form
   (new.rhtml/edit.rhtml -> _form.rhtml). List page scoped under .modernAdminSeasonsPage, form pages under
   .modernAdminSeasonFormPage. The purple .highlightRow (current season) and .ptfgRed (unpaid season) text
   color are functionally meaningful and left completely unchanged, same as the current-tournament highlight on
   the Tournaments page. The form's sections were already stacked one-per-row in the original markup (each in
   its own .row/.col-sm-10), so that vertical stacking is preserved here rather than introduced. */

/* ---------- Seasons list (index.rhtml) ---------- */

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

.modernAdminSeasonsPage .adminTable.seasons {
  display: block;
  width: fit-content;
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid #e2e6f2;
  border-radius: 10px;
  -webkit-overflow-scrolling: touch;
}

.modernAdminSeasonsPage #seasonsTable {
  width: auto;
  margin: 0;
  border-collapse: collapse;
  white-space: nowrap;
}

.modernAdminSeasonsPage #seasonsTable thead tr#header {
  background-color: #0b1a67;
}

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

.modernAdminSeasonsPage #seasonsTable thead tr#header td a.sortheader {
  color: #fff;
}

.modernAdminSeasonsPage #seasonsTable thead tr#header td a.sortheader:hover {
  color: #dde3f2;
}

.modernAdminSeasonsPage #seasonsTable tbody td {
  border: 1px solid #e2e6f2;
  padding: 2px 8px;
  font-size: 13px;
}

.modernAdminSeasonsPage #seasonsTable tbody tr.goldRow td {
  background-color: #f4f6fb;
}

.modernAdminSeasonsPage #seasonsTable tbody tr.whiteRow td {
  background-color: #fff;
}

.modernAdminSeasonsPage #seasonsTable tbody tr.highlightRow td {
  background-color: #d0a9f5;
}

.modernAdminSeasonsPage #seasonsTable tbody tr.ptfgRed td {
  background-color: #f7c8c2;
  color: #333 !important;
}

.modernAdminSeasonsPage #seasonsTable td.number,
.modernAdminSeasonsPage #seasonsTable td.centerText {
  text-align: center;
}

.modernAdminSeasonsPage #seasonsTable .actionLink a {
  color: #0b1a67;
  font-weight: 600;
  text-decoration: none;
}

.modernAdminSeasonsPage #seasonsTable .actionLink a:hover {
  text-decoration: underline;
}

.modernAdminSeasonsPage #seasonsTable tfoot td {
  background: #fff;
  border: none;
  padding: 10px 8px;
  font-size: 12px;
  color: #6b7280;
  white-space: normal;
}

/* ---------- New/Edit/Copy Season form (_form.rhtml) ---------- */

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

.modernAdminSeasonFormPage #errorExplanation {
  max-width: 600px;
  box-sizing: border-box;
  background: #fdecea;
  border: none;
  border-left: 4px solid #c30900;
  border-radius: 6px;
  padding: 14px 18px;
  margin-bottom: 16px;
  color: #7a1a10;
}

.modernAdminSeasonFormPage #errorExplanation h2 {
  font-size: 13px;
  font-weight: 700;
  margin: 0 0 6px;
  color: #7a1a10;
  background: none;
  padding: 0;
}

.modernAdminSeasonFormPage #errorExplanation ul {
  margin: 0;
  padding-left: 18px;
  font-size: 13px;
}

.modernAdminSeasonFormPage .seasonFormGrid {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.modernAdminSeasonFormPage .seasonFormCard {
  max-width: 600px;
}

.modernAdminSeasonFormPage .seasonFormCard .card-header {
  box-sizing: border-box;
  background: #e8ecf7;
  border: 1px solid #e2e6f2;
  border-bottom: none;
  border-radius: 12px 12px 0 0;
  padding: 10px 18px;
}

.modernAdminSeasonFormPage .seasonFormCard .ptfgCardHeader {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.4px;
  color: #0b1a67;
}

.modernAdminSeasonFormPage .seasonFormCard .card {
  box-sizing: border-box;
  border: 1px solid #e2e6f2;
  border-top: none;
  border-radius: 0 0 12px 12px;
  background: #fff;
  box-shadow: 0 2px 10px rgba(11, 26, 103, 0.06);
  margin-top: 0;
}

.modernAdminSeasonFormPage .seasonFormCard .card-block {
  padding: 18px 18px 8px;
}

.modernAdminSeasonFormPage .seasonFormCard .card-block .form-group {
  margin-bottom: 0;
}

.modernAdminSeasonFormPage .form-group label {
  color: #333;
  margin-top: 12px;
  display: block;
}

.modernAdminSeasonFormPage .form-group label:first-child {
  margin-top: 0;
}

.modernAdminSeasonFormPage .form-control {
  max-width: 320px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #cfd4e0;
  border-radius: 6px;
  padding: 6px 10px;
  font-size: 13px;
  margin-top: 4px;
}

.modernAdminSeasonFormPage select.form-control {
  max-width: 200px;
}

.modernAdminSeasonFormPage .form-control.seasonNarrowField {
  max-width: 110px;
}

.modernAdminSeasonFormPage .form-control:focus {
  outline: none;
  border-color: #1c5bc4;
  box-shadow: 0 0 0 3px rgba(28, 91, 196, 0.15);
}

.modernAdminSeasonFormPage .text-muted {
  color: #6b7280;
  display: block;
  margin-top: 6px;
}

.modernAdminSeasonFormPage .seasonFormCheckboxRow {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.modernAdminSeasonFormPage .seasonFormCheckboxRow:first-child {
  margin-top: 0;
}

.modernAdminSeasonFormPage .seasonFormCheckboxRow label {
  margin: 0;
}

.modernAdminSeasonFormPage .seasonFormCheckboxRow .text-muted {
  margin: 0;
  display: inline;
}

.modernAdminSeasonFormPage .seasonFormPaidDate {
  margin-left: 20px;
}

.modernAdminSeasonFormPage .seasonFormSubmitRow {
  margin-top: 20px;
  max-width: 200px;
}

.modernAdminSeasonFormPage .btn.ptfgWhiteOnBlue {
  border-radius: 6px;
  font-weight: 600;
  box-shadow: 0 1px 3px rgba(11, 26, 103, 0.2);
}