From 034e0ad29aee30848fde95a7db318762874ee12f Mon Sep 17 00:00:00 2001
From: Vishesh 'ironeagle' Bangotra <aetoskia@gmail.com>
Date: Fri, 29 May 2026 16:19:59 +0530
Subject: [PATCH] ambiguity amount balance coloring

---
 src/FetchRequestDetail.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/FetchRequestDetail.tsx b/src/FetchRequestDetail.tsx
index a760c8a..f6374c3 100644
--- a/src/FetchRequestDetail.tsx
+++ b/src/FetchRequestDetail.tsx
@@ -445,13 +445,13 @@ export default function FetchRequestDetail() {
                   <Box sx={{ display: "flex", gap: 3, mb: 1.5, flexWrap: "wrap" }}>
                     <Box>
                       <Typography variant="caption" color="text.secondary">OCR Amount</Typography>
-                      <Typography variant="body2" sx={{ textDecoration: "line-through", color: "error.main" }}>
+                      <Typography variant="body2" sx={{ textDecoration: "line-through", color: "text.secondary" }}>
                         ₹{ambiguity.ocr_amount}
                       </Typography>
                     </Box>
                     <Box>
                       <Typography variant="caption" color="text.secondary">OCR Balance</Typography>
-                      <Typography variant="body2" sx={{ textDecoration: "line-through", color: "error.main" }}>
+                      <Typography variant="body2" sx={{ textDecoration: "line-through", color: "text.secondary" }}>
                         ₹{ambiguity.ocr_balance}
                       </Typography>
                     </Box>
@@ -468,7 +468,9 @@ export default function FetchRequestDetail() {
                   ) : (
                     <Box sx={{ display: "flex", gap: 1, flexWrap: "wrap" }}>
                       {ambiguity.candidates.map((candidate: any, ci: number) => {
-                        const valid = isMathValid(candidate, ambiguity.prev_balance);
+                        const isCredit = candidate.amount > 0;
+                        const isDebit = candidate.amount < 0;
+                        const cColor = isCredit ? "success.main" : isDebit ? "error.main" : undefined;
                         return (
                           <Button
                             key={ci}
@@ -477,13 +479,12 @@ export default function FetchRequestDetail() {
                             onClick={() => handleResolve(ambiguity, candidate)}
                             disabled={resolveMutation.isPending}
                             sx={{
-                              borderColor: valid ? "success.main" : undefined,
-                              color: valid ? "success.main" : undefined,
-                              "&:hover": valid ? { borderColor: "success.dark", bgcolor: "success.contrastText" } : undefined,
+                              borderColor: cColor,
+                              color: cColor,
+                              "&:hover": cColor ? { borderColor: cColor } : undefined,
                             }}
                           >
                             ₹{candidate.amount} / ₹{candidate.balance}
-                            {valid && " ✓"}
                           </Button>
                         );
                       })}