/* ESMED Academy — mode sombre des pages personnalisees.
   Scope unique : body.theme-dark (mode sombre natif du theme Space, declenche par
   le reglage « Contraste sombre » de la page Accessibilite OU par le bouton lune du theme).
   N'a AUCUN effet en mode clair. Couvre les 6 pages : .esmed-a11y (Accessibilite),
   .esmed-mc (Mes competences), .esmed-pp (Mon parcours), .esmed-cv (Classes virtuelles),
   .esmed-nt (Notifications), .esmed-cn (Carnet de notes).
   Le prefixe body.theme-dark ajoute assez de specificite pour battre les styles inline
   des pages (charges plus tard), sans recourir a !important. */

/* 1) Tokens partages + couleur de texte de base (chaque page pose color:#111827 sur sa racine). */
body.theme-dark .esmed-a11y,
body.theme-dark .esmed-mc,
body.theme-dark .esmed-pp,
body.theme-dark .esmed-cv,
body.theme-dark .esmed-nt,
body.theme-dark .esmed-cn {
  --m:#eef2f9;      /* texte fort / titres */
  --mut:#9aa6bb;    /* texte gris */
  --bd:#323c4f;     /* bordures */
  --g:#34d07f; --vert:#34d07f; --or:#d4b061; /* accents eclaircis */
  color:#d6ddeb;
}

/* 2) Cartes et surfaces principales (fond blanc -> surface sombre). */
body.theme-dark .esmed-a11y .card,
body.theme-dark .esmed-mc .card,
body.theme-dark .esmed-pp .card,
body.theme-dark .esmed-cv .card,
body.theme-dark .esmed-cv .cv-kpi,
body.theme-dark .esmed-nt .nt-card,
body.theme-dark .esmed-cn .cn-kpi,
body.theme-dark .esmed-cn table {
  background:#1b2230;
  border-color:#323c4f;
}

/* 3) Controles de formulaire, boutons blancs, pastilles/ronds blancs -> surface elevee. */
body.theme-dark .esmed-a11y .opt,
body.theme-dark .esmed-a11y .pbtn,
body.theme-dark .esmed-a11y .sel,
body.theme-dark .esmed-a11y .help,
body.theme-dark .esmed-cn .cn-bar select,
body.theme-dark .esmed-cn .cn-exp,
body.theme-dark .esmed-nt .nt-readall,
body.theme-dark .esmed-pp .pp-hole,
body.theme-dark .esmed-pp .pp-nicon,
body.theme-dark .esmed-pp .pp-step .b {
  background:#222b3b;
  border-color:#323c4f;
  color:#d6ddeb;
}

/* 4) Fonds « inset » et survols clairs -> surface intermediaire. */
body.theme-dark .esmed-mc .mc-detail:hover,
body.theme-dark .esmed-a11y .opt:hover,
body.theme-dark .esmed-a11y .pbtn:hover,
body.theme-dark .esmed-a11y .help:hover,
body.theme-dark .esmed-a11y .kbd kbd,
body.theme-dark .esmed-a11y .ptag,
body.theme-dark .esmed-cv .cv-agnav a:hover,
body.theme-dark .esmed-cv .cv-link .ic,
body.theme-dark .esmed-cv .cv-cad .cadic,
body.theme-dark .esmed-cv .cv-link.off .ic,
body.theme-dark .esmed-cv .cv-soon,
body.theme-dark .esmed-cv .cv-note,
body.theme-dark .esmed-cn tr.mod,
body.theme-dark .esmed-nt .nt-tab .cnt,
body.theme-dark .esmed-nt .nt-gear:hover {
  background:#232c3d;
  border-color:#323c4f;
}

/* 5) Fonds de barres de progression. */
body.theme-dark .esmed-mc .mc-bar,
body.theme-dark .esmed-pp .pp-bar {
  background:#2a3446;
}

/* 6) Bordures / separateurs clairs (tables, lignes, items). */
body.theme-dark .esmed-mc .mc-table th { border-bottom-color:#323c4f; }
body.theme-dark .esmed-mc .mc-table td,
body.theme-dark .esmed-mc .mc-row,
body.theme-dark .esmed-mc .mc-citem,
body.theme-dark .esmed-cn tr.chap td,
body.theme-dark .esmed-cv .cv-note,
body.theme-dark .esmed-a11y .row + .row,
body.theme-dark .esmed-a11y .pbar {
  border-color:#2a3446;
}

/* 7) Textes fonces codes en dur -> clairs (specifiques, par page). */
body.theme-dark .esmed-a11y .opt .lb,
body.theme-dark .esmed-a11y .opt .az,
body.theme-dark .esmed-a11y .sel,
body.theme-dark .esmed-a11y .chk .cl b,
body.theme-dark .esmed-a11y .ptxt,
body.theme-dark .esmed-a11y .kbd,
body.theme-dark .esmed-a11y .kbd kbd,
body.theme-dark .esmed-a11y .ptag,
body.theme-dark .esmed-mc .mc-c-desc,
body.theme-dark .esmed-mc .mc-mods,
body.theme-dark .esmed-mc .mc-ct,
body.theme-dark .esmed-cv .cv-cal td,
body.theme-dark .esmed-cv .cv-tbl .th,
body.theme-dark .esmed-cv .cv-rap,
body.theme-dark .esmed-cn tr.chap td:first-child,
body.theme-dark .esmed-nt .nt-tab:hover,
body.theme-dark .esmed-nt .nt-tab .cnt,
body.theme-dark .esmed-nt .nt-gear:hover,
body.theme-dark .esmed-nt .nt-day,
body.theme-dark .esmed-pp .pp-llbl,
body.theme-dark .esmed-pp .pp-evt {
  color:#d6ddeb;
}

/* 8) Puces / badges teintes (fond clair + texte colore) -> teinte translucide + texte clair. */
body.theme-dark .esmed-mc .b-val { background:rgba(52,208,127,.16); color:#4ade80; }
body.theme-dark .esmed-mc .b-cours { background:rgba(245,158,11,.16); color:#fbbf24; }
body.theme-dark .esmed-mc .b-av { background:rgba(148,163,184,.18); color:#cbd5e1; }
body.theme-dark .esmed-a11y .saved { background:rgba(52,208,127,.12); border-color:rgba(52,208,127,.3); color:#6ee7a8; }
body.theme-dark .esmed-a11y .opt.on { background:rgba(52,208,127,.12); }
body.theme-dark .esmed-cv .cv-badge.live { background:rgba(248,113,113,.18); color:#f87171; }
body.theme-dark .esmed-pp .pp-obj { background:rgba(52,208,127,.1); border-color:rgba(52,208,127,.3); color:#6ee7a8; }

/* 9) Divers : piste d'interrupteur off, trou du donut, aperçu (deja sombre = inchange). */
body.theme-dark .esmed-a11y .sw .tk { background:#3a4356; }
body.theme-dark .esmed-mc .mc-donut .hole { background:#1b2230; }


/* ============================================================================
   MODE SOMBRE — RESTE DE LA PLATEFORME (accueil, cours, tableaux de bord,
   calendrier, navbar). La charte claire (company.customcss, RGAA) n'est PAS
   modifiee : on ne fait que surcharger en sombre, scope body.theme-dark.
   ============================================================================ */

/* B) Titres natifs forces en marine par le customcss (ligne 80 : h1..h6,.coursename,
      .card-title = #0B1F3A -> invisibles sur sombre) -> texte clair. */
body.theme-dark h1, body.theme-dark h2, body.theme-dark h3,
body.theme-dark h4, body.theme-dark h5, body.theme-dark h6,
body.theme-dark .h1, body.theme-dark .h2, body.theme-dark .h3,
body.theme-dark .h4, body.theme-dark .h5, body.theme-dark .h6,
body.theme-dark .page-header-headings h1,
body.theme-dark .coursename,
body.theme-dark #page-my-index,
body.theme-dark #page-my-index .card-title,
body.theme-dark .rui-course-card .coursename,
body.theme-dark .rui-course-card-title,
body.theme-dark .rui-course-card-title a { color:#eef2f9 !important; }
body.theme-dark .rui-course-cat-badge .text-truncate,
body.theme-dark .esmed-card-meta,
body.theme-dark .esmed-card-meta .text-truncate { color:#9aa6bb !important; }

/* C) PAGE D'ACCUEIL (customcss .esmed-*). --esmed-marine sert aussi de fond/accent :
      on ne le bascule pas globalement, on surcharge textes et surfaces explicitement. */
/* C1 surfaces cartes */
body.theme-dark .esmed-bloc,
body.theme-dark .esmed-duo-col,
body.theme-dark .esmed-duo-corps,
body.theme-dark .esmed-btn-ligne { background:#1b2230 !important; border-color:#323c4f !important; }
/* C2 surfaces insets */
body.theme-dark .esmed-duo-titre,
body.theme-dark .esmed-ch-badge,
body.theme-dark .esmed-prog-track,
body.theme-dark .esmed-progress-track,
body.theme-dark .esmed-ch-search .form-control { background:#232c3d !important; border-color:#323c4f !important; }
/* C3 textes clairs */
body.theme-dark .esmed-ch-title,
body.theme-dark .esmed-bloc-t,
body.theme-dark .esmed-duo-titre,
body.theme-dark .esmed-duo-corps,
body.theme-dark .esmed-duo-corps li,
body.theme-dark .esmed-duo-corps p,
body.theme-dark .esmed-etapes a,
body.theme-dark .esmed-liens a,
body.theme-dark .esmed-prog-pct,
body.theme-dark .esmed-progress-label strong,
body.theme-dark .esmed-btn-ligne,
body.theme-dark .esmed-ch-badge { color:#eef2f9 !important; }
/* C4 textes mutes */
body.theme-dark .esmed-bloc-sub,
body.theme-dark .esmed-vide,
body.theme-dark .esmed-side-txt,
body.theme-dark .esmed-progress-label,
body.theme-dark .esmed-liens a span { color:#9aa6bb !important; }
/* C5 bordures / separateurs */
body.theme-dark .esmed-liens a { border-bottom-color:#2a3446 !important; }
/* C6 boutons pleins (fond marine -> navy visible sur carte sombre) */
body.theme-dark .esmed-btn-plein { background:#2d4a7a !important; }
body.theme-dark .esmed-btn-plein:hover { background:#3a5c93 !important; }
/* C7 champ de recherche « Rechercher des cours » */
body.theme-dark .esmed-ch-search input,
body.theme-dark .esmed-ch-search .form-control { color:#eef2f9 !important; }

/* D) TABLEAU DE BORD /my/ : texte de base clair (customcss #page-my-index{color:marine}). */
body.theme-dark #page-my-index { color:#c8d2e4; }

/* E) RAPPORTS & STATISTIQUES (edudashboard, .esmed-dash, variables --ed-*). */
/* E1 surfaces/bordures/mute via variables (sans conflit) */
body.theme-dark .esmed-dash {
  --ed-card:#1b2230; --ed-line:#323c4f; --ed-ciel:#232c3d; --ed-muted:#9aa6bb;
  color:#c8d2e4;
}
/* E2 textes marine (var non basculee) -> clairs */
body.theme-dark .esmed-dash .ed-title,
body.theme-dark .esmed-dash .ed-val,
body.theme-dark .esmed-dash .ed-action h4,
body.theme-dark .esmed-dash .ed-rlbl,
body.theme-dark .esmed-dash .ed-rval,
body.theme-dark .esmed-dash .ed-qlbl,
body.theme-dark .esmed-dash .ed-mod .m-name,
body.theme-dark .esmed-dash .ed-donut .d-num,
body.theme-dark .esmed-dash .ed-legend .lg .n { color:#eef2f9; }
/* E3 fonds marine / verts clairs -> sombres, boutons visibles */
body.theme-dark .esmed-dash .ed-btn,
body.theme-dark .esmed-dash .ed-ic.marine { background:#2d4a7a; }
body.theme-dark .esmed-dash .ed-btn:hover { background:#3a5c93; }
body.theme-dark .esmed-dash .ed-round,
body.theme-dark .esmed-dash .ed-qic { background:#232c3d; }
body.theme-dark .esmed-dash .ed-ric.cal { background:rgba(212,176,97,.15); }
body.theme-dark .esmed-dash .ed-bar,
body.theme-dark .esmed-dash .ed-mod .m-track { background:#2a3446; }
body.theme-dark .esmed-dash .ed-donut::after { background:#1b2230; }
body.theme-dark .esmed-dash .ed-qitem::before { background:#323c4f; }
body.theme-dark .esmed-dash .ed-qitem:hover { background:#232c3d; }

/* F) CALENDRIER (calendar.css). Les pastilles d'evenements (teintes) restent lisibles. */
body.theme-dark .calendar-controls .cal-today { background:#222b3b; border-color:#323c4f; color:#eef2f9; }
body.theme-dark .calendar-controls .cal-today:hover { background:#2a3446; }
body.theme-dark #region-main .bottom .footer-link a.cal-ics .cal-ics-t { color:#eef2f9; }
body.theme-dark #region-main .bottom .footer-link a.cal-ics .cal-ics-s { color:#9aa6bb; }
body.theme-dark #region-main .bottom .footer-link a.cal-ics .cal-ics-btn { background:#2d4a7a; }
body.theme-dark #region-main .bottom .footer-link a.cal-ics:hover .cal-ics-btn { background:#3a5c93; }

/* G) NAVBAR : nom de societe / liens forces en #0B1F3A -> clair sur navbar sombre. */
body.theme-dark .companymenu,
body.theme-dark .companymenu a { color:#e6ebf4 !important; }

/* H) LOGO ESMED : garder sa couleur verte native dans les deux modes (aucun filtre,
      pleine opacite) quel que soit le traitement sombre du theme. */
body.theme-dark .navbar-brand img,
body.theme-dark .rui-logo img,
body.theme-dark [class*="logo"] img,
body.theme-dark .site-logo img { filter:none !important; opacity:1 !important; }

/* I) CONTENU DES COURS / LIVRES : encadrés c4l de l'éditeur (fonds clairs -> sombres).
      .c4l-example = carte « INTRODUCTION » (#fff) ; .c4l-tip = préconisations crème (#FBF7EE,
      ampoule) ; .c4l-reminder (#F1F4F9) ; .c4l-keyconcept (#F7F8FA, ancien bloc Objectifs).
      Les bandeaux/badges marine (::after, .c4l-example>h1) restent tels quels (déjà foncés). */
body.theme-dark .c4l-tip,
body.theme-dark .c4l-reminder,
body.theme-dark .c4l-keyconcept,
body.theme-dark .c4l-example { background-color:#1b2230 !important; }
body.theme-dark .c4l-example { border-color:#323c4f !important; }
body.theme-dark .c4l-example p,
body.theme-dark .c4l-example li,
body.theme-dark .c4l-tip p,
body.theme-dark .c4l-tip li,
body.theme-dark .c4l-reminder p,
body.theme-dark .c4l-reminder li,
body.theme-dark .c4l-keyconcept p,
body.theme-dark .c4l-keyconcept li { color:#d6ddeb !important; }
body.theme-dark .path-mod-book #region-main .book_content .text-muted { color:#9aa6bb !important; }
body.theme-dark .path-mod-book #region-main .book_content [class*="border-"] { border-color:#323c4f !important; }

/* J) CALENDRIER : cellules week-end blanches (#FAFBFC, non exclues du sombre l.784) +
      pastilles d'événements (teintes claires) -> teintes sombres, texte clair. */
body.theme-dark .path-calendar .calendartable td.weekend { background-color:transparent !important; }
body.theme-dark .calendarwrapper .cal-n-cv { background:rgba(96,165,250,.22) !important; }
body.theme-dark .calendarwrapper .cal-n-eb { background:rgba(167,139,250,.22) !important; }
body.theme-dark .calendarwrapper .cal-n-cv .event-time,
body.theme-dark .calendarwrapper .cal-n-eb .event-time,
body.theme-dark .calendarwrapper .cal-n-cv a,
body.theme-dark .calendarwrapper .cal-n-eb a { color:#eef2f9 !important; }
body.theme-dark .cal-legende .cal-sw.cv { background:rgba(96,165,250,.22); }
body.theme-dark .cal-legende .cal-sw.eb { background:rgba(167,139,250,.22); }

/* K) FOOTER : les libellés de sections sont des titres <h*> forcés en marine (l.80),
      donc sombres sur le footer sombre -> texte clair. Le reste du footer est déjà clair. */
body.theme-dark #s-page-footer h1,
body.theme-dark #s-page-footer h2,
body.theme-dark #s-page-footer h3,
body.theme-dark #s-page-footer h4,
body.theme-dark #s-page-footer h5,
body.theme-dark #s-page-footer h6,
body.theme-dark #s-page-footer .rui-footer-heading,
body.theme-dark #s-page-footer .h5,
body.theme-dark #s-page-footer .h6 { color:#eef2f9 !important; }

/* L) RAPPORTS & STATISTIQUES (edudashboard) : retirer le fond grisé de la page en sombre.
      Le gris charté est déjà exclu du sombre ; on neutralise toute couche résiduelle sur
      les conteneurs de cette page pour laisser apparaître le fond sombre du thème. */
body.theme-dark.path-local-edudashboard #region-main,
body.theme-dark.path-local-edudashboard #region-main-box,
body.theme-dark.path-local-edudashboard #page-content,
body.theme-dark.path-local-edudashboard #topofscroll,
body.theme-dark.path-local-edudashboard .main-inner { background-color:transparent !important; }

/* M) CARTES DE COURS (.rui-course-card) : le fond blanc vient de la base du theme
      (non repris par son mode sombre) -> fond sombre + bordure sombre, titre deja clair (B). */
body.theme-dark .rui-course-card,
body.theme-dark .rui-course-card .rui-course-card-content,
body.theme-dark .rui-course-card-body { background-color:#1b2230 !important; border-color:#323c4f !important; }
body.theme-dark .rui-course-card .rui-course-card-progress-text,
body.theme-dark .rui-course-card .progress-text { color:#c8d2e4 !important; }

/* N) BOUTONS/PASTILLES qui utilisent var(--m) comme FOND (casse par la bascule de --m
      en texte clair) : on redonne un fond navy accent lisible avec texte blanc.
      .cv-datebox = pastille de date, .cv-join = « Rejoindre la visio », .pp-resume /
      .pp-next a.cont = boutons « Reprendre » / « Continuer ». */
body.theme-dark .esmed-cv .cv-datebox,
body.theme-dark .esmed-cv .cv-join,
body.theme-dark .esmed-pp .pp-resume,
body.theme-dark .esmed-pp .pp-next a.cont { background:#2d4a7a !important; color:#fff !important; }

/* P) CONTROLES « Tout / Trier / Carte » + barre de recherche (block_myoverview),
      blancs par defaut du theme -> sombres. Scope au bloc + page Mes cours pour ne
      PAS toucher les menus de la navbar (deja geres par le theme). */
body.theme-dark .block_myoverview .custom-select,
body.theme-dark .block_myoverview .form-control,
body.theme-dark .block_myoverview .btn-outline-secondary,
body.theme-dark .block_myoverview [data-region="filter"] .btn,
body.theme-dark .block_myoverview .dropdown-toggle,
body.theme-dark #page-my-courses .custom-select,
body.theme-dark #page-my-courses .form-control,
body.theme-dark #page-my-courses .btn-outline-secondary,
body.theme-dark #page-my-courses .dropdown-toggle {
  background-color:#222b3b !important; border-color:#323c4f !important; color:#eef2f9 !important;
}
body.theme-dark .block_myoverview .form-control::placeholder,
body.theme-dark #page-my-courses .form-control::placeholder { color:#9aa6bb !important; }
body.theme-dark .block_myoverview [data-region="filter"] svg,
body.theme-dark .block_myoverview .dropdown-toggle svg,
body.theme-dark #page-my-courses .dropdown-toggle svg { color:#c8d2e4 !important; }
body.theme-dark .block_myoverview .dropdown-menu,
body.theme-dark #page-my-courses .dropdown-menu { background-color:#1b2230 !important; border-color:#323c4f !important; }
body.theme-dark .block_myoverview .dropdown-item,
body.theme-dark #page-my-courses .dropdown-item { color:#d6ddeb !important; }
body.theme-dark .block_myoverview .dropdown-item:hover,
body.theme-dark #page-my-courses .dropdown-item:hover { background-color:#232c3d !important; }

/* Q) BADGES : widget d'accueil (.esmed-bw-*, médailles hexagonales) + page « Tous mes badges » (.esmed-bg). */
body.theme-dark .esmed-bw-head h3 { color:#eef2f9 !important; }
body.theme-dark .esmed-bw-head p { color:#9aa6bb !important; }
body.theme-dark .esmed-bw-badge b { color:#eef2f9 !important; }
body.theme-dark .esmed-bw-side { background:#232c3d !important; border-color:#323c4f !important; }
body.theme-dark .esmed-bw-side-t { color:#eef2f9 !important; }
body.theme-dark .esmed-bw-side-c { color:#9aa6bb !important; }
body.theme-dark .esmed-bw-btn { background:#222b3b !important; border-color:#323c4f !important; color:#eef2f9 !important; }

body.theme-dark .esmed-bg { --m:#eef2f9; --mut:#9aa6bb; --bd:#323c4f; --or:#e7c877; color:#d6ddeb; }
body.theme-dark .esmed-bg .card { background:#1b2230; }
body.theme-dark .esmed-bg .bg-tab { background:#222b3b; color:#eef2f9; }
body.theme-dark .esmed-bg .bg-tab.on { background:#2d4a7a; border-color:#2d4a7a; color:#fff; }
body.theme-dark .esmed-bg .bg-chip { background:#222b3b; color:#c8d2e4; }
body.theme-dark .esmed-bg .bg-chip.on { background:#232c3d; border-color:#3a4356; }
body.theme-dark .esmed-bg .bg-badge.on .ic { background:rgba(212,176,97,.16); color:#e7c877; }
body.theme-dark .esmed-bg .bg-badge.off .ic { background:#232c3d; color:#8b97a8; }
body.theme-dark .esmed-bg .bg-bar { background:#2a3446; }
body.theme-dark .esmed-bg .bg-top .ring .hole { background:#1b2230; }
body.theme-dark .esmed-bg .bg-badge.on .bg-meta { color:#4ade80; }

/* R) OFFRES D'EMPLOI : page apprenant (.esmed-of) + back-office (.esmed-oa). */
body.theme-dark .esmed-of { --m:#eef2f9; --mut:#9aa6bb; --bd:#323c4f; color:#d6ddeb; }
body.theme-dark .esmed-of .card { background:#1b2230; }
body.theme-dark .esmed-of .of-banner .bi { background:rgba(96,165,250,.15); }
body.theme-dark .esmed-of .of-banner .bd { color:#c8d2e4; }
body.theme-dark .esmed-of .of-tabrow { border-bottom-color:#323c4f; }
body.theme-dark .esmed-of .of-note-r { color:#9aa6bb; }
body.theme-dark .esmed-of .of-tbl th { border-bottom-color:#2a3446; }
body.theme-dark .esmed-of .of-tbl td { border-bottom-color:#2a3446; }
body.theme-dark .esmed-of .of-loc { color:#c8d2e4; }
body.theme-dark .esmed-of .of-voir { background:#222b3b; border-color:#323c4f; color:#eef2f9; }
body.theme-dark .esmed-of .of-voir:hover { background:#2a3446; }
body.theme-dark .esmed-of .of-foot { background:#232c3d; border-color:#323c4f; color:#9aa6bb; }
body.theme-dark .esmed-of .of-dt-desc { color:#c8d2e4; }
body.theme-dark .esmed-of .of-dt-meta { color:#c8d2e4; }
body.theme-dark .esmed-of .of-st.expiree { background:#232c3d; color:#8b97a8; }
body.theme-dark .esmed-oa table { background:#1b2230; border-color:#323c4f; }
body.theme-dark .esmed-oa th { border-bottom-color:#2a3446; color:#9aa6bb; }
body.theme-dark .esmed-oa td { border-bottom-color:#2a3446; }
body.theme-dark .esmed-oa .badge { background:#232c3d; color:#c8d2e4; }

/* S) ENQUÊTE DE SATISFACTION : formulaire (.esmed-enq) + liste (.esmed-enql). */
body.theme-dark .esmed-enq { --m:#eef2f9; --mut:#9aa6bb; --bd:#323c4f; color:#d6ddeb; }
body.theme-dark .esmed-enq .card { background:#1b2230; }
body.theme-dark .esmed-enq .enq-head .hs, body.theme-dark .esmed-enq .enq-side .sd { color:#c8d2e4; }
body.theme-dark .esmed-enq .enq-head .hclip, body.theme-dark .esmed-enq .enq-side .si { background:rgba(52,208,127,.14); }
body.theme-dark .esmed-enq .enq-legend { border-color:#323c4f; }
body.theme-dark .esmed-enq .enq-q { border-top-color:#2a3446; }
body.theme-dark .esmed-enq .enq-qt { color:#e6ebf4; }
body.theme-dark .esmed-enq .enq-r { color:#c8d2e4; }
body.theme-dark .esmed-enq .enq-r .dot { border-color:#3a4356; }
body.theme-dark .esmed-enq .enq-choice { background:#222b3b; border-color:#323c4f; color:#c8d2e4; }
body.theme-dark .esmed-enq .enq-choice.sel { background:rgba(52,208,127,.14); color:#4ade80; border-color:#34d07f; }
body.theme-dark .esmed-enq .enq-chk, body.theme-dark .esmed-enq .enq-na { color:#c8d2e4; }
body.theme-dark .esmed-enq textarea, body.theme-dark .esmed-enq input[type=text] { background:#222b3b; border-color:#323c4f; color:#eef2f9; }
body.theme-dark .esmed-enq .btn-tard { background:#222b3b; border-color:#323c4f; color:#eef2f9; }
body.theme-dark .esmed-enq .enq-merci p { color:#9aa6bb; }
body.theme-dark .esmed-enql { --m:#eef2f9; --mut:#9aa6bb; --bd:#323c4f; color:#d6ddeb; }
body.theme-dark .esmed-enql .card { background:#1b2230; }
body.theme-dark .esmed-enql .row + .row { border-top-color:#2a3446; }
body.theme-dark .esmed-enql .mic { background:#232c3d; color:#c8d2e4; }
body.theme-dark .esmed-enql .btn.ghost { background:#222b3b; border-color:#323c4f; color:#eef2f9; }
body.theme-dark .esmed-enql .b-soon { background:#232c3d; color:#8b97a8; }
body.theme-dark .esmed-enql .eh .hi { background:rgba(52,208,127,.14); }
/* back-office stats enquête */
body.theme-dark .esmed-ea { --m:#eef2f9; --mut:#9aa6bb; --bd:#323c4f; color:#d6ddeb; }
body.theme-dark .esmed-ea .card { background:#1b2230; }
body.theme-dark .esmed-ea th { border-bottom-color:#2a3446; }
body.theme-dark .esmed-ea td { border-bottom-color:#2a3446; }
body.theme-dark .esmed-ea .kpi { background:#232c3d; border-color:#323c4f; }
body.theme-dark .esmed-ea .ql, body.theme-dark .esmed-ea .cmt { color:#c8d2e4; }
body.theme-dark .esmed-ea .chip { background:#232c3d; color:#c8d2e4; }
body.theme-dark .esmed-ea .cmt { border-left-color:#323c4f; }