From 2bca1ff0c00ffb80681c60617776033e831c9710 Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Mon, 19 Jan 2026 00:16:52 +0530
Subject: [PATCH] style: update agent profile dropdown menu styling and
 structure in AgentHeader.

---
 src/components/layout/AgentHeader.tsx | 52 ++++++++++++++-------------
 1 file changed, 28 insertions(+), 24 deletions(-)

diff --git a/src/components/layout/AgentHeader.tsx b/src/components/layout/AgentHeader.tsx
index e0e34fc..0c28b01 100644
--- a/src/components/layout/AgentHeader.tsx
+++ b/src/components/layout/AgentHeader.tsx
@@ -76,33 +76,37 @@ export function AgentHeader({ userName, userEmail }: AgentHeaderProps) {
 
             {/* Profile Dropdown Menu */}
             {showProfileMenu && (
-              <div className="absolute right-0 mt-2 w-48 bg-white rounded-lg shadow-lg py-2 z-50">
-                <div className="px-4 py-2 border-b border-gray-100">
-                  <p className="text-sm font-medium text-[#00293d]">
+              <div className="absolute right-0 mt-2 w-56 bg-white rounded-[15px] border border-[#00293d]/10 py-3 z-50">
+                <div className="px-4 py-2 border-b border-[#00293d]/10">
+                  <p className="font-fractul font-bold text-[14px] leading-[17px] text-[#00293D]">
                     {userName || 'Agent'}
                   </p>
-                  <p className="text-xs text-gray-500">{userEmail}</p>
+                  <p className="font-serif text-[12px] leading-[16px] text-[#00293D]/50">{userEmail}</p>
+                </div>
+                <div className="py-2">
+                  <Link
+                    href="/agent/dashboard"
+                    className="block px-4 py-2 font-serif text-[14px] leading-[19px] text-[#00293D] hover:bg-[#00293d]/5 transition-colors"
+                    onClick={() => setShowProfileMenu(false)}
+                  >
+                    Dashboard
+                  </Link>
+                  <Link
+                    href="/agent/settings"
+                    className="block px-4 py-2 font-serif text-[14px] leading-[19px] text-[#00293D] hover:bg-[#00293d]/5 transition-colors"
+                    onClick={() => setShowProfileMenu(false)}
+                  >
+                    Settings
+                  </Link>
+                </div>
+                <div className="border-t border-[#00293d]/10 pt-2">
+                  <button
+                    onClick={() => signOut({ callbackUrl: '/login' })}
+                    className="w-full text-left px-4 py-2 font-serif text-[14px] leading-[19px] text-[#e58625] hover:bg-[#00293d]/5 transition-colors"
+                  >
+                    Sign Out
+                  </button>
                 </div>
-                <Link
-                  href="/agent/dashboard"
-                  className="block px-4 py-2 text-sm text-[#00293d] hover:bg-gray-50"
-                  onClick={() => setShowProfileMenu(false)}
-                >
-                  Dashboard
-                </Link>
-                <Link
-                  href="/agent/settings"
-                  className="block px-4 py-2 text-sm text-[#00293d] hover:bg-gray-50"
-                  onClick={() => setShowProfileMenu(false)}
-                >
-                  Settings
-                </Link>
-                <button
-                  onClick={() => signOut({ callbackUrl: '/login' })}
-                  className="w-full text-left px-4 py-2 text-sm text-red-600 hover:bg-gray-50"
-                >
-                  Sign Out
-                </button>
               </div>
             )}
           </div>