/* NRL Auth Screen Styles */

/* Container */
.nrl-auth {
  display: block;
  min-height: 0;
  padding: 12px 0 24px;
  background: transparent;
}

/* Card */
.nrl-auth-card {
  max-width: 420px;
  width: 100%;
  margin: 24px auto;
  padding: 28px;
  /* Dark glass (match site pills) */
  background: rgba(18, 21, 40, .42);
  -webkit-backdrop-filter: blur(26px);
  backdrop-filter: blur(26px);
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 22px;
  box-shadow:
    0 24px 80px rgba(0,0,0,.55),
    0 10px 30px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.10);
  position: relative;
  overflow: hidden;
}

/* Subtle sheen + depth to better match NRL glass pills */
.nrl-auth-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(1200px 600px at 15% 0%, rgba(56,214,197,.10), transparent 55%),
    radial-gradient(900px 500px at 85% 0%, rgba(245,179,0,.08), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));
  opacity: .9;
}

.nrl-auth-card > * { position: relative; z-index: 1; }

/* Logo */
.nrl-auth-logo {
  display: flex;
  justify-content: center;
  margin-bottom: 12px;
}
.nrl-auth-logo img {
  width: 84px;
  height: 84px;
  object-fit: contain;
  border-radius: 999px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
  border: 1px solid rgba(255,255,255,.10);
}

/* Title */
.nrl-auth-title {
  margin: 8px 0 18px;
  text-align: center;
  font-weight: 700;
  font-size: 2.1rem;
  line-height: 1.2;
  color: rgba(244,246,255,.92);
  text-shadow: 0 8px 28px rgba(0,0,0,.55);
}

/* Form */
.nrl-auth p { margin: 0 0 .8rem; }
.nrl-auth p + p { margin-top: .8rem; }
.nrl-auth p label {
  display: block;
  font-weight: 600;
  margin: 0 0 .25rem;
  color: rgba(167,174,196,.88);
}

.nrl-auth p input[type=text],
.nrl-auth p input[type=email],
.nrl-auth p input[type=password] {
  width: 100%;
  padding: .6rem .7rem;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.22);
  background: rgba(255,255,255,.10);
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  color: rgba(244,246,255,.92);
  outline: none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.18);
  transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease;
}

.nrl-auth p input::placeholder {
  color: rgba(167,174,196,.55);
 }

.nrl-auth p input[type=text]:focus,
.nrl-auth p input[type=email]:focus,
.nrl-auth p input[type=password]:focus {
  border-color: rgba(56,214,197,.55);
  background: rgba(56,214,197,.08);
  box-shadow:
    0 0 0 4px rgba(56,214,197,.18),
    inset 0 1px 0 rgba(255,255,255,.10);
}

/* Buttons */
.nrl-auth .button,
.nrl-auth button[type=submit],
.nrl-auth input[type=submit] {
  width: 100%;
  padding: .7rem 1rem;
  border-radius: 999px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,.10);
}

.nrl-auth .button.button-primary,
.nrl-auth button[type=submit].button-primary,
.nrl-auth input[type=submit].button-primary {
  color: rgba(244,246,255,.95);
  /* Glassy primary button */
  background:
    linear-gradient(180deg, rgba(27,174,112,.42), rgba(27,174,112,.26));
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  border-color: rgba(255,255,255,.18);
  position: relative;
  overflow: hidden;
  box-shadow:
    0 16px 40px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.14);
}

.nrl-auth .button.button-primary::before,
.nrl-auth button[type=submit].button-primary::before,
.nrl-auth input[type=submit].button-primary::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(500px 120px at 30% 0%, rgba(255,255,255,.22), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0));
  opacity: .75;
}

.nrl-auth .button.button-primary:hover,
.nrl-auth button[type=submit].button-primary:hover,
.nrl-auth input[type=submit].button-primary:hover {
  filter: brightness(1.07);
  box-shadow:
    0 18px 46px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.18);
}

/* Links */
.nrl-auth .nrl-auth-links {
  text-align: center;
  margin-top: 12px;
  color: rgba(167,174,196,.70);
}
.nrl-auth .nrl-auth-links a {
  color: rgba(56,214,197,.95);
  text-decoration: none;
}
.nrl-auth .nrl-auth-links a:hover,
.nrl-auth .nrl-auth-links a:focus {
  color: rgba(245,179,0,.95);
  text-decoration: underline;
}

/* Notices (front-end) */
.nrl-auth .notice {
  margin: 0 0 12px;
  padding: 10px 12px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(10, 12, 22, .55);
  font-size: .95rem;
}
.nrl-auth .notice-success {
  background: rgba(27, 174, 112, .14);
  border-color: rgba(27, 174, 112, .28);
  color: rgba(244,246,255,.92);
}
.nrl-auth .notice-error {
  background: rgba(239, 68, 68, .14);
  border-color: rgba(239, 68, 68, .28);
  color: rgba(244,246,255,.92);
}
.nrl-auth .notice-info {
  background: rgba(56, 214, 197, .12);
  border-color: rgba(56, 214, 197, .24);
  color: rgba(244,246,255,.92);
}

/* Page header normalization on auth pages */
.nrl-auth-page .site-header,
.nrl-auth-page .main-header-bar {
  background: transparent !important;
}

/* Mobile tweaks */
@media (max-width: 480px) {
  .nrl-auth-card { padding: 22px; border-radius: 16px; }
  .nrl-auth-logo img { width: 72px; height: 72px; }
  .nrl-auth-title { font-size: 1.8rem; margin-bottom: 14px; }
}

/* 
NRL Season Register — scoped CSS (paste into your site CSS)
----------------------------------------------------------------
Tweak selectors if your markup differs:
- Outer wrapper: .nrlsr
- Shortcode root: .nrl-season-register
- Section cards: .nrl-card  (already in markup)
- Alerts: .nrl-alert, .nrl-alert-info|warning|error
- Pills: .nrl-pill OR [data-status], .status
- Buttons: .button, .button-primary, button[type], [role="button"]
- Optional progress: .nrl-steps, .nrl-progress, .step (only if present)
No HTML/JS changes; all styles are additive and respect inline styles.
---------------------------------------------------------------- */

/* 0) Scope variables, base surface, spacing, and shadows */
.nrlsr {
  /* Brand palette */
  --nrl-primary: #1BAE70;
  --nrl-primary-dark: #06752E;
  --nrl-ink: #14261C;
  --nrl-muted: #4E5652;
  --nrl-paper: #FFFFFF;

  /* Surfaces & accents */
  --nrl-bg: #f3f4f6;            /* light page gray */
  --nrl-border: #e5e7eb;        /* soft border */
  --nrl-shadow: 0 6px 18px rgba(20, 38, 28, 0.06);
  --nrl-shadow-soft: 0 2px 10px rgba(20, 38, 28, 0.05);

  /* Status colors */
  --nrl-success: #1BAE70;
  --nrl-warning: #F59E0B;
  --nrl-danger:  #EF4444;
  --nrl-neutral: #6B7280;

  /* Radii & spacing scale */
  --nrl-radius-lg: 20px;
  --nrl-radius-md: 16px;
  --nrl-radius-pill: 999px;
  --nrl-space-1: 6px;
  --nrl-space-2: 10px;
  --nrl-space-3: 12px;
  --nrl-space-4: 16px;
  --nrl-space-5: 20px;
  --nrl-space-6: 24px;

  /* Focus */
  --nrl-focus-ring: 0 0 0 3px rgba(27, 174, 112, 0.28);
  background: var(--nrl-bg);
  color: inherit;
}

/* 1) Outer container card */
.nrlsr .nrl-season-register {
  max-width: 960px;
  margin: var(--nrl-space-6) auto;
  padding: clamp(16px, 3vw, 28px);
  background: var(--nrl-paper);
  border: 1px solid var(--nrl-border);
  border-radius: var(--nrl-radius-lg);
  box-shadow: var(--nrl-shadow);
}

/* Headings: keep typography inherit, only spacing/color */
.nrlsr .nrl-season-register .nrl-head,
.nrlsr .nrl-season-register h3,
.nrlsr .nrl-season-register h4 {
  color: var(--nrl-ink);
  margin: 0 0 var(--nrl-space-4);
}

/* 2) Immediate child sections styled as “cards” */
.nrlsr .nrl-season-register > .nrl-card,
.nrlsr .nrl-season-register .nrl-card {
  background: var(--nrl-paper);
  border: 1px solid var(--nrl-border);
  border-radius: var(--nrl-radius-md);
  padding: var(--nrl-space-4);
  box-shadow: var(--nrl-shadow-soft);
  margin-bottom: var(--nrl-space-4);
}

/* Grid responsiveness for the 2-up qual/pay row (uses your .nrl-grid) */
.nrlsr .nrl-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--nrl-space-4);
}
@media (max-width: 720px) {
  .nrlsr .nrl-grid { grid-template-columns: 1fr; }
}

/* 3) Pills (neutral + variants) */
.nrlsr .nrl-pill,
.nrlsr [data-status],
.nrlsr .status {
  display: inline-block;
  padding: 4px 10px;
  border: 1px solid var(--nrl-border);
  border-radius: var(--nrl-radius-pill);
  background: var(--nrl-paper);
  color: var(--nrl-ink);
  font-weight: 600;
  line-height: 1.1;
}

/* Variant mappings */
.nrlsr .nrl-pill.success,
.nrlsr [data-status="success"],
.nrlsr .status.success {
  border-color: color-mix(in oklab, var(--nrl-success) 40%, var(--nrl-border));
  background: color-mix(in oklab, var(--nrl-success) 10%, var(--nrl-paper));
  color: var(--nrl-primary-dark);
}
.nrlsr .nrl-pill.warning,
.nrlsr [data-status="warning"],
.nrlsr .status.warning {
  border-color: color-mix(in oklab, var(--nrl-warning) 35%, var(--nrl-border));
  background: color-mix(in oklab, var(--nrl-warning) 12%, var(--nrl-paper));
  color: #7a4a00;
}
.nrlsr .nrl-pill.danger,
.nrlsr [data-status="danger"],
.nrlsr .status.danger,
.nrlsr [data-status="error"] {
  border-color: color-mix(in oklab, var(--nrl-danger) 35%, var(--nrl-border));
  background: color-mix(in oklab, var(--nrl-danger) 12%, var(--nrl-paper));
  color: #7b1111;
}
.nrlsr .nrl-pill.neutral,
.nrlsr [data-status="neutral"] {
  color: var(--nrl-neutral);
}

/* 4) Buttons & links (brand green, accessible states) */
.nrlsr a { color: var(--nrl-primary-dark); text-decoration: underline; }
.nrlsr a:hover { text-decoration: none; }

.nrlsr .button,
.nrlsr .button-primary,
.nrlsr button,
.nrlsr [role="button"],
.nrlsr input[type="button"],
.nrlsr input[type="submit"] {
  appearance: none;
  border: 1px solid var(--nrl-primary);
  background: var(--nrl-primary);
  color: #fff;
  border-radius: 10px;
  padding: 8px 14px;
  font-weight: 600;
  line-height: 1.2;
  cursor: pointer;
  box-shadow: 0 1px 0 rgba(0,0,0,0.03);
  transition: background-color .18s ease, border-color .18s ease, transform .12s ease;
}
.nrlsr .button.button-secondary,
.nrlsr .button.is-secondary {
  background: var(--nrl-paper);
  color: var(--nrl-primary-dark);
  border-color: var(--nrl-border);
}
.nrlsr .button:hover,
.nrlsr button:hover,
.nrlsr input[type="submit"]:hover {
  background: var(--nrl-primary-dark);
  border-color: var(--nrl-primary-dark);
}
.nrlsr .button:disabled,
.nrlsr button:disabled,
.nrlsr input[disabled] {
  opacity: .6;
  cursor: not-allowed;
}
.nrlsr .button:focus-visible,
.nrlsr button:focus-visible,
.nrlsr a:focus-visible {
  outline: none;
  box-shadow: var(--nrl-focus-ring);
}

/* 5) Form controls (inputs/selects/checkboxes/radios) */
.nrlsr input[type="text"],
.nrlsr input[type="email"],
.nrlsr input[type="search"],
.nrlsr input[type="tel"],
.nrlsr input[type="url"],
.nrlsr input[type="number"],
.nrlsr select,
.nrlsr textarea {
  width: 100%;
  max-width: 480px;
  background: var(--nrl-paper);
  border: 1px solid var(--nrl-border);
  border-radius: 10px;
  padding: 10px 12px;
  color: var(--nrl-ink);
  line-height: 1.4;
  box-shadow: inset 0 1px 0 rgba(0,0,0,0.02);
}
.nrlsr input[type="text"]:focus,
.nrlsr input[type="email"]:focus,
.nrlsr input[type="search"]:focus,
.nrlsr input[type="tel"]:focus,
.nrlsr input[type="url"]:focus,
.nrlsr input[type="number"]:focus,
.nrlsr select:focus,
.nrlsr textarea:focus {
  outline: none;
  border-color: var(--nrl-primary);
  box-shadow: var(--nrl-focus-ring);
}
.nrlsr input[type="radio"],
.nrlsr input[type="checkbox"] {
  accent-color: var(--nrl-primary);
}
.nrlsr label { color: var(--nrl-ink); }

/* Compact helper text */
.nrlsr small,
.nrlsr .help,
.nrlsr .description {
  color: var(--nrl-muted);
}

/* 6) Gentle step/progress row (only if present) */
.nrlsr .nrl-steps,
.nrlsr .nrl-progress {
  display: flex;
  gap: var(--nrl-space-3);
  align-items: center;
  padding: var(--nrl-space-3) 0 var(--nrl-space-4);
  border-bottom: 1px dashed var(--nrl-border);
  margin-bottom: var(--nrl-space-4);
}
.nrlsr .nrl-steps .step,
.nrlsr .nrl-progress .step {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px solid var(--nrl-border);
  border-radius: var(--nrl-radius-pill);
  background: var(--nrl-paper);
  color: var(--nrl-muted);
  font-weight: 600;
}
.nrlsr .nrl-steps .step[aria-current="step"],
.nrlsr .nrl-progress .step[aria-current="step"] {
  border-color: var(--nrl-primary);
  color: var(--nrl-primary-dark);
  box-shadow: 0 0 0 3px rgba(27, 174, 112, 0.12);
}

/* 7) Alerts (info/warning/error) */
.nrlsr .nrl-alert {
  padding: 10px 12px;
  border: 1px solid var(--nrl-border);
  border-radius: 12px;
  background: #fafafa;
  color: var(--nrl-ink);
  box-shadow: var(--nrl-shadow-soft);
}
.nrlsr .nrl-alert-info {
  border-color: color-mix(in oklab, var(--nrl-primary) 30%, var(--nrl-border));
  background: color-mix(in oklab, var(--nrl-primary) 8%, #fafafa);
}
.nrlsr .nrl-alert-warning {
  border-color: color-mix(in oklab, var(--nrl-warning) 30%, var(--nrl-border));
  background: color-mix(in oklab, var(--nrl-warning) 10%, #fff7ed);
}
.nrlsr .nrl-alert-error {
  border-color: color-mix(in oklab, var(--nrl-danger) 30%, var(--nrl-border));
  background: color-mix(in oklab, var(--nrl-danger) 10%, #fef2f2);
}

/* 8) Header row alignment (driver + pill + actions) */
.nrlsr .nrl-card:has(#nrl-recheck-status) {
  display: flex;
  gap: var(--nrl-space-4);
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}

/* 9) Fine-tune small UI bits */
.nrlsr #paypal-button-container { margin-top: var(--nrl-space-2); }
.nrlsr #nrl-app-actions { display: flex; flex-wrap: wrap; gap: var(--nrl-space-3); align-items: center; }
.nrlsr #nrl-app-msg { color: var(--nrl-muted); }

/* 10) Reduced motion friendly */
@media (prefers-reduced-motion: reduce) {
  .nrlsr .button,
  .nrlsr button,
  .nrlsr input[type="submit"],
  .nrlsr a { transition: none; }
}
/* Remove the outermost off-white page background */
.nrlsr {
  --nrl-bg: transparent;
  background: transparent;
}
/* Tighter button text inside .nrlsr */
.nrlsr .button,
.nrlsr .button-primary,
.nrlsr button,
.nrlsr [role="button"],
.nrlsr input[type="button"],
.nrlsr input[type="submit"] {
  letter-spacing: normal; /* resets to default */
}

/* ---------- NRL UI (generic, shortcode-friendly) ---------- */
/* Scope everything so it won’t leak outside your Elementor block */
.nrlui {
  --nrl-radius: 12px;
  --nrl-pad: 14px;
  --nrl-gap: 14px;
  --nrl-shadow: 0 2px 8px rgba(0,0,0,.08);
  --nrl-border: 1px solid rgba(0,0,0,.08);
  --nrl-muted: #6b7280; /* Tailwind-ish gray-500 */
  --nrl-accent: #1bae70; /* NRL green */
  --nrl-accent-weak: rgba(27,174,112,.1);
  --nrl-danger: #dc2626;
  --nrl-danger-weak: rgba(220,38,38,.1);
  --nrl-bg: #fff;
}

/* Headings & layout rhythm */
.nrlui h1, .nrlui h2, .nrlui h3, .nrlui h4 {
  margin: 0 0 10px;
  line-height: 1.2;
}
.nrlui h1 { font-size: 1.75rem; }
.nrlui h2 { font-size: 1.35rem; }
.nrlui h3 { font-size: 1.15rem; color: var(--nrl-muted); }

/* Paragraphs & small text */
.nrlui p { margin: 0 0 10px; }
.nrlui .muted, .nrlui small { color: var(--nrl-muted); }

/* Generic “card” feel for blocks your shortcodes output */
.nrlui .nrl-card,
.nrlui .card,
.nrlui .box {
  background: var(--nrl-bg);
  border: var(--nrl-border);
  border-radius: var(--nrl-radius);
  box-shadow: var(--nrl-shadow);
  padding: var(--nrl-pad);
  margin-bottom: var(--nrl-gap);
}

/* Grids that often appear in detail/summary areas */
.nrlui .grid {
  display: grid;
  gap: var(--nrl-gap);
}
@media (min-width: 768px) {
  .nrlui .grid.cols-2 { grid-template-columns: 1fr 1fr; }
  .nrlui .grid.cols-3 { grid-template-columns: repeat(3, 1fr); }
}

/* Tables (standings, previous seasons, round results) */
.nrlui table {
  width: 100%;
  border-collapse: collapse;
  background: var(--nrl-bg);
  border: var(--nrl-border);
  border-radius: var(--nrl-radius);
  overflow: hidden;
  box-shadow: var(--nrl-shadow);
  margin: 0 0 var(--nrl-gap);
}
.nrlui thead th {
  text-align: left;
  font-weight: 600;
  padding: 10px 12px;
  background: #f8fafc;
  border-bottom: var(--nrl-border);
}
.nrlui tbody td {
  padding: 10px 12px;
  border-top: var(--nrl-border);
}
.nrlui tbody tr:nth-child(odd) td {
  background: #fcfcfd;
}

/* Definition lists (common in detail shortcodes) */
.nrlui dl {
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 8px 12px;
  margin: 0 0 var(--nrl-gap);
}
.nrlui dt { color: var(--nrl-muted); }
.nrlui dd { margin: 0; }

/* Badges / status chips */
.nrlui .badge,
.nrlui .pill {
  display: inline-block;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef2f7;
  color: #111827;
  font-size: 12px;
  line-height: 1;
}
.nrlui .badge.ok, .nrlui .pill.ok {
  background: var(--nrl-accent-weak);
  color: #065f46;
}
.nrlui .badge.warn, .nrlui .pill.warn {
  background: #fff7ed;
  color: #9a3412;
}
.nrlui .badge.danger, .nrlui .pill.danger {
  background: var(--nrl-danger-weak);
  color: #7f1d1d;
}

/* Notices */
.nrlui .notice {
  border-radius: var(--nrl-radius);
  padding: 10px 12px;
  border: var(--nrl-border);
  margin: 0 0 var(--nrl-gap);
  background: #f8fafc;
}
.nrlui .notice.success { background: var(--nrl-accent-weak); border-color: rgba(27,174,112,.2); }
.nrlui .notice.error   { background: var(--nrl-danger-weak); border-color: rgba(220,38,38,.2); }

/* Buttons (in case a shortcode renders any) */
.nrlui .btn,
.nrlui button,
.nrlui .button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 10px;
  border: 1px solid transparent;
  background: var(--nrl-accent);
  color: #fff;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
}
.nrlui .btn.secondary,
.nrlui .button.secondary {
  background: #111827;
}
.nrlui .btn.ghost,
.nrlui .button.ghost {
  background: transparent;
  color: #111827;
  border-color: rgba(0,0,0,.12);
}

/* Simple list polish */
.nrlui ul, .nrlui ol { padding-left: 1.25rem; margin: 0 0 var(--nrl-gap); }
.nrlui li + li { margin-top: 6px; }

/* Tighten form controls if any appear inside these blocks */
.nrlui input[type="text"],
.nrlui input[type="number"],
.nrlui select {
  border: var(--nrl-border);
  border-radius: 10px;
  padding: 8px 10px;
}

/* My Profile summary: make the ✏️ edit buttons tiny */
#nrl-profile-summary .nrl-edit,
#nrl-profile-summary .nrl-edit-inline,
#nrl-profile-summary .nrl-edit-header {
  /* override WP .button styles */
  padding: 2px 6px !important;
  font-size: 12px !important;
  line-height: 1 !important;
  border-radius: 8px !important;
  min-height: 22px !important;
  min-width: 22px !important;
  width: auto !important;
  background: var(--nrl-green, #0b6e4f) !important;
  border: 1px solid var(--nrl-green-dark, #09513b) !important;
  color: #fff !important;
  box-shadow: 0 1px 2px rgba(0,0,0,.18) !important;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 0 !important;
  font-weight: 600; /* or 500 if you want lighter */
  cursor: pointer;
}
#nrl-profile-summary .nrl-edit:hover,
#nrl-profile-summary .nrl-edit-inline:hover,
#nrl-profile-summary .nrl-edit-header:hover {
  background: var(--nrl-green-tint, #0e7c59) !important;
}

/* (optional) make them perfectly circular pucks: uncomment to use */
/*
#nrl-profile-summary .nrl-edit,
#nrl-profile-summary .nrl-edit-inline,
#nrl-profile-summary .nrl-edit-header {
  border-radius: 50% !important;
  padding: 2px !important;
  min-width: 24px !important;
  min-height: 24px !important;
}
*/

/* ==========================================================
   NRLSC — FULL REPLACEMENT (Trimmed / Stable + FIXES 1–4a)
   Scope: .nrlsc only
   ========================================================== */

.nrlsc{
  /* Brand */
  --mn-teal:  rgba(56,214,197,1);
  --mn-gold:  rgba(245,179,0,1);
  --mn-green: rgba(27,174,112,1);

  /* Text */
  --sc-text:  rgba(244,246,255,.92);
  --sc-muted: rgba(167,174,196,.88);

  /* Glass surfaces */
  --sc-surface: rgba(18,21,40,.55);
  --sc-border: rgba(255,255,255,.14);
  --sc-border-2: rgba(255,255,255,.10);

  /* Shadows */
  --sc-shadow: 0 18px 45px rgba(0,0,0,.55);
  --sc-shadow-soft: 0 10px 28px rgba(0,0,0,.35);
  --sc-inset: inset 0 1px 0 rgba(255,255,255,.08);

  /* Radii */
  --sc-radius-lg: 22px;
  --sc-pill: 999px;

  /* Pills */
  --sc-pill-bg: rgba(255,255,255,.07);
  --sc-pill-bg-hover: rgba(255,255,255,.09);
  --sc-pill-border: rgba(255,255,255,.14);
  --sc-pill-border-hover: rgba(255,255,255,.20);

  /* Table */
  --sc-table-bg: rgba(10,12,20,.72);
  --sc-row: rgba(255,255,255,.045);
  --sc-row-hover: rgba(56,214,197,.14);
  --sc-head-top: rgba(255,255,255,.18);
  --sc-head-bot: rgba(255,255,255,.06);
  --sc-table-rule: rgba(255,255,255,.07);
  --sc-table-head-rule: rgba(255,255,255,.22);
  --sc-table-hover-shadow: inset 0 1px 0 rgba(255,255,255,.06), inset 0 -1px 0 rgba(0,0,0,.35);
  --sc-overlay-a: rgba(56,214,197,.18);
  --sc-overlay-b: rgba(245,179,0,.14);
  --sc-button-text: rgba(244,246,255,.96);
  --sc-table-head-text: rgba(255,255,255,.96);
  --sc-table-cell-text: rgba(255,255,255,.88);
  --sc-table-link: rgba(244,246,255,.94);
  --sc-table-link-border: rgba(27,174,112,.40);
  --sc-table-link-hover: rgba(245,179,0,.95);
  --sc-table-link-hover-border: rgba(245,179,0,.75);
  --sc-select-arrow: rgba(244,246,255,.85);
  --sc-focus-ring: rgba(56,214,197,.18);
  --sc-elev-shadow: rgba(0,0,0,.45);
  --sc-elev-shadow-hover: rgba(0,0,0,.55);
  --sc-chip-close-bg: rgba(255,255,255,.14);
  --sc-chip-close-border: rgba(255,255,255,.18);
  --sc-chip-close-hover-bg: rgba(56,214,197,.22);
  --sc-chip-close-hover-border: rgba(56,214,197,.35);
  --sc-accent-text: rgba(245,179,0,.95);

  color: var(--sc-text);
  max-width: 100%;
  overflow-x: visible;
}

:root[data-nrl-theme="light"] .nrlsc{
  --sc-text: #132019;
  --sc-muted: #52605a;
  --sc-surface: rgba(255,255,255,.9);
  --sc-border: rgba(20,38,28,.16);
  --sc-border-2: rgba(20,38,28,.1);
  --sc-shadow: 0 18px 38px rgba(20,38,28,.12);
  --sc-shadow-soft: 0 10px 26px rgba(20,38,28,.08);
  --sc-inset: inset 0 1px 0 rgba(255,255,255,.8);
  --sc-pill-bg: rgba(255,255,255,.82);
  --sc-pill-bg-hover: rgba(255,255,255,.94);
  --sc-pill-border: rgba(20,38,28,.16);
  --sc-pill-border-hover: rgba(27,174,112,.32);
  --sc-table-bg: rgba(255,255,255,.92);
  --sc-row: rgba(27,174,112,.045);
  --sc-row-hover: rgba(27,174,112,.12);
  --sc-head-top: rgba(20,38,28,.14);
  --sc-head-bot: rgba(20,38,28,.075);
  --sc-table-rule: rgba(20,38,28,.1);
  --sc-table-head-rule: rgba(20,38,28,.18);
  --sc-table-hover-shadow: inset 0 1px 0 rgba(255,255,255,.7), inset 0 -1px 0 rgba(20,38,28,.08);
  --sc-overlay-a: rgba(56,214,197,.1);
  --sc-overlay-b: rgba(245,179,0,.08);
  --sc-button-text: #132019;
  --sc-table-head-text: #132019;
  --sc-table-cell-text: #132019;
  --sc-table-link: #0f766e;
  --sc-table-link-border: rgba(15,118,110,.35);
  --sc-table-link-hover: #8a5a00;
  --sc-table-link-hover-border: rgba(138,90,0,.46);
  --sc-select-arrow: rgba(20,38,28,.72);
  --sc-focus-ring: rgba(27,174,112,.18);
  --sc-elev-shadow: rgba(20,38,28,.12);
  --sc-elev-shadow-hover: rgba(20,38,28,.16);
  --sc-chip-close-bg: rgba(20,38,28,.08);
  --sc-chip-close-border: rgba(20,38,28,.16);
  --sc-chip-close-hover-bg: rgba(27,174,112,.16);
  --sc-chip-close-hover-border: rgba(27,174,112,.3);
  --sc-accent-text: #8a5a00;
}

:root[data-nrl-theme="light"] .nrlsc :is(h1, h2, h3, h4, h5, h6),
:root[data-nrl-theme="light"] .nrlsc :is(.nrl-driver-detail, .nrl-driver-dir, .nrl-team-stats, .nrl-prev-wrap, .nrl-prev-season-pack, .nrl-standings-wrapper, .nrl-rounds, .nrl-stats-panel) :is(h1, h2, h3, h4, summary),
:root[data-nrl-theme="light"] .nrlsc .nrl-driver-detail h2,
:root[data-nrl-theme="light"] .nrlsc .nrl-driver-dir h2,
:root[data-nrl-theme="light"] .nrlsc .nrl-team-stats h2 {
  color: var(--sc-text) !important;
  text-shadow: none !important;
}

:root[data-nrl-theme="light"] .nrlsc :is(input[type="search"], input[type="text"], input[type="url"], input[type="email"], textarea)::placeholder {
  color: color-mix(in srgb, var(--sc-muted) 88%, #132019) !important;
  opacity: 1 !important;
}

:root[data-nrl-theme="light"] .nrlsc :is(.nrl-driver-detail, .nrl-driver-dir, .nrl-team-stats, .nrl-prev-wrap, .nrl-prev-season-pack, .nrl-standings-wrapper, .nrl-stats-panel, .nrl-stat-card, table.widefat, .nrl-pill, .nrl-chip, .tag, .button, button) {
  box-shadow: var(--sc-shadow-soft) !important;
}

/* ==========================================================
   Base containers produced by shortcodes
   ========================================================== */

.nrlsc .nrl-driver-detail,
.nrlsc .nrl-driver-dir,
.nrlsc .nrl-team-stats,
.nrlsc .nrl-standings-wrap,
.nrlsc .nrl-standings,
.nrlsc .nrl-rounds,
.nrlsc .nrl-results,
.nrlsc .nrl-card,
.nrlsc .card,
.nrlsc .box{
  background: var(--sc-surface);
  border: 1px solid var(--sc-border);
  border-radius: var(--sc-radius-lg);
  box-shadow: var(--sc-shadow);
  overflow: hidden;
  position: relative;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

/* Hero-style glow overlay */
.nrlsc .nrl-driver-detail::before,
.nrlsc .nrl-driver-dir::before,
.nrlsc .nrl-team-stats::before,
.nrlsc .nrl-standings-wrap::before,
.nrlsc .nrl-standings::before,
.nrlsc .nrl-rounds::before,
.nrlsc .nrl-results::before,
.nrlsc .nrl-card::before,
.nrlsc .card::before,
.nrlsc .box::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 380px at 10% 0%, var(--sc-overlay-a), transparent 55%),
    radial-gradient(700px 380px at 90% 0%, var(--sc-overlay-b), transparent 55%);
  opacity:.95;
}

.nrlsc .nrl-driver-detail > *,
.nrlsc .nrl-driver-dir > *,
.nrlsc .nrl-team-stats > *,
.nrlsc .nrl-standings-wrap > *,
.nrlsc .nrl-standings > *,
.nrlsc .nrl-rounds > *,
.nrlsc .nrl-results > *,
.nrlsc .nrl-card > *,
.nrlsc .card > *,
.nrlsc .box > *{
  position: relative;
  z-index: 1;
}

/* Padding rhythm */
.nrlsc .nrl-driver-detail,
.nrlsc .nrl-driver-dir,
.nrlsc .nrl-team-stats{
  padding: 18px;
  margin-top: 0 !important;
}

/* Headings */
.nrlsc h2{
  margin: 0 0 12px 0 !important;
  line-height: 1.15;
  font-weight: 900;
  letter-spacing: .02em;
  color: var(--sc-text);
}
.nrlsc h3{
  margin: 10px 0 10px 0 !important;
  line-height: 1.2;
  font-weight: 900;
  letter-spacing: .02em;
  color: var(--sc-text);
}
.nrlsc h4{
  margin: 8px 0 8px 0 !important;
  line-height: 1.25;
  font-weight: 800;
  color: var(--sc-muted);
}
.nrlsc .muted,
.nrlsc small,
.nrlsc .description,
.nrlsc .help{
  color: var(--sc-muted);
}

/* ==========================================================
   Filter/search row (single line)
   ========================================================== */

.nrlsc .filters-row{
  display:flex;
  align-items:center;
  gap: 14px;
  flex-wrap: nowrap;
  margin: 10px 0 12px;
  overflow: visible !important; /* prevents hover shadow clipping */
}

@media (max-width: 980px){
  .nrlsc .filters-row{ flex-wrap: wrap; }
}

/* Search grows, others stay tight */
.nrlsc .filters-row :is(input[type="search"], input[type="text"]){
  flex: 1 1 260px;
  min-width: 220px;
  max-width: 360px;
}

/* Selects stay compact */
.nrlsc .filters-row select{
  flex: 0 0 auto;
}

/* ==========================================================
   Inputs & selects (glass pills)
   ========================================================== */

.nrlsc :is(input[type="search"], input[type="text"], select){
  border-radius: var(--sc-pill);
  border: 1px solid var(--sc-pill-border);
  background: var(--sc-pill-bg);
  color: var(--sc-text);

  height: 40px;                       /* fixes vertical centering/clipping */
  padding: 0 16px;
  line-height: 40px;
  font-size: 13px;
  box-sizing: border-box;

  outline: none;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);

  box-shadow: var(--sc-inset), 0 10px 26px var(--sc-elev-shadow);
  transition: transform 120ms cubic-bezier(.2,.8,.2,1),
              border-color 120ms cubic-bezier(.2,.8,.2,1),
              background-color 120ms cubic-bezier(.2,.8,.2,1),
              box-shadow 120ms cubic-bezier(.2,.8,.2,1);
}

.nrlsc :is(input[type="search"], input[type="text"])::placeholder{
  color: color-mix(in srgb, var(--sc-muted) 74%, transparent);
}

.nrlsc :is(input[type="search"], input[type="text"], select):focus{
  border-color: rgba(56,214,197,.28);
  box-shadow: 0 0 0 3px var(--sc-focus-ring), var(--sc-inset), 0 10px 26px var(--sc-elev-shadow);
}

/* Dropdown menu readability (best-effort; OS may override some parts) */
.nrlsc select option{
  color: #111827;
  background: #ffffff;
}

/* ==========================================================
   FIX #1 — Filters-row select chevrons ALWAYS visible + centered
   (This must come AFTER the generic select styling above.)
   ========================================================== */

.nrlsc .filters-row select{
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  /* hard-set sizing so text never clips */
  height: 40px !important;
  line-height: 40px !important;
  padding: 0 44px 0 16px !important;

  /* arrow + fill in ONE shorthand (critical so later backgrounds can’t wipe it) */
  background:
    linear-gradient(45deg, transparent 50%, var(--sc-select-arrow) 50%) right 18px center / 6px 6px no-repeat,
    linear-gradient(135deg, var(--sc-select-arrow) 50%, transparent 50%) right 12px center / 6px 6px no-repeat,
    var(--sc-pill-bg) !important;

  border: 1px solid var(--sc-pill-border) !important;
  border-radius: 999px !important;
  color: var(--sc-text) !important;

  box-sizing: border-box !important;
}

/* Optional hover: gold arrow (still visible when not hovering) */
.nrlsc .filters-row select:hover{
  background:
    linear-gradient(45deg, transparent 50%, rgba(245,179,0,.92) 50%) right 18px center / 6px 6px no-repeat,
    linear-gradient(135deg, rgba(245,179,0,.92) 50%, transparent 50%) right 12px center / 6px 6px no-repeat,
    var(--sc-pill-bg-hover) !important;

  border-color: var(--sc-pill-border-hover) !important;
}

/* Old Edge/IE dropdown arrow suppression (harmless elsewhere) */
.nrlsc .filters-row select::-ms-expand{ display:none !important; }

/* ==========================================================
   Buttons (hero CTA pill style)
   ========================================================== */

.nrlsc :is(a.button, .button, .button-secondary, button, input[type="submit"], input[type="button"], input[type="reset"]){
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;

  border-radius: var(--sc-pill);
  padding: 0 14px;
  min-height: 40px;

  border: 1px solid var(--sc-pill-border) !important;
  background: var(--sc-pill-bg) !important;
  color: var(--sc-button-text) !important;

  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;

  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;

  box-shadow: none !important;
  cursor: pointer;

  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease, background-color .18s ease !important;
}

.nrlsc :is(a.button, .button, .button-secondary, button, input[type="submit"], input[type="button"], input[type="reset"]):hover{
  transform: translateY(-1px);
  background: var(--sc-pill-bg-hover) !important;
  border-color: var(--sc-pill-border-hover) !important;
  box-shadow: 0 10px 24px var(--sc-elev-shadow-hover), 0 0 18px var(--sc-focus-ring) !important;
}

/* Prevent button inner spans from stealing hover/click in some builders */
.nrlsc :is(a.button, .button, .button-secondary, button) *{
  pointer-events:none;
}

/* Clear as primary-ish */
.nrlsc :is(#nrl-standings-clear, .nrl-standings-clear, .clear-filters, .nrl-clear){
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,0) 55%),
    rgba(27,174,112,.24) !important;
  border-color: rgba(27,174,112,.42) !important;
}

/* ==========================================================
   Tables (dark glass, no zebra, compact)
   ========================================================== */

.nrlsc table.widefat{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  background: var(--sc-table-bg);
  border: 1px solid var(--sc-border-2);
  border-radius: var(--sc-radius-lg);
  overflow: hidden;
  box-shadow: var(--sc-shadow-soft);
  font-size: 13px;
}

/* Header */
.nrlsc table.widefat thead th{
  text-align:left;
  font-weight: 900;
  letter-spacing: .02em;
  color: var(--sc-table-head-text);

  padding: 9px 12px;
  line-height: 1.15;
  white-space: nowrap;

  background: linear-gradient(180deg, var(--sc-head-top), var(--sc-head-bot));
  border-bottom: 1px solid var(--sc-table-head-rule);
}

/* Cells */
.nrlsc table.widefat tbody td{
  padding: 8px 12px;
  line-height: 1.2;
  color: var(--sc-table-cell-text);
  border-bottom: 1px solid var(--sc-table-rule);
  background: transparent !important; /* kills any td striping */
}

/* Uniform rows + teal hover */
.nrlsc table.widefat tbody tr{
  background: var(--sc-row) !important;
  transition: background-color 140ms ease, box-shadow 140ms ease;
}
.nrlsc table.widefat tbody tr:hover,
.nrlsc table.widefat tbody tr:hover > td{
  background-color: var(--sc-row-hover) !important;
}
.nrlsc table.widefat tbody tr:hover > td{
  box-shadow: var(--sc-table-hover-shadow);
  color: var(--sc-table-head-text) !important;
}

/* If WP adds .striped, keep uniform anyway */
.nrlsc table.widefat.striped tbody tr:nth-child(odd),
.nrlsc table.widefat.striped tbody tr:nth-child(even){
  background: var(--sc-row) !important;
}

/* Table links */
.nrlsc table.widefat td a{
  display:inline-block;
  transform-origin:left center;
  color: var(--sc-table-link) !important;
  text-decoration:none;
  border-bottom: 1px solid var(--sc-table-link-border);
  transition: color .12s ease, border-color .12s ease, transform .12s ease;
}
.nrlsc table.widefat td a:hover{
  color: var(--sc-table-link-hover) !important;
  border-bottom-color: var(--sc-table-link-hover-border);
  transform: scale(1.03);
  font-weight: 900;
}

/* Utility spacing */
.nrlsc .nrl-standings-table{ margin-top: 10px; }

/* ==========================================================
   FIX #2 — Active filter chip shows full label + “×” (LEAN)
   Chip markup: <span class="tag">Team: ... <button>×</button></span>
   ========================================================== */

.nrlsc .tag{
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;

  min-height: 28px !important;
  padding: 4px 12px !important;

  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;

  border-radius: 999px !important;
  border: 1px solid var(--sc-pill-border) !important;
  background: var(--sc-pill-bg) !important;
  color: var(--sc-text) !important;

  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

/* Ensure the × stays clickable even if other rules disable pointer events */
.nrlsc .tag,
.nrlsc .tag *{
  pointer-events: auto !important;
}

/* × button: hard-capped so it cannot inflate chip height */
.nrlsc .tag > button{
  height: 16px !important;
  min-height: 16px !important;
  max-height: 16px !important;
  width: 16px !important;
  min-width: 16px !important;

  padding: 0 !important;
  margin: 0 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  border: 1px solid var(--sc-chip-close-border) !important;
  background: var(--sc-chip-close-bg) !important;

  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1 !important;

  cursor: pointer !important;
  vertical-align: middle !important;
}

.nrlsc .tag > button:hover{
  background: var(--sc-chip-close-hover-bg) !important;
  border-color: var(--sc-chip-close-hover-border) !important;
  color: var(--sc-accent-text) !important;
}

/* Safety: keep children from changing line metrics */
.nrlsc .tag > *{ line-height: 1 !important; }

/* ==========================================================
   FIX #3 — Remove table column dividers everywhere
   ========================================================== */

.nrlsc table.widefat :is(th, td){
  border-left: 0 !important;
  border-right: 0 !important;
  outline: 0 !important;
  box-shadow: none !important; /* some themes use inset shadows for dividers */
}

.nrlsc table.widefat :is(thead tr, tbody tr){
  background-image: none !important;
}

/* Re-assert only horizontal rules */
.nrlsc table.widefat tbody td{
  border-bottom: 1px solid var(--sc-table-rule) !important;
}
.nrlsc table.widefat thead th{
  border-bottom: 1px solid var(--sc-table-head-rule) !important;
}

/* ==========================================================
   FIX #4 — Driver detail polish (SAFE)
   - No first-child grid (prevents stray <style> text surfacing)
   - Dark glass pills + light text
   ========================================================== */

.nrlsc .nrl-driver-detail{
  padding: 18px !important;
}

/* Avatar */
.nrlsc .nrl-driver-detail img{
  border-radius: 16px !important;
  border: 1px solid var(--sc-border) !important;
  box-shadow: 0 14px 34px var(--sc-elev-shadow) !important;
}

/* Social wrapper */
.nrlsc .nrl-driver-detail .nrl-soc-wrap{
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  background: var(--sc-pill-bg) !important;
  border: 1px solid var(--sc-pill-border) !important;
  color: var(--sc-text) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  backdrop-filter: blur(10px) !important;
}

/* Social chips (YouTube/Twitch/etc) */
.nrlsc .nrl-driver-detail .nrl-soc-wrap .nrl-chip,
.nrlsc .nrl-driver-detail .nrl-soc-wrap a{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 28px !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: var(--sc-pill-bg) !important;
  border: 1px solid var(--sc-pill-border) !important;
  color: var(--sc-text) !important;
  text-decoration: none !important;
  border-bottom: none !important;
}

.nrlsc .nrl-driver-detail .nrl-soc-wrap .nrl-chip:hover,
.nrlsc .nrl-driver-detail .nrl-soc-wrap a:hover{
  color: var(--sc-accent-text) !important;
  border-color: var(--sc-table-link-hover-border) !important;
}

/* Info pills grid */
.nrlsc .nrl-driver-detail .nrl-pills-grid{
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 8px !important;
  margin: 10px 0 0 !important;
}
@media (max-width: 900px){
  .nrlsc .nrl-driver-detail .nrl-pills-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 680px){
  .nrlsc .nrl-driver-detail .nrl-pills-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 430px){
  .nrlsc .nrl-driver-detail .nrl-pills-grid{ grid-template-columns: 1fr !important; }
}

/* Dark glass pills + LIGHT text */
.nrlsc .nrl-driver-detail .nrl-pill{
  background: var(--sc-pill-bg) !important;
  border: 1px solid var(--sc-pill-border) !important;
  color: var(--sc-text) !important;
  border-radius: 999px !important;
  padding: 8px 12px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 6px !important;
  text-align: center !important;
}
.nrlsc .nrl-driver-detail .nrl-pill strong{
  color: var(--sc-text) !important;
}

/* Keep social wrap text synced with shortcode theme mode. */
.nrlsc .nrl-driver-detail .nrl-soc-wrap,
.nrlsc .nrl-driver-detail .nrl-soc-wrap *{
  color: var(--sc-text) !important;
}

/* ==========================================================
   NRLSC — Profile + Team Change + Relinquish harmonization
   (Overrides inline shortcode <style> blocks)
   Paste AFTER your existing .nrlsc block
   ========================================================== */

/* ---- Force any shortcode “white cards” to use NRLSC glass ---- */
.nrlsc :is(
  #nrl-profile-summary,
  #nrl-profile-drawer,
  .nrl-card,
  .nrl-mini,
  .nrl-status
){
  background: var(--sc-surface) !important;
  border: 1px solid var(--sc-border) !important;
  border-radius: var(--sc-radius-lg) !important;
  box-shadow: var(--sc-shadow) !important;
  color: var(--sc-text) !important;

  -webkit-backdrop-filter: blur(18px) !important;
  backdrop-filter: blur(18px) !important;

  position: relative;
  overflow: hidden;
}

/* Match the glow overlay used by your base containers */
.nrlsc :is(#nrl-profile-summary, #nrl-profile-drawer, .nrl-card, .nrl-mini, .nrl-status)::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 380px at 10% 0%, rgba(56,214,197,.18), transparent 55%),
    radial-gradient(700px 380px at 90% 0%, rgba(245,179,0,.14), transparent 55%);
  opacity:.95;
}
.nrlsc :is(#nrl-profile-summary, #nrl-profile-drawer, .nrl-card, .nrl-mini, .nrl-status) > *{
  position: relative;
  z-index: 1;
}

/* ---- Fix “profile summary” text colors (inline styles set slate/black) ---- */
.nrlsc :is(
  #nrl-profile-summary .nrl-summary-team,
  #nrl-profile-summary .nrl-summary-line,
  #nrl-profile-summary .nrl-summary-line .lbl
){
  color: var(--sc-text) !important;
}
.nrlsc #nrl-profile-summary .nrl-summary-line .lbl{
  opacity: .90 !important;
}
.nrlsc #nrl-profile-summary .nrl-summary-item{
  border-bottom: 1px solid rgba(255,255,255,.08) !important;
}

/* Ensure the pencil/edit buttons look consistent (your .button styling already applies) */
.nrlsc :is(#nrl-profile-summary, #nrl-profile-drawer) .nrl-edit{
  min-height: 32px !important;
  height: 32px !important;
  padding: 0 12px !important;
  font-size: 10px !important;
}

/* ---- Team Change status bar + mini panels (inline styles use pale grays) ---- */
.nrlsc .nrl-status{
  gap: 12px !important;
}
.nrlsc .nrl-status :is(strong, b){
  color: rgba(244,246,255,.96) !important;
}
.nrlsc .muted,
.nrlsc .nrl-mini .muted,
.nrlsc .nrl-status .muted{
  color: var(--sc-muted) !important;
}

/* Notices inside NRLSC: keep readable on dark glass */
.nrlsc .notice{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(10,12,20,.60);
  color: rgba(244,246,255,.92);
  padding: 12px 14px;
}
.nrlsc .notice a{
  color: rgba(245,179,0,.95) !important;
  text-decoration: none;
  border-bottom: 1px solid rgba(245,179,0,.55);
}

/* ---- Form controls beyond text/search/select (your base only covers text/search/select) ---- */
.nrlsc :is(
  textarea,
  input[type="number"],
  input[type="url"],
  input[type="email"],
  input[type="file"]
){
  border-radius: 14px;
  border: 1px solid var(--sc-pill-border) !important;
  background: var(--sc-pill-bg) !important;
  color: var(--sc-text) !important;

  box-shadow: var(--sc-inset), 0 10px 26px rgba(0,0,0,.45);
  outline: none;

  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);

  transition: transform 120ms cubic-bezier(.2,.8,.2,1),
              border-color 120ms cubic-bezier(.2,.8,.2,1),
              background-color 120ms cubic-bezier(.2,.8,.2,1),
              box-shadow 120ms cubic-bezier(.2,.8,.2,1);
}
.nrlsc textarea{
  padding: 10px 12px !important;
  line-height: 1.35 !important;
}
.nrlsc :is(textarea, input[type="number"], input[type="url"], input[type="email"]):focus{
  border-color: rgba(56,214,197,.28) !important;
  box-shadow: 0 0 0 3px rgba(56,214,197,.18), var(--sc-inset), 0 10px 26px rgba(0,0,0,.45) !important;
}

/* Selects outside .filters-row: keep same pill look + chevron */
.nrlsc select:not(.filters-row select){
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;

  height: 40px !important;
  line-height: 40px !important;
  padding: 0 44px 0 16px !important;

  background:
    linear-gradient(45deg, transparent 50%, rgba(244,246,255,.85) 50%) right 18px center / 6px 6px no-repeat,
    linear-gradient(135deg, rgba(244,246,255,.85) 50%, transparent 50%) right 12px center / 6px 6px no-repeat,
    var(--sc-pill-bg) !important;

  border: 1px solid var(--sc-pill-border) !important;
  border-radius: 999px !important;
  color: var(--sc-text) !important;
}
.nrlsc select:not(.filters-row select):hover{
  background:
    linear-gradient(45deg, transparent 50%, rgba(245,179,0,.92) 50%) right 18px center / 6px 6px no-repeat,
    linear-gradient(135deg, rgba(245,179,0,.92) 50%, transparent 50%) right 12px center / 6px 6px no-repeat,
    var(--sc-pill-bg-hover) !important;
  border-color: var(--sc-pill-border-hover) !important;
}
.nrlsc select::-ms-expand{ display:none !important; }

/* File input: keep it from looking “system white” where possible */
.nrlsc input[type="file"]{
  padding: 8px 12px !important;
}

/* Tighten common form spacing in these flows */
.nrlsc .nrl-row label{
  color: rgba(244,246,255,.92) !important;
  font-weight: 850 !important;
  letter-spacing: .02em;
}

/* ==========================================================
   NRLSC — Claim Profile harmonization
   Targets: [nrl_claim_profile] markup + its inline <style> output
   Paste AFTER your existing .nrlsc CSS
   ========================================================== */

/* ---------- Search row (match filters-row vibe) ---------- */
.nrlsc .nrl-claim-search-wrap{
  display:flex;
  justify-content:center;
  margin: 0 0 12px !important;
}

.nrlsc .nrl-claim-search{
  display:flex;
  gap: 10px !important;
  align-items:center;
  flex-wrap: nowrap;
}

/* The shortcode sets its own border/bg/radius inline; override it */
.nrlsc #nrl-claim-q{
  border-radius: var(--sc-pill) !important;
  border: 1px solid var(--sc-pill-border) !important;
  background: var(--sc-pill-bg) !important;
  color: var(--sc-text) !important;

  height: 40px !important;
  line-height: 40px !important;
  padding: 0 16px !important;

  box-shadow: var(--sc-inset), 0 10px 26px rgba(0,0,0,.45) !important;
}

.nrlsc #nrl-claim-q::placeholder{
  color: rgba(244,246,255,.55) !important;
}

.nrlsc #nrl-claim-clear{
  border-radius: var(--sc-pill) !important;
}

/* ---------- Top banners / notices emitted by the shortcode ---------- */
.nrlsc .nrl-notice{
  border-radius: 14px !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  background: rgba(10,12,20,.60) !important;
  color: rgba(244,246,255,.92) !important;
  padding: 12px 16px !important;
}
.nrlsc .nrl-notice a{
  color: rgba(245,179,0,.95) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(245,179,0,.55) !important;
}

/* ---------- Inline gating “note cards” (.nrl-inline-note .box) ---------- */
.nrlsc .nrl-inline-note .box{
  background: var(--sc-surface) !important;
  border: 1px solid var(--sc-border) !important;
  border-radius: var(--sc-radius-lg) !important;
  box-shadow: var(--sc-shadow) !important;
  color: var(--sc-text) !important;

  -webkit-backdrop-filter: blur(18px) !important;
  backdrop-filter: blur(18px) !important;

  position: relative;
  overflow: hidden;
}

/* Add the same glow overlay used by other NRLSC cards */
.nrlsc .nrl-inline-note .box::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 380px at 10% 0%, rgba(56,214,197,.18), transparent 55%),
    radial-gradient(700px 380px at 90% 0%, rgba(245,179,0,.14), transparent 55%);
  opacity:.95;
}
.nrlsc .nrl-inline-note .box > *{
  position: relative;
  z-index: 1;
}

/* Text + links inside */
.nrlsc .nrl-inline-note .box :is(p, div, span){
  color: rgba(244,246,255,.92) !important;
}
.nrlsc .nrl-inline-note .box a{
  color: rgba(245,179,0,.95) !important;
  text-decoration: none !important;
  border-bottom: 1px solid rgba(245,179,0,.55) !important;
}

/* ---------- Create card (.nrl-create-card) ---------- */
.nrlsc .nrl-create-card{
  background: var(--sc-surface) !important;
  border: 1px solid var(--sc-border) !important;
  border-radius: var(--sc-radius-lg) !important;
  box-shadow: var(--sc-shadow) !important;
  color: var(--sc-text) !important;

  -webkit-backdrop-filter: blur(18px) !important;
  backdrop-filter: blur(18px) !important;

  position: relative;
  overflow: hidden;
}

.nrlsc .nrl-create-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(900px 380px at 10% 0%, rgba(56,214,197,.18), transparent 55%),
    radial-gradient(700px 380px at 90% 0%, rgba(245,179,0,.14), transparent 55%);
  opacity:.95;
}
.nrlsc .nrl-create-card > *{
  position: relative;
  z-index: 1;
}

/* Headings inside create card (shortcode uses h3) */
.nrlsc .nrl-create-card h3{
  color: rgba(244,246,255,.92) !important;
}

/* Labels were styled inline as dark; force light */
.nrlsc .nrl-create-card label{
  color: rgba(244,246,255,.90) !important;
}

/* The shortcode styles inputs inside .nrl-create-card to white-ish; override */
.nrlsc .nrl-create-card :is(input[type="text"], input[type="email"]){
  width: 100% !important;
  border-radius: 14px !important;
  border: 1px solid var(--sc-pill-border) !important;
  background: var(--sc-pill-bg) !important;
  color: var(--sc-text) !important;
  box-shadow: var(--sc-inset), 0 10px 26px rgba(0,0,0,.45) !important;
}

/* Disabled fields (shortcode uses .nrl-disabled) */
.nrlsc .nrl-create-card .nrl-disabled{
  background: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.10) !important;
  color: rgba(244,246,255,.70) !important;
  opacity: .85 !important;
}

/* Helper text */
.nrlsc .nrl-help,
.nrlsc .nrl-note{
  color: var(--sc-muted) !important;
}

/* Required marker */
.nrlsc .req{
  color: rgba(245,179,0,.95) !important;
}

/* ---------- Results table (shortcode tries to impose light zebra) ---------- */
.nrlsc .nrl-claim-results table.widefat{
  /* Your existing .nrlsc table.widefat handles most of it;
     this ensures the shortcode’s custom rules don’t re-lighten it. */
  background: var(--sc-table-bg) !important;
}

.nrlsc .nrl-claim-results table.widefat thead th{
  background: linear-gradient(180deg, var(--sc-head-top), var(--sc-head-bot)) !important;
  color: rgba(255,255,255,.96) !important;
  box-shadow: none !important;
}

.nrlsc .nrl-claim-results table.widefat tbody tr:nth-child(even),
.nrlsc .nrl-claim-results table.widefat tbody tr:nth-child(odd){
  background: var(--sc-row) !important; /* defeat zebra */
}

.nrlsc .nrl-claim-results table.widefat tbody tr:hover{
  background: var(--sc-row-hover) !important;
}

/* Make “disabled/blocked” action buttons still fit the vibe */
.nrlsc .nrl-claim-results button[disabled],
.nrlsc .nrl-create-card button[disabled]{
  opacity: .55 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow: none !important;
}

/* ==========================================================
   NRL Bottom CTAs — Glass Pill Buttons (opt-in via class)
   Apply class "nrlsc-cta" to the Elementor Button widgets.
   Optional: add "nrlsc-cta-row" to the parent container.
   ========================================================== */

/* Optional row layout if you add nrlsc-cta-row to the container */
.nrlsc-cta-row{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin-top: 16px !important;
}
.nrlsc-cta-row .elementor-widget-button{ margin: 0 !important; }

/* Core “glass” button look */
.nrlsc-cta.elementor-button,
.nrlsc-cta .elementor-button{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 999px !important;
  padding: 12px 18px !important;
  min-height: 44px !important;

  color: rgba(244,246,255,.96) !important;
  text-decoration: none !important;

  background: rgba(255,255,255,.07) !important;
  border: 1px solid rgba(255,255,255,.14) !important;

  -webkit-backdrop-filter: blur(12px) !important;
  backdrop-filter: blur(12px) !important;

  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 12px 28px rgba(0,0,0,.45) !important;

  font-weight: 900 !important;
  letter-spacing: .10em !important;
  text-transform: uppercase !important;

  transition: transform 160ms ease,
              box-shadow 160ms ease,
              border-color 160ms ease,
              background-color 160ms ease !important;
}

/* Text inside Elementor button */
.nrlsc-cta .elementor-button-text{
  font-size: 12px !important;
  line-height: 1 !important;
}

/* Hover/focus */
.nrlsc-cta.elementor-button:hover,
.nrlsc-cta .elementor-button:hover,
.nrlsc-cta.elementor-button:focus,
.nrlsc-cta .elementor-button:focus{
  transform: translateY(-1px) !important;
  background: rgba(255,255,255,.09) !important;
  border-color: rgba(255,255,255,.20) !important;
  box-shadow: 0 14px 34px rgba(0,0,0,.55), 0 0 18px rgba(56,214,197,.18) !important;
  outline: none !important;
}

/* Optional: make the first CTA “teal” and second “gold” if you want */
.nrlsc-cta.is-teal.elementor-button,
.nrlsc-cta.is-teal .elementor-button{
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%),
    rgba(56,214,197,.16) !important;
  border-color: rgba(56,214,197,.34) !important;
}
.nrlsc-cta.is-gold.elementor-button,
.nrlsc-cta.is-gold .elementor-button{
  background:
    linear-gradient(180deg, rgba(255,255,255,.12), rgba(255,255,255,0) 55%),
    rgba(245,179,0,.12) !important;
  border-color: rgba(245,179,0,.30) !important;
}

/* ==========================================================
   NRL — Primary Gold CTA (persistent glow)
   ID: #nrl-gold-cta
   ========================================================== */

#nrl-gold-cta.elementor-button,
#nrl-gold-cta .elementor-button{
  background:
    linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,0) 60%),
    rgba(245,179,0,.18) !important;

  border-color: rgba(245,179,0,.42) !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.10),
    0 14px 32px rgba(0,0,0,.55),
    0 0 22px rgba(245,179,0,.35) !important;
}

/* Slightly stronger glow on hover (but not a color shift) */
#nrl-gold-cta.elementor-button:hover,
#nrl-gold-cta .elementor-button:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 18px 40px rgba(0,0,0,.65),
    0 0 30px rgba(245,179,0,.45) !important;

  transform: translateY(-1px) !important;
}

/* ==========================================================
   NRL Season Register — GLASS THEME OVERRIDES
   Paste AFTER the existing .nrlsr stylesheet
   ========================================================== */

/* A) Convert the .nrlsr design tokens to your glass tokens */
.nrlsr{
  /* If nrlsc vars exist, reuse them; otherwise fall back safely */
  --nrl-primary: var(--mn-teal, rgba(56,214,197,1));
  --nrl-primary-dark: var(--mn-teal, rgba(56,214,197,1));
  --nrl-ink: var(--sc-text, rgba(244,246,255,.92));
  --nrl-muted: var(--sc-muted, rgba(167,174,196,.88));
  --nrl-paper: var(--sc-surface, rgba(18,21,40,.55));

  --nrl-bg: transparent;
  --nrl-border: var(--sc-border, rgba(255,255,255,.14));

  --nrl-shadow: 0 18px 45px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06);
  --nrl-shadow-soft: 0 14px 34px rgba(0,0,0,.50), inset 0 1px 0 rgba(255,255,255,.05);

  --nrl-success: var(--mn-green, rgba(27,174,112,1));
  --nrl-warning: var(--mn-gold, rgba(245,179,0,1));
  --nrl-danger:  #EF4444;
  --nrl-neutral: rgba(167,174,196,.88);

  --nrl-focus-ring: 0 0 0 3px rgba(56,214,197,.22);
}

/* B) Outer container becomes glass (and stops looking like a white card) */
.nrlsr .nrl-season-register{
  max-width: 980px;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 18px auto !important;
  color: var(--nrl-ink);
}

/* C) Cards become glass */
.nrlsr .nrl-season-register .nrl-card{
  background: var(--nrl-paper) !important;
  border: 1px solid var(--nrl-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--nrl-shadow-soft) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: var(--nrl-ink) !important;
}

/* D) Headings */
.nrlsr .nrl-season-register .nrl-head,
.nrlsr .nrl-season-register h3,
.nrlsr .nrl-season-register h4{
  color: var(--nrl-ink) !important;
  font-weight: 800;
  letter-spacing: .02em;
}

/* E) Paragraphs and helper text */
.nrlsr .nrl-season-register p,
.nrlsr .nrl-season-register small,
.nrlsr .nrl-season-register em{
  color: var(--nrl-muted) !important;
}

/* F) “Registration period” box (it’s currently inline-styled white) */
.nrlsr .nrl-season-register > div[style*="Registration period"]{
  background: var(--nrl-paper) !important;
  border: 1px solid var(--nrl-border) !important;
  border-radius: 16px !important;
  box-shadow: var(--nrl-shadow-soft) !important;
  color: var(--nrl-ink) !important;
}

/* G) Pills */
.nrlsr .nrl-pill,
.nrlsr [data-status],
.nrlsr .status{
  background: rgba(0,0,0,.18) !important;
  border: 1px solid var(--nrl-border) !important;
  color: var(--nrl-ink) !important;
}

/* H) Inputs */
.nrlsr input[type="text"],
.nrlsr input[type="email"],
.nrlsr input[type="search"],
.nrlsr input[type="tel"],
.nrlsr input[type="url"],
.nrlsr input[type="number"],
.nrlsr select,
.nrlsr textarea{
  background: rgba(0,0,0,.18) !important;
  border: 1px solid var(--nrl-border) !important;
  color: var(--nrl-ink) !important;
  max-width: 520px;
}
.nrlsr input::placeholder{ color: rgba(167,174,196,.70) !important; }

/* I) Links */
.nrlsr a{
  color: var(--nrl-primary) !important;
  text-decoration: none;
}
.nrlsr a:hover{ text-decoration: underline; }

/* J) Buttons become glass buttons (override the green “flat” look) */
.nrlsr .button,
.nrlsr .button-primary,
.nrlsr button,
.nrlsr [role="button"],
.nrlsr input[type="button"],
.nrlsr input[type="submit"]{
  background: rgba(0,0,0,.18) !important;
  border: 1px solid var(--nrl-border) !important;
  color: var(--nrl-ink) !important;
  border-radius: 12px !important;
  padding: .62rem 1rem !important;
  box-shadow: 0 12px 26px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.06) !important;
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}
.nrlsr .button:hover,
.nrlsr button:hover,
.nrlsr input[type="submit"]:hover{
  transform: translateY(-1px);
  border-color: rgba(56,214,197,.35) !important;
  box-shadow: 0 16px 34px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.08) !important;
}

/* K) Primary action button (keeps “primary”, but in your gold accent style) */
.nrlsr .button.button-primary,
.nrlsr .button-primary{
  background: linear-gradient(180deg, rgba(245,179,0,.22), rgba(0,0,0,.18) 65%) !important;
  border-color: rgba(245,179,0,.42) !important;
}
.nrlsr .button.button-primary:hover,
.nrlsr .button-primary:hover{
  border-color: rgba(245,179,0,.62) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.70), 0 0 26px rgba(245,179,0,.22), inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* L) Disabled buttons */
.nrlsr .button:disabled,
.nrlsr button:disabled,
.nrlsr input[disabled]{
  opacity: .55 !important;
  cursor: not-allowed !important;
  transform: none !important;
}

/* M) Responsive grid (keep your existing behavior but ensure it stays intact) */
@media (max-width: 720px){
  .nrlsr .nrl-grid{ grid-template-columns: 1fr !important; }
}

/* ==========================================================
   NRL Season Register (nrlsr) — Button-only Glass Match
   Paste at END of your existing nrlsr CSS
   ========================================================== */

/* Base glass pill button */
.nrlsr .button,
.nrlsr .button-primary,
.nrlsr button,
.nrlsr input[type="button"],
.nrlsr input[type="submit"]{
  appearance:none !important;
  border-radius: 999px !important;

  /* “glass” */
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.10) 0%,
    rgba(255,255,255,.05) 55%,
    rgba(0,0,0,.10) 100%
  ) !important;

  border: 1px solid rgba(255,255,255,.16) !important;
  color: rgba(244,246,255,.92) !important;

  padding: 10px 16px !important;
  font-weight: 700 !important;
  letter-spacing: .01em !important;
  line-height: 1.1 !important;

  box-shadow:
    0 10px 28px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.12) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);

  transition:
    transform .12s ease,
    box-shadow .18s ease,
    border-color .18s ease,
    background .18s ease !important;
}

/* Hover / active */
.nrlsr .button:hover,
.nrlsr button:hover,
.nrlsr input[type="submit"]:hover{
  transform: translateY(-1px);
  border-color: rgba(255,255,255,.24) !important;
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.14) 0%,
    rgba(255,255,255,.07) 55%,
    rgba(0,0,0,.14) 100%
  ) !important;
  box-shadow:
    0 14px 36px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.nrlsr .button:active,
.nrlsr button:active{
  transform: translateY(0px);
}

/* Focus */
.nrlsr .button:focus-visible,
.nrlsr button:focus-visible,
.nrlsr input[type="submit"]:focus-visible{
  outline: none !important;
  box-shadow:
    0 0 0 3px rgba(245,179,0,.22),
    0 12px 32px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

/* Disabled */
.nrlsr .button:disabled,
.nrlsr button:disabled,
.nrlsr input[disabled]{
  opacity: .55 !important;
  cursor: not-allowed !important;
  transform: none !important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.26),
    inset 0 1px 0 rgba(255,255,255,.10) !important;
}

/* If Astra adds a “primary” class, keep same look (no green fill) */
.nrlsr .button.button-primary,
.nrlsr .button-primary{
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.12) 0%,
    rgba(255,255,255,.06) 55%,
    rgba(0,0,0,.12) 100%
  ) !important;
}

/* Optional: one special button with a gold glow by default.
   In Elementor set the button CSS ID to: nrl-gold-glow
*/
.nrlsr #nrl-gold-glow{
  border-color: rgba(245,179,0,.34) !important;
  box-shadow:
    0 0 0 2px rgba(245,179,0,.10),
    0 18px 44px rgba(0,0,0,.42),
    0 0 26px rgba(245,179,0,.22),
    inset 0 1px 0 rgba(255,255,255,.14) !important;
}

/* ==========================================================
   NRL Season Register — Glassify Registration Period Bar
   ========================================================== */

/* Target the registration-period notice (inline-styled white bar) */
.nrlsr .nrl-season-register > div[style*="Registration period"],
.nrlsr .nrl-season-register > div:first-of-type{
  background: linear-gradient(
    180deg,
    rgba(255,255,255,.10) 0%,
    rgba(255,255,255,.05) 55%,
    rgba(0,0,0,.12) 100%
  ) !important;

  border: 1px solid rgba(255,255,255,.16) !important;
  color: rgba(244,246,255,.92) !important;

  border-radius: 14px !important;
  padding: 10px 14px !important;

  box-shadow:
    0 10px 28px rgba(0,0,0,.32),
    inset 0 1px 0 rgba(255,255,255,.12) !important;

  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}

/* Tighten the text inside */
.nrlsr .nrl-season-register > div:first-of-type strong{
  color: rgba(244,246,255,.95);
  font-weight: 700;
}

/* Season Register: inline OK message (no pill background) */
.nrlsr .nrlsr-inline-ok{
  color: rgba(244,246,255,.92);
  font-weight: 600;
  margin-top: 10px;
}
/* ==========================================================
   NRL AUTH — LOST PASSWORD BUTTON (GLASS FIX)
   ========================================================== */

/* Catch all lost-password submit variants */
.nrl-auth-card input[type="submit"],
.nrl-auth-card button[type="submit"],
.nrl-auth-card .nrl-lost-password-submit,
.nrl-auth-card .nrl-auth-submit{
  background: linear-gradient(
    135deg,
    rgba(56,214,197,.85),
    rgba(27,174,112,.85)
  ) !important;

  color: #fff !important;
  border: 1px solid rgba(255,255,255,.22) !important;
  border-radius: 999px !important;

  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.25),
    0 10px 30px rgba(0,0,0,.35) !important;

  font-weight: 700;
  letter-spacing: .04em;
  padding: 12px 20px;
  cursor: pointer;
}

/* Hover = brighter glass */
.nrl-auth-card input[type="submit"]:hover,
.nrl-auth-card button[type="submit"]:hover{
  filter: brightness(1.08);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.35),
    0 14px 40px rgba(0,0,0,.45) !important;
}