From 4da0e72f4e340826ee2dd667876c72ded5a14ba8 Mon Sep 17 00:00:00 2001
From: jtricerolph <info@tricerolph.com>
Date: Mon, 21 Sep 2026 12:50:06 +0000
Subject: [PATCH] Strike through voided items in transaction breakdown

Voids now show a grey strikethrough amount instead of a red minus, so a
voided refund is no longer confused with a live one. Sign follows the
original transaction (refunds keep the minus).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 frontend/src/pages/DailyCashUp.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/frontend/src/pages/DailyCashUp.tsx b/frontend/src/pages/DailyCashUp.tsx
index 0d160e9..ccbeb9e 100644
--- a/frontend/src/pages/DailyCashUp.tsx
+++ b/frontend/src/pages/DailyCashUp.tsx
@@ -954,8 +954,12 @@ function TransactionChecklist({ breakdown, checked, onToggle }: {
                           <span style={{ fontSize: '0.7rem', color: 'var(--text-mid)' }}>
                             {item.payment_type}
                           </span>
-                          <span style={{ fontSize: '0.8rem', fontWeight: 600, color: item.is_voided || isRefund ? 'var(--danger)' : undefined }}>
-                            {item.is_voided || isRefund ? '-' : ''}{fmtGBP(Math.abs(item.amount))}
+                          <span style={{
+                            fontSize: '0.8rem', fontWeight: 600,
+                            color: item.is_voided ? 'var(--text-mid)' : isRefund ? 'var(--danger)' : undefined,
+                            textDecoration: item.is_voided ? 'line-through' : 'none',
+                          }}>
+                            {isRefund ? '-' : ''}{fmtGBP(Math.abs(item.amount))}
                           </span>
                         </div>
                       )