diff --git a/app/modules/loyalty/locales/de.json b/app/modules/loyalty/locales/de.json
index 1abea62f..2bfc798b 100644
--- a/app/modules/loyalty/locales/de.json
+++ b/app/modules/loyalty/locales/de.json
@@ -190,7 +190,8 @@
         "points_adjustment": "Punkte angepasst",
         "points_expired": "Punkte verfallen",
         "card_deactivated": "Deaktiviert",
-        "reward_redeemed": "Prämie eingelöst"
+        "reward_redeemed": "Prämie eingelöst",
+        "welcome_bonus_note": "Willkommensbonus bei Anmeldung"
     },
     "shared": {
         "analytics": {
diff --git a/app/modules/loyalty/locales/en.json b/app/modules/loyalty/locales/en.json
index fee310ce..26535633 100644
--- a/app/modules/loyalty/locales/en.json
+++ b/app/modules/loyalty/locales/en.json
@@ -194,7 +194,8 @@
         "points_adjustment": "Points Adjusted",
         "points_expired": "Points Expired",
         "card_deactivated": "Deactivated",
-        "reward_redeemed": "Reward Redeemed"
+        "reward_redeemed": "Reward Redeemed",
+        "welcome_bonus_note": "Welcome bonus on enrollment"
     },
     "shared": {
         "analytics": {
diff --git a/app/modules/loyalty/locales/fr.json b/app/modules/loyalty/locales/fr.json
index 32ffce29..d142d819 100644
--- a/app/modules/loyalty/locales/fr.json
+++ b/app/modules/loyalty/locales/fr.json
@@ -190,7 +190,8 @@
         "points_adjustment": "Points ajustés",
         "points_expired": "Points expirés",
         "card_deactivated": "Désactivé",
-        "reward_redeemed": "Récompense échangée"
+        "reward_redeemed": "Récompense échangée",
+        "welcome_bonus_note": "Bonus de bienvenue à l'inscription"
     },
     "shared": {
         "analytics": {
diff --git a/app/modules/loyalty/locales/lb.json b/app/modules/loyalty/locales/lb.json
index cf2110a6..93d1b33b 100644
--- a/app/modules/loyalty/locales/lb.json
+++ b/app/modules/loyalty/locales/lb.json
@@ -190,7 +190,8 @@
         "points_adjustment": "Punkten ugepasst",
         "points_expired": "Punkten ofgelaf",
         "card_deactivated": "Deaktivéiert",
-        "reward_redeemed": "Belounung agelées"
+        "reward_redeemed": "Belounung agelées",
+        "welcome_bonus_note": "Wëllkommsbonus bei der Umeldung"
     },
     "shared": {
         "analytics": {
diff --git a/app/modules/loyalty/static/store/js/loyalty-card-detail.js b/app/modules/loyalty/static/store/js/loyalty-card-detail.js
index ea63cf54..0e135fb4 100644
--- a/app/modules/loyalty/static/store/js/loyalty-card-detail.js
+++ b/app/modules/loyalty/static/store/js/loyalty-card-detail.js
@@ -12,6 +12,8 @@ function storeLoyaltyCardDetail() {
         card: null,
         transactions: [],
         pagination: { page: 1, per_page: 20, total: 0 },
+        txLabels: window._cardDetailLabels?.txLabels || {},
+        txNotes: window._cardDetailLabels?.txNotes || {},
 
         loading: false,
         error: null,
diff --git a/app/modules/loyalty/templates/loyalty/store/card-detail.html b/app/modules/loyalty/templates/loyalty/store/card-detail.html
index 213600f4..917315d6 100644
--- a/app/modules/loyalty/templates/loyalty/store/card-detail.html
+++ b/app/modules/loyalty/templates/loyalty/store/card-detail.html
@@ -161,13 +161,13 @@
                                       'text-green-700 bg-green-100 dark:bg-green-700 dark:text-green-100': tx.points_delta > 0,
                                       'text-orange-700 bg-orange-100 dark:bg-orange-700 dark:text-orange-100': tx.points_delta < 0
                                   }"
-                                  x-text="tx.transaction_type.replace(/_/g, ' ')"></span>
+                                  x-text="txLabels[tx.transaction_type] || tx.transaction_type.replace(/_/g, ' ')"></span>
                         </td>
                         <td class="px-4 py-3 text-sm font-medium"
                             :class="tx.points_delta > 0 ? 'text-green-600' : 'text-orange-600'"
                             x-text="(tx.points_delta > 0 ? '+' : '') + formatNumber(tx.points_delta)"></td>
                         <td class="px-4 py-3 text-sm" x-text="tx.store_name || '-'"></td>
-                        <td class="px-4 py-3 text-sm text-gray-500" x-text="tx.notes || '-'"></td>
+                        <td class="px-4 py-3 text-sm text-gray-500" x-text="txNotes[tx.notes] || tx.notes || '-'"></td>
                     </tr>
                 </template>
             </tbody>
@@ -179,5 +179,26 @@
 {% endblock %}
 
 {% block extra_scripts %}
+<script>
+// Server-rendered transaction type labels + system note translations
+window._cardDetailLabels = {
+    txLabels: {
+        card_created: {{ _('loyalty.transactions.card_created')|tojson }},
+        welcome_bonus: {{ _('loyalty.transactions.welcome_bonus')|tojson }},
+        stamp_earned: {{ _('loyalty.transactions.stamp_earned')|tojson }},
+        stamp_redeemed: {{ _('loyalty.transactions.stamp_redeemed')|tojson }},
+        stamp_voided: {{ _('loyalty.transactions.stamp_voided')|tojson }},
+        points_earned: {{ _('loyalty.transactions.points_earned')|tojson }},
+        points_redeemed: {{ _('loyalty.transactions.points_redeemed')|tojson }},
+        points_voided: {{ _('loyalty.transactions.points_voided')|tojson }},
+        points_adjustment: {{ _('loyalty.transactions.points_adjustment')|tojson }},
+        points_expired: {{ _('loyalty.transactions.points_expired')|tojson }},
+        reward_redeemed: {{ _('loyalty.transactions.reward_redeemed')|tojson }},
+    },
+    txNotes: {
+        "Welcome bonus on enrollment": {{ _('loyalty.transactions.welcome_bonus_note')|tojson }},
+    }
+};
+</script>
 <script defer src="{{ url_for('loyalty_static', path='store/js/loyalty-card-detail.js') }}"></script>
 {% endblock %}