Refine guest upload camera UI

resources/js/guest/components/BottomNav.tsx

@@ -127,14 +127,18 @@ export default function BottomNav() {
         <Link
           to={`${base}/upload`}
           aria-label={labels.upload}
-          className={`relative flex ${compact ? 'h-12 w-12' : 'h-16 w-16'} items-center justify-center rounded-full text-white shadow-2xl transition ${
-            isUploadActive ? 'scale-105' : 'hover:scale-105'
+          className={`relative flex ${compact ? 'h-12 w-12' : 'h-16 w-16'} items-center justify-center rounded-full text-white shadow-2xl transition-all duration-300 ${
+            isUploadActive
+              ? 'translate-y-6 scale-75 opacity-0 pointer-events-none'
+              : 'hover:scale-105'
           }`}
           style={{
             background: `radial-gradient(circle at 20% 20%, ${branding.secondaryColor}, ${branding.primaryColor})`,
             boxShadow: `0 20px 35px ${branding.primaryColor}44`,
             borderRadius: radius,
           }}
+          tabIndex={isUploadActive ? -1 : 0}
+          aria-hidden={isUploadActive}
         >
           <Camera className="h-6 w-6" aria-hidden />
         </Link>

resources/js/guest/components/Header.tsx

@@ -404,7 +404,7 @@ function NotificationButton({ center, eventToken, open, onToggle, panelRef, butt
         ref={buttonRef}
         type="button"
         onClick={onToggle}
-        className="relative rounded-full bg-white/15 p-2 text-current transition hover:bg-white/30"
+        className="relative flex h-10 w-10 items-center justify-center rounded-2xl border border-white/25 bg-white/15 text-current shadow-lg shadow-black/20 backdrop-blur transition hover:border-white/40 hover:bg-white/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60"
         aria-label={open ? t('header.notifications.close', 'Benachrichtigungen schließen') : t('header.notifications.open', 'Benachrichtigungen anzeigen')}
       >
         <Bell className="h-5 w-5" aria-hidden />

resources/js/guest/components/settings-sheet.tsx

@@ -121,7 +121,11 @@ export function SettingsSheet() {
   return (
     <Sheet open={open} onOpenChange={handleOpenChange}>
       <SheetTrigger asChild>
-        <Button variant="ghost" size="icon" className="h-9 w-9 rounded-md">
+        <Button
+          variant="ghost"
+          size="icon"
+          className="h-10 w-10 rounded-2xl border border-white/25 bg-white/15 text-current shadow-lg shadow-black/20 backdrop-blur transition hover:border-white/40 hover:bg-white/25 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/60 dark:border-white/10 dark:bg-white/10 dark:hover:bg-white/15"
+        >
           <Settings className="h-5 w-5" />
           <span className="sr-only">{t('settings.sheet.openLabel')}</span>
         </Button>