diff --git a/.claude/settings.local.json b/.claude/settings.local.json
index 976b369..9725959 100644
--- a/.claude/settings.local.json
+++ b/.claude/settings.local.json
@@ -17,7 +17,8 @@
       "Bash(sed -n '1,15p' src/pages/client/ClientMyInvoices.jsx)",
       "Bash(git commit -q -m 'fix: restore popupOverlayStyle import in ExternalMyInvoices *)",
       "Bash(git commit -q -m 'style: increase card-bg alpha to match Safari rendering *)",
-      "Bash(git commit -q -m 'fix: subcontractor PDF title + multi-page support *)"
+      "Bash(git commit -q -m 'fix: subcontractor PDF title + multi-page support *)",
+      "Bash(git commit -q -m 'style: card-bg dark-based alpha to match Safari panel look *)"
     ]
   }
 }
diff --git a/src/index.css b/src/index.css
index 3ee4ec8..47cf0c7 100644
--- a/src/index.css
+++ b/src/index.css
@@ -29,8 +29,8 @@
   --bg:
     radial-gradient(560px circle at 58% -6%, rgba(245, 165, 35, 0.16) 0%, rgba(245, 165, 35, 0.105) 24%, rgba(245, 165, 35, 0.055) 48%, rgba(245, 165, 35, 0.018) 72%, rgba(245, 165, 35, 0) 100%),
     linear-gradient(180deg, #111111 0%, #0d0d0d 42%, #0a0a0a 100%);
-  --card-bg: rgba(255, 255, 255, 0.06);
-  --card-bg-2: rgba(255, 255, 255, 0.10);
+  --card-bg: rgba(0, 0, 0, 0.35);
+  --card-bg-2: rgba(0, 0, 0, 0.48);
   --popup-bg: rgba(13,13,13,0.88);
   --text-primary: #ffffff;
   --text-secondary: #a8a8a8;