/* ═══════════════════════════════════════════════════════════════════
 * pep_composants.css — RÈGLES DE COMPOSANTS PARTAGÉES DU CORPUS WEB.
 *
 * ⚠️ ÉCRIT À LA MAIN. Ce fichier n'appartient PAS au pipeline de génération
 * des jetons et ne doit JAMAIS y être versé. Le voisin `design-tokens.css`
 * porte des VALEURS et est REGÉNÉRÉ par `node tokens/build_tokens.js` ;
 * celui-ci porte des RÈGLES et n'est régénéré par rien. Le préfixe `pep_`
 * est là pour que la distinction saute aux yeux d'un repreneur, plutôt que
 * de reposer sur la lecture d'une bannière — arbitrage PE du 20/08/2026,
 * pris APRÈS qu'une première cible (`design-tokens.css`) eut été écartée
 * précisément parce qu'une écriture manuelle y aurait été effacée à la
 * régénération suivante.
 *
 * Justification : décision PE du 20/08/2026 — `B10.2`, chantier 33 : point
 * unique de définition, les trois copies supprimées, identité prouvée par
 * empreinte triée ET ordonnée, et par comparaison des styles calculés sous
 * navigateur réel (`getComputedStyle`, Chromium 131, 0 écart sur 9 312
 * propriétés par surface).
 *
 * CE FICHIER EST LIÉ PAR 5 SURFACES. Une règle posée ici les atteint
 * TOUTES. `villa_template_simple.html` ne le lie pas et reste hors de
 * portée.
 * ═══════════════════════════════════════════════════════════════════ */

/* ── Tableaux du corpus ──────────────────────────────────────────────────
 * Les 8 règles ci-dessous sont portées VERBATIM depuis trois copies
 * rigoureusement identiques (`pep_espace_vendeur`, `pep_espace_client`,
 * `pep_demande_client`). Aucune n'a été reformulée, réordonnée, fusionnée
 * ni nettoyée : l'identité avant/après est la preuve de la migration, et
 * toute retouche la détruirait.
 *
 * ⚠️ LES DEUX RÈGLES `th` NE SONT PAS REDONDANTES. Elles se recouvrent
 * largement, mais la PREMIÈRE conserve une propriété que la seconde ne
 * déclare pas — `white-space:nowrap`. Mesuré sous navigateur réel le
 * 20/08/2026 : l'entête d'un tableau calcule `nowrap`, une cellule calcule
 * `wrap`. La première règle PARTICIPE DONC AU RENDU. Elles sont migrées
 * intégralement et DANS LE MÊME ORDRE ; leur ordre décide du résultat, deux
 * empreintes distinctes le vérifient à chaque tir. Aucun nettoyage n'est
 * autorisé sans sa propre preuve d'inertie.
 * ─────────────────────────────────────────────────────────────────────── */

#scr-finances .tbl td{padding:16px 14px;}
body.amb-light .tbl td .micro{color:rgba(30,38,33,.7);}
.tbl{width:100%;border-collapse:collapse;font-size:12.5px;}
.tbl th{text-align:left;padding:10px 12px;color:var(--fg-dust);font-size:10px;font-weight:800;
letter-spacing:1.3px;text-transform:uppercase;border-bottom:1px solid var(--line-soft);white-space:nowrap;}
.tbl th{padding:12px;font-size:10.5px;font-weight:800;letter-spacing:1.3px;text-transform:uppercase;color:var(--gold);text-align:left;border-bottom:1px solid rgba(242,206,148,.3);}
.tbl td{padding:14px 12px;border-bottom:1px solid var(--line-soft);color:var(--fg);vertical-align:middle;}
.tbl tr:last-child td{border-bottom:none;}
.tbl .micro{display:block;}

/* ── Familles `micro` et `pill` — LA PART PORTABLE, ET ELLE SEULE ────────
 * `B10.6`, chantier 33, décision PE du 20/08/2026, prise SUR LE RENDU
 * OBSERVÉ et non sur les empreintes (arbitrage n°16).
 *
 * Ce qui entre ici : les 3 règles dont la RECETTE a démontré l'identité
 * fonctionnelle sur toutes les surfaces concernées. Elles sont portées
 * VERBATIM depuis trois copies rigoureusement identiques, sans
 * reformulation ni fusion — mêmes raisons qu'au bloc précédent.
 *
 * ⚠️ CE QUI N'ENTRE PAS, ET POURQUOI. Les déclinaisons colorées
 * (`ok`, `wait`, `err`, `info`, `violet`, `leaf`, `dust`…) ont été
 * mesurées portées ici, puis observées sous navigateur réel. Contraste lu
 * SUR LES PIXELS RENDUS : 3,8–5,5:1 sur les surfaces sombres qui les
 * définissent aujourd'hui, et 1,1–1,6:1 sur le back-office, dont le fond
 * est clair. Mêmes règles, rendu fonctionnellement différent : l'identité
 * échoue, la migration n'est donc plus technique mais graphique. Elles
 * sont RETIRÉES du périmètre de `B10.6` et reportées à un chantier de
 * jetons / thèmes. Voir `RESTE_A_FAIRE_PEP229.md`, fiche `P2-20`.
 *
 * Le discriminant est mesuré, pas esthétique : ce qui traverse un
 * changement de surface est ce qui s'exprime en JETONS. Les 3 règles
 * ci-dessous ne portent aucune couleur codée en dur — leur seule couleur
 * est `var(--fg-dust)`, qui se résout par thème. Vérifié : le passage du
 * socle ne déplace AUCUN `background-color` sur le back-office.
 * ─────────────────────────────────────────────────────────────────────── */

.micro{color:var(--fg-dust)!important;}
.micro{font-size:12px;color:var(--fg-dust);line-height:1.55;}
.pill{display:inline-flex;align-items:center;gap:6px;padding:6px 13px;border-radius:99px;font-size:11px;font-weight:800;
letter-spacing:.3px;}