/**
 * ELB Solutions — shared premium admin shell (dashboard-aligned).
 * Load after page-local styles and operations-typography.css.
 * Presentation only; scoped under .admin-page.
 */

:root {
  --admin-ink: #1a2421;
  --admin-ink-soft: #4a5652;
  --admin-line: #d4ddd8;
  --admin-green: #1f6b45;
  --admin-green-dark: #063d2b;
  --admin-green-hover: #185a3a;
  --admin-blue: #12356f;
  --admin-blue-hover: #0d2858;
  --admin-gold: #b8841a;
  --admin-gold-bright: #c9a84c;
  --admin-red: #b42318;
  --admin-card: rgba(255, 255, 255, 0.58);
  --admin-card-solid: rgba(255, 255, 255, 0.72);
  --admin-border: rgba(255, 255, 255, 0.32);
  --admin-shadow: 0 16px 40px rgba(8, 28, 20, 0.16);
  --admin-shadow-soft: 0 6px 20px rgba(8, 28, 20, 0.08);
}

/* -------------------------------------------------------------------------- */
/* Shell                                                                      */
/* -------------------------------------------------------------------------- */

html.admin-themed body {
  margin: 0;
  color: var(--admin-ink);
  min-height: 100vh;
  overflow-x: hidden;
  background: #0a2218;
  font-family: Barlow, system-ui, sans-serif;
  display: block;
  padding: 0;
}

.admin-page {
  position: relative;
  min-height: 100vh;
  width: 100%;
}

.admin-hero {
  position: fixed;
  inset: 0;
  z-index: 0;
  background: url("../assets/IMG_5318.jpeg") center center / cover no-repeat;
}

.admin-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(8, 32, 22, 0.28) 0%,
    rgba(8, 32, 22, 0.14) 45%,
    rgba(8, 32, 22, 0.32) 100%
  );
}

.admin-brand-header {
  position: relative;
  z-index: 2;
  max-width: 960px;
  margin: 8px auto 0;
  padding: 10px 14px;
  display: flex;
  align-items: center;
  gap: 12px;
  background: var(--admin-card);
  border: 1px solid var(--admin-border);
  border-radius: 14px;
  box-shadow: var(--admin-shadow-soft);
  backdrop-filter: blur(6px);
}

.admin-brand-logo {
  display: block;
  height: clamp(44px, 9vw, 56px);
  width: auto;
  max-width: min(120px, 28vw);
  object-fit: contain;
  flex-shrink: 0;
}

.admin-brand-text {
  min-width: 0;
}

.admin-brand-name {
  display: block;
  font-family: Cinzel, Georgia, serif;
  font-size: 0.92rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--admin-green-dark);
  line-height: 1.2;
}

.admin-brand-tagline {
  display: block;
  font-size: 0.74rem;
  font-weight: 600;
  color: var(--admin-ink-soft);
  line-height: 1.3;
}

.admin-shell {
  position: relative;
  z-index: 1;
  max-width: 960px;
  margin: 0 auto;
  padding: 8px clamp(14px, 3vw, 20px) 28px;
}

.admin-page--roster .admin-shell {
  max-width: 1300px;
}

.admin-footer {
  position: relative;
  z-index: 1;
  margin: 0 auto 0;
  padding: 14px 16px;
  background: var(--admin-green-dark);
  color: rgba(255, 255, 255, 0.88);
  text-align: center;
  font-size: 0.78rem;
  font-weight: 600;
  letter-spacing: 0.02em;
}

.admin-footer strong {
  display: block;
  font-family: Cinzel, Georgia, serif;
  font-size: 0.88rem;
  color: #fff;
  margin-bottom: 2px;
}

.glass-card {
  background: var(--admin-card);
  border: 1px solid var(--admin-border);
  border-radius: 14px;
  box-shadow: var(--admin-shadow-soft);
  backdrop-filter: blur(6px);
}

/* -------------------------------------------------------------------------- */
/* Shared buttons & forms (admin pages)                                         */
/* -------------------------------------------------------------------------- */

.admin-page .btn,
.admin-page button.btn {
  border-radius: 12px;
  font-weight: 700;
  transition: filter 0.15s ease, background 0.15s ease;
}

.admin-page .btn-green,
.admin-page #createTournamentBtn,
.admin-page #staffSubmitBtn,
.admin-page #o_submitBtn,
.admin-page .stack-form .btn:not(.btn-secondary):not(.btn-ghost),
.admin-page #form .btn:not(.btn-secondary):not(.btn-ghost),
.admin-page .edit-course-card .btn {
  background: var(--admin-green-dark) !important;
  border-color: var(--admin-green-dark) !important;
  color: #fff !important;
}

.admin-page .btn-green:hover,
.admin-page #createTournamentBtn:hover,
.admin-page .stack-form .btn:not(.btn-secondary):not(.btn-ghost):hover {
  filter: brightness(1.06);
}

.admin-page .btn-blue {
  background: var(--admin-blue) !important;
  border-color: var(--admin-blue) !important;
  color: #fff !important;
}

.admin-page .btn-gold,
.admin-page .wizard-step-pill.is-active {
  background: linear-gradient(180deg, var(--admin-gold-bright), var(--admin-gold)) !important;
  border-color: rgba(184, 132, 26, 0.55) !important;
  color: #1a2421 !important;
}

.admin-page input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
.admin-page select,
.admin-page textarea {
  border-color: var(--admin-line) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  color: var(--admin-ink) !important;
}

.admin-page input::placeholder,
.admin-page textarea::placeholder {
  color: var(--admin-ink-soft) !important;
}

/* -------------------------------------------------------------------------- */
/* admin.html                                                                 */
/* -------------------------------------------------------------------------- */

.admin-page--admin .page {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 0;
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
}

.admin-page--admin .main-card {
  background: var(--admin-card);
  border: 1px solid var(--admin-border);
  border-radius: 16px;
  box-shadow: var(--admin-shadow-soft);
  backdrop-filter: blur(6px);
  overflow: hidden;
}

.admin-page--admin .hero {
  padding: 16px 18px 14px;
  border-bottom: 1px solid rgba(212, 221, 216, 0.55);
  background: rgba(255, 255, 255, 0.12);
}

.admin-page--admin .hero h1 {
  font-size: clamp(1.15rem, 3.2vw, 1.55rem) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  color: var(--admin-green-dark) !important;
  letter-spacing: 0.04em;
}

.admin-page--admin .hero p {
  margin: 8px 0 0 !important;
  font-size: 0.88rem !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  color: var(--admin-ink-soft) !important;
  max-width: 52rem;
}

.admin-page--admin .content {
  padding: 14px 16px 18px;
}

.admin-page--admin .dash-box,
.admin-page--admin .setup-section {
  background: var(--admin-card-solid);
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 14px;
  box-shadow: none;
  margin-bottom: 12px;
  padding: 14px 16px;
}

.admin-page--admin .setup-section-header {
  margin-bottom: 12px;
}

.admin-page--admin .section-phase {
  font-size: 0.68rem;
  letter-spacing: 0.08em;
}

.admin-page--admin .dash-title,
.admin-page--admin .section-title {
  font-size: clamp(1rem, 2.4vw, 1.15rem) !important;
  color: var(--admin-green-dark) !important;
}

.admin-page--admin .section-lede,
.admin-page--admin .hint {
  font-size: 0.86rem !important;
  line-height: 1.45 !important;
  font-weight: 500 !important;
  color: var(--admin-ink-soft) !important;
}

.admin-page--admin .label {
  font-size: 0.92rem !important;
  font-weight: 700 !important;
  font-family: Barlow, system-ui, sans-serif !important;
  color: var(--admin-ink) !important;
}

.admin-page--admin .field {
  margin-bottom: 14px;
}

.admin-page--admin .hint:empty {
  display: none;
  margin: 0;
  padding: 0;
  min-height: 0;
}

.admin-page--admin .admin-live-summary {
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid var(--admin-border);
  border-radius: 12px;
  padding: 10px 12px;
  margin-bottom: 12px;
}

.admin-page--admin .action-stack {
  background: var(--admin-card-solid);
  border: 1px solid rgba(255, 255, 255, 0.38);
  border-radius: 14px;
  padding: 14px 16px;
  margin-bottom: 12px;
}

.admin-page--admin #createTournamentBtn {
  background: linear-gradient(180deg, var(--admin-gold-bright), var(--admin-gold)) !important;
  color: #1a2421 !important;
  border-color: rgba(184, 132, 26, 0.55) !important;
}

.admin-page--admin select {
  appearance: none;
  -webkit-appearance: none;
  padding-right: 3.25rem !important;
  background-color: rgba(255, 255, 255, 0.82) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23063d2b' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 1rem center !important;
  background-size: 1rem 1rem !important;
}

.admin-page--admin .readonly-box,
.admin-page--admin .qr-box {
  background: rgba(255, 255, 255, 0.75);
  border-color: var(--admin-line);
}

/* -------------------------------------------------------------------------- */
/* create-course.html & edit-course.html                                        */
/* -------------------------------------------------------------------------- */

.admin-page--create-course body,
.admin-page--edit-course body {
  padding: 0;
}

.admin-page--create-course .page-header,
.admin-page--edit-course .page-header {
  max-width: none;
  margin: 0 0 10px;
  text-align: left;
  background: var(--admin-card);
  border: 1px solid var(--admin-border);
  border-radius: 14px;
  padding: 14px 16px;
  backdrop-filter: blur(6px);
}

.admin-page--create-course .page-header h1,
.admin-page--edit-course .page-header h1 {
  font-size: clamp(1.05rem, 2.8vw, 1.25rem);
  color: var(--admin-green-dark);
  margin: 0 0 6px;
}

.admin-page--create-course .page-header p,
.admin-page--edit-course .page-header p {
  font-size: 0.88rem;
  color: var(--admin-ink-soft);
  line-height: 1.45;
}

.admin-page--create-course .wizard-stepper {
  max-width: none;
  margin: 0 0 10px;
  padding: 10px 12px;
  background: var(--admin-card);
  border: 1px solid var(--admin-border);
  border-radius: 14px;
  backdrop-filter: blur(6px);
}

.admin-page--create-course .wizard-step-pill {
  background: rgba(255, 255, 255, 0.55);
  border: 1px solid var(--admin-line);
  color: var(--admin-ink-soft);
}

.admin-page--create-course .wizard-step-pill.is-active,
.admin-page--create-course .wizard-step-pill.is-done {
  background: var(--admin-green-dark);
  border-color: var(--admin-green-dark);
  color: #fff;
}

.admin-page--create-course .stack-form,
.admin-page--edit-course .edit-course-card {
  max-width: none;
  margin: 0;
  background: var(--admin-card-solid);
  border: 1px solid var(--admin-border);
  border-radius: 16px;
  padding: clamp(16px, 3vw, 22px);
  box-shadow: var(--admin-shadow-soft);
  backdrop-filter: blur(6px);
}

.admin-page--create-course .section-title {
  font-size: 1rem;
  color: var(--admin-green-dark);
  border-bottom-color: rgba(31, 107, 69, 0.25);
}

.admin-page--create-course .section-note,
.admin-page--create-course .hint {
  color: var(--admin-ink-soft);
  font-size: 0.86rem;
}

.admin-page--create-course .init-banner {
  max-width: none;
  margin: 0 0 10px;
  background: var(--admin-card);
  border: 1px solid var(--admin-border);
  border-radius: 12px;
  color: var(--admin-ink);
}

.admin-page--edit-course .edit-course-card {
  max-width: 560px;
  margin: 0 auto;
}

.admin-page--edit-course .edit-course-card p {
  margin: 0 0 12px;
  color: var(--admin-ink-soft);
  line-height: 1.45;
}

/* -------------------------------------------------------------------------- */
/* signup.html                                                                  */
/* -------------------------------------------------------------------------- */

.admin-page--signup {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.admin-page--signup .admin-shell {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding-top: 12px;
}

.admin-page--signup .card {
  width: min(440px, 100%);
  background: var(--admin-card-solid) !important;
  border: 1px solid var(--admin-border) !important;
  border-radius: 16px !important;
  padding: clamp(22px, 4vw, 28px) !important;
  box-shadow: var(--admin-shadow);
  backdrop-filter: blur(8px);
}

.admin-page--signup h1 {
  color: var(--admin-green-dark);
  font-size: 1.35rem !important;
}

.admin-page--signup p {
  color: var(--admin-ink-soft) !important;
  font-size: 0.92rem !important;
  line-height: 1.45 !important;
}

.admin-page--signup .btn-secondary {
  background: var(--admin-blue) !important;
  color: #fff !important;
}

.admin-page--signup .status {
  background: rgba(255, 255, 255, 0.65);
  border-color: var(--admin-line);
  color: var(--admin-ink);
}

.admin-page--signup details.org-first {
  border-top-color: rgba(212, 221, 216, 0.65);
}

.admin-page--signup details.org-first summary {
  color: var(--admin-blue);
}

/* -------------------------------------------------------------------------- */
/* roster.html — screen only (print/placard styles untouched)                   */
/* Operational data: prioritize readability over background visibility.        */
/* -------------------------------------------------------------------------- */

@media screen {
  .admin-page--roster {
    --ink: #121a17;
    --muted: #3a4541;
    --border: rgba(180, 192, 186, 0.85);
    --panel: rgba(255, 255, 255, 0.94);
    --roster-surface: rgba(255, 255, 255, 0.96);
    --roster-surface-muted: rgba(248, 250, 249, 0.98);
    --roster-text: #121a17;
    --roster-text-muted: #3a4541;
    --roster-text-heading: #063d2b;
    --gold: #b8841a;
    --navy: #063d2b;
    --green: #1f6b45;
  }

  /* Slightly stronger hero dim on roster so panels read clearly */
  .admin-page--roster .admin-hero::after {
    background: linear-gradient(
      180deg,
      rgba(8, 32, 22, 0.42) 0%,
      rgba(8, 32, 22, 0.32) 45%,
      rgba(8, 32, 22, 0.48) 100%
    );
  }

  .admin-page--roster .admin-brand-header {
    background: rgba(255, 255, 255, 0.82);
    border-color: rgba(255, 255, 255, 0.55);
  }

  .admin-page--roster body {
    color: var(--roster-text);
    background: transparent;
  }

  .admin-page--roster .wrap {
    max-width: none;
    margin: 0;
    padding: 0;
  }

  .admin-page--roster .top,
  .admin-page--roster .panel {
    border: 1px solid var(--border);
    background: var(--roster-surface);
    box-shadow: 0 8px 28px rgba(8, 28, 20, 0.14);
    backdrop-filter: blur(10px);
    color: var(--roster-text);
  }

  .admin-page--roster .top {
    background: var(--roster-surface-muted);
  }

  .admin-page--roster h1 {
    color: var(--roster-text-heading);
    font-size: clamp(1rem, 2.5vw, 1.15rem);
    letter-spacing: 0.06em;
    font-weight: 900;
  }

  .admin-page--roster .meta {
    color: var(--roster-text-muted) !important;
    font-weight: 700;
  }

  .admin-page--roster .footerHint,
  .admin-page--roster .roster-summary-hint {
    color: var(--roster-text-muted) !important;
    font-weight: 700;
  }

  .admin-page--roster .sheetSubtle {
    color: var(--roster-text-muted) !important;
  }

  /* Action buttons — solid fills, high contrast labels */
  .admin-page--roster .actions button,
  .admin-page--roster .actions .btn,
  .admin-page--roster button,
  .admin-page--roster a.btn,
  .admin-page--roster .miniBtn {
    border: 1px solid #b8c4bc;
    background: #ffffff;
    color: var(--roster-text);
    backdrop-filter: none;
    box-shadow: 0 1px 3px rgba(8, 28, 20, 0.08);
    font-weight: 800;
  }

  .admin-page--roster button:hover,
  .admin-page--roster a.btn:hover,
  .admin-page--roster .miniBtn:hover {
    background: #f4f7f5;
    border-color: #9aaba2;
  }

  .admin-page--roster .primary {
    background: var(--admin-green-dark) !important;
    border-color: var(--admin-green-dark) !important;
    color: #fff !important;
    box-shadow: 0 2px 8px rgba(6, 61, 43, 0.28);
  }

  .admin-page--roster .primary:hover {
    background: var(--admin-green-hover) !important;
    filter: none;
  }

  .admin-page--roster .green {
    background: #e8f3ec !important;
    border-color: rgba(31, 107, 69, 0.45) !important;
    color: var(--admin-green-dark) !important;
  }

  .admin-page--roster .green:hover {
    background: #dceee3 !important;
  }

  .admin-page--roster .danger {
    background: #fdeeed !important;
    border-color: rgba(180, 35, 24, 0.4) !important;
    color: #8f2218 !important;
  }

  .admin-page--roster .pill {
    background: #ffffff;
    border-color: #b8c4bc;
    color: var(--roster-text);
    font-weight: 800;
  }

  .admin-page--roster .pill b {
    color: var(--roster-text-heading);
  }

  .admin-page--roster .empty {
    color: var(--roster-text-muted);
    font-weight: 700;
  }

  .admin-page--roster input,
  .admin-page--roster select,
  .admin-page--roster textarea {
    border: 1px solid #b8c4bc !important;
    background: #ffffff !important;
    color: var(--roster-text) !important;
    font-weight: 600;
    box-shadow: inset 0 1px 2px rgba(8, 28, 20, 0.04);
  }

  .admin-page--roster input::placeholder,
  .admin-page--roster textarea::placeholder {
    color: #6b7772 !important;
  }

  .admin-page--roster #playGroupViewMode {
    color: var(--roster-text) !important;
    background: #ffffff !important;
  }

  /* Player list / table — near-solid white surface */
  .admin-page--roster .tableWrap {
    border-color: var(--border);
    background: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
  }

  .admin-page--roster .roster-table-scroll {
    background: #ffffff;
  }

  .admin-page--roster td {
    border-bottom-color: #d8e0db;
    color: var(--roster-text);
    background: #ffffff;
  }

  .admin-page--roster tr:nth-child(even) td {
    background: #f8faf9;
  }

  .admin-page--roster tr:hover td {
    background: #eef5f0 !important;
  }

  .admin-page--roster th {
    background: #eef3f0 !important;
    color: var(--roster-text-heading) !important;
    border-bottom: 2px solid #c5d4cb;
    font-weight: 900;
  }

  .admin-page--roster .teamName {
    color: var(--roster-text-heading) !important;
  }

  .admin-page--roster .roster-team-meta,
  .admin-page--roster .captainLine {
    color: var(--roster-text-muted) !important;
  }

  .admin-page--roster .roster-players-heading {
    color: var(--roster-text-muted) !important;
    font-weight: 900;
  }

  .admin-page--roster .roster-player-ul,
  .admin-page--roster .roster-player-ul li,
  .admin-page--roster .playerItem {
    color: var(--roster-text) !important;
    font-weight: 700;
  }

  .admin-page--roster tr.roster-section-head td {
    background: #e8ecea !important;
    border-top-color: #c5d4cb;
    border-bottom-color: #c5d4cb;
    color: var(--roster-text-muted) !important;
    font-weight: 900;
  }

  .admin-page--roster .roster-scorecard-only-pill {
    background: #f0f3f1;
    border-color: #b8c4bc;
    color: var(--roster-text-muted);
  }

  .admin-page--roster tr.roster-row-scorecard-only td {
    background: #fafbfa;
  }

  .admin-page--roster .holeBadge,
  .admin-page--roster .statusBadge {
    background: #ffffff;
    border-color: #b8c4bc;
    color: var(--roster-text);
    font-weight: 900;
  }

  .admin-page--roster .status-registered {
    background: #f3f5f4;
    color: var(--roster-text-muted);
  }

  .admin-page--roster .status-assigned {
    background: #e8eef8;
    color: #12356f;
    border-color: rgba(18, 53, 111, 0.25);
  }

  .admin-page--roster .status-checked_in,
  .admin-page--roster .status-finished {
    background: #e8f3ec;
    color: var(--admin-green-dark);
    border-color: rgba(31, 107, 69, 0.3);
  }

  .admin-page--roster .status-scoring {
    background: #fbf3e3;
    color: #7a5a12;
    border-color: rgba(184, 132, 26, 0.35);
  }

  .admin-page--roster .status-cancelled {
    background: #fdeeed;
    color: #8f2218;
    border-color: rgba(180, 35, 24, 0.3);
  }

  .admin-page--roster .rowActions .miniBtn {
    background: #ffffff;
    color: var(--roster-text);
    border-color: #b8c4bc;
  }

  .admin-page--roster tr.pgSectionHead td {
    background: #f5efe3;
    border-bottom-color: rgba(184, 132, 26, 0.35);
  }

  .admin-page--roster .pgSectionTimeLine,
  .admin-page--roster .pgSectionNameLine,
  .admin-page--roster .pgSectionMeta,
  .admin-page--roster .pgSectionNotes {
    color: var(--roster-text) !important;
  }

  .admin-page--roster .pgSectionNameLine {
    color: var(--roster-text-heading) !important;
  }

  .admin-page--roster tr.pgClusterMemberRow:hover td {
    background: #eef5f0 !important;
  }

  .admin-page--roster .playGroupToolbar {
    background: #f8faf9;
    border-color: rgba(184, 132, 26, 0.4);
  }

  .admin-page--roster .playGroupToolbar .pgLabel {
    color: var(--roster-text-heading);
    font-weight: 900;
  }

  .admin-page--roster .playGroupBulkBar {
    background: #e8f3ec;
    border-color: rgba(31, 107, 69, 0.35);
  }

  .admin-page--roster .playGroupBulkBar .pgHint {
    color: var(--roster-text);
    font-weight: 700;
  }

  .admin-page--roster .rosterTextExportSection {
    background: var(--roster-surface);
    border-color: var(--border);
    color: var(--roster-text);
  }

  .admin-page--roster .rosterTextExportTitle {
    color: var(--roster-text-heading);
  }

  .admin-page--roster .rosterTextExportScroll {
    background: #ffffff;
    border: 1px solid var(--border);
  }

  .admin-page--roster .rosterTextExportScroll pre {
    color: var(--roster-text);
  }

  .admin-page--roster .roster-summary-foot {
    border-top-color: var(--border);
  }

  .admin-page--roster .alertOrganizer {
    background: #ffffff;
    border-color: var(--border);
    color: var(--roster-text);
  }

  .admin-page--roster .alertOrganizerTitle {
    color: var(--roster-text-heading);
  }

  .admin-page--roster .alertOrganizerHint {
    color: var(--roster-text-muted) !important;
  }

  .admin-page--roster .modal {
    background: rgba(8, 28, 20, 0.55);
  }

  .admin-page--roster .sheet {
    background: #ffffff !important;
    border-color: var(--border) !important;
    color: var(--roster-text) !important;
    box-shadow: var(--admin-shadow);
  }

  .admin-page--roster .sheetTitle {
    color: var(--roster-text-heading) !important;
  }

  .admin-page--roster .sheetHdr .miniBtn {
    background: #ffffff;
    color: var(--roster-text);
    border-color: #b8c4bc;
  }

  .admin-page--roster #spreadsheetImportModal .sheetHdr .sheetSubtle {
    color: var(--roster-text-muted) !important;
  }

  .admin-page--roster .rosterImportScroll {
    background: #ffffff;
    border: 1px solid var(--border);
  }

  .admin-page--roster .rosterImportScroll thead th {
    background: #eef3f0 !important;
    color: var(--roster-text-heading);
    border-bottom: 2px solid #c5d4cb;
  }

  .admin-page--roster .rosterImportScroll td {
    color: var(--roster-text);
    background: #ffffff;
  }

  .admin-page--roster .tournamentUpdateConfirmSummary {
    background: #f8faf9;
    border-color: var(--border);
  }

  .admin-page--roster .tournamentUpdateConfirmSummary dt {
    color: var(--roster-text-muted);
  }

  .admin-page--roster .tournamentUpdateConfirmSummary dd {
    color: var(--roster-text);
  }

  .admin-page--roster #tournamentUpdateModal .fieldLabel,
  .admin-page--roster #tournamentUpdateConfirmModal .fieldLabel {
    color: var(--roster-text-heading) !important;
  }

  .admin-page--roster #tournamentUpdateConfirmModal .tournamentUpdateConfirmWarning {
    color: var(--roster-text) !important;
  }

  .admin-page--roster #tournamentUpdateModal .tournamentUpdateStatusMsg.is-sending,
  .admin-page--roster #tournamentUpdateConfirmModal .tournamentUpdateStatusMsg.is-sending {
    color: #1a4d8c !important;
  }

  .admin-page--roster #tournamentUpdateModal .tournamentUpdateStatusMsg.is-success,
  .admin-page--roster #tournamentUpdateConfirmModal .tournamentUpdateStatusMsg.is-success {
    color: #1f6b45 !important;
  }

  .admin-page--roster #tournamentUpdateModal .tournamentUpdateStatusMsg.is-error,
  .admin-page--roster #tournamentUpdateConfirmModal .tournamentUpdateStatusMsg.is-error {
    color: #b42318 !important;
  }

  .admin-page--roster .pairingsToast {
    background: var(--admin-green-dark);
    color: #fff;
    box-shadow: 0 8px 24px rgba(6, 61, 43, 0.35);
  }
}

@media (max-width: 640px) {
  .admin-brand-header {
    margin-top: 6px;
  }

  .admin-shell {
    padding-top: 6px;
  }
}