From d794ad68aaeaa90c09ae96497cb6731bea355c86 Mon Sep 17 00:00:00 2001
From: OpenSquared <opensquaredgeneva@gmail.com>
Date: Mon, 22 Jun 2026 21:10:10 +0200
Subject: [PATCH] fix: define .input component class in CSS (dark-themed
 inputs/selects)

Missing class caused native selects to render with OS default white background.
Added .input to @layer components with dark bg, border, color-scheme:dark.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/index.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/frontend/src/index.css b/frontend/src/index.css
index f12be5e..1c00883 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -42,6 +42,11 @@
   .positive { @apply text-emerald-400; }
   .negative { @apply text-red-400; }
   .neutral { @apply text-slate-400; }
+  .input {
+    @apply bg-dark-700 border border-slate-700/50 rounded text-slate-200 text-sm
+           px-3 py-1.5 outline-none focus:border-blue-500/60 transition-colors;
+    color-scheme: dark;
+  }
   .section-title {
     @apply text-xs font-semibold text-slate-500 uppercase tracking-widest mb-3;
   }