fix: isolate shared admin styling

src/components/admin/catalog/bulk-import-items.tsx

@@ -189,7 +189,7 @@ export function BulkImportItems({ pageId, onImported }: BulkImportItemsProps) {
                         <td className="px-2 py-0.5 font-mono">{row.pointsType ?? '—'}</td>
                         <td className="px-2 py-0.5">
                           {row.ok ? (
-                            <span className="text-[var(--color-success-text-readable)]">OK</span>
+                            <span className="text-[var(--admin-success)]">OK</span>
                           ) : (
                             <span className="text-destructive">{row.error}</span>
                           )}

src/components/admin/catalog/items-shop-preview.tsx

@@ -75,7 +75,7 @@ export function ItemsShopPreview({
                 {/* Badges overlay */}
                 <div className="absolute right-1 top-1 flex flex-col gap-0.5">
                   {isClub && (
-                    <Badge className="h-4 gap-0.5 border-0 bg-[var(--color-warning-subtle)] px-1 text-[8px] text-white">
+                    <Badge className="h-4 gap-0.5 border-0 bg-[var(--admin-warning-subtle)] px-1 text-[8px] text-white">
                       <Crown className="h-2.5 w-2.5" />
                       HC
                     </Badge>
@@ -110,7 +110,7 @@ export function ItemsShopPreview({
                 </p>
                 <div className="mt-0.5 flex items-center gap-1.5 text-[10px] font-mono">
                   {item.costCredits > 0 && (
-                    <span className="text-[var(--color-warning-text-readable)] dark:text-[var(--color-warning-text-readable)]">
+                    <span className="text-[var(--admin-warning)] dark:text-[var(--admin-warning)]">
                       {item.costCredits}c
                     </span>
                   )}