/* 230_multiclass_klassifikation — Spezialoptik aus sample6.html (Rest deckt assets/css/style.css ab:
   Reset/body/navbar/container/info-box/btn/output/table/input-group). */

/* Fortschrittsbalken beim Training — kein Aequivalent in style.css */
#moduleProgressContainer{margin-top:1rem;background:var(--hk-grau-hell);border-radius:var(--hk-radius);
  overflow:hidden;height:30px;position:relative}
#moduleProgressBar{width:0%;height:100%;background:linear-gradient(90deg,var(--hk-blau) 0%,var(--hk-rot) 100%);
  transition:width .3s ease}
#moduleProgressText{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  font-weight:600;color:var(--hk-text);text-shadow:0 0 3px #fff}

/* Frucht-Kategorie-Badges in der Trainingsdaten-Tabelle — je Klasse eigene Farbe */
.fruit-apple{background:var(--hk-rot);color:#fff;padding:.25rem .5rem;border-radius:4px;
  font-weight:700;display:inline-block}
.fruit-banana{background:#FFD700;color:#333;padding:.25rem .5rem;border-radius:4px;
  font-weight:700;display:inline-block}
.fruit-orange{background:#FF8C00;color:#fff;padding:.25rem .5rem;border-radius:4px;
  font-weight:700;display:inline-block}
.fruit-grape{background:#8B008B;color:#fff;padding:.25rem .5rem;border-radius:4px;
  font-weight:700;display:inline-block}

/* Klassifikations-Ergebnis: Eingabe-Zusammenfassung + Ergebnis-Badge (Randfarbe je Klasse per Inline-Style aus JS) */
.prediction-box{background:var(--hk-grau-hell);padding:1rem;border-radius:6px;
  border:2px solid var(--hk-rahmen);margin-top:1rem}
.prediction-result{font-size:1.5rem;font-weight:700;text-align:center;padding:1.5rem;
  border-radius:6px;margin-top:1rem}

/* Farbvorschau-Quadrat (RGB-Eingabe live + Tabellenzellen) — kein Aequivalent in style.css */
.color-preview{display:inline-block;width:30px;height:30px;border:2px solid #333;
  border-radius:4px;vertical-align:middle;margin-left:.5rem}

/* Softmax-Wahrscheinlichkeitsbalken (4 Klassen) — kein Aequivalent in style.css */
.prob-bar-container{background:var(--hk-grau-hell);border-radius:4px;overflow:hidden;
  height:30px;position:relative;margin-top:.5rem}
.prob-bar{height:100%;transition:width .5s ease;display:flex;align-items:center;
  padding-left:.5rem;color:#fff;font-weight:700}