From ecbfd5afa7b111dc174fb3a8e58b17049925e7eb Mon Sep 17 00:00:00 2001
From: jlightner <jlightner@users.noreply.github.com>
Date: Fri, 3 Apr 2026 04:42:22 +0000
Subject: [PATCH] =?UTF-8?q?feat:=20Applied=20glassmorphism=20styling=20(ba?=
 =?UTF-8?q?ckdrop-filter=20blur,=20semi-transpa=E2=80=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- "src/frontend/src/pages/ChannelDetail.tsx"

GSD-Task: S03/T03
---
 src/frontend/src/pages/ChannelDetail.tsx | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/frontend/src/pages/ChannelDetail.tsx b/src/frontend/src/pages/ChannelDetail.tsx
index d189bf5..b177535 100644
--- a/src/frontend/src/pages/ChannelDetail.tsx
+++ b/src/frontend/src/pages/ChannelDetail.tsx
@@ -1304,7 +1304,7 @@ export function ChannelDetail() {
         ) : null}
       </div>
 
-      {/* Floating bulk action bar */}
+      {/* Floating bulk action bar — glassmorphism */}
       {selectedIds.size > 0 ? (
         <div
           role="toolbar"
@@ -1319,10 +1319,12 @@ export function ChannelDetail() {
             alignItems: 'center',
             gap: 'var(--space-3)',
             padding: 'var(--space-3) var(--space-5)',
-            backgroundColor: 'var(--bg-card)',
-            border: '1px solid var(--border)',
+            backgroundColor: 'rgba(30, 32, 40, 0.75)',
+            backdropFilter: 'blur(16px) saturate(1.4)',
+            WebkitBackdropFilter: 'blur(16px) saturate(1.4)',
+            border: '1px solid rgba(255, 255, 255, 0.08)',
             borderRadius: 'var(--radius-xl)',
-            boxShadow: 'var(--shadow-lg)',
+            boxShadow: '0 8px 32px rgba(0, 0, 0, 0.35), inset 0 0.5px 0 rgba(255, 255, 255, 0.06)',
           }}
         >
           <span