diff --git a/css/planner.css b/css/planner.css
index 5ccdb1f..c989b7b 100644
--- a/css/planner.css
+++ b/css/planner.css
@@ -426,11 +426,28 @@
 }
 
 .badge-equiv-hint {
-  font-size:  11px;
-  color:      var(--red);
+  font-size:   11px;
+  color:       var(--green);
   white-space: nowrap;
-  padding:    0 2px;
-  cursor:     default;
+  padding:     0 2px;
+  cursor:      default;
+}
+
+.badge-no-equiv-hint {
+  font-size:   11px;
+  color:       var(--red);
+  white-space: nowrap;
+  padding:     0 2px;
+  cursor:      default;
+}
+
+.badge-job-hint {
+  font-size:   11px;
+  color:       var(--t3);
+  white-space: nowrap;
+  padding:     0 2px;
+  cursor:      default;
+  font-style:  italic;
 }
 
 /* ── Folder Sidebar ──────────────────────────────────────────────────────────── */
diff --git a/js/planner.js b/js/planner.js
index f9aae8e..dbeb301 100644
--- a/js/planner.js
+++ b/js/planner.js
@@ -363,8 +363,12 @@ function renderMechanicListHtml(plan) {
                 const hintHtml    = suggestions.map(s =>
                     `<span class="badge-equiv-hint">→ ${escHtml(s.ability)} (${escHtml(s.job)})?</span>`
                 ).join('');
-                return suggestions.length > 0
-                    ? `<span class="badge-with-hint">${badgeHtml}${hintHtml}</span>`
+                const noEquivHint = isMissing && suggestions.length === 0
+                    ? `<span class="badge-no-equiv-hint">→ Kein Äquivalent!</span>` : '';
+                const jobHint     = !a.job ? `<span class="badge-job-hint">→ Job zuordnen</span>` : '';
+                const needsWrap   = suggestions.length > 0 || !!noEquivHint || !!jobHint;
+                return needsWrap
+                    ? `<span class="badge-with-hint">${badgeHtml}${hintHtml}${noEquivHint}${jobHint}</span>`
                     : badgeHtml;
             }).join('');