/* ============================================================================
 * ks-flaechen.css — ERZEUGT von ks_flaechen_erzeugen.mjs. Nicht von Hand ändern.
 *
 * Der Kurs setzt in styles.css und lms-theme.css 63 Regeln, die eine
 * dunkle Fläche malen — meist halbdurchsichtig, was über Weiß grau wirkt.
 * Hier steht zu jeder dieser Regeln die Gegenregel, damit im ganzen Kurs die
 * Flächen der KommunalSuite gelten: weiße Karte, eine Linie, weicher Schatten.
 *
 * Behälter (10) bekommen gar keine Fläche, Karten (53) die weiße.
 * ========================================================================== */

/* ---- Behälter: keine eigene Fläche -------------------------------------- */
.dashboard-workspace,
.dashboard-workspace>.hero,
.hero-copy,
.hero-actions,
.trust-strip,
.learning-workspace,
.learning-workspace>.surface,
.learning-stage,
.video-tabs,
.video-tabs button {
  background: none !important;
  background-image: none !important;
  border-color: var(--line) !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

/* ---- Karten und Flächen: die weiße Fläche der Vorlage -------------------- */
.learner-sidebar,
.side-module.current summary .side-icon,
.side-subnav a:hover,.side-subnav a[aria-current="page"],
.hero::after,
.brand,
.hero,
.secondary-action,.back,
.trust-item,
.card,
.state,
.card>div,
.content-breadcrumb,
.content-breadcrumb a:hover,
.content-breadcrumb>div a,
.certificate-fields input,
.surface,
.brand-chip,.module-chip,.status-chip,.progress-label,.progress-value,.navigation-hint,
.step-nav button,
.title-chip,
.image-card,
.topic-copy,.question-card,.feedback-card,.instruction-card,
.question-card .scenario,
.interaction-card,
.option,
.option:has(input:checked),
select,
.bank-card,.match-row,.classify-row,.sort-card,
.sort-card::before,
.move-button,
.feedback-symbol,
.feedback-card .result-chip,
.button-primary,
.button-secondary,
.answer-review,
.answer-review.correct,
.answer-review.wrong,
.status-chip,
.content-frame,
.topic-copy,.question-card,.feedback-card,.instruction-card,.interaction-card,
.option,.bank-card,.match-row,.classify-row,.sort-card,
.option:hover,.option:has(input:checked),
.move-button,.button-secondary,
.feedback-card .result-chip,.feedback-card .detail,.answer-review,
.overview-image-card,.overview-panel,.overview-case-card,.objective-card,.overview-meta,.completion-summary-card,.video-media-card,.video-info-card,.transcript-card,
.overview-panel,
.objective-card li,
.overview-meta,
.overview-meta>span,
.video-media-card,
.video-media-card video,
.video-placeholder,
.transcript-card,
.video-requirement,.qa-unlock-note {
  background: var(--panel) !important;
  background-image: none !important;
  border-color: var(--line) !important;
  color: var(--ink) !important;
}

/* ---- Schriftfarben aus dem dunklen Block --------------------------------- */
/* Diese Regeln setzen helle Schrift, die auf Weiß nicht mehr lesbar wäre. */
.learner-sidebar,
.side-brand,
.side-brand-copy small,
.side-overview,.side-module summary,.side-subnav a,
.side-overview:hover,.side-overview[aria-current="page"],
.side-icon,
.side-module summary:hover,.side-module.current summary,
.side-module.current summary .side-icon,
.side-state,
.side-module[aria-disabled="true"] .side-state,
.side-subnav a:hover,.side-subnav a[aria-current="page"],
.side-footer,
.side-footer strong,
.primary-action,
.brand span,
.crumb,
.crumb a,
.hero h1,
.hero p,
.tag,
.secondary-action,.back,
.trust-item,
.trust-item strong,
.card h2,
.card p,
.state,
.locked .state,
.card-chain,
.content-breadcrumb,
.content-breadcrumb strong,
.content-breadcrumb a,
.back-link,
.toolbar-copy p,
.certificate-fields label,
.certificate-fields input,
.status-chip,
.progress-value,
.title-chip .eyebrow,
.principle-chip,
.question-card .scenario,
.button-primary,
.completion-badge,
.answer-review.correct .answer-state,
.answer-review.wrong .answer-state,
.answer-review.missing .answer-state,
.side-brand-mark,
.side-overview,.side-module summary,.side-subnav a,.side-subnav span,
.side-subnav .side-chain,
.module-chip span,
.step-nav button[aria-current="step"],
.move-button:hover,
.step-nav button,
.topic-copy p,.feedback-card p,.instruction-card p,.question-card p,
.sort-card::before,
.move-button,.button-secondary,
.navigation-hint,
.overview-case-card h2,.objective-card h3,.completion-summary-card h2,.video-info-card h2,
.overview-case-card p,.completion-summary-card p,.video-info-card p,
.objective-card li,
.objective-card li strong,
.objective-card li span,
.overview-meta>span,
.video-tabs button,
.video-placeholder,
.video-controls-row label,
.transcript-card summary,
.transcript-card p,
.video-requirement,.qa-unlock-note {
  color: var(--ink) !important;
}

/* Kleingedrucktes bleibt gedämpft — sonst wirkt alles gleich laut. */
.overview-meta, .navigation-hint, .progress-value, .side-footer,
.card p, .hero p, .card-chain, .brand span, .video-watch-state,
.video-requirement, .qa-unlock-note, .topic-copy p, .question-card p {
  color: var(--mut) !important;
}