From 6f118e41f7b85ccac3828d9dfa0f8d3dba8c363f Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Wed, 10 Jun 2026 09:09:34 +0000
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Remplacement=20des=20classes=20Ta?=
 =?UTF-8?q?ilwind=20bg-muted/40=20et=20bg-card=20par=20des=20valeurs=20hsl?=
 =?UTF-8?q?=20CSS=20explicites=20en=20style=20inline=20sur=20toutes=20les?=
 =?UTF-8?q?=20cellules=20sticky=20right-0=20(th=20en-t=C3=AAte,=20td=20cor?=
 =?UTF-8?q?ps,=20td=20pied).=20Largeur=20fixe=20120px=20pour=20coh=C3=A9re?=
 =?UTF-8?q?nce.=20Ombre=20port=C3=A9e=20gauche=20renforc=C3=A9e=20pour=20m?=
 =?UTF-8?q?at=C3=A9rialiser=20la=20s=C3=A9paration.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/client/src/pages/DsiOpex.tsx b/client/src/pages/DsiOpex.tsx
index 05d497c..d3b6db7 100644
--- a/client/src/pages/DsiOpex.tsx
+++ b/client/src/pages/DsiOpex.tsx
@@ -1277,7 +1277,7 @@ export default function DsiOpex() {
                             </th>
                           );
                         })}
-                        <th className="text-right px-3 py-3 font-medium text-muted-foreground min-w-[110px] sticky right-0 bg-muted/40 z-10">
+                        <th className="text-right px-3 py-3 font-medium text-muted-foreground sticky right-0 z-20" style={{ background: 'hsl(var(--muted) / 0.4)', boxShadow: '-2px 0 6px -2px rgba(0,0,0,0.2)', width: '120px', minWidth: '120px' }}>
                           <SortBtn col="total" label={`Total ${annee}`} />
                         </th>
                       </tr>
@@ -1341,7 +1341,7 @@ export default function DsiOpex() {
                               </td>
                             );
                           })}
-                          <td className="px-3 py-2 text-right font-semibold tabular-nums sticky right-0 z-10 border-l border-border" style={{ background: idx % 2 === 0 ? 'hsl(var(--card))' : 'hsl(var(--muted) / 0.05)', boxShadow: '-2px 0 4px -2px rgba(0,0,0,0.15)' }}>
+                          <td className="px-3 py-2 text-right font-semibold tabular-nums sticky right-0 z-10" style={{ background: idx % 2 === 0 ? 'hsl(var(--card))' : 'hsl(var(--muted) / 0.08)', boxShadow: '-3px 0 8px -2px rgba(0,0,0,0.18)', width: '120px', minWidth: '120px' }}>
                             <span className={etab.total > 0 ? 'text-orange-600' : 'text-muted-foreground'}>
                               {etab.total > 0 ? formatEuros(etab.total) : '—'}
                             </span>
@@ -1371,7 +1371,7 @@ export default function DsiOpex() {
                             </td>
                           );
                         })}
-                        <td className="px-3 py-3 text-right font-bold text-orange-600 text-sm tabular-nums sticky right-0 z-10 border-l border-border" style={{ background: 'hsl(var(--muted) / 0.4)', boxShadow: '-2px 0 4px -2px rgba(0,0,0,0.15)' }}>
+                        <td className="px-3 py-3 text-right font-bold text-orange-600 text-sm tabular-nums sticky right-0 z-10" style={{ background: 'hsl(var(--muted) / 0.4)', boxShadow: '-3px 0 8px -2px rgba(0,0,0,0.18)', width: '120px', minWidth: '120px' }}>
                           {formatEuros(sortedEtabs.reduce((s, e) => s + e.total, 0))}
                         </td>
                       </tr>