From cb01e3a04a3c30605c56ae88318f3f13686f28e2 Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Wed, 10 Jun 2026 10:15:03 +0000
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Fond=20oklch=20solide=20appliqu?=
 =?UTF-8?q?=C3=A9=20directement=20sur=20chaque=20th=20de=20l'en-t=C3=AAte?=
 =?UTF-8?q?=20du=20tableau=20Postes=20=E2=80=94=20le=20fond=20du=20tr=20?=
 =?UTF-8?q?=C3=A9tait=20ignor=C3=A9=20par=20les=20th,=20causant=20la=20tra?=
 =?UTF-8?q?nsparence=20lors=20du=20scroll=20vertical?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/pages/DsiOpex.tsx | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/client/src/pages/DsiOpex.tsx b/client/src/pages/DsiOpex.tsx
index 1666f84..218d145 100644
--- a/client/src/pages/DsiOpex.tsx
+++ b/client/src/pages/DsiOpex.tsx
@@ -1085,23 +1085,23 @@ export default function DsiOpex() {
               <div className="bg-card border border-border rounded-xl" style={{ maxHeight: 'calc(100vh - 380px)', overflowY: 'auto', overflowX: 'auto' }}>
                 <table className="w-full text-sm">
                   <thead>
-                    <tr className="border-b border-border" style={{ position: 'sticky', top: 0, zIndex: 20, background: 'oklch(0.94 0.005 80)' }}>
-                      <th className="text-left px-4 py-3 font-medium text-muted-foreground w-8">#</th>
-                      <th className="text-left px-4 py-3 font-medium text-muted-foreground">
+                    <tr className="border-b border-border" style={{ position: 'sticky', top: 0, zIndex: 20 }}>
+                      <th className="text-left px-4 py-3 font-medium text-muted-foreground w-8" style={{ background: 'oklch(0.94 0.005 80)' }}>#</th>
+                      <th className="text-left px-4 py-3 font-medium text-muted-foreground" style={{ background: 'oklch(0.94 0.005 80)' }}>
                         <SortBtn col="libelle" label="Poste de charge" />
                       </th>
-                      <th className="text-left px-4 py-3 font-medium text-muted-foreground hidden md:table-cell">Catégorie</th>
-                      <th className="text-left px-4 py-3 font-medium text-muted-foreground hidden xl:table-cell">Facturation</th>
-                      <th className="text-left px-4 py-3 font-medium text-muted-foreground hidden xl:table-cell">Ventilation</th>
-                      {showDetails && <th className="text-left px-3 py-3 font-medium text-muted-foreground hidden lg:table-cell w-20 max-w-[80px]">Type</th>}
-                      {showDetails && <th className="text-left px-4 py-3 font-medium text-muted-foreground hidden xl:table-cell">Compte</th>}
-                      <th className="text-right px-4 py-3 font-medium text-muted-foreground">Budget N-1</th>
-                      <th className="text-right px-4 py-3 font-medium text-muted-foreground" style={{ minWidth: '140px' }}>
+                      <th className="text-left px-4 py-3 font-medium text-muted-foreground hidden md:table-cell" style={{ background: 'oklch(0.94 0.005 80)' }}>Catégorie</th>
+                      <th className="text-left px-4 py-3 font-medium text-muted-foreground hidden xl:table-cell" style={{ background: 'oklch(0.94 0.005 80)' }}>Facturation</th>
+                      <th className="text-left px-4 py-3 font-medium text-muted-foreground hidden xl:table-cell" style={{ background: 'oklch(0.94 0.005 80)' }}>Ventilation</th>
+                      {showDetails && <th className="text-left px-3 py-3 font-medium text-muted-foreground hidden lg:table-cell w-20 max-w-[80px]" style={{ background: 'oklch(0.94 0.005 80)' }}>Type</th>}
+                      {showDetails && <th className="text-left px-4 py-3 font-medium text-muted-foreground hidden xl:table-cell" style={{ background: 'oklch(0.94 0.005 80)' }}>Compte</th>}
+                      <th className="text-right px-4 py-3 font-medium text-muted-foreground" style={{ background: 'oklch(0.94 0.005 80)' }}>Budget N-1</th>
+                      <th className="text-right px-4 py-3 font-medium text-muted-foreground" style={{ minWidth: '140px', background: 'oklch(0.94 0.005 80)' }}>
                         <SortBtn col="montant" label={`Prév. ${annee}`} />
                       </th>
-                      <th className="text-center px-3 py-3 font-medium text-muted-foreground w-24">Tendance</th>
-                      <th className="text-right px-4 py-3 font-medium text-muted-foreground w-24">Répartition</th>
-                      {!isValidated && <th className="px-4 py-3 w-20"></th>}
+                      <th className="text-center px-3 py-3 font-medium text-muted-foreground w-24" style={{ background: 'oklch(0.94 0.005 80)' }}>Tendance</th>
+                      <th className="text-right px-4 py-3 font-medium text-muted-foreground w-24" style={{ background: 'oklch(0.94 0.005 80)' }}>Répartition</th>
+                      {!isValidated && <th className="px-4 py-3 w-20" style={{ background: 'oklch(0.94 0.005 80)' }}></th>}
                     </tr>
                   </thead>
                   <tbody>