/*
 * Manabi Video Navi V272
 * Organization portal / worksheet light-surface contrast repair.
 *
 * Earlier theme layers intentionally turn organization cards into dark glass,
 * but they also painted text inside later light workplanes white.  Keep dark
 * cards dark and repair only the components whose final background is light.
 */

body.app-shell.future-ui.mnv-future-ui {
  --mnv-v272-light-ink: #10243e;
  --mnv-v272-light-copy: #36516d;
  --mnv-v272-light-muted: #536b83;
  --mnv-v272-dark-ink: #f7fbff;
  --mnv-v272-dark-copy: #c6d7ea;
}

/* Organization page headers are white / pale blue on every inner page. */
body.app-shell.future-ui.mnv-future-ui.organization-app:not(.page-index) #main-content .org-main > .org-page-head,
body.app-shell.future-ui.mnv-future-ui.organization-app:not(.page-index) #main-content .org-main > .result-hero {
  color: var(--mnv-v272-light-ink) !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app:not(.page-index) #main-content .org-main > :is(.org-page-head, .result-hero) :is(h1, h2, h3, h4, strong) {
  color: var(--mnv-v272-light-ink) !important;
  -webkit-text-fill-color: var(--mnv-v272-light-ink) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app:not(.page-index) #main-content .org-main > :is(.org-page-head, .result-hero) :is(p, small, time) {
  color: var(--mnv-v272-light-copy) !important;
  -webkit-text-fill-color: var(--mnv-v272-light-copy) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app:not(.page-index) #main-content .org-main > :is(.org-page-head, .result-hero) .eyebrow {
  color: #284d70 !important;
  -webkit-text-fill-color: #284d70 !important;
  opacity: 1 !important;
}

/* Light panels nested inside the organization workplane. */
body.app-shell.future-ui.mnv-future-ui.organization-app #main-content :is(
  .org-next-learning,
  .org-directory-search,
  .org-row-editor-panel,
  .org-learning-card dl > div,
  .org-credential-status-summary > div,
  .org-learner-announcements article,
  .org-learner-summary article
) {
  color: var(--mnv-v272-light-ink) !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app #main-content :is(
  .org-next-learning,
  .org-directory-search,
  .org-row-editor-panel,
  .org-learning-card dl > div,
  .org-credential-status-summary > div,
  .org-learner-announcements article,
  .org-learner-summary article
) :is(h1, h2, h3, h4, label, legend, strong, dt, dd) {
  color: var(--mnv-v272-light-ink) !important;
  -webkit-text-fill-color: var(--mnv-v272-light-ink) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app #main-content :is(
  .org-next-learning,
  .org-directory-search,
  .org-row-editor-panel,
  .org-learning-card dl > div,
  .org-credential-status-summary > div,
  .org-learner-announcements article,
  .org-learner-summary article
) :is(p, small, time, .muted) {
  color: var(--mnv-v272-light-copy) !important;
  -webkit-text-fill-color: var(--mnv-v272-light-copy) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app #main-content .org-directory-search > small {
  color: var(--mnv-v272-light-muted) !important;
  -webkit-text-fill-color: var(--mnv-v272-light-muted) !important;
}

/* Section headings sit directly on the pale organization learner workplane. */
body.app-shell.future-ui.mnv-future-ui.organization-app:not(.page-index) #main-content .org-section-title :is(h1, h2, h3, strong) {
  color: var(--mnv-v272-light-ink) !important;
  -webkit-text-fill-color: var(--mnv-v272-light-ink) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app:not(.page-index) #main-content .org-section-title :is(p, small) {
  color: var(--mnv-v272-light-copy) !important;
  -webkit-text-fill-color: var(--mnv-v272-light-copy) !important;
  opacity: 1 !important;
}

/* Dark organization cards retain light copy after the light-surface repair. */
body.app-shell.future-ui.mnv-future-ui.organization-app:not(.page-index) #main-content :is(.org-card, .org-kpi, .org-learning-card) > :is(h1, h2, h3, h4, strong),
body.app-shell.future-ui.mnv-future-ui.organization-app:not(.page-index) #main-content :is(.org-card, .org-kpi, .org-learning-card) > header :is(h1, h2, h3, h4, strong) {
  color: var(--mnv-v272-dark-ink) !important;
  -webkit-text-fill-color: var(--mnv-v272-dark-ink) !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app:not(.page-index) #main-content :is(
  .org-kpi > span,
  .org-kpi > small,
  .org-learning-type,
  .org-learning-instructions,
  .org-plan-audience,
  .org-plan-limits,
  .org-plan-limits li,
  .org-usage-grid > div > span
) {
  color: var(--mnv-v272-dark-copy) !important;
  -webkit-text-fill-color: var(--mnv-v272-dark-copy) !important;
  opacity: 1 !important;
}

/* Light pills and price panels inside dark billing cards. */
body.app-shell.future-ui.mnv-future-ui.organization-app #main-content :is(.org-card, .org-plan-card) > .eyebrow {
  border-color: #a9c8df !important;
  background: #edf6fd !important;
  color: #244866 !important;
  -webkit-text-fill-color: #244866 !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app #main-content .org-plan-price {
  background: #eef5fb !important;
  color: var(--mnv-v272-light-ink) !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app #main-content .org-plan-price :is(strong, span, small) {
  color: var(--mnv-v272-light-ink) !important;
  -webkit-text-fill-color: var(--mnv-v272-light-ink) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app #main-content .org-plan-price small {
  color: var(--mnv-v272-light-copy) !important;
  -webkit-text-fill-color: var(--mnv-v272-light-copy) !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app #main-content .org-plan-quote {
  background: #edf9f5 !important;
  color: #155a50 !important;
  -webkit-text-fill-color: #155a50 !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app #main-content .org-plan-quote :is(strong, span, small) {
  color: #155a50 !important;
  -webkit-text-fill-color: #155a50 !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app #main-content .org-status {
  background: #e9f1f8 !important;
  color: #29445f !important;
  -webkit-text-fill-color: #29445f !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app #main-content .org-status.is-good {
  background: #d9f5ec !important;
  color: #075f56 !important;
  -webkit-text-fill-color: #075f56 !important;
}

body.app-shell.future-ui.mnv-future-ui.organization-app #main-content .org-status.is-warn {
  background: #fff0d3 !important;
  color: #7d4a00 !important;
  -webkit-text-fill-color: #7d4a00 !important;
}

/* Problem-print hub: only final white surfaces receive dark text. */
body.app-shell.future-ui.mnv-future-ui.page-worksheets #main-content .worksheet-hub-hero,
body.app-shell.future-ui.mnv-future-ui.page-worksheets #main-content .worksheet-mode-pair article:not(.is-paper),
body.app-shell.future-ui.mnv-future-ui.page-worksheets #main-content .worksheet-history-list > article,
body.app-shell.future-ui.mnv-future-ui.page-worksheets #main-content :is(.worksheet-privacy-note, .family-security-note) {
  color: var(--mnv-v272-light-ink) !important;
}

body.app-shell.future-ui.mnv-future-ui.page-worksheets #main-content :is(
  .worksheet-hub-hero,
  .worksheet-mode-pair article:not(.is-paper),
  .worksheet-history-list > article,
  .worksheet-privacy-note,
  .family-security-note
) :is(h1, h2, h3, h4, strong, label) {
  color: var(--mnv-v272-light-ink) !important;
  -webkit-text-fill-color: var(--mnv-v272-light-ink) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.page-worksheets #main-content :is(
  .worksheet-hub-hero,
  .worksheet-mode-pair article:not(.is-paper),
  .worksheet-history-list > article,
  .worksheet-privacy-note,
  .family-security-note
) :is(p, small, span:not(.button), time) {
  color: var(--mnv-v272-light-copy) !important;
  -webkit-text-fill-color: var(--mnv-v272-light-copy) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.page-worksheets #main-content .worksheet-mode-pair article.is-paper :is(strong, small) {
  color: var(--mnv-v272-dark-ink) !important;
  -webkit-text-fill-color: var(--mnv-v272-dark-ink) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.page-worksheets #main-content .worksheet-source-list > .section-heading :is(h1, h2, h3, strong) {
  color: var(--mnv-v272-light-ink) !important;
  -webkit-text-fill-color: var(--mnv-v272-light-ink) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.page-worksheets #main-content .worksheet-source-list > .section-heading :is(p, small) {
  color: var(--mnv-v272-light-copy) !important;
  -webkit-text-fill-color: var(--mnv-v272-light-copy) !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.page-worksheets #main-content :is(.worksheet-privacy-note, .family-security-note) a {
  color: #075e74 !important;
  -webkit-text-fill-color: #075e74 !important;
  text-decoration-color: currentColor !important;
}