/* ---------------------------------------------------------------------------
   MODE SOMBRE — correction des feuilles de page.

   ENGENDRÉ. Ne pas modifier à la main : relancer
   outils/engendrer-sombre-pages.py après toute retouche du CSS d'une page,
   sinon la correction et la page divergent en silence.

   Les 172 fichiers de page portent chacun leur propre CSS, écrit pour un fond
   clair. Les corriger dans les fichiers demanderait d'en re-téléverser 137 ;
   cette feuille les reprend de l'extérieur, sans y toucher.

   « !important » est nécessaire : c'est la seule chose qui batte un attribut
   style="", et les pages en portent 554.

   Les couleurs d'état — verts, rouges, orangés — ne sont PAS reprises : elles
   se lisent aussi bien sur fond sombre, et les toucher ferait perdre leur sens.
   --------------------------------------------------------------------------- */

html.dark-mode {
    --ap-fond: #101319;    /* ce qui était blanc : une surface */
    --ap-bande: #1C2029;   /* ce qui était gris très clair : une bande */
    --ap-trait: #2E3440;   /* ce qui était un filet clair */
    --ap-atone: #A0AABA;   /* texte secondaire */
    --ap-encre: #ECEEF7;   /* texte courant */
    --ap-marque: #5C7FFF;  /* le bleu Artano, remonté pour fond sombre */
}

/* ── Règles des feuilles de page ─────────────────────────────────────── */

html.dark-mode #chat-send:hover,
html.dark-mode #chat-send:focus {
    color: var(--ap-marque) !important;
}

html.dark-mode #chat-send[disabled] {
    color: var(--ap-marque) !important;
}

html.dark-mode #rentabilite-depot .rd-muted {
    color: var(--ap-atone) !important;
}

html.dark-mode #rentabilite-depot .rd-title {
    color: var(--ap-encre) !important;
}

html.dark-mode #rentabilite-depot .rd-wrap {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode #reservationForm .select2-container--default .select2-selection--single {
    color: var(--ap-encre) !important;
}

html.dark-mode #rz-voile {
    color: var(--ap-marque) !important;
}

html.dark-mode .ach-card {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .ach-filtre {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .ach-kpi {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .ach-kpi .t {
    color: var(--ap-atone) !important;
}

html.dark-mode .agd {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .agd-date {
    color: var(--ap-marque) !important;
}

html.dark-mode .anb-kpi .l {
    color: var(--ap-atone) !important;
}

html.dark-mode .anb-kpi a {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .anb-kpi a.on {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .anb-kpi a:hover {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .anb-tab thead th {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .ano-form .select2-container.uk-select {
    color: var(--ap-encre) !important;
}

html.dark-mode .ant-actions {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .ant-etape .lib {
    color: var(--ap-atone) !important;
}

html.dark-mode .ant-etape .rond {
    background-color: var(--ap-bande) !important;
    color: var(--ap-atone) !important;
}

html.dark-mode .ant-etape:not(:last-child)::after {
    background-color: var(--ap-bande) !important;
}

html.dark-mode .ant-num {
    color: var(--ap-marque) !important;
}

html.dark-mode .apx {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .apx-item {
    color: var(--ap-encre) !important;
}

html.dark-mode .apx-item:hover {
    color: var(--ap-encre) !important;
}

html.dark-mode .apx-meta {
    color: var(--ap-atone) !important;
}

html.dark-mode .apx-quand {
    color: var(--ap-atone) !important;
}

html.dark-mode .apx-titre {
    color: var(--ap-marque) !important;
}

html.dark-mode .art-img {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .art-title {
    color: var(--ap-marque) !important;
}

html.dark-mode .art-vide {
    color: var(--ap-atone) !important;
}

html.dark-mode .artano-cal {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .bar-container {
    background-color: var(--ap-bande) !important;
}

html.dark-mode .bubble-me {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .bubble-others {
    background-color: var(--ap-fond) !important;
    color: var(--ap-encre) !important;
}

html.dark-mode .ca-card {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .ca-card h3 {
    color: var(--ap-marque) !important;
}

html.dark-mode .ca-kpi {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .ca-kpi-label {
    color: var(--ap-atone) !important;
}

html.dark-mode .ca-kpi-sub {
    color: var(--ap-atone) !important;
}

html.dark-mode .ca-kpi-value {
    color: var(--ap-marque) !important;
}

html.dark-mode .ca-rank {
    color: var(--ap-marque) !important;
}

html.dark-mode .ca-table thead th {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .chir-arrow {
    color: var(--ap-marque) !important;
}

html.dark-mode .chir-card {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .chir-title {
    color: var(--ap-encre) !important;
}

html.dark-mode .cli-arrow {
    color: var(--ap-marque) !important;
}

html.dark-mode .cli-bar {
    background-color: var(--ap-trait) !important;
}

html.dark-mode .cli-card {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .cli-chart {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .cli-chart h3 {
    color: var(--ap-marque) !important;
}

html.dark-mode .cli-head h2 {
    color: var(--ap-marque) !important;
}

html.dark-mode .cli-kpi {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .cli-kpi b {
    color: var(--ap-marque) !important;
}

html.dark-mode .cli-kpi span {
    color: var(--ap-atone) !important;
}

html.dark-mode .cloche-btn {
    background-color: var(--ap-fond) !important;
    color: var(--ap-marque) !important;
}

html.dark-mode .cloche-date {
    color: var(--ap-marque) !important;
}

html.dark-mode .cloche-item {
    color: var(--ap-encre) !important;
}

html.dark-mode .cloche-item:hover {
    color: var(--ap-encre) !important;
}

html.dark-mode .cloche-panneau {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .cloche-point {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .cloche-titre {
    color: var(--ap-marque) !important;
}

html.dark-mode .cm-bloc {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .cm-chev {
    color: var(--ap-marque) !important;
}

html.dark-mode .com-avatar {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .commercial-name:hover {
    color: var(--ap-marque) !important;
}

html.dark-mode .contact-link:hover {
    color: var(--ap-marque) !important;
}

html.dark-mode .cq-curseur:before {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .cru-card {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .cru-head {
    background-color: var(--ap-fond) !important;
    color: var(--ap-marque) !important;
}

html.dark-mode .ct-barre {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .ct-meta {
    color: var(--ap-atone) !important;
}

html.dark-mode .ct-titre {
    color: var(--ap-marque) !important;
}

html.dark-mode .data-label {
    color: var(--ap-atone) !important;
}

html.dark-mode .day-col {
    background-color: var(--ap-fond) !important;
    color: var(--ap-atone) !important;
}

html.dark-mode .dep-card {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .dep-filter {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .dep-kpi {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .dep-kpi-title {
    color: var(--ap-atone) !important;
}

html.dark-mode .dispo-day-head {
    color: var(--ap-atone) !important;
}

html.dark-mode .dispo-sticky-col {
    background-color: var(--ap-fond) !important;
    color: var(--ap-atone) !important;
}

html.dark-mode .dr-vide {
    color: var(--ap-atone) !important;
}

html.dark-mode .ep-arrow {
    color: var(--ap-marque) !important;
}

html.dark-mode .ep-card {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .ep-edit-btn {
    background-color: var(--ap-fond) !important;
    color: var(--ap-marque) !important;
}

html.dark-mode .ep-head h2 {
    color: var(--ap-marque) !important;
}

html.dark-mode .ep-initiales {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .ep-kpi {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .ep-kpi b {
    color: var(--ap-marque) !important;
}

html.dark-mode .ep-kpi span {
    color: var(--ap-atone) !important;
}

html.dark-mode .evt-avatar {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .evt-carte {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .fb-kpi b {
    color: var(--ap-marque) !important;
}

html.dark-mode .fb-kpi span {
    color: var(--ap-atone) !important;
}

html.dark-mode .fb-ph > span {
    color: var(--ap-marque) !important;
}

html.dark-mode .fb-q {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .fc-card {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .fc-col-info {
    color: var(--ap-atone) !important;
}

html.dark-mode .fc-col-nom {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .fc-col-ref {
    background-color: var(--ap-fond) !important;
    color: var(--ap-encre) !important;
}

html.dark-mode .fc-id h1 {
    color: var(--ap-marque) !important;
}

html.dark-mode .fc-input {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
    color: var(--ap-marque) !important;
}

html.dark-mode .fc-input:focus {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .fc-title {
    color: var(--ap-marque) !important;
}

html.dark-mode .fm .uk-text-meta {
    color: var(--ap-atone) !important;
}

html.dark-mode .fo-ajout {
    background-color: var(--ap-bande) !important;
}

html.dark-mode .fo-ajout-t {
    color: var(--ap-marque) !important;
}

html.dark-mode .fo-apercu {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .fo-bloc {
    background-color: var(--ap-bande) !important;
}

html.dark-mode .fo-bloc-b {
    color: var(--ap-atone) !important;
}

html.dark-mode .fo-bloc-i {
    color: var(--ap-marque) !important;
}

html.dark-mode .fo-bloc-n {
    color: var(--ap-marque) !important;
}

html.dark-mode .fo-bloc-t {
    color: var(--ap-encre) !important;
}

html.dark-mode .fo-bloc[open] {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .fo-card {
    background-color: var(--ap-bande) !important;
}

html.dark-mode .fo-card .uk-form-label {
    color: var(--ap-atone) !important;
}

html.dark-mode .fo-card h3 {
    color: var(--ap-marque) !important;
}

html.dark-mode .fo-etape {
    background-color: var(--ap-bande) !important;
}

html.dark-mode .fo-etape .uk-form-label {
    color: var(--ap-atone) !important;
}

html.dark-mode .fo-etape-d {
    color: var(--ap-atone) !important;
}

html.dark-mode .fo-etape-num {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .fo-etape-num.plus {
    color: var(--ap-marque) !important;
}

html.dark-mode .fo-etape-t {
    color: var(--ap-marque) !important;
}

html.dark-mode .fo-etape-t:hover {
    color: var(--ap-marque) !important;
}

html.dark-mode .fo-etape.ajout {
    background-color: var(--ap-bande) !important;
}

html.dark-mode .fo-etape.ajout:hover {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .fo-fil-e.fait .fo-fil-l,
html.dark-mode .fo-fil-e.ici .fo-fil-l {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .fo-fil-e.fait .fo-fil-p {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .fo-fil-e.ici .fo-fil-p {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
    color: var(--ap-marque) !important;
}

html.dark-mode .fo-fil-l {
    background-color: var(--ap-bande) !important;
}

html.dark-mode .fo-fil-p {
    color: var(--ap-atone) !important;
}

html.dark-mode .fo-fil-s {
    color: var(--ap-atone) !important;
}

html.dark-mode .fo-fil-x a,
html.dark-mode .fo-fil-t {
    color: var(--ap-marque) !important;
}

html.dark-mode .fo-fil-x a:hover {
    color: var(--ap-marque) !important;
}

html.dark-mode .fo-head h2 {
    color: var(--ap-marque) !important;
}

html.dark-mode .fo-hint {
    color: var(--ap-atone) !important;
}

html.dark-mode .fo-item {
    background-color: var(--ap-bande) !important;
}

html.dark-mode .fo-item summary {
    color: var(--ap-marque) !important;
}

html.dark-mode .fq-bar {
    background-color: var(--ap-bande) !important;
}

html.dark-mode .fq-bar>span {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .fq-choice {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .fq-choice.sel {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .fq-choice:hover {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .fq-dot.cur {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .gamme-pie-card {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .gamme-pie-title {
    color: var(--ap-marque) !important;
}

html.dark-mode .gantt-barre {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .gantt-barre-cell {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .gantt-fixe {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .gantt-vide {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .gantt-wrapper {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .gantt-wrapper::-webkit-scrollbar-thumb {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .gauge-sub {
    color: var(--ap-atone) !important;
}

html.dark-mode .gex .gex-c {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .gex .gex-cell {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .gex .gex-cell .k {
    color: var(--ap-atone) !important;
}

html.dark-mode .gex .gex-cell .v {
    color: var(--ap-encre) !important;
}

html.dark-mode .gex .gex-cell .v small {
    color: var(--ap-atone) !important;
}

html.dark-mode .gex .gex-h {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .gex .gex-lg {
    color: var(--ap-atone) !important;
}

html.dark-mode .gex .gex-st .u {
    color: var(--ap-atone) !important;
}

html.dark-mode .gex .gex-step .dot {
    background-color: var(--ap-bande) !important;
    color: var(--ap-atone) !important;
}

html.dark-mode .gex .gex-step .m {
    color: var(--ap-atone) !important;
}

html.dark-mode .gex .gex-step:not(:last-child)::after {
    background-color: var(--ap-bande) !important;
}

html.dark-mode .ggs-badge.off {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .ggs-card {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .ggs-card h3 {
    color: var(--ap-marque) !important;
}

html.dark-mode .ggs-choix {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .ggs-choix .ggs-nom {
    color: var(--ap-marque) !important;
}

html.dark-mode .ggs-env {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .ggs-env-h strong {
    color: var(--ap-marque) !important;
}

html.dark-mode .ggs-tab thead th {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .gl-del:hover {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .gpt-card {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .gpt-export td {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .gpt-export thead th {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .gpt-header {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .gpt-sub {
    color: var(--ap-atone) !important;
}

html.dark-mode .gpt-title {
    color: var(--ap-atone) !important;
}

html.dark-mode .header-col {
    color: var(--ap-atone) !important;
}

html.dark-mode .im-barre {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .im-boite {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .im-carte {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .im-etape {
    color: var(--ap-atone) !important;
}

html.dark-mode .im-pastille {
    color: var(--ap-marque) !important;
}

html.dark-mode .im-roue {
    color: var(--ap-marque) !important;
}

html.dark-mode .im-titre {
    color: var(--ap-marque) !important;
}

html.dark-mode .is-weekend {
    color: var(--ap-atone) !important;
}

html.dark-mode .item-avatar {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .item-meta {
    color: var(--ap-atone) !important;
}

html.dark-mode .item-title {
    color: var(--ap-encre) !important;
}

html.dark-mode .kit-card {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .kit-kpi-sub {
    color: var(--ap-atone) !important;
}

html.dark-mode .kit-kpi-title {
    color: var(--ap-atone) !important;
}

html.dark-mode .kit-kpi-val {
    color: var(--ap-marque) !important;
}

html.dark-mode .kit-pie-card {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .kpi-sub {
    color: var(--ap-atone) !important;
}

html.dark-mode .kpi-title {
    color: var(--ap-atone) !important;
}

html.dark-mode .kpi-value {
    color: var(--ap-encre) !important;
}

html.dark-mode .link-row:hover {
    color: var(--ap-marque) !important;
}

html.dark-mode .lm-bar {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .lm-chev {
    color: var(--ap-marque) !important;
}

html.dark-mode .lm-kpi {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .lm-kpi .l {
    color: var(--ap-atone) !important;
}

html.dark-mode .lm-kpi .v {
    color: var(--ap-marque) !important;
}

html.dark-mode .loader-text {
    color: var(--ap-marque) !important;
}

html.dark-mode .lx-admin a {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .lx-bar {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .lx-card {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .lx-dl {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .lx-dl:hover {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .lx-ico {
    color: var(--ap-marque) !important;
}

html.dark-mode .lx-meta {
    color: var(--ap-atone) !important;
}

html.dark-mode .lx-ref {
    color: var(--ap-atone) !important;
}

html.dark-mode .lx-thumb {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .marketing-pick-card img {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .metric-achat {
    color: var(--ap-marque) !important;
}

html.dark-mode .metric-n1 {
    color: var(--ap-atone) !important;
}

html.dark-mode .mini-day-col {
    color: var(--ap-atone) !important;
}

html.dark-mode .mini-empty-cell.is-weekend {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .mini-timeline-wrapper {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .mod-resultats div:hover {
    background-color: var(--ap-bande) !important;
}

html.dark-mode .mod-switch input:checked + .mod-switch-slider {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .mod-switch-slider:before {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .msg-soc {
    color: var(--ap-atone) !important;
}

html.dark-mode .msg-texte {
    color: var(--ap-encre) !important;
}

html.dark-mode .mur-aime {
    color: var(--ap-marque) !important;
}

html.dark-mode .mur-avatar {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .mur-carte {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .mur-grille {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .mur-image {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .mur-saisie:focus {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .news-card {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .news-header {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .news-meta {
    color: var(--ap-atone) !important;
}

html.dark-mode .news-title {
    color: var(--ap-marque) !important;
}

html.dark-mode .outil-bloc-thumb {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .outil-pick-card img {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .pa-adresse.sel {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .pa-bloc {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .pappers-card {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .pappers-header {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .pg-card {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .pg-cat {
    color: var(--ap-marque) !important;
}

html.dark-mode .pg-header-icon {
    color: var(--ap-marque) !important;
}

html.dark-mode .pg-header-text h2 {
    color: var(--ap-marque) !important;
}

html.dark-mode .pg-header-text p {
    color: var(--ap-atone) !important;
}

html.dark-mode .pro-card {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .prog-bar-container {
    background-color: var(--ap-trait) !important;
}

html.dark-mode .prog-bar-text {
    color: var(--ap-encre) !important;
}

html.dark-mode .pu-bloque {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .pu-bloque .uk-icon {
    color: var(--ap-marque) !important;
}

html.dark-mode .pu-bloque-text p:first-child {
    color: var(--ap-marque) !important;
}

html.dark-mode .pu-dropzone .uk-icon {
    color: var(--ap-marque) !important;
}

html.dark-mode .pu-dropzone p {
    color: var(--ap-atone) !important;
}

html.dark-mode .pu-dropzone:hover {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .pu-info-bubble strong {
    color: var(--ap-marque) !important;
}

html.dark-mode .pu-recent-label {
    color: var(--ap-atone) !important;
}

html.dark-mode .pu-submit {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .pu-submit:hover {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .pu-thumb {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .qag-card {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .qag-card h3 {
    color: var(--ap-marque) !important;
}

html.dark-mode .qag-item {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .qag-item summary {
    color: var(--ap-marque) !important;
}

html.dark-mode .raf-bar {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .raf-bar .uk-input,
html.dark-mode .raf-bar .uk-select {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .raf-bar label.uk-text-meta {
    color: var(--ap-atone) !important;
}

html.dark-mode .raf-chev {
    color: var(--ap-marque) !important;
}

html.dark-mode .raf-kpi {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .raf-kpi .l {
    color: var(--ap-atone) !important;
}

html.dark-mode .raf-kpi .v {
    color: var(--ap-marque) !important;
}

html.dark-mode .rc-menu-box .uk-input {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .rf-cle {
    color: var(--ap-atone) !important;
}

html.dark-mode .rf-val {
    color: var(--ap-marque) !important;
}

html.dark-mode .rf-vide {
    color: var(--ap-atone) !important;
}

html.dark-mode .rot-bar {
    background-color: var(--ap-trait) !important;
}

html.dark-mode .rt-arrow {
    color: var(--ap-marque) !important;
}

html.dark-mode .rt-card {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .rt-card label.uk-form-label {
    color: var(--ap-atone) !important;
}

html.dark-mode .rt-chev {
    color: var(--ap-marque) !important;
}

html.dark-mode .rt-suivi {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .rt-title {
    color: var(--ap-encre) !important;
}

html.dark-mode .rtb-bar {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .rtb-chev {
    color: var(--ap-marque) !important;
}

html.dark-mode .rtb-kpi {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .rtb-kpi .l {
    color: var(--ap-atone) !important;
}

html.dark-mode .rtb-suivi {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .sa-carte {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .sa-titre {
    color: var(--ap-marque) !important;
}

html.dark-mode .scc-card {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .scc-kpi {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .scc-kpi .l {
    color: var(--ap-atone) !important;
}

html.dark-mode .scj-f {
    color: var(--ap-atone) !important;
}

html.dark-mode .scj-f b {
    color: var(--ap-encre) !important;
}

html.dark-mode .scj-t {
    color: var(--ap-atone) !important;
}

html.dark-mode .section-title {
    color: var(--ap-encre) !important;
}

html.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected],
html.dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected]:hover {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: var(--ap-bande) !important;
}

html.dark-mode .select2-container--default .select2-selection--single {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--ap-atone) !important;
}

html.dark-mode .select2-dropdown {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .select2-search__field {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .st-carte {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .st-legende {
    color: var(--ap-atone) !important;
}

html.dark-mode .st-lien {
    color: var(--ap-marque) !important;
}

html.dark-mode .st-lien:hover {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .st-sous {
    color: var(--ap-atone) !important;
}

html.dark-mode .star-rating {
    color: var(--ap-trait) !important;
}

html.dark-mode .stat-card {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .stat-header {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .sticky-col {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .stk-bar {
    background-color: var(--ap-bande) !important;
}

html.dark-mode .stk-bar > span {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .stk-card {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .stk-head {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .stk-kpi {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .stk-kpi .l {
    color: var(--ap-atone) !important;
}

html.dark-mode .stk-kpi .v {
    color: var(--ap-marque) !important;
}

html.dark-mode .stk-table thead th {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .timeline-wrapper {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .tiny-avatar {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .tiny-product {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .tl-dot {
    border-color: var(--ap-trait) !important;
}

html.dark-mode .tl-dot--active {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .tl-dot--late {
    background-color: var(--ap-fond) !important;
}

html.dark-mode .tl-meta {
    color: var(--ap-atone) !important;
}

html.dark-mode .tool-header-title {
    color: var(--ap-encre) !important;
}

html.dark-mode .track-body {
    color: var(--ap-atone) !important;
}

html.dark-mode .track-date {
    color: var(--ap-atone) !important;
}

html.dark-mode .track-step.is-active .track-marker {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode .track-title {
    color: var(--ap-encre) !important;
}

html.dark-mode .uk-notification-message-secondary {
    background-color: var(--ap-marque) !important;
}

html.dark-mode .uk-sortable-drag .fo-etape {
    border-color: var(--ap-trait) !important;
}

html.dark-mode /* --- Fil d'Ariane en suivi de livraison --- */ .fo-fil {
    background-color: var(--ap-bande) !important;
}

html.dark-mode /* --- POINTS --- */ .tl-dot-wrapper {
    background-color: var(--ap-fond) !important;
}

html.dark-mode /* --- STYLES BARRE DE FILTRE --- */   .filter-bar {
    background-color: var(--ap-marque) !important;
}

html.dark-mode /* Ce module est posé sur un fond bleu foncé : le bleu de marque y devient        illisible. Bouton,
html.dark-mode indicateur et compteur passent donc en clair. */     #chat-send {
    background-color: var(--ap-fond) !important;
    color: var(--ap-marque) !important;
}

html.dark-mode /* Contenu */ .track-content {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode /* Couleur principale du site : bleu #173873 */   .pg-header {
    background-color: var(--ap-fond) !important;
}

html.dark-mode /* Creusé : ce qui reçoit une saisie ou un contenu,
html.dark-mode par opposition au relief. */   .fm .nm-in,
html.dark-mode .fm .uk-input,
html.dark-mode .fm .uk-select,
html.dark-mode .fm .uk-textarea {
    color: var(--ap-encre) !important;
}

html.dark-mode /* Helpers */ .uk-label-transport {
    background-color: var(--ap-trait) !important;
    color: var(--ap-encre) !important;
}

html.dark-mode /* L'icône UIkit est un SVG dont le trait suit currentColor : sans cette règle elle reste    blanche alors que le texte est bleu. */ .ep-profile .ep-actions a.ep-btn-white .uk-icon,
html.dark-mode .ep-profile .ep-actions a.ep-btn-white svg {
    color: var(--ap-marque) !important;
}

html.dark-mode /* La liste déroulante est greffée sur <body>,
html.dark-mode hors du formulaire : ces règles      ne peuvent pas être limitées à .ano-form. Elle est en relief et non creusée —      elle flotte au-dessus de la page,
html.dark-mode elle ne reçoit pas de saisie. */   .select2-dropdown {
    background-color: var(--ap-bande) !important;
}

html.dark-mode /* La liste déroulante est greffée sur <body>,
html.dark-mode hors du formulaire : ces règles ne    peuvent pas être limitées à #reservationForm. Elle est en relief et non creusée —    elle flotte au-dessus de la page,
html.dark-mode elle ne reçoit pas de saisie. */ .select2-dropdown {
    background-color: var(--ap-bande) !important;
}

html.dark-mode /* Ligne verticale */ .track-container::before {
    background-color: var(--ap-bande) !important;
}

html.dark-mode /* Marqueur (Rond) */ .track-marker {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode /* Panneau déplacé dans <body> : position fixed pour échapper aux overflow du menu. */ .rc-menu-panel {
    background-color: var(--ap-fond) !important;
}

html.dark-mode /* Sélecteurs volontairement longs : .ep-profile impose color:#fff à ses descendants,
html.dark-mode et    le gabarit du site colore les liens. Sans cette spécificité,
html.dark-mode le libellé du bouton blanc    restait blanc sur fond blanc. Les états :hover,
html.dark-mode :focus et :visited sont repris un par un,
html.dark-mode sinon le lien redevient illisible dès qu'on le survole ou après une visite. */ .ep-profile .ep-actions a.ep-btn-white,
html.dark-mode .ep-profile .ep-actions a.ep-btn-white:hover,
html.dark-mode .ep-profile .ep-actions a.ep-btn-white:focus,
html.dark-mode .ep-profile .ep-actions a.ep-btn-white:visited {
    background-color: var(--ap-fond) !important;
    border-color: var(--ap-trait) !important;
    color: var(--ap-marque) !important;
}

html.dark-mode /* allowClear est actif sur le client : la croix doit rester au-dessus du texte. */ #reservationForm .select2-container--default .select2-selection--single .select2-selection__clear {
    color: var(--ap-atone) !important;
}

html.dark-mode /* États */ .track-step.is-done .track-marker {
    background-color: var(--ap-marque) !important;
    border-color: var(--ap-trait) !important;
}

html.dark-mode body {
    background-color: var(--ap-fond) !important;
}

html.dark-mode th.chir-sortable:hover {
    color: var(--ap-marque) !important;
}

html.dark-mode th.cli-sortable:hover {
    color: var(--ap-marque) !important;
}

html.dark-mode th.ep-sortable:hover {
    color: var(--ap-marque) !important;
}

html.dark-mode th.rt-sortable:hover {
    color: var(--ap-marque) !important;
}


/* ── Ombres portées, calées sur un fond clair ────────────────────────── */

html.dark-mode .ach-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .ach-kpi {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .agd {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .apx {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .ca-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .ca-kpi {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .chat-bubble {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .chir-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .cli-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .cli-chart {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .cli-kpi {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .cloche-btn {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .cloche-panneau {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .cloche-pastille {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .cru-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .dep-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .dep-kpi {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .ep-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .ep-edit-btn {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .ep-kpi {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .evt-carte {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .evt-visuel {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .fc-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .fo-bloc[open] {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .gamme-pie-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .gantt-fixe {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .ggs-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .gl-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .gpt-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .im-boite {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .im-carte {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .kit-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .kit-pie-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .lm-kpi {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .lx-admin a {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .lx-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .mur-avatar {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .mur-carte {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .mur-grille {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .news-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .pappers-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .pro-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .qag-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .raf-kpi {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .rt-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .rtb-kpi {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .sa-carte {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .scc-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .scc-kpi {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .select2-dropdown {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .st-carte {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .stat-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .sticky-col {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .stk-card {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .stk-kpi {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .track-step.is-active .track-content {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode .uk-sortable-drag .fo-etape {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode /* Cercle blanc translucide plutôt qu'un bleu qui se fondrait dans le fond. */     .commercial-photo {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode /* Cercle blanc translucide plutôt qu'un bleu qui se fondrait dans le fond. */   .ano-com-photo {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode /* Contenu */ .track-content {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}

html.dark-mode /* Panneau déplacé dans <body> : position fixed pour échapper aux overflow du menu. */ .rc-menu-panel {
    box-shadow: 0 2px 10px rgba(0, 0, 0, .5) !important;
}


/* ── Couleurs posées en attribut style= ──────────────────────────────────
   Seul « !important » bat un attribut de style. Le sélecteur d'attribut
   reconnaît la valeur littérale, avec et sans espace après les deux-points :
   les pages écrivent les deux. */

html.dark-mode [style*="background:#173873"],
html.dark-mode [style*="background: #173873"] {
    background-color: var(--ap-marque) !important;
}

html.dark-mode [style*="background:#eef1f7"],
html.dark-mode [style*="background: #eef1f7"] {
    background-color: var(--ap-bande) !important;
}

html.dark-mode [style*="background:#f0f0f0"],
html.dark-mode [style*="background: #f0f0f0"] {
    background-color: var(--ap-bande) !important;
}

html.dark-mode [style*="background:#f7f8fc"],
html.dark-mode [style*="background: #f7f8fc"] {
    background-color: var(--ap-fond) !important;
}

html.dark-mode [style*="background:#f8f9fa"],
html.dark-mode [style*="background: #f8f9fa"] {
    background-color: var(--ap-fond) !important;
}

html.dark-mode [style*="background:#f8f9fc"],
html.dark-mode [style*="background: #f8f9fc"] {
    background-color: var(--ap-fond) !important;
}

html.dark-mode [style*="background:#fafafa"],
html.dark-mode [style*="background: #fafafa"] {
    background-color: var(--ap-fond) !important;
}

html.dark-mode [style*="background:#fff"],
html.dark-mode [style*="background: #fff"] {
    background-color: var(--ap-fond) !important;
}

html.dark-mode [style*="background-color:#173873"],
html.dark-mode [style*="background-color: #173873"] {
    background-color: var(--ap-marque) !important;
}

html.dark-mode [style*="background-color:#f8f9fa"],
html.dark-mode [style*="background-color: #f8f9fa"] {
    background-color: var(--ap-fond) !important;
}

html.dark-mode [style*="background-color:#ffffff"],
html.dark-mode [style*="background-color: #ffffff"] {
    background-color: var(--ap-fond) !important;
}

html.dark-mode [style*="color:#173873"],
html.dark-mode [style*="color: #173873"] {
    color: var(--ap-marque) !important;
}

html.dark-mode [style*="color:#333"],
html.dark-mode [style*="color: #333"] {
    color: var(--ap-encre) !important;
}

html.dark-mode [style*="color:#666"],
html.dark-mode [style*="color: #666"] {
    color: var(--ap-atone) !important;
}

html.dark-mode [style*="color:#888"],
html.dark-mode [style*="color: #888"] {
    color: var(--ap-atone) !important;
}

html.dark-mode [style*="color:#8a94a6"],
html.dark-mode [style*="color: #8a94a6"] {
    color: var(--ap-atone) !important;
}

html.dark-mode [style*="color:#999"],
html.dark-mode [style*="color: #999"] {
    color: var(--ap-atone) !important;
}