From c06c9194e80e65150b2b242839b46f4c75200d1b Mon Sep 17 00:00:00 2001
From: Alvaro Parker <aparker@azurian.com>
Date: Wed, 7 Oct 2026 10:10:54 -0300
Subject: [PATCH] fix(frontend): distinguish disabled and readonly field styles

---
 vocero-frontend/src/components/ui.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/vocero-frontend/src/components/ui.tsx b/vocero-frontend/src/components/ui.tsx
index e9b5432..da22460 100644
--- a/vocero-frontend/src/components/ui.tsx
+++ b/vocero-frontend/src/components/ui.tsx
@@ -50,7 +50,7 @@ export function Input({ className = "", ...props }: ComponentProps<"input">) {
   return (
     <input
       {...props}
-      className={`${inputStyles} read-only:cursor-default read-only:border-dashed read-only:text-muted ${className}`}
+      className={`${inputStyles} [&[readonly]]:cursor-default [&[readonly]]:border-dashed [&[readonly]]:text-muted ${className}`}
     />
   );
 }