/*
 * Manabi Video Navi V311 — final contrast ownership for the V310 journey.
 *
 * V310 intentionally added light cards inside the existing dark public shell.
 * Older cosmic layers use broad !important selectors for headings and helper
 * copy, so every light V310 surface must explicitly own both its background
 * and its foreground.  The page/component scopes below keep this repair away
 * from existing course, billing, diagnostic and application behaviour.
 */

body.app-shell.future-ui.mnv-future-ui.page-courses #main-content .topic-choice-form,
body.app-shell.future-ui.mnv-future-ui:is(.page-courses, .page-pricing) #main-content .service-proof-flow > li,
body.app-shell.future-ui.mnv-future-ui:is(.page-courses, .page-pricing) #main-content .plan-choice-guide > div > p,
body.app-shell.future-ui.mnv-future-ui.page-index #main-content .purchase-entry-card,
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .trial-content-choice,
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .trial-choice-card {
  border-color: #8aa7c2 !important;
  background: #f8fbff !important;
  background-color: #f8fbff !important;
  color: #0b2b50 !important;
  -webkit-text-fill-color: #0b2b50 !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.page-courses #main-content .topic-choice-form :is(label, legend),
body.app-shell.future-ui.mnv-future-ui:is(.page-courses, .page-pricing) #main-content .service-proof-flow > li strong,
body.app-shell.future-ui.mnv-future-ui:is(.page-courses, .page-pricing) #main-content .plan-choice-guide > div > p strong,
body.app-shell.future-ui.mnv-future-ui.page-index #main-content .purchase-entry-card h3,
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .trial-content-choice > :is(h1, h2, h3, label, legend),
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .trial-choice-card strong,
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .trial-topic-form :is(label, legend) {
  color: #0b2b50 !important;
  -webkit-text-fill-color: #0b2b50 !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.page-courses #main-content .topic-choice-form > small,
body.app-shell.future-ui.mnv-future-ui:is(.page-courses, .page-pricing) #main-content .service-proof-flow > li small,
body.app-shell.future-ui.mnv-future-ui:is(.page-courses, .page-pricing) #main-content .plan-choice-guide > div > p,
body.app-shell.future-ui.mnv-future-ui.page-index #main-content .purchase-entry-card p,
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .trial-content-choice > p,
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .trial-choice-card small,
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .trial-topic-form > small {
  color: #294c6d !important;
  -webkit-text-fill-color: #294c6d !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  filter: none !important;
  mix-blend-mode: normal !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.page-courses #main-content .topic-choice-form textarea,
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .trial-topic-form :is(input, textarea) {
  border-color: #5f83a8 !important;
  background: #08234b !important;
  background-color: #08234b !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  caret-color: #ffffff !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.page-courses #main-content .topic-choice-form textarea::placeholder,
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .trial-topic-form :is(input, textarea)::placeholder {
  color: #c7d7eb !important;
  -webkit-text-fill-color: #c7d7eb !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.page-courses #main-content .topic-time-options span,
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .topic-time-options span {
  border-color: #7a91aa !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  color: #294c6d !important;
  -webkit-text-fill-color: #294c6d !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.page-courses #main-content .topic-time-options input:checked + span,
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .topic-time-options input:checked + span {
  border-color: #168de8 !important;
  background: #dff2ff !important;
  background-color: #dff2ff !important;
  color: #07538b !important;
  -webkit-text-fill-color: #07538b !important;
  box-shadow: 0 0 0 2px rgba(22, 141, 232, .2) !important;
}

body.app-shell.future-ui.mnv-future-ui.page-courses #main-content .topic-time-options input:focus-visible + span,
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .topic-time-options input:focus-visible + span {
  outline: 3px solid #07538b !important;
  outline-offset: 2px !important;
}

body.app-shell.future-ui.mnv-future-ui:is(.page-courses, .page-pricing) #main-content .service-proof-flow > li > b {
  border: 1px solid #075985 !important;
  background: #075985 !important;
  background-color: #075985 !important;
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  -webkit-background-clip: border-box !important;
  background-clip: border-box !important;
  text-shadow: none !important;
  filter: none !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.page-index #main-content .purchase-entry-card > span,
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .trial-choice-card > span {
  border-color: #90c9e8 !important;
  background: #e1f3ff !important;
  background-color: #e1f3ff !important;
  color: #07538b !important;
  -webkit-text-fill-color: #07538b !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.page-index #main-content .purchase-entry-card > strong,
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .trial-choice-card > strong {
  color: #075985 !important;
  -webkit-text-fill-color: #075985 !important;
  text-shadow: none !important;
  opacity: 1 !important;
}

body.app-shell.future-ui.mnv-future-ui.page-index #main-content .purchase-entry-card.is-primary,
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .trial-choice-card.is-recommended {
  border-color: #168de8 !important;
  background: #edf7ff !important;
  background-color: #edf7ff !important;
  box-shadow: 0 0 0 2px rgba(22, 141, 232, .18), 0 14px 32px rgba(3, 45, 82, .18) !important;
}

body.app-shell.future-ui.mnv-future-ui.page-courses #main-content .topic-choice-form :is(button, .button),
body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content .trial-topic-form :is(button, .button) {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  opacity: 1 !important;
}

@media (forced-colors: active) {
  body.app-shell.future-ui.mnv-future-ui.page-courses #main-content :is(.topic-choice-form, .service-proof-flow > li, .plan-choice-guide > div > p),
  body.app-shell.future-ui.mnv-future-ui.page-index #main-content .purchase-entry-card,
  body.app-shell.future-ui.mnv-future-ui.page-experience_continue #main-content :is(.trial-content-choice, .trial-choice-card) {
    border-color: CanvasText !important;
    background: Canvas !important;
    color: CanvasText !important;
    -webkit-text-fill-color: CanvasText !important;
    forced-color-adjust: auto !important;
  }
}