From 8b547f96de59d5f45011f2017b07bdea235f2d66 Mon Sep 17 00:00:00 2001
From: Claude Agent <claude-agent@romfast.ro>
Date: Wed, 1 Apr 2026 20:21:13 +0000
Subject: [PATCH] =?UTF-8?q?style(design):=20FINDING-002=20=E2=80=94=20repl?=
 =?UTF-8?q?ace=20hardcoded=20color=20on=20triangle=20indicator?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The billing/shipping diff triangle used inline style="color:#6b7280"
which doesn't adapt to dark mode. Now uses a CSS class with
var(--text-muted) for proper theming.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 api/app/static/css/style.css   | 6 ++++++
 api/app/static/js/dashboard.js | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/api/app/static/css/style.css b/api/app/static/css/style.css
index 8d160cf..a28e86b 100644
--- a/api/app/static/css/style.css
+++ b/api/app/static/css/style.css
@@ -453,6 +453,12 @@ input[type="checkbox"] {
 .fc-dark   { color: var(--text-secondary); }
 .fc-orange { color: var(--accent); }
 
+/* ── Client diff indicator (billing ≠ shipping) ──── */
+.client-diff-indicator {
+    color: var(--text-muted);
+    font-size: 0.65rem;
+}
+
 /* ── Log viewer (dark theme — keep as-is) ────────── */
 .log-viewer {
     font-family: var(--font-data);
diff --git a/api/app/static/js/dashboard.js b/api/app/static/js/dashboard.js
index 9bb7a1a..7d2cebd 100644
--- a/api/app/static/js/dashboard.js
+++ b/api/app/static/js/dashboard.js
@@ -465,7 +465,7 @@ function renderClientCell(order) {
     const shipping = (order.shipping_name || '').trim();
     const isDiff = display !== shipping && shipping;
     if (isDiff) {
-        return `<td class="tooltip-cont fw-bold" data-tooltip="Livrare: ${escHtml(shipping)}">${escHtml(display)}&nbsp;<sup style="color:#6b7280;font-size:0.65rem">&#9650;</sup></td>`;
+        return `<td class="tooltip-cont fw-bold" data-tooltip="Livrare: ${escHtml(shipping)}">${escHtml(display)}&nbsp;<sup class="client-diff-indicator">&#9650;</sup></td>`;
     }
     return `<td class="fw-bold">${escHtml(display || billing || '\u2014')}</td>`;
 }