/* Course LMS dashboard + lesson contrast — scoped under existing roots.
   Beats .product-page work-ink overrides on dark thematic panels.
   Does not touch premium/commerce/landing. */

.product-page .course-system-page.course-dashboard,
.product-page .course-system-page.course-lesson-page {
  --course-dark-heading: #f7faff;
  --course-dark-text: rgba(245, 248, 255, 0.94);
  --course-dark-muted: rgba(224, 231, 242, 0.78);
  --course-light-heading: #1a2b36;
  --course-light-text: #2a3f4d;
  --course-light-muted: #526673;
  --course-preview-heading: #fff8e1;
  --course-preview-text: #fef3c7;
  --course-preview-border: rgba(251, 191, 36, 0.42);
  --course-focus: color-mix(in srgb, var(--accent, #3d8bfd) 70%, #fff);
  color: var(--course-dark-text);
}

.site-scene[data-theme="poisoned"] .product-page .course-system-page.course-dashboard,
.site-scene[data-theme="poisoned"] .product-page .course-system-page.course-lesson-page {
  --course-dark-heading: #fcf8ff;
  --course-dark-text: rgba(248, 242, 255, 0.94);
  --course-dark-muted: rgba(230, 220, 242, 0.78);
  --course-preview-heading: #fff6d8;
  --course-preview-text: #fdecc0;
}

.site-scene[data-theme="immolated"] .product-page .course-system-page.course-dashboard,
.site-scene[data-theme="immolated"] .product-page .course-system-page.course-lesson-page {
  --course-dark-heading: #fff5ed;
  --course-dark-text: rgba(255, 244, 236, 0.94);
  --course-dark-muted: rgba(242, 224, 214, 0.78);
  --course-preview-heading: #fff4d0;
  --course-preview-text: #fde9b0;
}

.site-scene[data-theme="flayed"] .product-page .course-system-page.course-dashboard,
.site-scene[data-theme="flayed"] .product-page .course-system-page.course-lesson-page {
  --course-dark-heading: #f2fffb;
  --course-dark-text: rgba(240, 255, 250, 0.94);
  --course-dark-muted: rgba(220, 240, 234, 0.78);
  --course-preview-heading: #fff6d6;
  --course-preview-text: #fdecc2;
}

/* ---------- Dark thematic surfaces: light text ---------- */

.product-page .course-dashboard .course-dashboard-hero,
.product-page .course-dashboard .course-dashboard-step-card,
.product-page .course-dashboard .course-dashboard-continue-card,
.product-page .course-dashboard .course-dashboard-today,
.product-page .course-dashboard .course-dashboard-kpi-card,
.product-page .course-dashboard .course-dashboard-modules__header,
.product-page .course-lesson-page .course-lesson-header,
.product-page .course-lesson-page .course-breadcrumb {
  color: var(--course-dark-text);
}

.product-page .course-dashboard .course-dashboard-hero h1,
.product-page .course-dashboard .course-dashboard-today__header h2,
.product-page .course-dashboard .course-dashboard-modules__header h2,
.product-page .course-dashboard .course-dashboard-step-card__title,
.product-page .course-dashboard .course-dashboard-continue-card .course-dashboard-step-card__title,
.product-page .course-lesson-page .course-lesson-header h1 {
  color: var(--course-dark-heading) !important;
  -webkit-text-fill-color: var(--course-dark-heading) !important;
  background: none !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
}

.product-page .course-dashboard .course-system-lead,
.product-page .course-dashboard .course-dashboard-hero .course-system-lead,
.product-page .course-dashboard .course-dashboard-hero__current-module strong,
.product-page .course-dashboard .course-dashboard-progress__percent,
.product-page .course-dashboard .course-dashboard-progress__text,
.product-page .course-dashboard .course-dashboard-step-card__label,
.product-page .course-dashboard .course-dashboard-kpi-card__value,
.product-page .course-dashboard .course-dashboard-kpi-card__value--text,
.product-page .course-dashboard .course-dashboard-kpi-card__hint,
.product-page .course-lesson-page .course-lesson-header .course-system-meta,
.product-page .course-lesson-page .course-breadcrumb a {
  color: var(--course-dark-text) !important;
  -webkit-text-fill-color: var(--course-dark-text) !important;
  background: none !important;
}

.product-page .course-dashboard .course-system-meta,
.product-page .course-dashboard .course-dashboard-hero__current-module-label,
.product-page .course-dashboard .course-dashboard-progress__caption,
.product-page .course-dashboard .course-dashboard-progress__muted,
.product-page .course-dashboard .course-dashboard-continue-card__meta,
.product-page .course-dashboard .course-dashboard-kpi-card__label,
.product-page .course-dashboard .course-dashboard-kpi-card__muted,
.product-page .course-dashboard .course-dashboard-today__header .course-system-meta,
.product-page .course-dashboard .course-dashboard-modules__header .course-system-meta,
.product-page .course-dashboard .course-dashboard-meta,
.product-page .course-lesson-page .course-breadcrumb,
.product-page .course-lesson-page .course-system-meta {
  color: var(--course-dark-muted) !important;
  -webkit-text-fill-color: var(--course-dark-muted) !important;
  background: none !important;
}

.product-page .course-lesson-page .course-breadcrumb a {
  color: color-mix(in srgb, var(--accent, #7dd3fc) 70%, #fff) !important;
  -webkit-text-fill-color: color-mix(in srgb, var(--accent, #7dd3fc) 70%, #fff) !important;
  text-decoration: none;
  font-size: 15px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}

.product-page .course-lesson-page .course-breadcrumb a:focus-visible,
.product-page .course-dashboard .course-dashboard-mode-note__btn:focus-visible,
.product-page .course-dashboard .course-system-btn:focus-visible,
.product-page .course-lesson-page .course-system-btn:focus-visible {
  outline: 2px solid var(--course-focus);
  outline-offset: 2px;
}

/* Hero status badge on dark panel */
.product-page .course-dashboard .course-dashboard-hero .course-system-badge {
  color: color-mix(in srgb, var(--accent, #7dd3fc) 80%, #fff) !important;
  -webkit-text-fill-color: color-mix(in srgb, var(--accent, #7dd3fc) 80%, #fff) !important;
  border-color: color-mix(in srgb, var(--accent, #3d8bfd) 34%, transparent);
  background: color-mix(in srgb, var(--accent, #3d8bfd) 14%, transparent) !important;
}

/* ---------- Staff / student preview banners ---------- */

.product-page .course-dashboard .course-dashboard-mode-note--staff,
.product-page .course-lesson-page .course-dashboard-mode-note--staff {
  color: var(--course-preview-text) !important;
  -webkit-text-fill-color: var(--course-preview-text) !important;
  border-color: var(--course-preview-border) !important;
  background: rgba(251, 191, 36, 0.14) !important;
}

.product-page .course-dashboard .course-dashboard-mode-note--staff p,
.product-page .course-lesson-page .course-dashboard-mode-note--staff p {
  color: var(--course-preview-heading) !important;
  -webkit-text-fill-color: var(--course-preview-heading) !important;
  font-size: 15px;
  line-height: 1.45;
}

.product-page .course-dashboard .course-dashboard-mode-note--staff .course-dashboard-mode-note__btn,
.product-page .course-lesson-page .course-dashboard-mode-note--staff .course-dashboard-mode-note__btn {
  min-height: 44px;
  padding: 0 16px;
  color: #fffbeb !important;
  -webkit-text-fill-color: #fffbeb !important;
  border: 1px solid rgba(251, 191, 36, 0.5) !important;
  background: rgba(251, 191, 36, 0.22) !important;
  font-size: 13px;
  font-weight: 750;
}

.product-page .course-dashboard .course-dashboard-status-badge--staff {
  color: var(--course-preview-heading) !important;
  -webkit-text-fill-color: var(--course-preview-heading) !important;
  border-color: var(--course-preview-border);
  background: rgba(251, 191, 36, 0.16);
}

/* ---------- Cards / modules on LMS pages (dark slate panels) ---------- */

.product-page .course-dashboard .course-card,
.product-page .course-lesson-page .course-card,
.product-page .course-dashboard .course-locked-card,
.product-page .course-lesson-page .course-locked-card,
.product-page .course-dashboard .course-dashboard-module {
  color: var(--course-dark-text) !important;
  -webkit-text-fill-color: var(--course-dark-text) !important;
}

.product-page .course-dashboard .course-card h1,
.product-page .course-dashboard .course-card h2,
.product-page .course-dashboard .course-card h3,
.product-page .course-dashboard .course-dashboard-module__title,
.product-page .course-lesson-page .course-card h1,
.product-page .course-lesson-page .course-card h2,
.product-page .course-lesson-page .course-card h3 {
  color: var(--course-dark-heading) !important;
  -webkit-text-fill-color: var(--course-dark-heading) !important;
  background: none !important;
}

.product-page .course-dashboard .course-card p,
.product-page .course-dashboard .course-dashboard-module__description,
.product-page .course-dashboard .course-dashboard-lesson__title,
.product-page .course-dashboard .course-rich-text,
.product-page .course-lesson-page .course-card p,
.product-page .course-lesson-page .course-rich-text {
  color: var(--course-dark-text) !important;
  -webkit-text-fill-color: var(--course-dark-text) !important;
  background: none !important;
}

.product-page .course-dashboard .course-dashboard-module__meta,
.product-page .course-dashboard .course-dashboard-module__order,
.product-page .course-dashboard .course-dashboard-module__release,
.product-page .course-dashboard .course-dashboard-lesson__duration,
.product-page .course-dashboard .course-dashboard-lesson__meta,
.product-page .course-lesson-page .course-card .course-system-meta,
.product-page .course-lesson-page .course-card .course-system-note {
  color: var(--course-dark-muted) !important;
  -webkit-text-fill-color: var(--course-dark-muted) !important;
  background: none !important;
}

/* If a card is explicitly light (work-surface), keep dark ink */
.product-page .course-dashboard .course-card[style*="background"],
.product-page .course-lesson-page .course-card.course-card--light {
  color: var(--course-light-text);
}

/* Secondary CTA on dark panels: readable light outline button */
.product-page .course-dashboard .course-dashboard-step-card .course-system-btn--secondary,
.product-page .course-dashboard .course-dashboard-continue-card .course-system-btn--secondary,
.product-page .course-dashboard .course-card .course-system-btn--secondary,
.product-page .course-lesson-page .course-card .course-system-btn--secondary {
  color: var(--course-dark-heading) !important;
  -webkit-text-fill-color: var(--course-dark-heading) !important;
  border-color: color-mix(in srgb, var(--accent, #3d8bfd) 36%, rgba(255, 255, 255, 0.35)) !important;
  background: rgba(15, 23, 42, 0.45) !important;
  min-height: 44px;
}

.product-page .course-dashboard .course-dashboard-step-card .course-system-btn--primary,
.product-page .course-dashboard .course-dashboard-continue-card .course-system-btn--primary,
.product-page .course-dashboard .course-card .course-system-btn--primary,
.product-page .course-lesson-page .course-card .course-system-btn--primary {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
  min-height: 44px;
}

/* Scheduled / staff-preview release text on dark cards */
.product-page .course-dashboard .course-dashboard-module--staff_preview .course-dashboard-module__release,
.product-page .course-dashboard .course-dashboard-module--scheduled .course-dashboard-module__release,
.product-page .course-dashboard .course-dashboard-module__scheduled-text {
  color: #fde68a !important;
  -webkit-text-fill-color: #fde68a !important;
  font-weight: 700;
}

@media (max-width: 720px) {
  .product-page .course-dashboard .course-dashboard-hero h1,
  .product-page .course-lesson-page .course-lesson-header h1 {
    font-size: clamp(28px, 7vw, 34px);
    line-height: 1.18;
    overflow-wrap: anywhere;
  }

  .product-page .course-dashboard .course-system-lead,
  .product-page .course-dashboard .course-dashboard-step-card__title,
  .product-page .course-lesson-page .course-system-meta {
    font-size: 15px;
  }

  .product-page .course-system-page.course-dashboard,
  .product-page .course-system-page.course-lesson-page {
    overflow-x: hidden;
  }
}