fix: Complete UI/UX polish - all 7 issues resolved

## ✅ Issue 1: Customers Submenu Missing in WP-Admin
**Problem:** Tax and Customer submenus only visible in standalone mode
**Root Cause:** PHP navigation registry did not include Customers
**Fixed:** Added Customers to NavigationRegistry.php settings children
**Result:** Customers submenu now shows in all modes

## ✅ Issue 2: App Logo/Title in Topbar
**Problem:** Should show logo → store name → "WooNooW" fallback
**Fixed:** Header component now:
- Fetches branding from /store/branding endpoint
- Shows logo image if available
- Falls back to store name text
- Updates on store settings change event
**Result:** Proper branding hierarchy in app header

## ✅ Issue 3: Zone Card Header Density on Mobile
**Problem:** "Indonesia Addons" row with 3 icons too cramped on mobile
**Fixed:** Shipping.tsx zone card header:
- Reduced gap from gap-3 to gap-2/gap-1 on mobile
- Smaller font size on mobile (text-sm md:text-lg)
- Added min-w-0 for proper text truncation
- flex-shrink-0 on icon buttons
**Result:** Better mobile spacing and readability

## ✅ Issue 4: Go to WP Admin Button
**Problem:** Should show in standalone mode, not wp-admin
**Fixed:** More page now shows "Go to WP Admin" button:
- Only in standalone mode
- Before Logout button
- Links to /wp-admin
**Result:** Easy access to WP Admin from standalone mode

## ✅ Issue 5: Customer Settings 403 Error
**Problem:** Permission check failing for customer-settings endpoint
**Fixed:** StoreController.php check_permission():
- Added fallback: manage_woocommerce OR manage_options
- Ensures administrators always have access
**Result:** Customer Settings page loads successfully

## ✅ Issue 6: Dark Mode Logo Upload Field
**Problem:** No UI to upload dark mode logo
**Fixed:** Store settings page now has:
- "Store logo (Light mode)" field
- "Store logo (Dark mode)" field (optional)
- Backend support in StoreSettingsProvider
- Full save/load functionality
**Result:** Users can upload separate logos for light/dark modes

## ✅ Issue 7: Login Card Background Too Dark
**Problem:** Login card same color as background in dark mode
**Fixed:** Login.tsx card styling:
- Changed from dark:bg-gray-800 (solid)
- To dark:bg-gray-900/50 (semi-transparent)
- Added backdrop-blur-xl for glass effect
- Added border for definition
**Result:** Login card visually distinct with modern glass effect

---

## Summary

**All 7 Issues Resolved:**
1. ✅ Customers submenu in all modes
2. ✅ Logo/title hierarchy in topbar
3. ✅ Mobile zone card spacing
4. ✅ Go to WP Admin in standalone
5. ✅ Customer Settings permission fix
6. ✅ Dark mode logo upload field
7. ✅ Lighter login card background

**Files Modified:**
- NavigationRegistry.php - Added Customers to nav
- App.tsx - Logo/branding in header
- Shipping.tsx - Mobile spacing
- More/index.tsx - WP Admin button
- StoreController.php - Permission fallback
- Store.tsx - Dark logo field
- StoreSettingsProvider.php - Dark logo backend
- Login.tsx - Card background

**Ready for production!** 🎉

admin-spa/src/App.tsx

@@ -271,6 +271,7 @@ function AddonRoute({ config }: { config: any }) {
 
 function Header({ onFullscreen, fullscreen, showToggle = true, scrollContainerRef, onVisibilityChange }: { onFullscreen: () => void; fullscreen: boolean; showToggle?: boolean; scrollContainerRef?: React.RefObject<HTMLDivElement>; onVisibilityChange?: (visible: boolean) => void }) {
   const [siteTitle, setSiteTitle] = React.useState((window as any).wnw?.siteTitle || 'WooNooW');
+  const [storeLogo, setStoreLogo] = React.useState('');
   const [isVisible, setIsVisible] = React.useState(true);
   const lastScrollYRef = React.useRef(0);
   const isStandalone = window.WNW_CONFIG?.standaloneMode ?? false;
@@ -280,12 +281,28 @@ function Header({ onFullscreen, fullscreen, showToggle = true, scrollContainerRe
     onVisibilityChange?.(isVisible);
   }, [isVisible, onVisibilityChange]);
   
+  // Fetch store branding on mount
+  React.useEffect(() => {
+    const fetchBranding = async () => {
+      try {
+        const response = await fetch((window.WNW_CONFIG?.restUrl || '') + '/store/branding');
+        if (response.ok) {
+          const data = await response.json();
+          if (data.store_logo) setStoreLogo(data.store_logo);
+          if (data.store_name) setSiteTitle(data.store_name);
+        }
+      } catch (err) {
+        console.error('Failed to fetch branding:', err);
+      }
+    };
+    fetchBranding();
+  }, []);
+  
   // Listen for store settings updates
   React.useEffect(() => {
     const handleStoreUpdate = (event: CustomEvent) => {
-      if (event.detail?.store_name) {
-        setSiteTitle(event.detail.store_name);
-      }
+      if (event.detail?.store_logo) setStoreLogo(event.detail.store_logo);
+      if (event.detail?.store_name) setSiteTitle(event.detail.store_name);
     };
     
     window.addEventListener('woonoow:store:updated' as any, handleStoreUpdate);
@@ -343,7 +360,13 @@ function Header({ onFullscreen, fullscreen, showToggle = true, scrollContainerRe
   
   return (
     <header className={`h-16 border-b border-border flex items-center px-4 justify-between sticky ${fullscreen ? `top-0` : `top-[32px]`} z-40 bg-background md:bg-background/95 md:backdrop-blur md:supports-[backdrop-filter]:bg-background/60 transition-transform duration-300 ${fullscreen && !isVisible ? '-translate-y-full md:translate-y-0' : 'translate-y-0'}`}>
-      <div className="font-semibold">{siteTitle}</div>
+      <div className="flex items-center gap-3">
+        {storeLogo ? (
+          <img src={storeLogo} alt={siteTitle} className="h-8 object-contain" />
+        ) : (
+          <div className="font-semibold">{siteTitle}</div>
+        )}
+      </div>
       <div className="flex items-center gap-3">
         <div className="text-sm opacity-70 hidden sm:block">{window.WNW_API?.isDev ? 'Dev Server' : 'Production'}</div>
         {isStandalone && (