From 91536ee50d3c05829cb5f2b35011a918f80984c0 Mon Sep 17 00:00:00 2001
From: adlee-was-taken <aaron.daniel.lee@gmail.com>
Date: Sat, 2 May 2026 13:32:55 -0400
Subject: [PATCH] style(ext): add .glass card class

Translucent fill, soft border, inner highlight, drop shadow. Used for
the unlock card, setup step cards, and form section panels.
---
 extension/src/popup/styles.css | 14 ++++++++++++++
 extension/src/vault/vault.css  | 14 ++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/extension/src/popup/styles.css b/extension/src/popup/styles.css
index 350a6e1..897ceb9 100644
--- a/extension/src/popup/styles.css
+++ b/extension/src/popup/styles.css
@@ -1494,3 +1494,17 @@ textarea {
   position: relative;
   z-index: 1;
 }
+
+/* Phase 2B: glass card. Translucent panel with backdrop blur for the
+   unlock card, setup step card, and form section panels. Falls back
+   gracefully on browsers without backdrop-filter (just stays translucent). */
+.glass {
+  background: var(--bg-card);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+  border: 1px solid var(--border-soft);
+  border-radius: 10px;
+  box-shadow:
+    0 1px 0 rgba(255, 255, 255, 0.03) inset,
+    0 6px 18px rgba(0, 0, 0, 0.35);
+}
diff --git a/extension/src/vault/vault.css b/extension/src/vault/vault.css
index 42a3f46..2d63e40 100644
--- a/extension/src/vault/vault.css
+++ b/extension/src/vault/vault.css
@@ -1524,3 +1524,17 @@ textarea {
   position: relative;
   z-index: 1;
 }
+
+/* Phase 2B: glass card. Translucent panel with backdrop blur for the
+   unlock card, setup step card, and form section panels. Falls back
+   gracefully on browsers without backdrop-filter (just stays translucent). */
+.glass {
+  background: var(--bg-card);
+  backdrop-filter: blur(8px);
+  -webkit-backdrop-filter: blur(8px);
+  border: 1px solid var(--border-soft);
+  border-radius: 10px;
+  box-shadow:
+    0 1px 0 rgba(255, 255, 255, 0.03) inset,
+    0 6px 18px rgba(0, 0, 0, 0.35);
+}