/* Modernized Commish "Administer Teams" pages: the list (index.rhtml), the New/Edit Team form
   (new.rhtml/edit.rhtml -> _form.rhtml), the Delete confirmation page, the Payment Transaction Details page,
   and the Prizes Report page. Each is scoped under its own wrapper class so none of these leak into other
   pages that reuse the same .admin/.adminTable/.card/.alert-warning/.unpaid utility classes. The `.unpaid`
   (unpaid team) row is switched from red text to a light-red background with normal black text, matching the
   same treatment applied to unpaid seasons on the Administer Seasons page. */

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

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

.modernCommishTeamsPage .alert-warning {
  background: #fff8e8;
  border: none;
  border-left: 4px solid #e8a83c;
  border-radius: 6px;
  color: #6b4d10;
  padding: 12px 16px;
  font-size: 13px;
  line-height: 1.6;
  max-width: 700px;
  box-sizing: border-box;
  margin-bottom: 16px;
}

.modernCommishTeamsPage .commishTeamsYearPicker {
  margin-bottom: 14px;
}

.modernCommishTeamsPage .commishTeamsYearPicker .dropDownLabel {
  font-weight: 600;
  font-size: 12px;
  color: #333;
  padding-right: 8px;
}

.modernCommishTeamsPage .commishTeamsYearPicker select {
  border: 1px solid #cfd4e0;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 13px;
}

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

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

.modernCommishTeamsPage #teamsTable thead tr#header {
  background-color: #0b1a67;
}

.modernCommishTeamsPage #teamsTable 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;
}

.modernCommishTeamsPage #teamsTable thead tr#header td a.sortheader {
  color: #fff;
}

.modernCommishTeamsPage #teamsTable thead tr#header td a.sortheader:hover {
  color: #dde3f2;
}

.modernCommishTeamsPage #teamsTable tbody td {
  border: 1px solid #e2e6f2;
  padding: 4px 10px;
  font-size: 13px;
}

.modernCommishTeamsPage #teamsTable tbody tr.goldRow td {
  background-color: #eef1fa;
}

.modernCommishTeamsPage #teamsTable tbody tr.whiteRow td {
  background-color: #fff;
}

.modernCommishTeamsPage #teamsTable tbody tr.unpaid td {
  background-color: #f7c8c2;
  color: #333 !important;
}

.modernCommishTeamsPage #teamsTable td.centerText {
  text-align: center;
}

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

.modernCommishTeamsPage #teamsTable .actionLink a:hover {
  text-decoration: underline;
}

.modernCommishTeamsPage #teamsTable .deleteAction a {
  color: #c30900;
}

.modernCommishTeamsPage #teamsTable .prizesAction a {
  color: #0b6726;
  font-weight: 700;
  text-decoration: none;
}

.modernCommishTeamsPage #teamsTable .prizesAction a:hover {
  text-decoration: underline;
}

.modernCommishTeamsPage #teamsTable .disabledActionLink {
  color: #b7bdca;
  font-weight: 600;
}

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

.modernCommishTeamsPage #teamsTable tfoot .unpaid {
  color: #c30900;
}

/* ---------- New/Edit Team form (_form.rhtml) ---------- */

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

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

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

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

.modernCommishTeamFormPage .teamFormCard {
  max-width: 500px;
}

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

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

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

.modernCommishTeamFormPage .teamFormCard .card-block {
  padding: 18px 18px 8px;
}

.modernCommishTeamFormPage .teamFormCard .card-block .form-group {
  margin-bottom: 0;
}

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

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

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

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

.modernCommishTeamFormPage select.form-control {
  max-width: 160px;
}

.modernCommishTeamFormPage select.form-control.teamOwnerSelect {
  max-width: 100%;
}

.modernCommishTeamFormPage .form-control.teamNameField {
  max-width: 60%;
}

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

.modernCommishTeamFormPage .teamFormSubmitRow {
  margin-top: 16px;
  max-width: 200px;
}

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

/* ---------- Delete Team confirmation (delete.rhtml) ---------- */

.modernCommishTeamDeletePage #pageTitle {
  margin-bottom: 12px;
}

.modernCommishTeamDeletePage .teamDeleteIntro {
  margin-bottom: 16px;
  font-size: 14px;
}

.modernCommishTeamDeletePage .teamDeleteTable {
  border-collapse: collapse;
  border: 1px solid #e2e6f2;
  border-radius: 10px;
  overflow: hidden;
  margin-bottom: 16px;
}

.modernCommishTeamDeletePage .teamDeleteTable thead tr {
  background-color: #0b1a67;
}

.modernCommishTeamDeletePage .teamDeleteTable thead td {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.4px;
  padding: 6px 14px;
}

.modernCommishTeamDeletePage .teamDeleteTable tbody td {
  border: 1px solid #e2e6f2;
  padding: 6px 14px;
  font-size: 13px;
}

.modernCommishTeamDeletePage .teamDeleteWarning {
  max-width: 500px;
  box-sizing: border-box;
  background: #fdecea;
  border: none;
  border-left: 4px solid #c30900;
  border-radius: 6px;
  padding: 12px 16px;
  margin-bottom: 20px;
  color: #7a1a10;
  font-size: 13px;
}

.modernCommishTeamDeletePage .teamDeleteActionRow {
  display: flex;
  gap: 10px;
}

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

/* ---------- Payment Transaction Details (payment_txn_details.rhtml) ---------- */

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

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

.modernCommishPaymentTxnPage #paymentTxnTable {
  width: auto;
  margin: 0;
  border-collapse: collapse;
}

.modernCommishPaymentTxnPage #paymentTxnTable thead tr#header {
  background-color: #0b1a67;
}

.modernCommishPaymentTxnPage #paymentTxnTable 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;
}

.modernCommishPaymentTxnPage #paymentTxnTable tbody td {
  border: 1px solid #e2e6f2;
  padding: 5px 10px;
  font-size: 13px;
}

.modernCommishPaymentTxnPage #paymentTxnTable tbody tr.goldRow td {
  background-color: #f4f6fb;
}

.modernCommishPaymentTxnPage #paymentTxnTable tbody tr.whiteRow td {
  background-color: #fff;
}

/* ---------- Prizes Report (prizes_report.rhtml) ---------- */

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

.modernCommishPrizesReportPage .adminTable {
  display: block;
  width: fit-content;
  max-width: 100%;
  border: 1px solid #e2e6f2;
  border-radius: 10px;
  overflow: hidden;
}

.modernCommishPrizesReportPage #cashPrizesTable {
  width: auto;
  margin: 0;
  border-collapse: collapse;
}

.modernCommishPrizesReportPage #cashPrizesTable thead tr#header {
  background-color: #0b1a67;
}

.modernCommishPrizesReportPage #cashPrizesTable thead tr#header td {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.4px;
  padding: 6px 14px;
}

.modernCommishPrizesReportPage #cashPrizesTable tbody td {
  border: 1px solid #e2e6f2;
  padding: 5px 14px;
  font-size: 13px;
}

.modernCommishPrizesReportPage #cashPrizesTable tfoot tr#header td {
  background-color: #eef1fa;
  color: #0b1a67;
  font-weight: 700;
  border: 1px solid #e2e6f2;
  padding: 6px 14px;
}

.modernCommishPrizesReportPage .prizesReportNonCash {
  margin-top: 12px;
  font-size: 13px;
}