/* KI-Werkstatt · zentrale Komponentenfarben
   Diese Datei wird in Hülle, Einstieg und allen Stationen zuletzt geladen.
   Lokale Variablen bleiben nur als technische Rückfallwerte bestehen. */
:root{
  --akzent:#8D56FE;
  --marken-gruen:#80FEB5;
  --akzent-soft:#F4F0FE;
  --akzent-soft-stark:#E9E0FF;
  --bestaetigt:#8D56FE;
  --bestaetigt-soft:#F4F0FE;
  --fehler:#B13A33;
  --fehler-soft:#FDF0EE;
  --fehler-linie:#E5B8B3;
  --warnung:#D98324;
  --warnung-soft:#FBF1E2;
  --neutral-aktion:#5F6268;
  --neutral-aktion-soft:#F1F0ED;
  --ja:#D98324;
  --ja-soft:#FBF1E2;
  --nein:#5F6268;
  --nein-soft:#F1F0ED;
  --bg:#F6F5F2;
  --fg:#141414;
  --dunkel:#1A1A1A;
  --muted:#737373;
  --line:#D8D5CF;
  --amber:#D98324;
  --amber-soft:#FBF1E2;
  --petrol:#2B7A8C;
  --petrol-soft:#E8F1F3;
  /* Rückwärtskompatible Aliasnamen. Sichtbar sind diese Zustände lila. */
  --gruen:var(--bestaetigt);
  --gruen-soft:var(--bestaetigt-soft);
  --sand:#ECEAE5;
  --entzug:#9AA0A8;
}

/* Gemeinsame sichtbare Zustände */
.nx-marke{border-bottom-color:rgba(141,86,254,.24)!important}
.nx-marke span b{color:var(--marken-gruen)!important}
.band.b3{border-color:rgba(141,86,254,.38)!important;background:rgba(141,86,254,.04)!important}
.band.b3 .tag{border-color:rgba(141,86,254,.38)!important}
.fz.fertig,.pm.sitzt,.pm.erledigt{border-color:#D8CCFA!important}
.antwort-neu .teil{border-top-color:#EDE7FF!important}
.node.fertig{border-color:#8D56FE!important;background:#34245D!important}
.node.fertig .typ,.laufprotokoll-k b,.terminal-z .meldung b{color:#BFA8FF!important}

/* Semantische Rollen. Lila kennzeichnet Aktion, Fokus und bestätigte
   Ergebnisse. Fehler, Warnungen und neutrale Gegenoptionen bleiben davon
   unterscheidbar; Grün wird nirgends benötigt. */
mark.pruef.ab{background:var(--fehler-soft)!important;border-bottom-color:var(--fehler)!important}
mark.pruef.ab::after{color:var(--fehler)!important}
.wahl button.falsch,.knopfpaar button.falsch{
  border-color:var(--fehler)!important;background:var(--fehler-soft)!important;color:var(--fehler)!important
}
.rm.korr,.rm.falsch,.rueck .r{
  background:var(--fehler-soft)!important;border-left-color:var(--fehler)!important
}
.ka.daneben,.ort.daneben{
  border-color:var(--fehler)!important;background:var(--fehler-soft)!important
}
.ort.daneben .ok{color:var(--fehler)!important}
.warnung,.grenze.blockiert{
  background:var(--fehler-soft)!important;border-color:var(--fehler-linie)!important
}
.warnung{border-left-color:var(--fehler)!important}

/* Ja/Nein beschreibt hier eine fachliche Entscheidung, nicht richtig/falsch. */
.aw{display:inline-flex;align-items:center;border-radius:999px;padding:2px 8px;line-height:1.2}
.aw.ja{color:var(--ja)!important;background:var(--ja-soft)}
.aw.nein{color:var(--nein)!important;background:var(--nein-soft)}
.bx.ja{border-left-color:var(--ja)!important;background:var(--ja-soft)}
.bx.ja .k{color:var(--ja)!important}
.bx.nein{border-left-color:var(--nein)!important;background:var(--nein-soft)}
.bx.nein .k{color:var(--nein)!important}

/* Eine Freigabe löst Außenwirkung aus; NEIN stoppt neutral und führt zurück. */
.mail-aktionen button.ja{border-color:var(--akzent)!important;color:var(--akzent)!important}
.mail-aktionen button.nein{border-color:var(--neutral-aktion)!important;color:var(--neutral-aktion)!important}

/* Offene oder gestoppte Zustände sind Warnungen, keine bestätigten Ergebnisse. */
.sw.leer,.suche .null,.lauf-z.stopp{
  background:var(--warnung-soft)!important;border-left-color:var(--warnung)!important
}
.sw.leer .k,.suche .null b,.lauf-z.stopp .status{color:var(--warnung)!important}
.behauptung{background:var(--warnung-soft)!important;border-left-color:var(--warnung)!important}
.behauptung .k{color:var(--warnung)!important}

/* Alt/Neu und laufender Prozess bleiben als Vergleich klar getrennt. */
.gz.alt{border-left-color:var(--neutral-aktion)!important;background:var(--neutral-aktion-soft)}
.gz.alt .k{color:var(--neutral-aktion)!important}
.gz.neu{border-left-color:var(--petrol)!important;background:var(--petrol-soft)}
.gz.neu .k{color:var(--petrol)!important}
.lauf-z.aktiv,.prozesspunkt.aktiv{background:var(--akzent-soft)!important}
.antwort-kurz{background:var(--bestaetigt-soft)!important;border-left-color:var(--bestaetigt)!important}

/* Hervorgehobener Zwischenhinweis: führt neues Material ein, bevor die
   eigentliche Aufgabe beginnt. */
.kiw-hinweis{
  display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;padding:12px 15px;
  border:1.5px solid var(--akzent);border-radius:12px;background:var(--akzent-soft);
  color:var(--fg);font-size:13px;line-height:1.45
}
.kiw-hinweis .symbol{
  flex:none;width:28px;height:28px;border-radius:9px;background:var(--akzent);color:#fff;
  display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800
}
.kiw-hinweis .k{display:block;margin-bottom:2px;color:var(--akzent);font-size:9.5px;
  font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.kiw-hinweis b{display:block;margin-bottom:2px}