Phase 7

src/features/owner/components/loyalty-config-form.tsx

@@ -158,7 +158,12 @@ export function LoyaltyConfigForm({
       <section className="space-y-3">
         <h3 className="text-muted ml-1 text-[10px] font-bold tracking-widest uppercase">Rules &amp; Expiry</h3>
         <div className="rounded-jumbo border-line space-y-5 border bg-white p-6">
-          <Switch label="Apply reward automatically" checked={config.autoApplyReward} onCheckedChange={(v) => set("autoApplyReward", v)} />
+          <Switch
+            label="Apply reward automatically"
+            description="Redemption is always staff-initiated this phase — this setting is saved but has no automatic effect yet."
+            checked={config.autoApplyReward}
+            onCheckedChange={(v) => set("autoApplyReward", v)}
+          />
           <Switch
             label="Require staff approval to redeem"
             description="Redemption already requires a permitted staff member — this is informational only this phase."
@@ -203,7 +208,7 @@ export function LoyaltyConfigForm({
           </p>
         )}
         {saved && !error && (
-          <p role="status" className="text-accent text-sm font-medium">
+          <p role="status" className="text-accent-foreground text-sm font-medium">
             Saved.
           </p>
         )}