style(dashboard): refine background colors and remove backdrop filters for improved aesthetics

Entire-Checkpoint: 84693b066142

libs/workspace/dashboard/feature/src/lib/workspace-dashboard.component.scss

@@ -52,7 +52,6 @@
         var(--mat-sys-surface-container-high) 100%
     );
     box-shadow: 0 8px 24px -16px var(--dashboard-frame-glow);
-    backdrop-filter: blur(8px);
 }
 
 .topbar-label {
@@ -245,6 +244,7 @@
         transform 0.2s ease,
         box-shadow 0.2s ease,
         border-color 0.2s ease;
+    contain: layout style;
     z-index: 1;
     height: var(--dashboard-widget-height);
     // Suppress the inner mat-card outlined border — slot provides the only visible border
@@ -293,11 +293,10 @@
     border-radius: 12px;
     background: color-mix(
         in srgb,
-        var(--mat-sys-surface-container-high) 78%,
-        var(--dashboard-accent) 22%
+        var(--mat-sys-surface-container-high) 92%,
+        var(--dashboard-accent) 8%
     );
     padding: 4px 6px;
-    backdrop-filter: blur(4px);
 }
 
 .drag-handle {

libs/workspace/dashboard/ui/src/lib/widgets/dashboard-activity-items.component.scss

@@ -222,8 +222,7 @@
     right: 4px;
     width: 24px;
     height: 24px;
-    background: color-mix(in srgb, var(--mat-sys-surface-container-highest) 90%, transparent);
-    backdrop-filter: blur(4px);
+    background: color-mix(in srgb, var(--mat-sys-surface-container-highest) 96%, transparent);
     opacity: 0;
 
     mat-icon {

libs/workspace/dashboard/ui/src/lib/widgets/dashboard-widget-shell.component.scss

@@ -24,9 +24,7 @@
     justify-content: space-between;
     gap: 12px;
     padding: 14px 16px 10px;
-    position: sticky;
-    top: 0;
-    z-index: 2;
+    flex-shrink: 0;
     background: var(--app-widget-header-bg, var(--mat-sys-surface-container-high));
     border-bottom: 1px solid var(--app-widget-header-border, rgba(255, 255, 255, 0.05));
 }