manual improvement 1

client/src/app/[locale]/(private-routes)/(customer)/wallet/WalletInstallments.tsx

@@ -29,7 +29,7 @@ const WalletInstallments: FunctionComponent = () => {
           <Skeleton variant="rounded" height={56} />
         </Stack>
       ) : isError ? (
-        <Paper elevation={0} sx={{ p: 3, borderRadius: 2, border: '1px solid', borderColor: 'divider', textAlign: 'center' }}>
+        <Paper elevation={0} sx={{ p: 3, borderRadius: 'var(--bal-radius-md)', border: '1px solid', borderColor: 'divider', textAlign: 'center' }}>
           <Stack sx={{ gap: 1, alignItems: 'center' }}>
             <AppIcon icon="warning" size={36} color="var(--bal-warning)" />
             <Typography variant="subtitle2" sx={{ fontWeight: 700 }}>
@@ -71,7 +71,7 @@ function InstallmentPlanSection({ plan }: { plan: WalletInstallmentPlan }) {
       {/* Outstanding-balance card — terracotta financial accent; contrast text is scheme-stable. */}
       <Paper
         elevation={0}
-        sx={{ p: 2.25, borderRadius: 3, backgroundColor: 'var(--bal-secondary)', color: 'var(--bal-secondary-contrast)' }}
+        sx={{ p: 2.25, borderRadius: 'var(--bal-radius-lg)', backgroundColor: 'var(--bal-secondary)', color: 'var(--bal-secondary-contrast)' }}
       >
         <Typography variant="caption" sx={{ opacity: 0.85 }}>
           {t('outstanding_balance')}