feat(design): glass surfaces by role, the static Badge, LinkButton, user pickers on the Combobox (E28 S3d1)

frontend/src/design-lab/batchCActions.tsx

@@ -2,6 +2,7 @@ import clsx from "clsx";
 import { Bookmark, Check, ListPlus, MoreHorizontal, Play } from "lucide-react";
 import { Reference, Sample } from "./labKit";
 import { H, LAYER } from "./labTokens";
+import { SURFACE } from "../components/ui/surfaces";
 
 // E28 S2 · Batch C, part 1 — action placement: the classification table (object × action → where it
 // lives), DECIDED (owner, 2026-09-24: accepted as proposed). It is the source S3 builds each object's
@@ -316,7 +317,7 @@ function Card({ touch }: { touch: boolean }) {
     touch ? "h-11 w-11" : H.iconSm,
   );
   return (
-    <div className="glass-card group flex w-60 flex-col gap-1.5 rounded-xl p-1.5">
+    <div className={`${SURFACE.card} group flex w-60 flex-col gap-1.5 p-1.5`}>
       <div className="relative aspect-video overflow-hidden rounded-lg bg-linear-to-br from-accent/50 to-card">
         <span className="absolute inset-x-0 bottom-0 h-1 bg-white/25">
           <span className="block h-1 w-1/3 bg-accent" />