/* Etape 04 / Atelier clair. Presentation only; no route, event or API changes.
 * Activation follows EXISTING rendered admin/role/type markers, not the URL
 * alone. Leaving the pilot removes the :has match, including SPA navigation,
 * login, errors and other portals. Unsupported :has keeps the original theme.
 * No :root override, import, dependency, content-image or partner-logo filter.
 * Extend the scope only after approval of a later redesign lot.
 */
body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) {
  --lms-color-brand: #7D9481;
  --lms-color-connector: #88A18F;
  --lms-color-frame: #A9B7AB;
  --lms-color-action: #242C44;
  --lms-color-text: #000000;
  --lms-color-surface: #FFFFFF;
  --lms-color-shade: #E6E9E6;
  --lms-color-reference: #A7B7A7;
  --lms-font-family: "Segoe UI", Arial, sans-serif;
  --lms-font-body: 16px;
  --lms-font-title: 30px;
  --lms-font-heading: 18px;
  --lms-font-meta: 13px;
  --lms-line-height: 1.5;
  --lms-weight-normal: 400;
  --lms-weight-emphasis: 600;
  --lms-space-1: 4px;
  --lms-space-2: 8px;
  --lms-space-3: 12px;
  --lms-space-4: 16px;
  --lms-space-6: 24px;
  --lms-space-7: 28px;
  --lms-border-width: 1px;
  --lms-radius-control: 8px;
  --lms-radius-card: 12px;
  --lms-control-size: 44px;
  --lms-focus-width: 3px;
  --lms-focus-offset: 3px;
  --lms-shadow: 0 2px 6px var(--lms-color-shade);
  /* Compatibility aliases: reuse the existing component variable contract. */
  --bg: var(--lms-color-surface);
  --surface: var(--lms-color-surface);
  --surface-soft: var(--lms-color-shade);
  --text: var(--lms-color-text);
  --muted: var(--lms-color-action);
  --muted-strong: var(--lms-color-action);
  --line: var(--lms-color-frame);
  --accent: var(--lms-color-reference);
  --accent-strong: var(--lms-color-action);
  --accent-soft: var(--lms-color-shade);
  --gold: var(--lms-color-action);
  --gold-soft: var(--lms-color-shade);
  --ink: var(--lms-color-action);
  --cream: var(--lms-color-surface);
  --border-soft: var(--lms-color-frame);
  --shadow: var(--lms-shadow);
  --document-border: var(--lms-color-frame);
  --document-border-hover: var(--lms-color-action);
  --document-bg-card: var(--lms-color-surface);
  --document-bg-hover: var(--lms-color-shade);
  --document-bg-selected: var(--lms-color-shade);
  --document-selected-border: var(--lms-color-action);
  --document-folder-fill: var(--lms-color-reference);
  --document-folder-stroke: var(--lms-color-action);
  --document-title-size: var(--lms-font-heading);
  --document-meta-size: var(--lms-font-meta);
  --document-card-radius: var(--lms-radius-card);
  --document-card-padding: var(--lms-space-4);
  --document-grid-gap: var(--lms-space-4);
  --lms-resource-card-gap: var(--lms-space-4);
  --lms-resource-action-size: var(--lms-control-size);
  --document-action-size: var(--lms-control-size);
  --resource-card-action-row-height: var(--lms-control-size);
  background: var(--lms-color-surface);
  color: var(--lms-color-text);
  font: var(--lms-weight-normal) var(--lms-font-body)/var(--lms-line-height) var(--lms-font-family);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active)::before {
  background-image: none;
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .main {
  padding-inline: var(--lms-space-7);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(.main-panel, .mirai-navigation-core-bar, .digital-course-workspace, .digital-course-explorer, .media-folder-form) {
  background: var(--lms-color-surface);
  color: var(--lms-color-text);
  border: var(--lms-border-width) solid var(--lms-color-frame);
  border-radius: var(--lms-radius-card);
  box-shadow: var(--lms-shadow);
  backdrop-filter: none;
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(h1, h2, h3, .eyebrow, .media-library-kicker) {
  color: var(--lms-color-action);
  font-family: var(--lms-font-family);
  font-weight: var(--lms-weight-emphasis);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) #page-title {
  font-size: var(--lms-font-title);
  line-height: 1.2;
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(h2, h3, .media-file-card > strong) {
  font-size: var(--lms-font-heading);
  line-height: var(--lms-line-height);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(button, input, select, textarea) {
  font-family: var(--lms-font-family);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(.ghost, .media-icon-action, .media-small-icon-action, .media-library-tab, .media-display-toggle button, .media-breadcrumb button, .mirai-nav-button, .mirai-nav-crumb, .mirai-nav-go, .mirai-workspace-tab-command, .mirai-workspace-tab-icon) {
  min-height: var(--lms-control-size);
  min-width: var(--lms-control-size);
  border: var(--lms-border-width) solid var(--lms-color-action);
  border-radius: var(--lms-radius-control);
  background: var(--lms-color-surface);
  color: var(--lms-color-action);
  font-weight: var(--lms-weight-emphasis);
  box-shadow: none;
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(.ghost, .media-icon-action, .media-small-icon-action, .media-library-tab, .media-display-toggle button, .media-breadcrumb button, .mirai-nav-button, .mirai-nav-crumb, .mirai-nav-go):hover:not(:disabled) {
  background: var(--lms-color-shade);
  color: var(--lms-color-action);
  border-color: var(--lms-color-action);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(.media-library-tab.active, .media-display-toggle button.active, .media-breadcrumb button.active, #digital-course-simple-upload-button) {
  background: var(--lms-color-action);
  color: var(--lms-color-surface);
  border-color: var(--lms-color-action);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(.media-library-tab.active, .media-display-toggle button.active) {
  text-decoration: underline;
  text-underline-offset: var(--lms-space-1);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) {
  min-height: var(--lms-control-size);
  max-width: 100%;
  border: var(--lms-border-width) solid var(--lms-color-action);
  border-radius: var(--lms-radius-control);
  background: var(--lms-color-surface);
  color: var(--lms-color-text);
  font-size: var(--lms-font-body);
  padding: var(--lms-space-2) var(--lms-space-3);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(input, textarea)::placeholder {
  color: var(--lms-color-action);
  opacity: 1;
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(input[type="checkbox"], input[type="radio"]) {
  accent-color: var(--lms-color-action);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: var(--lms-focus-width) solid var(--lms-color-action);
  outline-offset: var(--lms-focus-offset);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(.simple-workflow-card, .media-upload-zone, .digital-course-address-card, .digital-course-explorer-block, .explorer-status-bar) {
  background: var(--lms-color-surface);
  color: var(--lms-color-action);
  border: var(--lms-border-width) solid var(--lms-color-frame);
  border-radius: var(--lms-radius-card);
  padding: var(--lms-space-4);
  gap: var(--lms-space-4);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(.simple-workflow-card p, .media-upload-zone p, .media-library-kicker, .explorer-status-bar) {
  color: var(--lms-color-action);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .media-upload-zone {
  border-style: dashed;
  border-color: var(--lms-color-action);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .media-upload-zone.drag-active {
  background: var(--lms-color-shade);
  outline: var(--lms-focus-width) solid var(--lms-color-action);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(.digital-course-view, .digital-course-layout) {
  gap: var(--lms-space-6);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(.digital-course-toolbar-row, .digital-course-tabs) {
  gap: var(--lms-space-2);
  flex-wrap: wrap;
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .media-file-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--lms-space-4);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .media-file-card {
  width: 100%;
  inline-size: 100%;
  height: auto;
  block-size: auto;
  max-height: none;
  border: var(--lms-border-width) solid var(--lms-color-frame);
  border-radius: var(--lms-radius-card);
  background: var(--lms-color-surface);
  color: var(--lms-color-text);
  box-shadow: var(--lms-shadow);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(.media-file-card.selected, .media-detail-table tr.selected td) {
  border-color: var(--lms-color-action);
  background: var(--lms-color-shade);
  box-shadow: inset 0 0 0 var(--lms-border-width) var(--lms-color-action);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .media-file-card strong {
  color: var(--lms-color-action);
  font-size: var(--lms-font-heading);
  font-weight: var(--lms-weight-emphasis);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .explorer-status-connection {
  color: var(--lms-color-action);
  font-weight: var(--lms-weight-emphasis);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .media-folder-preview {
  background: var(--lms-color-shade);
  border-color: var(--lms-color-frame);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(.lms-folder-type-badge, .media-assignment-badge) {
  background: var(--lms-color-shade);
  color: var(--lms-color-action);
  border: var(--lms-border-width) solid var(--lms-color-frame);
  font-size: var(--lms-font-meta);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .media-select-control {
  min-width: var(--lms-control-size);
  min-height: var(--lms-control-size);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .mirai-workspace-tab-item {
  height: auto;
  min-height: var(--lms-control-size);
  grid-template-columns: minmax(0, 1fr) var(--lms-control-size) var(--lms-control-size);
  border-color: var(--lms-color-frame);
  background: var(--lms-color-surface);
  border-radius: var(--lms-radius-control);
  overflow: visible;
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .mirai-workspace-tab-item.active {
  border-color: var(--lms-color-action);
  box-shadow: inset 0 -3px 0 var(--lms-color-brand);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .mirai-workspace-tab-title {
  font-weight: var(--lms-weight-emphasis);
  font-size: var(--lms-font-meta);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .mirai-workspace-tab-strip {
  border-color: var(--lms-color-frame);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(.mirai-nav-breadcrumbs, .mirai-workspace-tab-scroll) {
  scrollbar-color: var(--lms-color-connector) var(--lms-color-surface);
  padding: var(--lms-space-2);
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .mirai-nav-crumb[aria-current="page"] {
  background: var(--lms-color-shade);
  color: var(--lms-color-action);
  text-decoration: underline;
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(.sidebar, .mxpui-menu, .mxpui-menu-icon) {
  background: var(--lms-color-surface);
  color: var(--lms-color-action);
  border-color: var(--lms-color-frame);
  box-shadow: var(--lms-shadow);
  backdrop-filter: none;
}

body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .nav-item.active {
  background: var(--lms-color-shade);
  color: var(--lms-color-action);
  border-color: var(--lms-color-action);
  box-shadow: inset 4px 0 0 var(--lms-color-brand);
  font-weight: var(--lms-weight-emphasis);
}

@media (max-width: 760px) {
  body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) {
    --lms-font-title: 26px;
  }
  body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .main {
    padding-inline: var(--lms-space-3);
  }
  body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .media-file-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(.digital-course-toolbar-row, .mirai-nav-actions) {
    flex-wrap: wrap;
  }
  body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) :is(.media-library-search, .media-sort-control) {
    min-width: 0;
    max-width: 100%;
  }
  body.digital-course-mode:has(#content-list[data-portal="admin"][data-role="admin"] .digital-course-tabs > [data-digital-course-section="interactive"].active) .mirai-workspace-tab-strip {
    grid-template-columns: minmax(0, 1fr);
  }
}