/*  ── STYLE « MAT » (10/10/2026, Arthur : « un style plus moderne classique » sur toute l'app) ──────────────────────────────
    Choisi dans Apparence (Moderne | Mat) : html[data-style="mat"], posé avant le premier rendu par index.html (iku.style).
    Même palette, même mise en page : on retire seulement les EFFETS.
      1. aucun verre dépoli (backdrop-filter), partout, d'une seule règle ;
      2. un sol uni : ni aurore, ni grain, ni image d'ambiance ;
      3. des surfaces PLEINES pour ce qui porte du texte (cartes, barres, fenêtres), un filet et une ombre courte à la place des halos.
    Les dégradés FONCTIONNELS restent (graphiques, barres de progression, fondus de défilement, aperçus de palette).
    Feuille chargée en dernier ; !important parce que les feuilles des composants (<style> des .razor) viennent après dans la page. */

:root[data-style="mat"] {
    --mt-sol: color-mix(in srgb, var(--brand) 3%, #0b141c);
    --mt-carte: color-mix(in srgb, var(--brand) 4%, #121d27);
    --mt-carte-2: color-mix(in srgb, var(--brand) 5%, #17242f);
    --mt-trait: rgba(255, 255, 255, .09);
    --mt-ombre: 0 1px 2px rgba(0, 0, 0, .35);
    --mt-voile: rgba(6, 16, 24, .22);
    --mt-couverture: 96px;    /* jusque sous la barre du haut du hub (10/10, Arthur : 212 px, jusque sous les chiffres clés, était trop haut) */
    --mt-couv-lum: .88;
    --mt-aire: .22;   /* aplat sous les courbes (section 8) : .15 se voyait à peine sur le sombre (10/10, Arthur) */
}
@media (max-width: 900px) { :root[data-style="mat"] { --mt-couverture: 128px; } }
:root[data-style="mat"][data-theme="light"] {
    --mt-sol: color-mix(in srgb, var(--brand) 3%, #f3f5f8);
    --mt-carte: #ffffff;
    --mt-carte-2: color-mix(in srgb, var(--brand) 3%, #f7f9fb);
    --mt-trait: rgba(15, 38, 56, .12);
    --mt-ombre: 0 1px 2px rgba(15, 38, 56, .08);
    --mt-voile: rgba(255, 255, 255, .08);
    --mt-couv-lum: 1;
    --mt-aire: .15;
}

/*  1. Verre dépoli : nulle part. */
html[data-style="mat"] *, html[data-style="mat"] *::before, html[data-style="mat"] *::after {
    -webkit-backdrop-filter: none !important; backdrop-filter: none !important;
}

/*  2. Le sol : un aplat, toujours. L'image d'ambiance (Apparence, 10/10 Arthur : « le fond d'écran affiché aussi en sobre », style renommé « Mat » le même jour) n'est
       plus derrière toute la page (essai du 10/10 : image nette en fond plein, trop chargée, en lambeaux entre les cartes, le texte posé
       dessus peu lisible) : elle devient un BANDEAU DE COUVERTURE en haut du hub, derrière la barre et les chiffres clés, bord net
       et filet, comme la couverture d'une page ; le reste de la page sur l'aplat. */
html[data-style="mat"] body { background: var(--mt-sol) !important; }
html[data-style="mat"] .fec-loader { background: var(--mt-sol) !important; }
html[data-style="mat"] .fond-ambiance { display: none !important; }
html[data-style="mat"] .fec-loader::before, html[data-style="mat"] .fec-loader::after { display: none !important; }
html[data-style="mat"] .fec-overlay { background: none !important; }
/*  Flou léger (10/10, Arthur, choisi parmi six essais) : les couleurs et les formes de l'image sans son détail, les chiffres clés
    se détachent. Le bandeau déborde de 16 px et se recadre net (clip-path) : le flou n'adoucit pas ses bords. Le filet est à part
    (::after), sinon il serait flouté avec l'image. Hub seulement (.est-hub, posé par FecLoader quand les cartes sont là) :
    l'écran de chargement partage .fec-overlay et le bandeau coupait ses en-têtes d'exercice (10/10, capture d'Arthur). */
html[data-style="mat"][data-fond] .fec-overlay.est-hub::before {
    content: ""; position: absolute; left: -16px; right: -16px; top: -16px; height: calc(var(--mt-couverture) + 16px); z-index: -1; pointer-events: none;
    background: linear-gradient(var(--mt-voile), var(--mt-voile)), var(--fond-img) center 42% / cover no-repeat;   /* voile UNI */
    filter: blur(8px) brightness(var(--mt-couv-lum)); clip-path: inset(16px 16px 0 16px);
}
html[data-style="mat"][data-fond] .fec-overlay.est-hub::after {
    content: ""; position: absolute; left: 0; right: 0; top: var(--mt-couverture); height: 1px; z-index: -1; pointer-events: none; background: var(--mt-trait);
}
/*  Logo du cabinet sur la couverture (10/10, Shared/LogoCabinetBandeau.razor) : posé sur la bande d'image visible AU-DESSUS du
    coin droit de la barre du haut, comme une marque en tête de page ; hors du flux de la barre (elle ne s'allonge pas). Masqué
    partout ailleurs : en Moderne, sans image, hors du hub. Variante du logo selon le mode (fond clair : .rcl-clair). */
.recap-cab-logo { display: none; }
html[data-style="mat"][data-fond] .fec-overlay.est-hub .recap-bar { position: relative; }
html[data-style="mat"][data-fond] .fec-overlay.est-hub .recap-cab-logo {
    display: flex; align-items: center; position: absolute; right: 16px; bottom: calc(100% + 3px); height: 18px; pointer-events: none;
}
.recap-cab-logo img { display: block; max-height: 18px; max-width: 160px; object-fit: contain; }
.recap-cab-logo .rcl-clair { display: none; }
html[data-theme="light"] .recap-cab-logo .rcl-clair { display: block; }
html[data-theme="light"] .recap-cab-logo .rcl-sombre { display: none; }
/*  Téléphone et tablette : la bande visible au-dessus de la barre (sur deux lignes) n'a plus la hauteur d'un logo lisible. */
@media (max-width: 900px) { html[data-style="mat"][data-fond] .fec-overlay.est-hub .recap-cab-logo { display: none; } }

/*  3. LE HUB (premier écran converti, 10/10) : surfaces pleines, un filet, une ombre courte. */
html[data-style="mat"] .fec-overlay :is(.recap-bar, .kpi, .intent-card, .today-band, .hubsynth, .prio-chip, .hg-carte, .hg-sig, .hg-seul, .hg-barre, .repc, .bsecc, .aca-carte) {
    background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: var(--mt-ombre) !important;
}
html[data-style="mat"] .fec-overlay :is(.intent-card, .hg-sig):hover { border-color: color-mix(in srgb, var(--brand) 40%, var(--mt-trait)) !important; }
html[data-style="mat"] .fec-overlay .prio-chip.on { background: color-mix(in srgb, var(--brand) 16%, var(--mt-carte)) !important; border-color: color-mix(in srgb, var(--brand) 45%, transparent) !important; }
html[data-style="mat"] .fec-overlay :is(.intent-card-data, .intent-card-banner-icon, .hg-entc, .hg-o, .hg-op, .hg-slider) { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] .fec-overlay :is(.intent-icon, .intent-icon-hero) { background: color-mix(in srgb, var(--brand) 12%, var(--mt-carte)) !important; box-shadow: none !important; }
/*  Titre en dégradé (carte vedette) : texte plein. */
html[data-style="mat"] .fec-overlay .intent-card-title { background: none !important; -webkit-text-fill-color: currentColor !important; color: var(--tx1) !important; }
/*  Barre « Voir avec la formule » : une surface pleine, encre du thème (la sélection garde le contraste de la barre). */
html[data-style="mat"] .vit-in {
    background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: var(--mt-ombre) !important;
    --vit-encre: var(--tx1); --vit-contre: var(--mt-sol);
}
/*  Colonne de droite (Pilotage, Stress-test, PowerPoint…) : boutons pleins. */
html[data-style="mat"] .fab-stack-r > .fintree-fab { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; box-shadow: var(--mt-ombre) !important; }
/*  Feuille du menu au téléphone : pleine, en-tête en aplat. */
@media (max-width: 640px) {   /* feuille du téléphone seulement : au-delà, .fec-fab.open est la colonne (menu + bouton), un fond y dessinait un carré derrière la croix (10/10) */
    html[data-style="mat"] .fec-fab.open { background: var(--mt-carte) !important; }
    html[data-style="mat"] .fec-fab.open .fec-fab-feuille-h { background: var(--mt-carte-2) !important; box-shadow: none !important; }
    html[data-style="mat"] .fec-fab.open .fec-fab-vues { background: var(--mt-carte-2) !important; box-shadow: none !important; }   /* 12/10 : bande des raccourcis collée sous le titre, même aplat */
}
html[data-style="mat"] .fec-fab-menu { background: var(--mt-carte) !important; }
html[data-style="mat"] .vit-in .vit-phrase-t { color: var(--tx2) !important; opacity: 1 !important; }

/*  4. FENÊTRES ET MENUS : sans le flou, une surface translucide laisse voir la page à travers. Chaque fenêtre convertie prend
    une surface pleine. Ici : la fenêtre Apparence (exemple du 10/10) ; le reste de l'application suivra, écran par écran. */
html[data-style="mat"] .fintree-pal-pop { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important; }

/*  Bandeaux sur une image d'ambiance (10/10) : le bandeau d'actualisation et les bandeaux du bas du hub restaient translucides
    (entry.css les pose en !important sous html[data-fond] : spécificité relevée ici). */
html[data-style="mat"] .actu-bandeau { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"][data-fond] .fec-overlay .intent-card.intent-card-banner { background: var(--mt-carte) !important; }


/*  ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════
    5. LOT A : pilotage et simulation (cockpit du pilotage, tableaux et graphiques du pilotage, fenêtres du simulateur, stress-test,
       scénarios, module Reporting, Portefeuille).
    ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */

/*  5.1 Cockpit du pilotage (FinTreePopup) : le halo radial du panneau devient l'aplat du sol, en sombre comme en clair et sur une
    image d'ambiance (entry.css le rend translucide sous html[data-fond], sans !important : le nôtre l'emporte). */
html[data-style="mat"] .fintree-modal { background: var(--mt-sol) !important; border-color: var(--mt-trait) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] .fintree-head { box-shadow: none !important; border-bottom-color: var(--mt-trait) !important; }
/*  Colonne figée du tableau : un VERRE (voile à 82-86 % flouté) qui laissait deviner les chiffres glisser dessous. En Mat, une
    surface pleine, au repos comme pendant le geste. Les jetons sont posés sur le tableau (.ftt) et non sur .ftt-wrap : ils
    l'emportent ainsi par héritage sur ceux d'entry.css (image d'ambiance) et de .ftt-wrap.is-scrolling. Même chose pour les
    tableaux du Reporting et de l'atelier de budget (total de l'exercice figé à droite, même givre). */
html[data-style="mat"] .fintree-modal .ftt,
html[data-style="mat"] .rep-root .ftt {
    --ftt-frost: var(--mt-carte); --ftt-frost-dense: var(--mt-carte); --ftt-surface: var(--mt-carte); --ftt-frost-edge: var(--mt-trait);
}
/*  Graphiques du pilotage (PilotDataViz) : cartes pleines, l'ombre de survol raccourcie ; l'en-tête collant garde son fondu de
    défilement (fonctionnel), sur la couleur du sol. */
html[data-style="mat"] .pdv-card { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] .pdv-card:hover { box-shadow: var(--mt-ombre) !important; border-color: color-mix(in srgb, var(--brand) 40%, var(--mt-trait)) !important; }
html[data-style="mat"] .pdv-head { background: linear-gradient(to bottom, var(--mt-sol) 70%, transparent) !important; }
/*  Menu Outils de l'en-tête et fenêtre Reclasser : des fenêtres pleines, comme Apparence (filet du thème, ombre de fenêtre). */
html[data-style="mat"] :is(.fintree-tools-menu, .rcl-modal) { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important; }

/*  5.2 Atelier de scénarios (.sat) et ses dialogues : surface pleine au lieu du dégradé de carte, en-tête sans halo de marque. */
html[data-style="mat"] .sat { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important; }
html[data-style="mat"] .sat-head { background: none !important; border-bottom-color: var(--mt-trait) !important; }
html[data-style="mat"] .sat-list { background: var(--mt-carte-2) !important; border-right-color: var(--mt-trait) !important; }
/*  Boutons principaux de l'atelier (Nouveau scénario, Créer) : galbe vert et halo coloré, aplat du milieu du dégradé (encre
    #04222b inchangée, lisible). L'état verrouillé garde sa règle. */
html[data-style="mat"] :is(.sat-new, .sat-primary):not(.locked) { background: #48c9aa !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] .sat-menu { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important; }

/*  5.3 Stress-test (StressTestPanel) : le volet flottant était un verre en dégradé (--gl60 vers --gd80, flou 26 px) posé sur le hub
    ou le pilotage. Plein, filet du thème, ombre de fenêtre. */
html[data-style="mat"] .stresspanel-flyout { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important; }
html[data-style="mat"] .stresspanel-flyout .stresspanel-head { border-bottom-color: var(--mt-trait) !important; }

/*  5.3 bis (2026-10-11, F10) : les volets du pilotage ciblé (.finmod : croissance, marge, délais et stocks, capex, emprunt) étaient
    un verre --gl20 flouté ; sans le flou, la grille se lisait à travers le volet. Plein, filet du thème. */
html[data-style="mat"] .finmod { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important; }

/*  5.4 Fenêtres du simulateur (IntentPopup : trésorerie, financement, cession…). La fenêtre elle-même est TRANSPARENTE : c'est le
    fond (halo radial à 50-10 % + flou 25 px) qui effaçait le hub dessous. Sans le flou, le hub se lisait au travers des vues :
    le fond devient l'aplat du sol. Même chose pour l'aperçu PDF (verre à 70 % + flou 12 px, carte en dégradé). */
html[data-style="mat"] .intent-popup-backdrop { background: var(--mt-sol) !important; }
html[data-style="mat"] .pdf-preview-backdrop { background: rgba(2, 6, 23, .7) !important; }
html[data-style="mat"] .pdf-preview-modal { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important; }
html[data-style="mat"] .intent-popup-cta { background: color-mix(in srgb, var(--brand) 14%, var(--mt-carte)) !important; }
html[data-style="mat"] .intent-popup-cta:hover { background: color-mix(in srgb, var(--brand) 22%, var(--mt-carte)) !important; }
/*  Les portes du simulateur dans le hub (« Toutes les vues » : analyses, financement, cession, création de valeur) : tuiles en
    verre dégradé, arête éclairée et halo de marque au survol. Mêmes surfaces pleines que les tuiles du hub converti. */
html[data-style="mat"] .intent-analyses-btn { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] .intent-analyses-btn:hover { border-color: color-mix(in srgb, var(--brand) 40%, var(--mt-trait)) !important; box-shadow: var(--mt-ombre) !important; }
/*  Mes clients (TopClientsLight) : le bandeau du haut perd son dégradé de marque. */
html[data-style="mat"] .tcl-hero { background: var(--mt-carte-2) !important; border-bottom-color: var(--mt-trait) !important; }

/*  Créer de la valeur (ValueCreation, .vcre-*) : fenêtre en dégradé vertical, bandeau de valeur et carte vedette en halo de marque,
    bouton « go » violet galbé et lumineux. Aplats ; les jauges (remplissage des curseurs, barres +/-) restent : elles mesurent. */
html[data-style="mat"] .vcre-host-panel { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important; }
html[data-style="mat"] .vcre-vbar { background: color-mix(in srgb, var(--brand, #00b1cf) 8%, var(--mt-carte)) !important; border-color: color-mix(in srgb, var(--brand, #00b1cf) 28%, var(--mt-trait)) !important; }
html[data-style="mat"] .vcre-header { background: var(--mt-carte-2) !important; border-bottom-color: var(--mt-trait) !important; }
html[data-style="mat"] .vcre-hero-card { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] .vcre-btn-go { background: color-mix(in srgb, var(--brand2) 18%, var(--mt-carte)) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] .vcre-cb-fill.is-pos { box-shadow: none !important; }

/*  5.5 Module Reporting (.rep-root) : le sol rejouait la nappe du hub sous son verre (quatre halos radiaux et un contraste en
    ::before, une lumière de sol en ::after). En Mat, l'aplat du sol ; les cartes, blanches à 4 % pour se ranger sur le hub vitré,
    prennent la surface pleine des cartes du hub converti. Les jetons du module suffisent : cartes, barres, en-têtes collants. */
html[data-style="mat"] .rep-root {
    background: var(--mt-sol) !important;
    --rep-tint: var(--mt-carte) !important; --rep-tint-2: var(--mt-carte-2) !important;
    --rep-hair: var(--mt-trait) !important; --rep-solide: var(--mt-carte) !important;
}
html[data-style="mat"] .rep-root::before, html[data-style="mat"] .rep-root::after { display: none !important; }

/*  5.6 Portefeuille (.pf-root) : sol sans les deux halos de marque ; les cartes (blanc à 3,5 % sur le sol) deviennent pleines par
    leurs jetons, ce qui couvre aussi les cellules figées du tableau (composées de --pf-card sur --surf-1). L'arête éclairée et le
    galbe des cartes et des boutons principaux disparaissent : aplat, filet, ombre courte. Les voiles des fenêtres (.pf-drill,
    .pf-piloting, .pf-demo-back) restent translucides : ils ne portent pas de texte. */
html[data-style="mat"] .pf-root {
    background-color: var(--mt-sol) !important; background-image: none !important;
    --pf-card: var(--mt-carte) !important; --pf-bd: var(--mt-trait) !important; --pf-shadow: var(--mt-ombre) !important;
}
html[data-style="mat"] .pf-top { background: var(--mt-sol) !important; border-bottom-color: var(--mt-trait) !important; }
html[data-style="mat"] :is(.pf-anim-card, .pf-folder) { background: var(--mt-carte) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] .pf-cta-main { background: var(--brand, #00b1cf) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] .pf-cta-main:hover { box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] .pf-cta-ico { box-shadow: none !important; }
html[data-style="mat"] :is(.pf-demo-modal, .pf-drill-panel, .pf-piloting-box) { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important; }

/*  (fin du lot A) */



/*  ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════
    6. LOT B : analyses et valorisation (fenêtres Analyses et Cession, Overview, analyse financière, valorisation, LBO, levée,
       Analyste IA, Copilote).
    ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */

/*  6.1 Coques des volets (Mes analyses, Préparer ma cession, Financement) : le volet plein écran était un verre teinté de deux
    lueurs (fond « Aurore ») ; sans le flou, le hub se lisait à travers. Le volet devient le sol de la page, l'en-tête une barre
    pleine, comme le hub. Le voile (.apop-backdrop) reste translucide : il ne porte pas de texte et le volet le couvre. */
html[data-style="mat"] .apop { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] .apop.apop-plein { background: var(--mt-sol) !important; border: 0 !important; }
html[data-style="mat"] .apop-header { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: none !important; }

/*  6.2 Mes analyses (préfixe atb-) : cartes pleines, un filet, une ombre courte ; la carte clé perd son dégradé de marque. */
html[data-style="mat"] .atb-bar { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] :is(.atb-card, .atb-kpi) { background: var(--mt-carte) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] :is(.atb-card, .atb-kpi:not([data-level])) { border-color: var(--mt-trait) !important; }
html[data-style="mat"] .atb-card .atb-kpi:not([data-level]) { background: var(--mt-carte-2) !important; box-shadow: none !important; }
html[data-style="mat"] .atb-kpi.is-key { background: color-mix(in srgb, var(--brand) 10%, var(--mt-carte)) !important; border-color: color-mix(in srgb, var(--brand) 34%, var(--mt-trait)) !important; }
/*  Les niveaux (vert, orange, rouge) gardent leur filet et leur teinte, posée sur la carte pleine. */
html[data-style="mat"] .atb-kpi[data-level="vert"] { background: color-mix(in srgb, var(--atb-vert) 7%, var(--mt-carte)) !important; }
html[data-style="mat"] .atb-kpi[data-level="orange"] { background: color-mix(in srgb, var(--atb-orange) 7%, var(--mt-carte)) !important; }
html[data-style="mat"] .atb-kpi[data-level="rouge"] { background: color-mix(in srgb, var(--atb-rouge) 8%, var(--mt-carte)) !important; }
html[data-style="mat"] button.atb-kpi:hover { background: color-mix(in srgb, var(--brand) 6%, var(--mt-carte)) !important; }
/*  Détail d'un poste (fenêtre ouverte depuis une vue) : il reprenait les deux lueurs « Aurore » du volet ; une surface pleine. */
html[data-style="mat"] .atb-pop { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important; }
html[data-style="mat"][data-theme="light"] .atb-pop { box-shadow: 0 12px 32px rgba(15, 38, 56, .14) !important; }

/*  6.3 Vues d'exploitation de Mes analyses (préfixe aex- : BFR, point mort, structure de charges, santé financière). Les
    pastilles, les champs et les boutons gardent leur teinte : elle se pose désormais sur une carte pleine. */
html[data-style="mat"] :is(.aex-card, .aex-kpi) { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] .aex-card .aex-kpi { background: var(--mt-carte-2) !important; box-shadow: none !important; }
html[data-style="mat"] .aex-kpi.is-hero { background: color-mix(in srgb, var(--brand) 10%, var(--mt-carte)) !important; border-color: color-mix(in srgb, var(--brand) 34%, var(--mt-trait)) !important; }
html[data-style="mat"] .aex-read { background: var(--mt-carte) !important; }
html[data-style="mat"] .aex-read.is-lever { background: color-mix(in srgb, var(--aex-amber) 5%, var(--mt-carte)) !important; }
html[data-style="mat"] .aex-read.is-ko { background: color-mix(in srgb, var(--aex-ko) 6%, var(--mt-carte)) !important; }

/*  6.4 Préparer ma cession (préfixe csn-). Les tableaux (.csn-tw, .lbo-tw) superposent des aplats unis (survol, ligne, fond
    collant de la 1re colonne) : ce ne sont pas des dégradés de décor, seul leur fond de base suit la carte intérieure. */
html[data-style="mat"] :is(.csn-card, .csn-kpi, .csn-lever) { background: var(--mt-carte) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] :is(.csn-card, .csn-kpi:not([data-level]):not(.is-key), .csn-lever) { border-color: var(--mt-trait) !important; }
html[data-style="mat"] .csn-card :is(.csn-kpi, .csn-lever) { background: var(--mt-carte-2) !important; box-shadow: none !important; }
html[data-style="mat"] .csn-kpi.is-key { background: color-mix(in srgb, var(--brand) 10%, var(--mt-carte)) !important; border-color: color-mix(in srgb, var(--brand) 34%, var(--mt-trait)) !important; }
html[data-style="mat"] .csn-kpi[data-level] { background: color-mix(in srgb, var(--lvl) 7%, var(--mt-carte)) !important; }
html[data-style="mat"] .csn-read { background: var(--mt-carte) !important; }
html[data-style="mat"] .csn-read.is-warn { background: color-mix(in srgb, var(--csn-amber) 6%, var(--mt-carte)) !important; }
html[data-style="mat"] .csn-read.is-ok { background: color-mix(in srgb, var(--csn-up) 6%, var(--mt-carte)) !important; }
html[data-style="mat"] :is(.csn-tw, .lbo-tw) { --tw-bg: var(--mt-carte-2); }
html[data-style="mat"] .csn-src { background: color-mix(in srgb, var(--brand) 7%, var(--mt-carte)) !important; }
html[data-style="mat"] .csn-opt { background: var(--mt-carte-2) !important; }
html[data-style="mat"] .dr-accueil { background: color-mix(in srgb, var(--brand) 5%, var(--mt-carte)) !important; }

/*  6.5 Financement : Emprunter, LBO (préfixe lbo-) et levée de fonds (préfixe ct-). */
html[data-style="mat"] :is(.lbo-card, .lbo-grp, .lbo-kpi) { background: var(--mt-carte) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] :is(.lbo-card, .lbo-grp, .lbo-kpi:not([data-level]):not(.is-tri)) { border-color: var(--mt-trait) !important; }
html[data-style="mat"] :is(.lbo-card, .lbo-grp) :is(.lbo-kpi, .lbo-tr:not(.lbo-tr-eq)) { background: var(--mt-carte-2) !important; box-shadow: none !important; }
html[data-style="mat"] .lbo-tr { border-color: var(--mt-trait) !important; }
html[data-style="mat"] .lbo-tr-eq { background: color-mix(in srgb, var(--lbo-eq) 7%, var(--mt-carte-2)) !important; border-color: color-mix(in srgb, var(--lbo-eq) 30%, var(--mt-trait)) !important; }
html[data-style="mat"] .lbo-kpi.is-tri { background: color-mix(in srgb, var(--brand) 10%, var(--mt-carte)) !important; border-color: color-mix(in srgb, var(--brand) 34%, var(--mt-trait)) !important; }
html[data-style="mat"] .lbo-kpi.is-sup[data-level="vert"] { background: color-mix(in srgb, var(--f-vert) 7%, var(--mt-carte)) !important; }
html[data-style="mat"] .lbo-kpi.is-sup[data-level="orange"] { background: color-mix(in srgb, var(--f-orange) 7%, var(--mt-carte)) !important; }
html[data-style="mat"] .lbo-kpi.is-sup[data-level="rouge"] { background: color-mix(in srgb, var(--f-rouge) 8%, var(--mt-carte)) !important; }
/*  Levée de fonds, écran d'accueil : la carte perd son halo de marque. */
html[data-style="mat"] .ct-vide-carte { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: var(--mt-ombre) !important; }

/*  6.6 Le volet des vues du hub (IntentPopup : vue d'ensemble, valorisation, analyse financière…). En Moderne, le volet est
    TRANSPARENT et ne tient que par le flou très fort de son voile (blur 25 px, contraste 1,8) : sans lui, le hub entier se lisait
    au travers. Le volet prend le sol de la page, sa barre de navigation une surface pleine. */
html[data-style="mat"] .intent-popup { background: var(--mt-sol) !important; }
html[data-style="mat"] .intent-popup-header { background: var(--mt-carte) !important; border-bottom-color: var(--mt-trait) !important; }
html[data-style="mat"] .intent-popup-arrow { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] .intent-popup-arrow:hover:not(:disabled) { background: color-mix(in srgb, var(--brand) 15%, var(--mt-carte-2)) !important; }

/*  6.6 bis Vue d'ensemble (Overview, préfixes overview-, ov4-, ovm-) : cartes pleines ; « Affiner mon atterrissage » (PilotagePanel,
    propre à cette vue) devient un panneau plein et ses cartes de choix la surface d'un cran au-dessus (le survol et le choix actif
    gardent leur teinte de marque). Le héros trésorerie du téléphone perd son dégradé. */
html[data-style="mat"] :is(.overview-card, .overview-chart-card, .ov4-card, .pilotage-panel) {
    background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: var(--mt-ombre) !important;
}
html[data-style="mat"] .ov4-side-x { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] .pilotage-panel :is(.state-summary:not(.state-summary-teal), .proj-base, .section-block:not(.section-block-dirigeant), .item-row) { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] .pilotage-panel .choice-card:not(.active):not(:hover) { background: var(--mt-carte-2) !important; }
html[data-style="mat"] .ovm-hero-treso { background: color-mix(in srgb, rgb(29, 158, 117) 8%, var(--mt-carte)) !important; }
html[data-style="mat"] .ovm-hero-treso.ovm-hero-critical { background: color-mix(in srgb, rgb(226, 75, 74) 8%, var(--mt-carte)) !important; }
/*  Infobulles du graphique de trésorerie : un verre à 52 % sur les courbes ; pleines (encre claire inchangée, fond sombre gardé). */
html[data-style="mat"] #apexTresoChart .apexcharts-tooltip:is(.apexcharts-theme-dark, .apexcharts-theme-light) { background: rgb(15, 21, 30) !important; }
html[data-style="mat"] .valorisation-sticky { background: var(--mt-carte) !important; }

/*  6.7 Ma valorisation (ValoLight, préfixe vl3-) : le bandeau de tête perd son dégradé, la colonne de lecture devient un panneau
    plein et ses cartes la surface d'un cran au-dessus. */
html[data-style="mat"] :is(.vl3-hero, .vl3-controls) { background: var(--mt-carte) !important; border-bottom-color: var(--mt-trait) !important; }
html[data-style="mat"] .vl3-panel { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] .vl3-card { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; }
/*  Multiples de comparables (fenêtre ouverte depuis la valorisation) : déjà pleine, elle prend la surface des autres fenêtres. */
html[data-style="mat"] .mx-box { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; }

/*  6.8 Assistant IA (choix de l'outil, depuis la carte du hub) et Analyste IA (.aim-modal) : la fenêtre était un verre à 92 %
    teinté de deux halos de la palette ; elle devient pleine, son en-tête sans dégradé, ses cartes la surface d'un cran au-dessus
    (le survol garde sa teinte de marque). Le voile derrière (.hub-ia-fond, .aim-backdrop) reste translucide. */
html[data-style="mat"] :is(.hub-ia-carte, .aim-modal) {
    background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important;
}
html[data-style="mat"][data-theme="light"] :is(.hub-ia-carte, .aim-modal) { box-shadow: 0 12px 32px rgba(15, 38, 56, .14) !important; }
html[data-style="mat"] .hub-ia-opt:not(:hover):not(:focus-visible) { background: var(--mt-carte-2) !important; }
html[data-style="mat"] .aim-head { background: var(--mt-carte-2) !important; border-bottom-color: var(--mt-trait) !important; }
html[data-style="mat"] .aim-modal :is(.ai-card, .aim-start-card):not(:hover):not(.aim-start-vision):not(.ai-vis-card) { background: var(--mt-carte-2) !important; }
html[data-style="mat"] .aim-modal :is(.ai-card, .aim-start-card) { border-color: var(--mt-trait); }
html[data-style="mat"] :is(.aim-start-card.aim-start-vision, .aim-modal .ai-card.ai-vis-card):not(:hover) { background: color-mix(in srgb, var(--brand) 8%, var(--mt-carte-2)) !important; }
html[data-style="mat"] .aim-modal .ai-run { background: var(--mt-carte-2) !important; }
html[data-style="mat"] .aim-right .ai-run.is-max .ai-run-head { background: color-mix(in srgb, var(--brand) 6%, var(--mt-carte-2)) !important; }
html[data-style="mat"] .aim-splitter:hover::before, html[data-style="mat"] .aim-splitter:hover::after, html[data-style="mat"] .aim-collapse:hover { box-shadow: none !important; }

/*  6.8 bis Copilote (CopilotChat, préfixe cop-). Le bouton était un verre incolore à anneau conique (dégradé masqué) : il devient
    un bouton plein, l'anneau remplacé par un filet de marque. Le panneau perd sa lueur de coin (flottant) ou de tête (ancré), son
    en-tête son dégradé ; la colonne des graphiques devient un aplat ; les boutons d'action, l'envoi et la bulle de l'utilisateur
    passent en marque unie (le survol, un filtre de luminosité, reste). */
html[data-style="mat"] .cop-fab { background: var(--mt-carte-2) !important; border-color: color-mix(in srgb, var(--brand) 55%, var(--mt-trait)) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] .cop-fab::before { display: none !important; }
html[data-style="mat"] :is(.cop-fab:hover, .cop-fab.act) { background: color-mix(in srgb, var(--brand) 12%, var(--mt-carte-2)) !important; }
html[data-style="mat"] .cop-panel { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important; }
html[data-style="mat"][data-theme="light"] .cop-panel { box-shadow: 0 12px 32px rgba(15, 38, 56, .14) !important; }
html[data-style="mat"] .cop-panel.docked { border: 0 !important; border-left: 1px solid var(--mt-trait) !important; box-shadow: none !important; }
html[data-style="mat"] .cop-head { background: var(--mt-carte-2) !important; border-bottom-color: var(--mt-trait) !important; }
html[data-style="mat"] .cop-ava { box-shadow: none !important; }
html[data-style="mat"] .cop-chart-side { background: var(--mt-carte-2) !important; box-shadow: none !important; }
html[data-style="mat"] .cop-menu { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] :is(.cop-send, .cop-action, .cop-wll-btn.primary, .cop-msg.user .cop-bubble) { background: var(--brand) !important; }

/*  6.9 Diagnostic financier (AnafiLight, préfixe anafi-) : un panneau plein, l'en-tête sans dégradé, le bouton de lancement sans
    halo (teinte unie, filet de la couleur). Mêmes règles pour le diagnostic rédigé (décisions, cartes du rail). */
html[data-style="mat"] .anafi-light { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] :is(.anafi-header, .anafi-rail) { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] :is(.anafi-card, .anafi-dec) { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] .anafi-launch-btn { background: color-mix(in srgb, var(--mud-palette-tertiary) 14%, var(--mt-carte)) !important; box-shadow: none !important; }
html[data-style="mat"] .anafi-launch-btn:hover { background: color-mix(in srgb, var(--mud-palette-tertiary) 22%, var(--mt-carte)) !important; box-shadow: none !important; }
html[data-style="mat"] .anafi-pill-streaming .anafi-pill-dot { box-shadow: none !important; }
/*  « Score sectoriel » de l'en-tête : blanc à 50 % en dur, invisible sur la surface claire (déjà le cas en Moderne clair). */
/*  Téléphone : l'écran de lancement recouvre le rail ; il était translucide ET flouté, il devient plein. */
@media (max-width: 768px) { html[data-style="mat"] .anafi-launch-overlay { background: var(--mt-carte) !important; } }

/*  (fin du lot B) */



/*  ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════
    7. LOT C : coque et fenêtres communes (accueil, Mes analyses, Partager, Présentations PowerPoint et compositeur, bandeaux et
       verrous d'actualisation, menus, infobulles, menu du compte, tarifs, prise en main, feuilles du téléphone).
    ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */

/*  Principe du lot : les cartes et tout ce qui FLOTTE (menus, infobulles, notifications, fenêtres, en-têtes collants) prennent une
    surface pleine ; les petites pastilles teintées posées sur une surface déjà pleine restent telles quelles (sur un aplat, une
    teinte translucide se lit comme une couleur pleine). */

/*  7.1 ÉCRAN DE CHARGEMENT (splash de index.html, avant Blazor) : un aplat, ni halo qui respire ni lueur. L'anneau qui tourne et
    la barre de progression restent : ce sont les témoins du chargement. */
html[data-style="mat"] #app .boot { background: var(--mt-sol) !important; }
html[data-style="mat"] #app .boot-logo-wrap::before { display: none !important; }
html[data-style="mat"] #app .boot-logo { filter: none !important; }
html[data-style="mat"] #app .boot-fill { box-shadow: none !important; }
html[data-style="mat"] #app .boot-track { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; }

/*  Écran de lecture des FEC et fenêtre « Mes chiffres par exercice » (FecLoader : colonnes d'exercice .pc-*, cartes .kpi-card,
    synthèse) : cartes pleines, sans le voile d'accent en coin ni le liseré en dégradé ; la fenêtre sur le sol de l'application. */
html[data-style="mat"] :is(.pc-h, .pc-card, .pc-ring, .kpi-card, .synthesis-hero) { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] .pc-card::before, html[data-style="mat"] .kpi-card::before { display: none !important; }
html[data-style="mat"] .kpi-card::after { background: var(--accent, var(--sl1)) !important; }
html[data-style="mat"] .recap-modal { background: var(--mt-sol) !important; border-color: var(--mt-trait) !important; }

/*  7.2 ACCUEIL (écran d'entrée, coque statique comprise : mêmes classes, entry.css) : cartes pleines, accroche en texte plein,
    survols par la bordure et une ombre courte, sans halo. Les règles « image d'ambiance » d'entry.css (html[data-fond]) sont
    couvertes par !important. */
html[data-style="mat"] .entry-screen .entry-accent {
    background: none !important; -webkit-text-fill-color: currentColor !important; color: var(--brand-strong, var(--brand)) !important; animation: none !important;
}
html[data-style="mat"] .entry-screen :is(.dropzone, .dz-carte.a-reprise, .btn-demo, .crea-door, .entry-pro, .tzh-hyp) {
    background: var(--mt-carte) !important; box-shadow: var(--mt-ombre) !important;
}
html[data-style="mat"] .entry-screen :is(.btn-demo, .crea-door, .entry-pro, .tzh-hyp) { border-color: var(--mt-trait) !important; }
html[data-style="mat"] .entry-screen .dz-carte.a-reprise > .dropzone { background: none !important; box-shadow: none !important; }
html[data-style="mat"] .entry-screen :is(.dropzone:hover, .dz-carte.a-reprise:has(> .dropzone:hover), .btn-demo:hover, .crea-door:hover, .entry-pro:hover) {
    background: var(--mt-carte-2) !important; box-shadow: var(--mt-ombre) !important;
}
html[data-style="mat"] .entry-screen .dz-carte.a-reprise > .dropzone:hover { background: none !important; }
html[data-style="mat"] .entry-screen :is(.dropzone-active, .dz-carte.a-reprise > .dropzone-active) { background: color-mix(in srgb, var(--brand) 8%, var(--mt-carte)) !important; }
/*  Pendant un glisser-déposer, l'anneau de la marque autour du dépôt reste : c'est le retour du geste, pas un halo. */
html[data-style="mat"] .entry-screen :is(.dropzone.dropzone-active, .dz-carte.a-reprise:has(> .dropzone.dropzone-active)) { box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 15%, transparent) !important; }
html[data-style="mat"] .entry-screen .dropzone-icon { filter: none !important; }
html[data-style="mat"] .entry-screen .dz-rep-go { box-shadow: none !important; }
html[data-style="mat"] .entry-coin { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: var(--mt-ombre) !important; }
/*  Pastilles flottantes des coins (« Mes analyses », « Espace cabinet », invitation au compte) : pleines ; elles gardent leur ombre
    portée (noire, elles flottent au-dessus de la page), la bordure teintée marque le survol. */
html[data-style="mat"] :is(.bk-fab, .cab-fab) { background: var(--mt-carte) !important; }
html[data-style="mat"] :is(.bk-fab, .cab-fab):hover { background: color-mix(in srgb, var(--brand) 12%, var(--mt-carte)) !important; }
html[data-style="mat"] .acct-nudge-fab { background: color-mix(in srgb, var(--mud-palette-primary, var(--brand)) 20%, var(--mt-carte)) !important; }

/*  7.3 « MES ANALYSES » et les fenêtres .bk-modal de l'accueil (FecLoader) : la fenêtre en aplat, l'en-tête et la colonne de gauche
    une marche au-dessus. Le voile derrière la fenêtre reste translucide (il ne porte pas de texte). */
html[data-style="mat"] .bk-modal { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] :is(.bk-modal-head, .bk-side) { background: var(--mt-carte-2) !important; }
/*  Autres fenêtres de la coque (FecLoader) : mise à jour d'un dossier (.upd-modal), retour à l'accueil (.reset-confirm-modal) :
    aplat, ni dégradé ni lueur de la marque. */
html[data-style="mat"] :is(.upd-modal, .reset-confirm-modal) { background: var(--mt-carte) !important; }
html[data-style="mat"] .reset-confirm-modal { box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important; }
/*  Fenêtre « Recevez votre analyse » (accès par e-mail, .acct-modal, analyses.css) : aplat sans halo de la marque en tête. */
html[data-style="mat"] .acct-modal { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; }
/*  Les mots en gras de la colonne de gauche sont d'un vert pâle écrit en dur, illisible en clair (déjà vrai en Moderne) : encre du thème. */

/*  Fenêtre plein écran des vues du hub (Pages/IntentPopup : « Mes clients » et les autres cartes « Que voulez-vous explorer ? ») :
    en Moderne, son fond n'est qu'un voile sur un hub très flouté ; sans le flou, le hub se lisait au travers des tableaux. C'est un
    sol, pas un voile : l'aplat de la page. */
html[data-style="mat"] .intent-popup-backdrop { background: var(--mt-sol) !important; }

/*  7.4 PRISE EN MAIN, VISITE GUIDÉE, BANDEAU DU COACH (analyses.css) : fenêtre de choix et bandeaux du bas pleins (ils flottent
    au-dessus des cartes du hub) ; boutons orange sans lueur ; la cible de la visite garde son contour, sans halo flou. */
html[data-style="mat"] :is(.demo-choice, .tour-bar, .coach-bar, .tour-card, .onb-card, .onb-carnet) {
    background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: 0 12px 32px rgba(0, 0, 0, .35) !important;
}
html[data-style="mat"][data-theme="light"] :is(.demo-choice, .tour-bar, .coach-bar, .tour-card, .onb-card, .onb-carnet) { box-shadow: 0 12px 32px rgba(15, 38, 56, .16) !important; }
html[data-style="mat"] :is(.onb-card, .onb-carnet).over { border-color: #f59e0b !important; }
html[data-style="mat"] :is(.demo-choice-card, .onb-prof, .onb-plan) { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] :is(.demo-choice-card.primary, .onb-prof.on) {
    background: color-mix(in srgb, var(--mud-palette-primary, var(--brand)) 14%, var(--mt-carte)) !important;
    border-color: color-mix(in srgb, var(--mud-palette-primary, var(--brand)) 55%, transparent) !important;
}
html[data-style="mat"] :is(.gtour-btn.primary, .tour-demo-btn.run, .dcc-badge, .coach-flag) { box-shadow: none !important; }
html[data-style="mat"] .coach-on .intent-card.coach-hero { box-shadow: 0 0 0 2px color-mix(in srgb, var(--mud-palette-primary, var(--brand)) 55%, transparent) !important; }
html[data-style="mat"] .tour-glow { box-shadow: 0 0 0 5px rgba(245, 158, 11, .18) !important; }

/*  7.5 PRÉSENTATIONS POWERPOINT et compositeur (Shared/MemorandumModal) : fenêtre en aplat sans les deux halos de palette, en-tête
    et pied une marche au-dessus, cartes de modèle pleines, bouton principal en couleur pleine. La barre de l'étape en cours garde
    son dégradé (c'est une progression). */
html[data-style="mat"] .memo-modal { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] :is(.memo-tete, .memo-etapes, .memo-pied) { background: var(--mt-carte-2) !important; box-shadow: none !important; }
html[data-style="mat"] .memo-tete { border-bottom-color: var(--mt-trait) !important; }
html[data-style="mat"] .memo-tete::before { display: none !important; }
html[data-style="mat"] .memo-tete-ic { background: var(--memo-a, var(--brand)) !important; }
html[data-style="mat"] .memo-carte { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] .memo-carte:hover { border-color: color-mix(in srgb, var(--brand) 45%, var(--mt-trait)) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] .memo-carte.choisi { border-color: var(--brand) !important; box-shadow: 0 0 0 1px var(--brand) inset !important; }
html[data-style="mat"] .memo-carte::before { background: var(--brand) !important; }
html[data-style="mat"] .memo-btn.primaire { background: var(--brand) !important; box-shadow: none !important; }
/*  Étape « Options » et compositeur : blocs de réglages, colonnes et lignes de diapositives pleins ; champs sur l'aplat de la carte. */
html[data-style="mat"] :is(.memo-reglages, .memo-compo-entree, .compo-col, .memo-controle, .dest-exemplaire, .logo-soc) { background: var(--mt-carte-2) !important; }
html[data-style="mat"] :is(.compo-diapo, .memo-champ input, .memo-champ select, .memo-champ textarea) { background: var(--mt-carte) !important; }
/*  Contrôle avant envoi (controle-envoi.css) et tuiles du compositeur (livrables-compositeur.css) : pleins, sur l'aplat de la carte. */
html[data-style="mat"] :is(.envoi-bilan, .envoi-constat, .lvc-tuiles li) { background: var(--mt-carte) !important; }
/*  Présentations par lot (Shared/PresentationsLot, livrables-lot.css, même famille que la fenêtre ci-dessus) : mêmes règles. */
html[data-style="mat"] .plo-modal { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; }
html[data-style="mat"] :is(.plo-tete, .plo-pied) { background: var(--mt-carte-2) !important; }
html[data-style="mat"] .plo-tete { border-bottom-color: var(--mt-trait) !important; }
html[data-style="mat"] .plo-tete::before { display: none !important; }
html[data-style="mat"] .plo-tete-ic { background: var(--plo-a, var(--brand)) !important; }
html[data-style="mat"] .plo-btn.primaire { background: var(--brand) !important; }
/*  « Avant d'actualiser » (LivrableApercu, livrables-peage.css) : panneau plein, sans halo ni liseré en dégradé. Les vignettes
    schématiques des diapositives gardent leurs dégradés : ce sont des aperçus de diapositives. */
html[data-style="mat"] .lvp-apercu { background: var(--mt-carte-2) !important; }
html[data-style="mat"] .lvp-apercu::before { display: none !important; }
/*  Étape « Style » (StylesPresentationChoix, styles-presentation.css) : cartes pleines, badge « Recommandé » en couleur pleine,
    style retenu cerclé sans lueur. Les images d'aperçu des styles restent telles quelles. */
html[data-style="mat"] .spc-carte { background: var(--mt-carte-2) !important; }
html[data-style="mat"] .spc-carte.choisi { box-shadow: 0 0 0 1px var(--brand, #00b1cf) inset !important; }
html[data-style="mat"] .spc-reco { background: var(--memo-a, var(--brand)) !important; }

/*  7.6 CE QUI FLOTTE : infobulles (data-tip : portail .iku-tip ; bulles .iku-tip-bubble ; .hyp-mud-tip), notifications (.iku-toast,
    ToastHost ; .mud-snackbar), menu du compte (.mcpt, MenuCompte), listes déroulantes (.custom-dropdown-menu). Sans le flou, une surface translucide laisserait lire la page au
    travers : surfaces pleines. Les notifications gardent leur barre de couleur à gauche (sévérité). */
html[data-style="mat"] :is(.iku-tip, .iku-tip-bubble, .iku-toast, .mcpt, .custom-dropdown-menu) { background: var(--mt-carte) !important; }
html[data-style="mat"] .iku-tip { border-color: var(--mt-trait) !important; }
html[data-style="mat"] .mud-tooltip.hyp-mud-tip { background: var(--mt-carte) !important; }
html[data-style="mat"] .mud-tooltip.hyp-mud-tip .mud-tooltip-arrow { color: var(--mt-carte) !important; }
/*  Snackbar : son texte est clair en dur, la surface reste sombre dans les deux thèmes (comme en Moderne), en aplat. */
html[data-style="mat"] .mud-snackbar.mud-snackbar-surface { background: rgb(9, 29, 40) !important; }

/*  7.7 ACTUALISATION (actualisation.css : verrous, bandeaux, « ce que l'actualisation ouvre », aperçu illustratif) : les bandeaux en
    tête de vue et le panneau de la porte prennent une surface pleine teintée ; les tuiles de « ce qu'elle ouvre » sont pleines, sans
    reflet en dégradé ; l'étiquette posée sur l'aperçu illustratif est pleine (elle porte du texte sur une image floue). L'aperçu
    illustratif lui-même garde son dégradé (illustration). La fenêtre de paiement garde ses couleurs figées (Stripe). */
html[data-style="mat"] .actu-verrou.v-bandeau { background: color-mix(in srgb, var(--brand) 7%, var(--mt-carte)) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] .actu-verrou.v-bandeau.is-date { background: color-mix(in srgb, var(--color-warning, #f0a020) 8%, var(--mt-carte)) !important; }
/*  Le panneau qui remplace une vue verrouillée (simulateur, concentration client…) : une carte pleine, où qu'il soit posé (sans le
    fond de la vue, la page se lisait au travers). */
html[data-style="mat"] .actu-verrou.v-panneau { background: var(--mt-carte) !important; border: 1px solid var(--mt-trait) !important; border-radius: 16px; }
html[data-style="mat"] .actu-ouvre-el { background: var(--mt-carte-2) !important; }
html[data-style="mat"] .actu-ouvre-el.is-vue { background: color-mix(in srgb, var(--brand) 10%, var(--mt-carte-2)) !important; }
html[data-style="mat"] .actu-illu-etiq { background: var(--mt-carte) !important; border-color: var(--mt-trait) !important; box-shadow: var(--mt-ombre) !important; }
html[data-style="mat"] .vit-etiq-pill { box-shadow: none !important; }

/*  7.8 OFFRES ET TARIFS (Pages/Pricing : page /tarifs et modale du hub ; offre-fraicheur.css, préfixe ofr- : vues conseil et
    dirigeant). Les surfaces « feuille » passent par leur jeton (--ofr-sheet) ; plus de halos (bandeau, simulateur), plus de texte en
    dégradé, boutons, badges et repères en couleur pleine. La barre d'ancres prend la peau de la barre du hub en Mat (surface pleine,
    encre du thème), y compris collée (ses prolongements latéraux reprennent la même surface). Restent en dégradé : la courbe de la
    frise (graphique), les barres de part et de comparaison du simulateur (jauges), les puces rondes des listes (pastilles dessinées). */
/*  Le sol des pages plein écran du gabarit (MainLayout .dealiku-fullscreen : /tarifs, /pro) : celui de l'application en Mat. */
html[data-style="mat"] .dealiku-fullscreen { background: var(--mt-sol) !important; }
html[data-style="mat"] .ofr {
    --ofr-sheet: var(--mt-carte) !important; --ofr-glow: 0% !important; --ofr-shadow: var(--mt-ombre) !important; --ofr-shadow-up: var(--mt-ombre) !important;
}
html[data-style="mat"] :is(.pr-head, .pr-foot) { background: var(--mt-carte) !important; }
html[data-style="mat"] .fec-pricing-modal-card { background: var(--mt-sol) !important; }
html[data-style="mat"] .ofr-grad, html[data-style="mat"] .ofr-regles li::before {
    background: none !important; -webkit-text-fill-color: currentColor !important; color: var(--ofr-grad-a, var(--brand-strong)) !important;
}
html[data-style="mat"] :is(.ofr-hero, .ofr-sim, .ofr-offre, .ofr-abo) { background: var(--mt-carte) !important; }
html[data-style="mat"] .ofr-offre.ofr-coeur { background: color-mix(in srgb, var(--brand) 6%, var(--mt-carte)) !important; border-color: var(--brand) !important; }
html[data-style="mat"] .ofr-offre.ofr-vise { box-shadow: var(--ofr-shadow-up) !important; }
html[data-style="mat"] :is(.ofr-puce, .ofr-stat, .ofr-facture) { background: var(--mt-carte-2) !important; }
html[data-style="mat"] .ofr-cta-2 { background: var(--mt-carte) !important; }
html[data-style="mat"] :is(.ofr-cta-1, .ofr-badge, .ofr-btn[aria-pressed="true"], .ofr-choix input:checked + span, .ofr-frise-repere, .ofr-frise-axe .ici, .ofr-frise-tag.leviers, .ofr-frise-leviers li .num) {
    background: var(--brand) !important;
}
html[data-style="mat"] :is(.ofr-cta-1, .ofr-badge) { box-shadow: none !important; }
html[data-style="mat"] .ofr-paliers div { border-image: none !important; border-top-color: var(--brand) !important; }
html[data-style="mat"] .ofr-frise-etiq { background: var(--mt-carte) !important; }
html[data-style="mat"] .ofr-ancres-in {
    --vit-g1: var(--mt-carte); --vit-g2: var(--mt-carte); --vit-encre: var(--tx1); --vit-contre: var(--mt-sol); --vit-liser: transparent;
    background: var(--mt-carte) !important; border-color: var(--mt-trait) !important;
}

/*  (fin du lot C) */



/*  ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════
    8. DÉGRADÉS RESTANTS (tri du 10/10)
    ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */

/*  Le tri d'Arthur : (1) l'aire sous une courbe devient un aplat léger de sa couleur (opacité .15, sans fondu) ; (2) les barres de
    progression, jauges et curseurs à deux teintes prennent leur couleur principale ; (3) l'ombre portée de la colonne figée du
    tableau du pilotage devient un filet. Restent en dégradé (la couleur y porte une valeur ou une illustration) : la carte de chaleur
    de la sensibilité et les jauges vert-orange-rouge, les fondus de défilement, les nuanciers de palette, les aperçus des styles
    PowerPoint et l'aperçu illustratif, les légendes de couleur des graphiques, la courbe de la frise des tarifs (trait, pas une aire)
    et le trait qui relie les deux méthodes de la valorisation (il va d'une couleur de méthode à l'autre). Les rampes « à arrêt net »
    (curseur rempli jusqu'à la valeur, puis la piste) ne sont pas des dégradés : elles restent. */

/*  8.1 Aires sous les courbes. ApexCharts : app.js (window._ikuApexAplat) note sur chaque arrêt du dégradé d'une AIRE la couleur à
    tenir (--mt-stop) ; on ne la lit qu'ici, donc en Mat seulement, et la bascule de style est immédiate. Les barres n'ont pas de
    --mt-stop : elles ne bougent pas. */
html[data-style="mat"] .apexcharts-canvas stop[style*="--mt-stop"] { stop-color: var(--mt-stop) !important; stop-opacity: var(--mt-aire) !important; }
/*  Courbes dessinées à la main (SVG des .razor), désignées par l'identifiant ou la classe de leur dégradé : la carte « Simuler mes
    décisions » du hub (FecLoader), la courbe de trésorerie d'une fiche du portefeuille (identifiants rmg…), l'arbitrage de
    rémunération, la frise d'un parcours live, la fenêtre de reprise (ReopenPrompt), l'atelier de budget du Reporting. */
html[data-style="mat"] :is(#sparkFillReal, #sparkFillProj, #rpFill, linearGradient[id^="rmg"]) stop,
html[data-style="mat"] .tvv-tl-svg linearGradient stop,
html[data-style="mat"] :is(.remun-arb-tc-s1, .remun-arb-tc-s2) { stop-opacity: var(--mt-aire) !important; }
html[data-style="mat"] :is(.bat-g-s1, .bat-g-s2) { stop-color: color-mix(in srgb, var(--rep-accent) calc(var(--mt-aire) * 100%), transparent) !important; }

/*  8.2 Barres dégradées dans leur hauteur (histogrammes du Reporting, pont de résultat, cascades du BFR, Gantt), barres de
    progression et jauges à deux teintes : leur couleur principale, en aplat. */
html[data-style="mat"] .rep-g-s2 { stop-color: var(--rep-accent) !important; }
html[data-style="mat"] .rep-pt-s2 { stop-color: var(--rep-dim) !important; }
html[data-style="mat"] :is(.bar-cli, .bar-net) { background: var(--brand) !important; }
html[data-style="mat"] .bar-sto { background: var(--brand2) !important; }
html[data-style="mat"] .bar-fou { background: var(--brand3) !important; }
html[data-style="mat"] .bar-det { background: color-mix(in srgb, var(--brand3) 70%, #ffffff) !important; }
html[data-style="mat"] .bar-ded { background: rgba(226, 75, 74, .55) !important; }
html[data-style="mat"] .bar-res { background: var(--an-green) !important; }
html[data-style="mat"] .an-wf2 :is(.seg.bar-cli, .seg.bar-net) { background: color-mix(in srgb, var(--brand) 60%, transparent) !important; }
html[data-style="mat"] .an-wf2 .seg.bar-sto { background: color-mix(in srgb, var(--brand2) 60%, transparent) !important; }
html[data-style="mat"] .an-wf2 .seg.bar-fou { background: color-mix(in srgb, var(--brand3) 58%, transparent) !important; }
html[data-style="mat"] .an-wf2 .seg.bar-det { background: color-mix(in srgb, color-mix(in srgb, var(--brand3) 70%, #ffffff) 58%, transparent) !important; }
html[data-style="mat"] .gnt-bar2 { background: var(--brand, #00B1CF) !important; }
/*  Créer de la valeur : barres +/- des leviers (le halo de la barre positive est déjà retiré au lot A). */
html[data-style="mat"] .vcre-cb-fill.is-pos { background: var(--st-green, #34d399) !important; }
html[data-style="mat"] .vcre-cb-fill.is-neg { background: var(--st-red, #f87171) !important; }
/*  Hub et vues : concentration des clients (top 5, 10, 20), fourchette de valorisation, barres de comparaison des analyses. */
html[data-style="mat"] :is(.intent-conc-fill, .intent-conc-fill-5) { background: var(--brand) !important; box-shadow: none !important; }
html[data-style="mat"] .intent-conc-fill-10 { background: var(--brand2) !important; box-shadow: none !important; }
html[data-style="mat"] .intent-conc-fill-20 { background: var(--brand3) !important; box-shadow: none !important; }
html[data-style="mat"] .intent-vbar-band { background: var(--brand) !important; box-shadow: none !important; }
html[data-style="mat"] .an-fill { background: color-mix(in srgb, var(--brand) 72%, transparent) !important; }
html[data-style="mat"] .an-fill.up { background: rgba(240, 149, 149, .78) !important; }
/*  Barres de progression : prêt, crédits, parcours live, présentations (par lot, étape en cours du compositeur), tarifs (parts et
    comparaison du simulateur), administration des prix. */
html[data-style="mat"] :is(.pret-bal-fill, .cpm-bar span, .tvv-scorebar-fill, .adp-bar-fill, .ofr-part-barre i, .ofr-barre-mieux .ofr-fill) { background: var(--brand, #00B1CF) !important; }
html[data-style="mat"] .plo-barre-rempli { background: var(--plo-a) !important; }
html[data-style="mat"] .memo-etape-i.en-cours .memo-etape-barre { background: var(--memo-a) !important; }
/*  Organigramme : le nœud racine, en dégradé de la marque, devient la marque pleine. */
html[data-style="mat"] .orgsvg linearGradient stop { stop-color: var(--brand, #2b8fb0) !important; }
/*  Pastille « Parler à un conseil » (conseil.css) : le dégradé orange devient sa teinte du milieu. */
html[data-style="mat"] .cns-avatar { background: #e36f4c !important; }

/*  8.3 Colonne figée des tableaux (pilotage, Reporting, budget) : l'ombre portée de 7 px qui la détachait des chiffres devient un
    filet de 1 px du thème : la bordure droite de la cellule (bordures séparées : elle suit la cellule collante et reste visible
    pendant le défilement horizontal). Le liseré intérieur (--ftt-frost-edge) doublait ce trait : retiré avec l'ombre. */
html[data-style="mat"] .ftt.is-styled tbody td.ftt-frozen { box-shadow: none; }
html[data-style="mat"] .ftt.is-styled .ftt-frozen { border-right-color: var(--mt-trait) !important; }

/*  (fin des dégradés restants) */



/*  ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════
    9. CONTRASTE DES PETITS TEXTES COLORÉS EN CLAIR (10/10)
    ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */

/*  En clair, les petits textes verts, sarcelle et rouges (écarts, pourcentages, pastilles « équilibré ») gardaient les teintes
    pensées pour le sombre (#5DCAA5, #3dd7b0, #F09595, la couleur de marque en texte) : 1,4 à 2,6:1 sur leur surface, mesuré
    écran par écran (simulateur, Mes clients, pilotage, valorisation, hub, Mes analyses, Financement, Copilote). Mat et Papier
    (Papier pose aussi data-style="mat") : même teinte, foncée jusqu'à 4,5:1 au moins sur la surface réelle, pastilles teintées
    comprises (le fond des pastilles ne bouge pas). Le sombre n'est pas touché. La marque reste la marque : son texte est un
    mélange de la couleur de la palette et d'une encre sarcelle très sombre (même principe que --brand-strong, un cran plus
    foncé pour tenir sur les pastilles teintées de la marque). */
html[data-style="mat"][data-theme="light"] {
    --mt-vert-texte: #0f6b50;      /* 5,4:1 sur une pastille verte à 12 %, 6,4:1 sur une carte */
    --mt-rouge-texte: #b42318;     /* 5,0:1 sur une pastille rouge à 16 % */
    --mt-ambre-texte: #92400e;
    --mt-marque-texte: color-mix(in srgb, var(--brand) 50%, #031c26);
    --mt-tertiaire-texte: color-mix(in srgb, var(--mud-palette-tertiary) 50%, #031c26);
}

/*  9.1 Hausses et états favorables (vert). */
html[data-style="mat"][data-theme="light"] :is(
    .castress-btn.up, .trend-success, .valo-trend-positive, .ov4-card-foot b.pos, .ov4-gap.pos b, .ov4-lever-v.pos, .ov4-reading .pos,
    .ov4-seuil-pb.pos b:last-child, .financing-ok .financing-alert-title strong, .ovm-hero-eyebrow, .impact-delta.positive, .impact-status.ok,
    .intent-card-banner-cta, .intent-card-banner-ratio, .bal-chip.ok, .fintree-eq.ok, .fintree-rt span.up, .fintree-rt-gap.up b, .ft-bridge-d.up,
    .anom-pct.up, .synth-kpi-sub .up, .sat-card-l2.up, .sat-sentence b.up, .sat-tile.up span, .cash-chip.cash-s0 .cash-chip-v, .sp-btn.up,
    .kv-ok, .fcm-bal-ok, .vl3-tile-d.up, .vl3-adj-driver.up, .vl3-adj-tilt.up, .anafi-vd.ok .anafi-vd-l, .anafi-todo small, .anafi-abtn.on,
    .atb-pill.vert, .actu-badge:is(.is-acquis, .is-frais, .is-gratuit)) {
    color: var(--mt-vert-texte) !important;
}
/*  9.2 Baisses et alertes (rouge, ambre). */
html[data-style="mat"][data-theme="light"] :is(
    .castress-btn.down, .trend-danger, .subtitle-danger, .valo-trend-negative, .ov4-card-foot b.neg, .ov4-gap.neg b, .ov4-lever-v.neg,
    .ov4-reading .neg, .ov4-seuil-pb.neg b:last-child, .impact-delta.negative, .sp-btn.down, .tcl-pill.down, .tcl-pred-delta.down, .tcl-kpi-d.down) {
    color: var(--mt-rouge-texte) !important;
}
html[data-style="mat"][data-theme="light"] .lbo-alert.warn { color: var(--mt-ambre-texte) !important; }
/*  9.3 Texte à la couleur de la marque (chiffre vedette de Mes clients et de la valorisation, écarts en hausse de Mes clients, rangs,
    colonne triée, ligne de total, libellés de lecture du pilotage, raccourcis du Copilote). Les surfaces teintées gardent leur teinte. */
html[data-style="mat"][data-theme="light"] :is(
    .tcl-hero-amount, .tcl-hero-unit, .tcl-hero-meta.trend-up, .tcl-kpi-d.up, .tcl-pill.up, .tcl-pred-delta.up, .tcl-rank-badge,
    .tcl-sortable.sort-asc, .tcl-sortable.sort-desc, .tcl-tfoot .tcl-td, .tcl-trend-cell.up, .tcl-yval-main.accent, .tcl-foot-seg .tcl-seg-option.active,
    .vl3-hero-amount, .vl3-hero-unit, .vl3-hero-mode, .overview-eyebrow, .bridge-result .bridge-label, .bridge-result .bridge-value, .btn-hypotheses-badge,
    .custom-stripline-label-right, .valo-toggle-btn.active, .view-toggle-btn.active, .valo-sticky-btn.active, .fec-progress-value) {
    color: var(--mt-tertiaire-texte) !important;
}
/*  Choix actif du sélecteur de pied (Top 5 / 6) : sa pastille est la plus dense (marque à 24 %), un cran plus foncé. */
html[data-style="mat"][data-theme="light"] .tcl-foot-seg .tcl-seg-option.active { color: color-mix(in srgb, var(--mud-palette-tertiary) 40%, #031c26) !important; }
html[data-style="mat"][data-theme="light"] :is(.fintree-reading-eb,.cop-chip.lead, .cop-handoff-link, .hubsynth-pilot) { color: var(--mt-marque-texte) !important; }
/*  Choix actif d'un sélecteur dont le texte prend la couleur d'information de la palette (VE / VT de la valorisation, profil d'un
    emprunt) : le texte foncé, la pastille inchangée. */
html[data-style="mat"][data-theme="light"] .vl3-vevt-option.active { color: color-mix(in srgb, var(--mud-palette-info) 42%, #031c26) !important; }
html[data-style="mat"][data-theme="light"] .lbo-seg button:is([aria-checked="true"], [aria-selected="true"]) { color: color-mix(in srgb, var(--lbo-info) 42%, #031c26) !important; }
/*  Tableau du pilotage (FinTreeTable) : intitulés de section (« Comptes de résultats »…) et lignes de pourcentage à la couleur BRUTE
    de la palette, posées en style en ligne par CustomFinTree (--ftt-title-ink sur l'enveloppe, color: sur chaque cellule des lignes
    de pourcentage et des lignes repères, CellInk : colorValue1 ; les lignes pleines y portent var(--tx1), sans dièse) ; les
    négatifs en corail (#FD7358), les lignes d'ajustement en var(--brand). Le jeton posé sur .ftt l'emporte par héritage ; les
    cellules en ligne demandent !important. */
html[data-style="mat"][data-theme="light"] .ftt { --ftt-title-ink: var(--mt-marque-texte) !important; }
html[data-style="mat"][data-theme="light"] .ftt tbody tr:is(.ft-perc, .ft-major) > td > span[style*="color:#"]:not([style*="FD7358" i]) { color: var(--mt-marque-texte) !important; }
html[data-style="mat"][data-theme="light"] .ftt tbody td > span[style*="var(--brand)"] { color: var(--mt-marque-texte) !important; }
html[data-style="mat"][data-theme="light"] .ftt tbody td > span[style*="FD7358" i] { color: var(--mt-rouge-texte) !important; }
/*  Note du diagnostic : sa couleur (vert, sarcelle, orange, rouge selon la note) est posée en style en ligne ; on l'assombrit sans
    la remplacer (même teinte, 6:1 au moins sur la carte). */
html[data-style="mat"][data-theme="light"] .anafi-score-val { filter: brightness(.62); }
/*  Valorisation : texte des méthodes (DCF, LBO, VT) plus près de l'encre que les 55 % du clair (la surface de Mat est plus claire
    que celle pour laquelle le mélange a été mesuré), et la VE du pont (or) tirée vers l'encre. Barres et points gardent leur couleur. */
html[data-style="mat"][data-theme="light"] .vl3-root { --vl3-tx-part: 42%; }
html[data-style="mat"][data-theme="light"] .vl3-pont-row.is-ve .vl3-pont-v { color: color-mix(in srgb, var(--vl3-ve) 55%, var(--mud-palette-text-primary)) !important; }
/*  Pilotage : libellé du volet repliable « Graphique & valo », un gris-bleu clair écrit en dur. */
html[data-style="mat"][data-theme="light"] .hyp-split { color: #4f6470 !important; }
/*  9.4 Choix actif sur la marque pleine, dans les deux thèmes (10/10). Pilotage, vue Graphiques (PilotDataViz) : « M€ | % » et ses
    voisins écrivent le choix actif en --mud-palette-tertiary-text (blanc, ou l'ivoire de l'encre en Papier sombre) : 2,8:1 en Mat
    sombre, 2,3:1 en Papier sombre. L'encre décidée par la marque (--brand-contrast, comme les sélecteurs .iku-seg) : 6,6:1. Le
    bouton « Créer mon accès » de la notification de compte écrivait en Mat clair la couleur du sol (--c2, claire) sur la marque :
    2,4:1. Les deux sont désormais corrigés À LA SOURCE (PilotDataViz.razor, FecLoader.razor), pour tous les styles. */

/*  (fin du contraste des petits textes colorés) */



/*  ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════
    10. GRAPHIQUES (10/10)
    ════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════════ */

/*  Les graphiques suivent le style, en CSS seulement (la bascule de style est immédiate, sans redessin) : un quadrillage en traits
    PLEINS à la couleur des filets de Mat (ApexCharts le pose en pointillés, en attribut, qu'une propriété CSS emporte), et aucun
    halo ni ombre portée sur les séries AU REPOS (la ligne de marge du graphique CA/EBE en portait une). Le survol garde un retour
    (10/10) : la règle ne vise plus l'élément survolé, et une série survolée (barre, aire, courbe, part) s'éclaircit d'un cran, en
    CSS ; la propriété l'emporte sur l'attribut filter qu'ApexCharts pose au survol (éclaircir ET ombre portée) : pas d'ombre au
    survol non plus. Les couleurs des séries ne bougent pas. Papier (data-style="mat" aussi) reprend ces règles et les affine dans
    style-papier.css (section 8). */
html[data-style="mat"] .apexcharts-canvas :is(.apexcharts-gridline, .apexcharts-grid-borders line) { stroke: var(--mt-trait) !important; stroke-dasharray: none !important; }
html[data-style="mat"] .apexcharts-canvas :is(.apexcharts-series, .apexcharts-series-markers, .apexcharts-series-markers-wrap) g,
html[data-style="mat"] .apexcharts-canvas :is(.apexcharts-series, .apexcharts-series-markers, .apexcharts-series-markers-wrap) :is(path, circle, rect):not(:hover) { filter: none !important; }
html[data-style="mat"] .apexcharts-canvas .apexcharts-series path:hover { filter: brightness(1.15) !important; }
html[data-style="mat"] .apexcharts-canvas .apexcharts-series-markers :is(path, circle):hover { filter: none !important; }
/*  Courbe de trésorerie de la carte « Simuler mes décisions » (FecLoader) : la ligne de base au filet du thème, le point d'arrivée
    sans son halo (l'anneau de la couleur de la carte reste, il détache le point de la courbe). */
html[data-style="mat"] .intent-card-spark line { stroke: var(--mt-trait) !important; }
html[data-style="mat"] .intent-card-spark-dot { box-shadow: none !important; }
/*  Reporting (histogramme de l'exercice, courbe de l'année) et Vue d'ensemble (pont de trésorerie) : quadrillage et ligne de base
    au filet du thème, en traits pleins. */
html[data-style="mat"] .rep-g-gr { stroke: var(--mt-trait) !important; stroke-dasharray: none !important; }
html[data-style="mat"] .ov4-br-base { stroke: var(--mt-trait) !important; }

/*  (fin des graphiques) */