refine: Reminder Manager — align to premium design

Replace SaaS-generic KPI icon boxes with flat inline layout.
Replace MUI color-prop status chips with design-system colors
matching the rest of the supply workspace.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/supply/ReminderListRow.tsx

@@ -16,20 +16,20 @@ const PRIORITY_BORDER: Record<string, string> = {
   [ReminderPriority.LOW]: 'transparent',
 }
 
-const STATUS_CHIP_COLOR: Record<string, 'default' | 'success' | 'warning' | 'error' | 'info'> = {
-  ACTIVE: 'info',
-  SNOOZED: 'warning',
-  COMPLETED: 'success',
-  DISMISSED: 'default',
-}
-
 const STATUS_LABEL: Record<string, string> = {
-  ACTIVE: 'Aktiv',
-  SNOOZED: 'Schlummernd',
+  ACTIVE:    'Aktiv',
+  SNOOZED:   'Schlummernd',
   COMPLETED: 'Erledigt',
   DISMISSED: 'Verworfen',
 }
 
+const STATUS_STYLE: Record<string, { bg: string; color: string; border: string }> = {
+  ACTIVE:    { bg: '#f0fdf4', color: '#15803d', border: '#bbf7d0' },
+  SNOOZED:   { bg: '#fefce8', color: '#92400e', border: '#fde68a' },
+  COMPLETED: { bg: '#f8fafc', color: '#475569', border: '#e2e8f0' },
+  DISMISSED: { bg: '#f8fafc', color: '#94a3b8', border: '#e8e7e4' },
+}
+
 interface Props {
   reminder: Reminder
 }
@@ -121,9 +121,15 @@ export const ReminderListRow = memo(function ReminderListRow({ reminder }: Props
       <Box>
         <Chip
           label={STATUS_LABEL[reminder.status]}
-          color={STATUS_CHIP_COLOR[reminder.status]}
           size="small"
-          sx={{ height: 20, fontSize: '0.7rem' }}
+          sx={{
+            height: 20,
+            fontSize: '0.7rem',
+            fontWeight: 500,
+            bgcolor: STATUS_STYLE[reminder.status]?.bg ?? '#f8fafc',
+            color: STATUS_STYLE[reminder.status]?.color ?? '#64748b',
+            border: `1px solid ${STATUS_STYLE[reminder.status]?.border ?? '#e2e8f0'}`,
+          }}
         />
       </Box>