add fixes to claims and seasons

frontend/src/routes/[fam]/[username]/rewards/+page.svelte

@@ -23,12 +23,14 @@
 	}
 
 	function rewardStatus(r: any): string {
-		if (!r.claimed) return 'Outstanding';
+		if (r.status === 'unclaimed') return 'Outstanding';
+		if (r.status === 'requested') return 'Requested';
 		if (r.claimedAt?.slice(0, 10) === r.date) return 'Auto';
 		return 'Claimed';
 	}
 
-	function isOutstanding(r: any): boolean { return !r.claimed; }
+	function isOutstanding(r: any): boolean { return r.status === 'unclaimed'; }
+	function isRequested(r: any): boolean { return r.status === 'requested'; }
 
 	let sorted = $derived([...rewards].sort((a: any, b: any) => {
 		const da = a.date || a.id || '';
@@ -50,7 +52,7 @@
 
 	let totalOutstanding = $derived(
 		rewards
-			.filter((r: any) => isOutstanding(r))
+			.filter((r: any) => r.status !== 'claimed')
 			.filter((r: any) => r.rewardType === 'cash')
 			.reduce((sum: number, r: any) => sum + Number(r.value), 0)
 	)
@@ -81,7 +83,7 @@
 				<tbody>
 					{#each sorted as r}
 						{@const outstanding = isOutstanding(r)}
-						<tr class:claimed={!outstanding}>
+						<tr class:claimed={!outstanding && !isRequested(r)} class:requested={isRequested(r)}>
 							<td class="date">{r.date?.slice(0, 10) || '—'}</td>
 							<td>
 								<span class="dot" style="background:{memberColor(r.memberId)}"></span>
@@ -90,7 +92,7 @@
 							<td>{r.label}</td>
 							<td class="num">{rewardAmount(r)}</td>
 							<td>
-								<span class="status-badge" class:outstanding class:claimed-status={!outstanding}>
+								<span class="status-badge" class:outstanding class:requested-status={isRequested(r)} class:claimed-status={!outstanding && !isRequested(r)}>
 									{rewardStatus(r)}
 								</span>
 							</td>
@@ -129,9 +131,11 @@
 	.date { font-family: monospace; font-size: 0.85rem; color: #6b7280; white-space: nowrap; }
 	tr.claimed { opacity: 0.5; }
 	tr.claimed td { color: #9ca3af; }
+	tr.requested { background: #eff6ff; }
 	.dot { display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 0.3rem; }
 	.status-badge { font-size: 0.75rem; padding: 2px 8px; border-radius: 10px; }
 	.status-badge.outstanding { background: #fef3c7; color: #92400e; }
+	.status-badge.requested-status { background: #dbeafe; color: #1e40af; }
 	.status-badge.claimed-status { background: #d1fae5; color: #065f46; }
 	tfoot td { border-top: 2px solid #d1d5db; padding-top: 0.6rem; }
 </style>