/*
 * E Ink monochrome v7 preview.
 * Preserve the v7 layout and emphasis hierarchy while removing all chroma,
 * including the scanned paper images.
 */

html[data-eink-monochrome-v7="true"] {
  --bg: #ffffff !important;
  --surface: #ffffff !important;
  --surface-muted: #f4f4f4 !important;
  --border: #000000 !important;
  --border-light: #b8b8b8 !important;
  --text: #000000 !important;
  --text-secondary: #1e1e1e !important;
  --text-muted: #444444 !important;
  --accent: #000000 !important;
  --accent-bg: #ffffff !important;
  --accent-border: #000000 !important;
  --brand: #000000 !important;
  --brand-bright: #ffffff !important;
  --correct: #000000 !important;
  --correct-bg: #ffffff !important;
  --correct-border: #000000 !important;
  --partial: #000000 !important;
  --partial-bg: #f1f1f1 !important;
  --partial-border: #000000 !important;
  --incorrect: #000000 !important;
  --incorrect-bg: #e3e3e3 !important;
  --incorrect-border: #000000 !important;
  color-scheme: light;
  filter: grayscale(1) contrast(1.04) !important;
  -webkit-filter: grayscale(1) contrast(1.04) !important;
}

html[data-eink-monochrome-v7="true"] body,
html[data-eink-monochrome-v7="true"] .review-landscape-studio,
html[data-eink-monochrome-v7="true"] .review-landscape-content,
html[data-eink-monochrome-v7="true"] .review-landscape-content-scroll,
html[data-eink-monochrome-v7="true"] .review-landscape-paper-pane,
html[data-eink-monochrome-v7="true"] .review-landscape-review-pane {
  color: #000 !important;
  background-color: #fff !important;
}

/* Images and drawing surfaces are intentionally monochrome too. */
html[data-eink-monochrome-v7="true"] img,
html[data-eink-monochrome-v7="true"] video,
html[data-eink-monochrome-v7="true"] canvas,
html[data-eink-monochrome-v7="true"] picture,
html[data-eink-monochrome-v7="true"] svg {
  filter: grayscale(1) contrast(1.22) brightness(1.02) !important;
  -webkit-filter: grayscale(1) contrast(1.22) brightness(1.02) !important;
}

html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-landscape-paper-pane img,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .selected-review-answer-image img,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .image-stage img,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .paper-image-card img {
  filter: grayscale(1) contrast(1.22) brightness(1.02) !important;
  -webkit-filter: grayscale(1) contrast(1.22) brightness(1.02) !important;
}

/* v7 used white reading surfaces and strong outlines rather than color fill. */
html[data-eink-monochrome-v7="true"] .rail-brand,
html[data-eink-monochrome-v7="true"] .review-landscape-rail-brand,
html[data-eink-monochrome-v7="true"] .rail-btn.active,
html[data-eink-monochrome-v7="true"] .review-landscape-rail-btn.active,
html[data-eink-monochrome-v7="true"] .top-bar-badge,
html[data-eink-monochrome-v7="true"] .filter-chip.active,
html[data-eink-monochrome-v7="true"] .seg-btn.active,
html[data-eink-monochrome-v7="true"] .subtab.active,
html[data-eink-monochrome-v7="true"] .nav button.active,
html[data-eink-monochrome-v7="true"] .bottom-nav button.active,
html[data-eink-monochrome-v7="true"] .review-landscape-mode-chip,
html[data-eink-monochrome-v7="true"] .cta.brand,
html[data-eink-monochrome-v7="true"] .switch.on,
html[data-eink-monochrome-v7="true"] .study-title-mask-controls .switch-sm.on,
html[data-eink-monochrome-v7="true"] .study-title-mask-controls button.active,
html[data-eink-monochrome-v7="true"] .sw .sw-btns .start,
html[data-eink-monochrome-v7="true"] .sw .sw-btns .stop,
html[data-eink-monochrome-v7="true"] #studyStopwatchStart {
  color: #000 !important;
  background: #fff !important;
  border: 3px solid #000 !important;
  box-shadow: none !important;
}

html[data-eink-monochrome-v7="true"] .rail-btn.active,
html[data-eink-monochrome-v7="true"] .review-landscape-rail-btn.active,
html[data-eink-monochrome-v7="true"] .seg-btn.active,
html[data-eink-monochrome-v7="true"] .subtab.active,
html[data-eink-monochrome-v7="true"] .nav button.active,
html[data-eink-monochrome-v7="true"] .bottom-nav button.active,
html[data-eink-monochrome-v7="true"] .review-landscape-mode-chip {
  background: #ededed !important;
}

/* Correct / partial / incorrect remain distinguishable without color. */
html[data-eink-monochrome-v7="true"] .rc-hero-symbol.correct,
html[data-eink-monochrome-v7="true"] .rc-hero-verdict.correct,
html[data-eink-monochrome-v7="true"] .rc-badge.ok,
html[data-eink-monochrome-v7="true"] .chip.correct,
html[data-eink-monochrome-v7="true"] .qi-symbol.correct,
html[data-eink-monochrome-v7="true"] .global-worker-status.done,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-submission-tab.good,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-submission-tab.excellent,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-submission-tab.correct,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary-verdict.correct,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary-verdict.good,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary-verdict.excellent,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .inline-badge.ok,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .teacher-review-chip.correct,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .teacher-review-symbol.correct,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .grouped-part-review.correct .grouped-part-review-head,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-part-outcome.correct {
  color: #000 !important;
  background: #fff !important;
  border: 3px solid #000 !important;
  box-shadow: none !important;
}

html[data-eink-monochrome-v7="true"] .rc-hero-symbol.partial,
html[data-eink-monochrome-v7="true"] .rc-hero-verdict.partial,
html[data-eink-monochrome-v7="true"] .rc-badge.warn,
html[data-eink-monochrome-v7="true"] .chip.partial,
html[data-eink-monochrome-v7="true"] .qi-symbol.partial,
html[data-eink-monochrome-v7="true"] .rc-next-action.stay,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-submission-tab.weak,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-submission-tab.unknown,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-submission-tab.partial,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary-verdict.partial,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary-verdict.weak,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary-verdict.unknown,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .inline-badge.warn,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .teacher-review-chip.partial,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .teacher-review-symbol.partial,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .grouped-part-review.partial .grouped-part-review-head,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-part-outcome.partial,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-part-outcome.weak,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-part-outcome.unknown,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-part-outcome.improved,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-learner-memo-banner,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .learner-answer-visual-notation,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-next-action-card.rc-next-action.stay,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .rc-gate {
  color: #000 !important;
  background: #f1f1f1 !important;
  border: 3px dashed #000 !important;
  box-shadow: none !important;
}

html[data-eink-monochrome-v7="true"] .rc-hero-symbol.incorrect,
html[data-eink-monochrome-v7="true"] .rc-hero-verdict.incorrect,
html[data-eink-monochrome-v7="true"] .rc-badge.bad,
html[data-eink-monochrome-v7="true"] .chip.incorrect,
html[data-eink-monochrome-v7="true"] .qi-symbol.incorrect,
html[data-eink-monochrome-v7="true"] .rc-next-action.back,
html[data-eink-monochrome-v7="true"] .global-worker-status.error,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-submission-tab.bad,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-submission-tab.incorrect,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary-verdict.incorrect,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary-verdict.bad,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .inline-badge.bad,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .teacher-review-chip.incorrect,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .teacher-review-symbol.incorrect,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .grouped-part-review.incorrect .grouped-part-review-head,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-part-outcome.incorrect,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-next-action-card.rc-next-action.back {
  color: #000 !important;
  background: #e3e3e3 !important;
  border: 4px double #000 !important;
  box-shadow: none !important;
}

html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary.good .review-check-summary-symbol,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary.excellent .review-check-summary-symbol,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary.correct .review-check-summary-symbol {
  color: #000 !important;
  background: #fff !important;
  border: 5px solid #000 !important;
}

html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary.weak .review-check-summary-symbol,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary.unknown .review-check-summary-symbol,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary.partial .review-check-summary-symbol {
  color: #000 !important;
  background: #f1f1f1 !important;
  border: 5px dashed #000 !important;
}

html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary.bad .review-check-summary-symbol,
html[data-eink-monochrome-v7="true"] .review-landscape-studio .review-check-summary.incorrect .review-check-summary-symbol {
  color: #000 !important;
  background: #e3e3e3 !important;
  border: 6px double #000 !important;
}

/* Retain the approved self-check composition, translated to grayscale. */
html[data-eink-monochrome-v7="true"] .mdfmt-recall {
  color: #000 !important;
  background: #fff !important;
  border: 3px solid #000 !important;
  box-shadow: none !important;
}

html[data-eink-monochrome-v7="true"] .mdfmt-recall-head {
  color: #000 !important;
  background: #e9e9e9 !important;
  border-bottom: 2px solid #000 !important;
}

html[data-eink-monochrome-v7="true"] .mdfmt-recall details,
html[data-eink-monochrome-v7="true"] .mdfmt-recall-body,
html[data-eink-monochrome-v7="true"] .mdfmt-kwdex {
  color: #000 !important;
  background: #fff !important;
  border-color: #000 !important;
}

html[data-eink-monochrome-v7="true"] .mdfmt-kwchip,
html[data-eink-monochrome-v7="true"] .mdfmt-handle {
  color: #000 !important;
  background: #f4f4f4 !important;
  border: 2px solid #000 !important;
}

html[data-eink-monochrome-v7="true"] .mdfmt-core,
html[data-eink-monochrome-v7="true"] .mdfmt-model,
html[data-eink-monochrome-v7="true"] .mdfmt-you,
html[data-eink-monochrome-v7="true"] .mdfmt-fix-item,
html[data-eink-monochrome-v7="true"] .mdfmt-schema,
html[data-eink-monochrome-v7="true"] .review-feedback-addendum,
html[data-eink-monochrome-v7="true"] .review-feedback-thread,
html[data-eink-monochrome-v7="true"] .review-feedback-card,
html[data-eink-monochrome-v7="true"] .review-feedback-card-question,
html[data-eink-monochrome-v7="true"] .review-feedback-card-answer,
html[data-eink-monochrome-v7="true"] .review-feedback-correction {
  color: #000 !important;
  background: #fff !important;
  border-color: #000 !important;
  box-shadow: none !important;
}

/* Replace color-only emphasis with black underline and outline cues. */
html[data-eink-monochrome-v7="true"] .mdfmt-core-label,
html[data-eink-monochrome-v7="true"] .mdfmt-model-tag,
html[data-eink-monochrome-v7="true"] .mdfmt-fix-badge,
html[data-eink-monochrome-v7="true"] .mdfmt-recall summary::before,
html[data-eink-monochrome-v7="true"] .mdfmt-ans::before,
html[data-eink-monochrome-v7="true"] .rc-next-action-icon {
  color: #000 !important;
  background: #fff !important;
  border-color: #000 !important;
}

html[data-eink-monochrome-v7="true"] mark,
html[data-eink-monochrome-v7="true"] .teacher-review-highlight,
html[data-eink-monochrome-v7="true"] .mdfmt-fix-title {
  color: #000 !important;
  background: transparent !important;
  border-color: #000 !important;
  text-decoration-color: #000 !important;
}