From 7c983198e93f949b46865b049f1a43603c9e145c Mon Sep 17 00:00:00 2001
From: jp <jp@txt3.com>
Date: Thu, 13 Aug 2026 18:40:22 +0100
Subject: [PATCH] Force dark input backgrounds with hardcoded #0a0e17 - replace
 var(--bg-surface) with literal #0a0e17 in input CSS - add
 -webkit-appearance:none to prevent native widget override - apply to both
 main and .modal input rules

---
 frontend/src/index.css | 16 ++++++++++++++--
 1 file changed, 14 insertions(+), 2 deletions(-)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index 429064d..8f2aee8 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -253,20 +253,28 @@ input[type="date"] {
   border: 1px solid var(--border);
   border-radius: 7px;
   font: 14px var(--font-sans);
-  background: var(--bg-surface);
+  background-color: #0a0e17;
+  background: #0a0e17;
   color: var(--text-primary);
+  -webkit-text-fill-color: var(--text-primary);
   transition: all 0.2s;
+  -webkit-appearance: none;
+  appearance: none;
 }
 
 input:focus {
   outline: none;
   border-color: var(--accent-cyan);
   box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.1), var(--glow-cyan);
+  background-color: #0a0e17;
+  background: #0a0e17;
 }
 
 input[type="date"] {
   width: auto;
   color-scheme: dark;
+  background-color: #0a0e17;
+  background: #0a0e17;
 }
 
 label {
@@ -370,14 +378,18 @@ tr:hover td { background: rgba(255, 255, 255, 0.01); }
   border: 1px solid var(--border);
   border-radius: 7px;
   font: 14px var(--font-sans);
-  background: var(--bg-surface);
+  background-color: #0a0e17;
+  background: #0a0e17;
   color: var(--text-primary);
+  -webkit-text-fill-color: var(--text-primary);
 }
 
 .modal input:focus {
   outline: none;
   border-color: var(--accent-cyan);
   box-shadow: 0 0 0 3px rgba(0, 212, 255, 0.1);
+  background-color: #0a0e17;
+  background: #0a0e17;
 }
 
 .modal .row {