style: refine acrylic workbench surfaces

features/map/core/components/control-panel.tsx

@@ -83,7 +83,7 @@ export function MapModeButton({ icon: Icon, label, active = false, disabled = fa
       className={cn(
         "flex h-14 flex-col items-center justify-center gap-1 text-xs font-semibold transition duration-150",
         MAP_COMPACT_RADIUS_CLASS_NAME,
-        active ? "bg-blue-600 text-white shadow-sm" : "bg-[var(--glass-menu)] text-slate-600 hover:text-blue-700",
+        active ? "bg-blue-600 text-white" : "surface-control text-slate-600 hover:text-blue-700",
         disabled && "cursor-not-allowed opacity-55 hover:text-slate-600"
       )}
     >
@@ -164,7 +164,7 @@ export function MapActionRow({
           ? "border-blue-600 bg-blue-600 text-white shadow-lg shadow-blue-600/25 hover:bg-blue-700"
           : strong
             ? "border-blue-100 bg-blue-50/95 text-blue-800"
-            : "border-transparent bg-[var(--glass-menu)] text-slate-700 hover:border-blue-100 hover:bg-white hover:text-blue-700",
+            : "surface-control border-transparent text-slate-700 hover:border-blue-100 hover:bg-white hover:text-blue-700",
         isDanger && "hover:border-red-100 hover:text-red-700",
         selected && !isPrimary && "border-blue-200 bg-blue-50 text-blue-800",
         muted && "opacity-70",