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

frontend/src/components/Stats.tsx

@@ -18,6 +18,7 @@ import { useMe } from "../lib/useMe";
 import { notifyActionError } from "../lib/actionErrors";
 import { Button } from "./ui/Button";
 import { Pressable } from "./ui/Pressable";
+import { SURFACE } from "./ui/surfaces";
 
 const RANGES = [7, 30, 90] as const;
 type StatsTab = "overview" | "system";
@@ -275,7 +276,7 @@ function SystemStats() {
       ) : (
         <>
           {/* Daily totals (instance-wide, Pacific days) */}
-          <div className="glass-card rounded-xl p-3 mb-4">
+          <div className={`${SURFACE.card} p-3 mb-4`}>
             <div className="text-xs text-muted mb-2">
               {t("stats.dailyTotal", {
                 count: data.range_days,
@@ -324,7 +325,7 @@ function UserRow({ row, max }: { row: AdminQuotaRow; max: number }) {
   const actions = Object.entries(row.by_action).sort((a, b) => b[1] - a[1]);
   const isSystem = row.user_id === null;
   return (
-    <div className="glass-card rounded-xl p-3">
+    <div className={`${SURFACE.card} p-3`}>
       <Pressable
         onClick={() => setOpen((o) => !o)}
         aria-expanded={open}