From 58ec637139ace0c177ad28732d1cf0200c11bbf8 Mon Sep 17 00:00:00 2001
From: Olivier <olivier@croguennec.net>
Date: Tue, 16 Jun 2026 20:01:25 +0200
Subject: [PATCH] Fixe affichage versement

---
 frontend/src/pages/InvestissementDetail.jsx | 6 ++++--
 frontend/src/pages/Remboursements.jsx       | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/InvestissementDetail.jsx b/frontend/src/pages/InvestissementDetail.jsx
index 20632f6..c90f41d 100644
--- a/frontend/src/pages/InvestissementDetail.jsx
+++ b/frontend/src/pages/InvestissementDetail.jsx
@@ -1784,7 +1784,9 @@ export default function InvestissementDetail() {
         // Dans ce cas, les prélèvements sont affichés en lecture seule et le montant versé
         // ne les déduit pas (l'investisseur reçoit le brut intégral).
         const isIndicatif      = isExonere || currentPlat?.fiscalite !== 'flat_tax';
-        const montantRembourse = round2((Number(rembForm.capital)||0) + (Number(rembForm.cashback)||0) + (Number(rembForm.interets_bruts)||0));
+        const montantRembourse = isIndicatif
+          ? round2((Number(rembForm.capital)||0) + (Number(rembForm.cashback)||0) + (Number(rembForm.interets_bruts)||0))
+          : netRecu;
         return (
           <Modal
             open={rembModalOpen}
@@ -1924,7 +1926,7 @@ export default function InvestissementDetail() {
                 <div>
                   <label>Montant Versé (€)</label>
                   <input type="number" step="0.01" value={montantRembourse} readOnly
-                    style={{ background: 'var(--bg-input-readonly, rgba(255,255,255,.05))', cursor: 'default' }} />
+                    style={{ background: 'var(--surface-2)', color: 'var(--text-muted)', cursor: 'not-allowed' }} />
                 </div>
                 <div style={{ gridColumn: 'span 3', display: 'flex', alignItems: 'center', gap: 8, fontSize: 13 }}>
                   <span style={{ color: 'var(--text-muted)' }}>
diff --git a/frontend/src/pages/Remboursements.jsx b/frontend/src/pages/Remboursements.jsx
index 645c3c2..95b2bb1 100644
--- a/frontend/src/pages/Remboursements.jsx
+++ b/frontend/src/pages/Remboursements.jsx
@@ -1588,7 +1588,7 @@ export default function Remboursements() {
                   )}
                   <label>Montant versé (€)</label>
                     <input type="number" step="0.01" value={netRecu} readOnly
-                      style={{ background: 'var(--bg-input-readonly, rgba(255,255,255,.05))', cursor: 'default' }} />
+                      style={{ background: 'var(--surface-2)', color: 'var(--text-muted)', cursor: 'not-allowed' }} />
                   </div>
                   <div style={{ gridColumn: 'span 3', display: 'flex', alignItems: 'center', gap: 8, fontSize: 13 }}>
                     <span style={{ color: 'var(--text-muted)' }}>