Align workspace strip surface styling

frontend/static/app.css

@@ -15,6 +15,7 @@
   --ok: #1f7a42;
   --warn: #9a6700;
   --shadow: 0 18px 70px rgba(0, 0, 0, 0.08);
+  --surface-shadow: 0 14px 38px rgba(var(--glow-rgb), 0.15), 0 3px 10px rgba(0, 0, 0, 0.08);
 }
 
 [data-theme="yellow"] {
@@ -132,7 +133,7 @@ button {
   border-radius: 22px;
   padding: 10px 12px;
   background: var(--panel-strong);
-  box-shadow: 0 14px 38px rgba(var(--glow-rgb), 0.15), 0 3px 10px rgba(0, 0, 0, 0.08);
+  box-shadow: var(--surface-shadow);
 }
 
 .brand {
@@ -317,7 +318,7 @@ button {
 .workspace-strip {
   position: sticky;
   top: 66px;
-  z-index: 4;
+  z-index: 8;
   display: grid;
   grid-template-columns: minmax(0, 1fr);
   align-items: center;
@@ -325,7 +326,7 @@ button {
   border-radius: 18px;
   padding: 9px 12px;
   background: var(--panel-strong);
-  box-shadow: 0 14px 38px rgba(var(--glow-rgb), 0.15), 0 3px 10px rgba(0, 0, 0, 0.08);
+  box-shadow: var(--surface-shadow);
 }
 
 .workspace-strip input {
@@ -684,7 +685,7 @@ button {
   border-radius: 26px;
   padding: 11px;
   background: var(--panel-strong);
-  box-shadow: 0 14px 38px rgba(var(--glow-rgb), 0.15), 0 3px 10px rgba(0, 0, 0, 0.08);
+  box-shadow: var(--surface-shadow);
 }
 
 .composer.dragover {