From 1c0918a4a3daeb576d48ca20c1b891f5c28a5f96 Mon Sep 17 00:00:00 2001
From: xziino <xziinosgames@gmail.com>
Date: Fri, 22 May 2026 12:43:27 +0200
Subject: [PATCH] =?UTF-8?q?Planner:=20=C3=84quivalenz-Hinweise=20verfeiner?=
 =?UTF-8?q?t?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Grüner Hinweis wenn Äquivalent verfügbar (z.B. → Kerachole (SGE)?)
- Roter Hinweis "→ Kein Äquivalent!" wenn kein Ersatz vorhanden
- Grau-kursiv "→ Job zuordnen" bei Abilities ohne Job-Zuordnung

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 css/planner.css | 25 +++++++++++++++++++++----
 js/planner.js   |  8 ++++++--
 2 files changed, 27 insertions(+), 6 deletions(-)

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('');