From a2b88c3df5fa991709c07ffd6c0ab68e964b9b9f Mon Sep 17 00:00:00 2001
From: mstfyldz <mstfyldz@mstfyldz-MacBook-Air.local>
Date: Thu, 12 Mar 2026 23:47:37 +0300
Subject: [PATCH] Fix: Explicitly set input and placeholder colors to ensure
 visibility across all login screens

---
 app/login/page.tsx               | 4 ++--
 app/merchant/[id]/login/page.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/app/login/page.tsx b/app/login/page.tsx
index 756c36a..a6557ac 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -60,7 +60,7 @@ export default function LoginPage() {
                                 value={email}
                                 onChange={(e) => setEmail(e.target.value)}
                                 placeholder="admin@p2cgateway.com"
-                                className="w-full pl-14 pr-6 py-4 bg-gray-50 border-none rounded-2xl text-sm font-medium focus:ring-2 focus:ring-blue-500 outline-none"
+                                className="w-full pl-14 pr-6 py-4 bg-gray-50 border-none rounded-2xl text-sm font-black text-gray-900 focus:ring-2 focus:ring-blue-500 outline-none placeholder:text-gray-300"
                             />
                         </div>
                     </div>
@@ -75,7 +75,7 @@ export default function LoginPage() {
                                 value={password}
                                 onChange={(e) => setPassword(e.target.value)}
                                 placeholder="••••••••"
-                                className="w-full pl-14 pr-6 py-4 bg-gray-50 border-none rounded-2xl text-sm font-medium focus:ring-2 focus:ring-blue-500 outline-none"
+                                className="w-full pl-14 pr-6 py-4 bg-gray-50 border-none rounded-2xl text-sm font-black text-gray-900 focus:ring-2 focus:ring-blue-500 outline-none placeholder:text-gray-300"
                             />
                         </div>
                     </div>
diff --git a/app/merchant/[id]/login/page.tsx b/app/merchant/[id]/login/page.tsx
index 6884327..db8305a 100644
--- a/app/merchant/[id]/login/page.tsx
+++ b/app/merchant/[id]/login/page.tsx
@@ -67,7 +67,7 @@ export default function MerchantLoginPage() {
                                     value={apiKey}
                                     onChange={(e) => setApiKey(e.target.value)}
                                     placeholder="••••••••••••••••"
-                                    className="w-full pl-14 pr-6 py-4 bg-gray-50 border-2 border-transparent focus:border-blue-500 focus:bg-white rounded-[24px] outline-none transition-all font-mono font-bold text-gray-900"
+                                    className="w-full pl-14 pr-6 py-4 bg-gray-50 border-2 border-transparent focus:border-blue-500 focus:bg-white rounded-[24px] outline-none transition-all font-mono font-black text-gray-900 placeholder:text-gray-300"
                                 />
                             </div>
                             {error && <p className="text-[10px] text-red-500 font-black uppercase tracking-widest pl-2">{error}</p>}