Improve admin mobile dark mode contrast

resources/js/admin/mobile/DashboardPage.tsx

@@ -46,14 +46,19 @@ function DashboardCard({
 }: React.ComponentProps<typeof Card> & { variant?: 'default' | 'embedded' }) {
   const theme = useAdminTheme();
   const isEmbedded = variant === 'embedded';
+  const cardSurface = isEmbedded
+    ? (theme.surfaceMuted ?? theme.glassSurface ?? theme.surface)
+    : (theme.glassSurfaceStrong ?? theme.surface);
+  const cardBorder = theme.glassBorder ?? theme.border;
+  const cardShadow = theme.glassShadow ?? theme.shadow;
   return (
     <Card
-      backgroundColor={theme.surface}
+      backgroundColor={cardSurface}
       borderRadius={isEmbedded ? 16 : 20}
       borderWidth={1}
-      borderColor={theme.border}
+      borderColor={cardBorder}
       padding="$3.5"
-      shadowColor={theme.shadow}
+      shadowColor={cardShadow}
       shadowOpacity={isEmbedded ? 0 : 0.16}
       shadowRadius={isEmbedded ? 0 : 16}
       shadowOffset={isEmbedded ? { width: 0, height: 0 } : { width: 0, height: 10 }}
@@ -444,7 +449,8 @@ function LifecycleHero({
           alignItems="center"
           justifyContent="space-between"
           borderWidth={1}
-          borderColor={theme.border}
+          borderColor={theme.glassBorder ?? theme.border}
+          backgroundColor={theme.surfaceMuted}
           borderRadius={12}
           paddingHorizontal="$2.5"
           paddingVertical="$2"