From c6529c699608d47b8518e216117526f7ec16babf Mon Sep 17 00:00:00 2001
From: Marco Allegretti <mightymarco4@gmail.com>
Date: Thu, 29 Jan 2026 16:38:59 +0100
Subject: [PATCH] ui: standardize form controls

---
 .../components/ui/DesignSystemStyles.astro    | 30 +++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/frontend/src/components/ui/DesignSystemStyles.astro b/frontend/src/components/ui/DesignSystemStyles.astro
index 024b2e1..61b31cc 100644
--- a/frontend/src/components/ui/DesignSystemStyles.astro
+++ b/frontend/src/components/ui/DesignSystemStyles.astro
@@ -153,6 +153,16 @@
     transition: border-color var(--motion-fast) var(--easing-standard), background-color var(--motion-fast) var(--easing-standard);
   }
 
+  :where(input, textarea, select)::placeholder {
+    color: var(--color-text-muted);
+    opacity: 0.9;
+  }
+
+  :where(input, textarea, select):disabled {
+    opacity: 0.6;
+    cursor: not-allowed;
+  }
+
   :where(input, textarea, select):hover {
     border-color: var(--color-border-hover);
   }
@@ -340,6 +350,26 @@
     border-radius: var(--radius-md);
   }
 
+  :where(select.ui-select) {
+    appearance: none;
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    padding-right: 2.25rem;
+    background-image:
+      linear-gradient(45deg, transparent 50%, var(--color-text-muted) 50%),
+      linear-gradient(135deg, var(--color-text-muted) 50%, transparent 50%),
+      linear-gradient(to right, transparent, transparent);
+    background-position:
+      calc(100% - 1.05rem) 1.15rem,
+      calc(100% - 0.75rem) 1.15rem,
+      0 0;
+    background-size:
+      6px 6px,
+      6px 6px,
+      100% 100%;
+    background-repeat: no-repeat;
+  }
+
   .ui-kpis {
     display: flex;
     gap: 0.75rem;