From cfdcc4f2f49412a4c94e1d07eca18a94fff50560 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Wed, 12 Aug 2026 11:25:28 -0300
Subject: [PATCH] Remove yield input number spinners

---
 src/index.css         | 11 +++++++++++
 src/pages/Cutting.tsx |  2 +-
 2 files changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/index.css b/src/index.css
index 0b8e902..fe87d54 100644
--- a/src/index.css
+++ b/src/index.css
@@ -75,6 +75,17 @@
 }
 
 @layer components {
+  .yield-input {
+    appearance: textfield;
+    -moz-appearance: textfield;
+  }
+
+  .yield-input::-webkit-inner-spin-button,
+  .yield-input::-webkit-outer-spin-button {
+    margin: 0;
+    appearance: none;
+  }
+
   .skeleton {
     position: relative;
     overflow: hidden;
diff --git a/src/pages/Cutting.tsx b/src/pages/Cutting.tsx
index 8125a07..50f072e 100644
--- a/src/pages/Cutting.tsx
+++ b/src/pages/Cutting.tsx
@@ -1019,7 +1019,7 @@ const Cutting = () => {
                     value={cuttingSettings.familyYields[rule.key] || ''}
                     onChange={(event) => updateFamilyYield(rule.key, event.target.value)}
                     placeholder="un./rolo"
-                    className="h-10 w-full rounded-lg border border-dark-border bg-dark-card px-3 text-sm font-bold text-dark-text outline-none transition-colors focus:border-brand-primary"
+                    className="yield-input h-10 w-full rounded-lg border border-dark-border bg-dark-card px-3 text-sm font-bold text-dark-text outline-none transition-colors focus:border-brand-primary"
                   />
                   {yieldRecommendations.find(item => item.familyKey === rule.key)?.recommendedUnitsPerRoll && (() => {
                     const recommendation = yieldRecommendations.find(item => item.familyKey === rule.key)!;