/*  ── STYLE « PAPIER » (10/10/2026, Arthur : l'allure d'un rapport financier imprimé, FT ou rapport annuel) ──────────────────────
    Choisi dans Apparence (Moderne | Mat | Papier). Papier pose DEUX attributs sur <html> : data-style="mat" ET data-papier (anti-flash
    d'index.html, ikuStyle dans app.js). Toutes les règles de style-mat.css s'appliquent donc telles quelles (pas de verre dépoli,
    surfaces pleines, aplats) ; cette feuille, chargée juste après, ajoute la couche papier par html[data-papier] (un attribut de plus,
    donc une spécificité plus haute que les règles Mat correspondantes) :
      1. clair = PAPIER : sol blanc cassé chaud, surfaces à peine plus claires, encre noire, filets fins, aucune ombre ;
         sombre = ENCRE : sol ardoise, surfaces un cran au-dessus, texte ivoire, filets ivoire, aucune ombre ;
      2. les surfaces ne sont plus teintées de la marque : la palette de l'utilisateur reste aux DONNÉES (graphiques, chiffres clés,
         accents), jamais retouchée ici (ni --brand ni --pal-*) ;
      3. titres à empattements (police système, aucun téléchargement), chiffres dans la police de l'application, en chasse fixe ;
      4. la photo du bandeau de couverture est traitée comme une photo imprimée : désaturée, un soupçon de sépia. */

/*  1. LES JETONS. Sombre (« encre ») par défaut, clair (« papier ») sous data-theme="light". Les jetons de l'application (surfaces,
    textes) et ceux de Mat (--mt-*) pointent sur les mêmes valeurs --pp-*. Sélecteurs :root[data-papier][data-style] : Mat pose
    ses jetons en :root[data-style="mat"][data-theme="light"] (spécificité 0,3,0) ; html[data-papier][data-theme="light"] (0,2,1)
    perdait, d'où un attribut de plus ici (0,3,0 et 0,4,0, et la feuille vient après). */
:root[data-papier][data-style] {
    --pp-sol: #1a1d21;
    --pp-carte: #212529;
    --pp-carte-2: #272b30;
    --pp-encre: #ece6d8;
    --pp-encre-2: #b9b2a3;
    --pp-encre-3: #9d9688;     /* texte sourd : 5,4:1 sur le sol, 4,7:1 sur --pp-carte-2 */
    --pp-trait: rgba(236, 230, 216, .14);
    --pp-trait-fort: rgba(236, 230, 216, .26);
    --pp-grille: rgba(236, 230, 216, .09);
    --pp-ombre-fen: 0 0 0 1px rgba(236, 230, 216, .10), 0 10px 28px rgba(0, 0, 0, .38);
    --pp-serif: "Iowan Old Style", "Charter", "Georgia", "Cambria", "Times New Roman", serif;
}
:root[data-papier][data-style][data-theme="light"] {
    --pp-sol: #f4f0e6;
    --pp-carte: #faf7f0;
    --pp-carte-2: #f7f3ea;
    --pp-encre: #1d2126;
    --pp-encre-2: #4a4f55;
    --pp-encre-3: #5f6368;     /* texte sourd : 5,4:1 sur le sol */
    --pp-trait: rgba(60, 48, 28, .18);
    --pp-trait-fort: rgba(60, 48, 28, .32);
    --pp-grille: rgba(60, 48, 28, .10);
    --pp-ombre-fen: 0 0 0 1px rgba(60, 48, 28, .14), 0 8px 24px rgba(60, 48, 28, .10);
}

/*  Jetons de Mat : sol, cartes, filets ; plus d'ombre courte ; la couverture garde sa luminosité. */
:root[data-papier][data-style] {
    --mt-sol: var(--pp-sol);
    --mt-carte: var(--pp-carte);
    --mt-carte-2: var(--pp-carte-2);
    --mt-trait: var(--pp-trait);
    --mt-ombre: none;
    --mt-voile: rgba(26, 29, 33, .18);
    --mt-couv-lum: .86;
}
:root[data-papier][data-style][data-theme="light"] {
    --mt-voile: rgba(244, 240, 230, .10);
    --mt-couv-lum: 1;
}

/*  Jetons de l'application (tokens.css) : surfaces, textes, voiles et sous-composants, sans la teinte de marque. Les translucides
    (--nv*, --sa*, --gl*, --gd*) sont calculés sur <html> depuis --tint-* : redéfinir les bases suffit, l'alpha est gardé. */
:root[data-papier][data-style] {
    --surf-app: var(--pp-sol); --surf-1: var(--pp-carte); --surf-1b: var(--pp-carte); --surf-2: var(--pp-carte-2); --surf-3: var(--pp-carte-2);
    --surf-pop: var(--pp-carte); --modal-surf: var(--pp-carte);
    --tint-navy: var(--pp-carte); --tint-app: var(--pp-sol); --tint-glass: var(--pp-carte); --tint-gd: var(--pp-carte-2);
    --hx1: var(--pp-sol); --hx2: var(--pp-sol); --hx3: var(--pp-sol); --hx4: var(--pp-sol); --hx5: var(--pp-sol); --hx6: var(--pp-sol);
    --c1: var(--pp-carte-2); --c2: var(--pp-sol); --c3: var(--pp-carte-2); --c4: var(--pp-carte-2); --c5: var(--pp-sol);
    --dh1: var(--pp-sol); --dh2: var(--pp-sol); --dh3: var(--pp-carte-2); --dh4: var(--pp-carte-2); --dh5: var(--pp-sol); --dh6: var(--pp-sol); --dh7: var(--pp-carte-2);
    --grad-card1: linear-gradient(var(--pp-carte), var(--pp-carte)); --grad-card2: linear-gradient(var(--pp-carte-2), var(--pp-carte-2));
    --tx1: var(--pp-encre); --tx2: var(--pp-encre-2); --tx3: var(--pp-encre); --tx4: var(--pp-encre-2); --tx5: var(--pp-encre); --tx6: var(--pp-encre-2); --tx7: var(--pp-encre);
    --tb1: var(--pp-encre); --tb2: var(--pp-encre); --tb3: var(--pp-encre); --tb4: var(--pp-encre); --tb5: var(--pp-encre);
    --mut1: var(--pp-encre-3); --mut2: var(--pp-encre-3); --mut3: var(--pp-encre-3); --mut4: var(--pp-encre-3); --mut5: var(--pp-encre-3); --mut6: var(--pp-encre-3);
    --sl1: var(--pp-encre-2); --sl2: var(--pp-encre-2); --sl3: var(--pp-encre); --sl4: var(--pp-encre); --sl5: var(--pp-encre-3);
    --color-text-primary: var(--pp-encre); --color-text-secondary: var(--pp-encre-2); --color-text-muted: var(--pp-encre-3); --color-text-dim: var(--pp-encre-3);
    --color-bg-card: var(--pp-carte); --color-bg-card-soft: var(--pp-carte); --color-bg-input: var(--pp-carte-2);
    --glow-mul: 0;
}
/*  Fonds sombres résiduels (--dk*) : en sombre seulement (en clair, tokens.css les éclaircit déjà ; ici la surface du papier). */
:root[data-papier][data-style] {
    --dk1: var(--pp-sol); --dk2: var(--pp-carte-2); --dk3: var(--pp-sol); --dk4: var(--pp-carte-2); --dk5: var(--pp-carte-2); --dk6: var(--pp-carte-2); --dk7: var(--pp-carte-2); --dk8: var(--pp-sol); --dk9: var(--pp-carte-2); --dk10: var(--pp-carte-2);
}
/*  Clair : voiles et filets à l'encre chaude plutôt qu'au noir pur, ombres (là où il en reste) de la même encre. */
:root[data-papier][data-style][data-theme="light"] {
    --bg1: var(--pp-carte-2); --bg2: var(--pp-sol); --bd1: #ddd5c4;
    --shadow-col: 60, 48, 28;
    --o2: rgba(60, 48, 28, .03); --o3: rgba(60, 48, 28, .04); --o4: rgba(60, 48, 28, .05); --o5: rgba(60, 48, 28, .06);
    --o6: rgba(60, 48, 28, .07); --o7: rgba(60, 48, 28, .08); --o8: rgba(60, 48, 28, .10); --o9: rgba(60, 48, 28, .11);
    --o10: rgba(60, 48, 28, .12); --o12: rgba(60, 48, 28, .14); --o14: rgba(60, 48, 28, .15); --o16: rgba(60, 48, 28, .17);
    --o18: rgba(60, 48, 28, .19); --o22: rgba(60, 48, 28, .22);
    --color-border-subtle: rgba(60, 48, 28, .12); --color-border-light: rgba(60, 48, 28, .15); --color-border-medium: rgba(60, 48, 28, .18);
    --color-border-strong: rgba(60, 48, 28, .22); --color-border-hover: rgba(60, 48, 28, .28); --color-border-bright: rgba(60, 48, 28, .34);
}
/*  Coins plus vifs : un rapport imprimé n'a pas de pastilles très arrondies. */
:root[data-papier][data-style] { --radius-lg: 6px; --radius-xl: 8px; }

/*  2. LE SOL ET LE TEXTE. Les chiffres, partout, en chasse fixe (colonnes alignées) ; la police reste celle de l'application. */
html[data-papier] body { color: var(--pp-encre); font-variant-numeric: tabular-nums; }

/*  3. TITRES À EMPATTEMENTS, et seulement les titres : intitulés de fenêtres, de cartes, de sections. Jamais les chiffres, les
    champs ni les tableaux (la police à empattements système a des chiffres elzéviriens, faux pour un tableau financier). */
html[data-papier] :is(h1, h2, h3):not(:is(input, td, th) *),
html[data-papier] :is(.intent-title, .intent-card-title, .intent-popup-title, .fintree-title, .csn-bar-t, .fe-bar-t, .fintree-pal-title, .recap-modal-title, .an-title, .an-card-title, .finmod-title,
    .rep-h2, .section-block-title, .view-title, .upd-title, .onb-title, .aim-title, .stresspanel-title, .vcre-title, .vcre-panel-title,
    .tcl-chart-title, .cop-chart-title, .pdvb-title, .valorisation-title, .demo-choice-title, .acct-title, .reset-confirm-title,
    .ofr-titre, .atb-card-t, .atb-h, .csn-card-t, .csn-h, .lbo-card-t, .lbo-grp-t, .lbo-h, .ov4-card-t, .rep-card-h, .rep-head-t,
    .actu-title, .share-intro-title, .scen-dlg-title, .save-dlg-title, .crea-lec-h2, .pf-drill-title) {
    font-family: var(--pp-serif) !important; font-weight: 600 !important;
}
/*  Ce qui accompagne un titre (sous-titre en small, légende d'un graphique dans la ligne de titre, nombre glissé dans le titre)
    reprend la police de l'application : seul l'intitulé lui-même est à empattements. */
html[data-papier] small, html[data-papier] :is(h1, h2, h3) :is(.num, .montant, [class*="-val"], [class*="-num"]),
html[data-papier] :is(.tcl-chart-title, .intent-popup-title) > * { font-family: var(--font-family) !important; }

/*  Tableau du pilotage (FinTreeTable) : ses couleurs viennent de l'hôte (CustomFinTree, en style en ligne sur .ftt-wrap, teintées
    de la marque). Posées sur .ftt, elles l'emportent par héritage (même chemin que Mat). Surfaces et filets OPAQUES (mélangés à
    la carte) : l'en-tête collant et la colonne figée ne doivent pas laisser voir les chiffres défiler dessous. Les rangées
    majeures (EBE, résultats) prennent un gris d'encre, comme un tableau imprimé ; la ligne surlignée garde sa teinte. */
html[data-papier] .fintree-modal .ftt {
    --ftt-surface: var(--pp-carte) !important; --ftt-frost: var(--pp-carte) !important; --ftt-frost-dense: var(--pp-carte) !important;
    --ftt-major-bg: color-mix(in srgb, var(--pp-encre) 6%, var(--pp-carte)) !important;
    --ftt-sub-bg: color-mix(in srgb, var(--pp-encre) 3%, var(--pp-carte)) !important;
    --ftt-title-bg: var(--pp-carte-2) !important;
    --ftt-line: color-mix(in srgb, var(--pp-encre) 16%, var(--pp-carte)) !important;
    --ftt-line-soft: color-mix(in srgb, var(--pp-encre) 9%, var(--pp-carte)) !important;
}

/*  4. LES CARTES ET LES FENÊTRES : coins de 6 px, aucune ombre (le filet sépare), les fenêtres flottantes gardent un filet et une
    ombre très douce pour se détacher de la page (sinon un menu se perd sur une page de la même couleur). */
html[data-papier] .fec-overlay :is(.recap-bar, .kpi, .intent-card, .today-band, .hubsynth, .hg-carte, .hg-sig, .hg-seul, .hg-barre, .repc, .bsecc, .aca-carte),
html[data-papier] :is(.apop, .memo-modal, .plo-modal, .fintree-modal, .fintree-pal-pop, .atb-card, .atb-kpi, .aex-card, .csn-card, .lbo-card, .lbo-grp,
    .overview-card, .overview-chart-card, .ov4-card, .pilotage-panel, .vl3-panel, .vl3-card, .pdv-card, .aim-modal, .hub-ia-carte, .bk-modal,
    .intent-analyses-btn, .anafi-light, .memo-carte, .spc-carte) {
    border-radius: 6px !important;
}
html[data-papier] :is(.fintree-pal-pop, .fintree-tools-menu, .rcl-modal, .sat, .sat-menu, .stresspanel-flyout, .pdf-preview-modal, .vcre-host-panel,
    .atb-pop, .pf-demo-modal, .pf-drill-panel, .pf-piloting-box, .hub-ia-carte, .aim-modal, .cop-panel, .reset-confirm-modal, .demo-choice,
    .tour-bar, .coach-bar, .tour-card, .onb-card, .onb-carnet, .iku-tip, .mcpt, .custom-dropdown-menu, .iku-toast) {
    box-shadow: var(--pp-ombre-fen) !important;
}
html[data-papier] .cop-panel.docked { box-shadow: none !important; }
/*  Survol d'une carte : le filet s'épaissit à l'encre, sans halo de marque. */
html[data-papier] .fec-overlay :is(.intent-card, .hg-sig):hover,
html[data-papier] :is(.intent-analyses-btn, .pdv-card, .memo-carte):hover { border-color: var(--pp-trait-fort) !important; box-shadow: none !important; }
/*  Chiffres clés du hub : sans la teinte d'accent en coin, un filet supérieur à l'encre comme un tableau imprimé. */
html[data-papier] .fec-overlay .kpi { border-top: 2px solid var(--pp-encre) !important; }

/*  5. LA COUVERTURE (bandeau du hub) : la photo comme imprimée, désaturée, un soupçon de sépia ; le flou léger de Mat reste. */
html[data-papier][data-fond] .fec-overlay.est-hub::before {
    filter: blur(8px) brightness(var(--mt-couv-lum)) grayscale(.55) sepia(.15);
}

/*  6. GRAPHIQUES : les aplats de Mat restent ; quadrillage et libellés d'axes à l'encre du thème (ApexCharts les écrit en attributs
    SVG, qu'une propriété CSS emporte). */
/*  (règles déplacées et complétées en section 8, « Graphiques », le 10/10) */

/*  7. PAPIER CLAIR : LES DERNIÈRES SURFACES TEINTÉES DE LA MARQUE (10/10). Mesuré écran par écran (fond composé jusqu'au premier
    aplat) : quelques surfaces qui portent du texte gardaient un fond froid, mélange de la marque ou gris-bleu écrit en dur, au lieu
    du papier. Elles prennent les surfaces du papier ; les teintes VOULUES restent (choix actif d'un sélecteur, ligne sélectionnée,
    pastilles d'état vertes, orange, rouges, palette des graphiques et des chiffres clés, boutons d'action). En sombre (encre),
    rien ne change. */
/*  Mes clients : en-tête du tableau (surface mêlée de #122030), ligne de total (marque à 8 %), boîtes de chiffres du client. */
html[data-papier][data-theme="light"] .tcl-th { background: var(--mt-carte-2) !important; }
html[data-papier][data-theme="light"] .tcl-tfoot .tcl-td { background: var(--mt-carte-2) !important; }
html[data-papier][data-theme="light"] .tcl-kpi:not(.alert) { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; }
/*  Valorisation : tuiles de lecture (marge d'EBITDA, effet de +50 k€, marque à 6 %) et ligne du LBO (teinte de la méthode à 5 %,
    le survol garde la sienne). */
html[data-papier][data-theme="light"] .vl3-tile { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; }
html[data-papier][data-theme="light"] .vl3-row-lbo:not(:hover) { background: var(--mt-carte-2) !important; }
/*  Cartes vedettes (TRI du LBO, capacité d'emprunt, chiffre clé de Mes analyses, de la cession et des vues d'exploitation) : la
    carte du papier, un filet plus marqué et un filet supérieur à l'encre, comme les chiffres clés du hub. */
html[data-papier][data-theme="light"] :is(.lbo-kpi.is-tri, .atb-kpi.is-key, .csn-kpi.is-key, .aex-kpi.is-hero) {
    background: var(--mt-carte) !important; border-color: var(--pp-trait-fort) !important; border-top: 2px solid var(--pp-encre) !important;
}
/*  Fenêtre Apparence : le bloc « Appliquer à » (marque à 7 %, filet de marque). */
html[data-papier][data-theme="light"] .appx-portee { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; }
/*  Copilote : le diagnostic en tête de réponse (marque à 8 %). */
html[data-papier][data-theme="light"] .cop-diag { background: var(--mt-carte-2) !important; border-color: var(--mt-trait) !important; }
/*  Simulateur, tableau de synthèse : les colonnes projetées se distinguent par un grisé d'encre (comme un tableau imprimé), plus
    par la marque. */
html[data-papier][data-theme="light"] .hsf :is(th, td).hsf-proj { background: color-mix(in srgb, var(--pp-encre) 4%, transparent) !important; }
html[data-papier][data-theme="light"] .hsf tbody tr:hover td.hsf-proj { background: color-mix(in srgb, var(--pp-encre) 8%, transparent) !important; }
/*  Hub : le support du choix d'exercice (marque à 6 %) ; l'exercice choisi garde sa pastille. */
html[data-papier][data-theme="light"] .intent-year-toggle { background: var(--mt-carte-2) !important; }
/*  Pilotage : le volet latéral des hypothèses était BLANC en clair (analyses.css). */
html[data-papier][data-theme="light"] .fintree-side { background: var(--mt-carte) !important; }
/*  Reporting sur image d'ambiance : sélecteurs et pastilles posés sur un blanc à 90 % (entry.css) ; le papier, la teinte d'état
    gardée par-dessus. */
html[data-papier][data-theme="light"] .rep-root .rep-seg { background-color: var(--mt-carte-2) !important; }
html[data-papier][data-theme="light"] .rep-root .rep-chip.is-ok { background: linear-gradient(color-mix(in srgb, var(--rep-ok) 9%, transparent), color-mix(in srgb, var(--rep-ok) 9%, transparent)), var(--mt-carte) !important; }
html[data-papier][data-theme="light"] .rep-root .rep-chip.is-bad { background: linear-gradient(color-mix(in srgb, var(--rep-bad) 10%, transparent), color-mix(in srgb, var(--rep-bad) 10%, transparent)), var(--mt-carte) !important; }
html[data-papier][data-theme="light"] .rep-root .rep-puce { background: linear-gradient(color-mix(in srgb, var(--rep-ok) 8%, transparent), color-mix(in srgb, var(--rep-ok) 8%, transparent)), var(--mt-carte) !important; }

/*  8. GRAPHIQUES (10/10) : comme dans un rapport imprimé. Traits fins à l'encre de la série (1,5 px là où ils faisaient 2 à 3 ;
    les traits déjà fins, les aires et les barres ne bougent pas), quadrillage en pointillés à la couleur des filets, libellés des
    axes à l'encre secondaire, TITRES des axes et des légendes à empattements (jamais les graduations ni les étiquettes de données :
    les chiffres restent dans la police de l'application, en chasse fixe). Les couleurs des séries restent celles de la palette.
    Sélecteurs à deux attributs : ils passent devant ceux de Mat (section 10 de style-mat.css), qui s'appliquent aussi en Papier.
    Remplace la section 6 pour le quadrillage (pointillés, filet plus marqué que --pp-grille, qui disparaissait en pointillés). */
html[data-papier][data-style] .apexcharts-canvas :is(.apexcharts-gridline, .apexcharts-grid-borders line) {
    stroke: var(--pp-trait) !important; stroke-dasharray: 2 3 !important;
}
html[data-papier][data-style] .apexcharts-canvas .apexcharts-series :is(path.apexcharts-line, path.apexcharts-area):not([stroke-width="0"], [stroke-width^="0."], [stroke-width^="1"]) {
    stroke-width: 1.5px !important;
}
html[data-papier][data-style] .apexcharts-canvas :is(.apexcharts-xaxis-label, .apexcharts-yaxis-label, .apexcharts-xaxis-label tspan, .apexcharts-yaxis-label tspan) { fill: var(--pp-encre-2) !important; }
html[data-papier][data-style] .apexcharts-canvas :is(.apexcharts-xaxis line, .apexcharts-xaxis-tick, .apexcharts-yaxis line) { stroke: var(--pp-trait-fort) !important; }
html[data-papier][data-style] .apexcharts-canvas :is(.apexcharts-xaxis-title-text, .apexcharts-yaxis-title-text, .apexcharts-title-text, .apexcharts-subtitle-text) {
    font-family: var(--pp-serif) !important; fill: var(--pp-encre-2) !important;
}
/*  Les entrées de légende sont des noms de séries, souvent des années (« 2024 », « 2026p ») : police de l'application (les
    chiffres elzéviriens de la police à empattements fausseraient la lecture), à l'encre secondaire. Même chose pour les légendes
    et sous-titres glissés dans la ligne de titre d'une carte du Reporting (.rep-card-h est un titre à empattements). */
html[data-papier][data-style] .apexcharts-legend-text { color: var(--pp-encre-2) !important; }
html[data-papier][data-style] .rep-card-h :is(.rep-card-s, .rep-leg) { font-family: var(--font-family) !important; }
/*  Courbe de la carte « Simuler mes décisions » : traits de 1,8 px ramenés à 1,5 px, ligne de base en pointillés du filet. */
html[data-papier][data-style] .intent-card-spark polyline { stroke-width: 1.5 !important; }
html[data-papier][data-style] .intent-card-spark line { stroke: var(--pp-trait) !important; stroke-dasharray: 2 3; }
/*  Reporting : courbe de comparaison de l'histogramme et de l'année en trait fin, quadrillage en pointillés, axe à l'encre ;
    Vue d'ensemble : ligne de base du pont à l'encre, libellés des postes à l'encre secondaire. */
html[data-papier][data-style] .rep-g-p { stroke-width: 1.5 !important; }
html[data-papier][data-style] .rep-g-gr { stroke: var(--pp-trait) !important; stroke-dasharray: 2 3 !important; }
html[data-papier][data-style] .rep-g-ax { stroke: var(--pp-trait-fort) !important; }
html[data-papier][data-style] .ov4-br-base { stroke: var(--pp-trait-fort) !important; }
html[data-papier][data-style] .ov4-br-l { fill: var(--pp-encre-2) !important; }

/*  9. PAPIER : REPORTING, PORTEFEUILLE, COPILOTE, TÉLÉPHONE (10/10). Même règle que la section 7 : les surfaces qui portent du
    texte prennent celles du papier (ou de l'encre en sombre), les teintes VOULUES restent (choix actif, ligne surlignée,
    pastilles d'état, palette des graphiques, boutons d'action). */
/*  Reporting : sélecteurs de période et de ligne (marque à 12 %) sur la surface du papier, filet du thème. */
html[data-papier][data-style] .rep-root :is(.rep-cmp-b, .rep-agr-b) { background: var(--mt-carte-2) !important; border-color: var(--pp-trait-fort) !important; }
/*  Reporting, tableaux (mois par mois, trois états) : rangées majeures et colonne du cumul en grisé d'encre, comme le pilotage ;
    intitulé « Cumul » (couleur brute de la marque, 2,6:1 sur le papier) à l'encre de la marque. */
html[data-papier][data-style] .rep-root .ftt {
    --ftt-major-bg: color-mix(in srgb, var(--pp-encre) 6%, var(--pp-carte)) !important;
    --ftt-sub-bg: color-mix(in srgb, var(--pp-encre) 3%, var(--pp-carte)) !important;
    --ftt-annual-wash: color-mix(in srgb, var(--pp-encre) 4%, transparent) !important;
    --ftt-title-bg: var(--pp-carte-2) !important;
}
html[data-papier][data-style][data-theme="light"] .rep-root .ftt th.is-annual { color: var(--mt-marque-texte) !important; }
/*  Reporting, « Et après ? » : la carte de budget mise en avant (EBE, marque à 7 %) comme les cartes vedettes de la section 7. */
html[data-papier][data-style] .rep-root .rep-bud-c.is-fort { background: var(--mt-carte) !important; border-color: var(--pp-trait-fort) !important; border-top: 2px solid var(--pp-encre) !important; }

/*  Portefeuille : en-tête et pied de totaux du tableau (marque à 8-9 % sur la surface, cellule figée comprise), en grisé d'encre
    opaque comme les tableaux du pilotage (la colonne figée ne doit pas laisser voir les chiffres défiler dessous). Les pastilles
    (« local », trajectoire, priorité) gardent leur teinte. */
html[data-papier][data-style] :is(.pf-tbl-head, .pf-tbl-head .pf-tbl th.l:first-child) { background: var(--pp-carte-2) !important; }
html[data-papier][data-style] :is(.pf-tbl-foot, .pf-tbl-foot .pf-tbl td:first-child) { background: color-mix(in srgb, var(--pp-encre) 5%, var(--pp-carte)) !important; }
/*  Mes clients (TopClientsLight) : libellés sourds écrits en encre du thème à 45-60 % (en-têtes du tableau, légendes et méta du
    graphique, libellés des chiffres, sélecteur du pied) : 2,7 à 3,6:1 sur le papier, mesuré au téléphone (375 px) comme sur
    grand écran ; 3,7 à 4,4:1 en encre (sombre). L'encre sourde du thème (5,4:1 sur le sol, 4,7:1 sur les cartes). */
html[data-papier][data-style] :is(.tcl-chart-meta, .tcl-th-name > span, .tcl-th-yr-main > span, .tcl-kpi-d:not(.up, .down), .tcl-foot-pct,
    .tcl-chart-title, .tcl-lg, .tcl-seg-option:not(.active), .tcl-foot-seg-lbl, .tcl-kpi-l, .tcl-panel-sub) { color: var(--pp-encre-3) !important; }
/*  Mes clients en encre : rangs et choix actif du pied, écrits de la marque brute sur leur pastille de marque (3,2 à 4,4:1) ;
    la marque éclaircie vers l'ivoire (5:1 environ), la pastille inchangée. */
html[data-papier][data-style]:not([data-theme="light"]) :is(.tcl-rank-badge, .tcl-foot-seg .tcl-seg-option.active) { color: color-mix(in srgb, var(--brand) 55%, var(--pp-encre)) !important; }
/*  Barre « Voir avec la formule » du hub : le choix actif est une pastille à l'encre du thème, écrite de la couleur du début du
    dégradé (--vit-g1, sarcelle) : 3,3:1 sur la pastille ivoire de l'encre. Écrite à la couleur du sol, dans les deux thèmes. */
html[data-papier][data-style] .vit-in .vit-seg-b.on { color: var(--pp-sol) !important; }
/*  Notification « Créez votre accès » : son bouton écrit à la couleur du sol (--c2), sombre en Moderne, PAPIER ici (2,5:1 sur la
    marque) : l'encre sombre du bouton plein. */
html[data-papier][data-style] .acct-toast-cta { color: #04222b !important; }
/*  En papier (clair), la notification restait une surface marine écrite en clair (rgba(10,26,34,.96), FecLoader) : la surface du
    papier et son encre, filet et ombre des fenêtres flottantes, comme les autres notifications. L'étincelle prend l'encre de la
    marque (la marque brute fait 2,6:1 sur le papier), la croix l'encre sourde. En encre (sombre), la surface marine reste. */
html[data-papier][data-style][data-theme="light"] .acct-toast {
    background: var(--pp-carte) !important; color: var(--pp-encre) !important;
    border-color: var(--pp-trait-fort) !important; box-shadow: var(--pp-ombre-fen) !important;
}
html[data-papier][data-style][data-theme="light"] .acct-toast-ic { color: var(--mt-marque-texte) !important; }
html[data-papier][data-style][data-theme="light"] .acct-toast-x { color: var(--pp-encre-3) !important; }
html[data-papier][data-style][data-theme="light"] .acct-toast-x:hover { color: var(--pp-encre) !important; }

/*  (fin du style Papier) */