/* KI-MARO Model Hub · Stile des Werkzeugs Transkription
   Gehoert zu assets/transkription.js; Praefix trk-; Farbregel: Blau + Raute
   fuer den KI-Schritt (Erkennung), Gruen nur fuer Fertiges/Gezaehltes. */

.trk-bereich{display:flex;flex-direction:column;gap:10px}
.trk-ziel{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;
  border:1.5px dashed var(--goldrand);border-radius:12px;background:var(--creme);padding:14px 12px}
.trk-ziel.ueber{background:var(--goldf);border-color:var(--goldd)}
.trk-ziel-titel{font-weight:700;font-size:13.5px}
.trk-auswahl{display:flex;gap:6px;flex-wrap:wrap}
.trk-weg{cursor:pointer;margin-left:4px;color:var(--mittelgrau)}
.trk-weg:hover{color:var(--rot)}
.trk-label{display:flex;flex-direction:column;gap:4px;font-size:11.5px;font-weight:600;color:var(--mittelgrau)}
.trk-feld{font:inherit;font-size:12.5px;font-weight:400;color:inherit;padding:5px 8px;
  border:1px solid var(--rand);border-radius:7px;background:#fff;resize:vertical}
.trk-haken{display:flex;align-items:center;gap:7px;font-size:12.5px}
.trk-klein{font-size:11.5px;color:var(--mittelgrau)}
.trk-lauf{font-size:12.5px;color:var(--dt-ki);background:var(--dt-ki-bg);
  border:1px solid var(--dt-ki-rand);border-radius:8px;padding:3px 9px;display:inline-block}
.trk-ok{font-size:12.5px;color:var(--dt-gruen-tief);font-weight:600}
.trk-rot{font-size:12.5px;color:var(--rot);font-weight:600}
.trk-liste-kopf{font-weight:700;font-size:12.5px;margin-top:6px;border-top:1px solid var(--rand);padding-top:10px}
.trk-liste{display:flex;flex-direction:column;gap:7px}
.trk-zeile{border:1px solid var(--rand);border-radius:9px;background:#fff;padding:7px 9px;
  display:flex;flex-direction:column;gap:4px}
.trk-zeile.aktiv{border-color:var(--goldd);box-shadow:0 0 0 1px var(--goldrand)}
.trk-z-kopf{display:flex;align-items:baseline;gap:8px;justify-content:space-between}
.trk-z-name{font-weight:600;font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.trk-z-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.trk-z-fehler{font-size:11.5px;color:var(--rot)}
.trk-z-tun{display:flex;gap:6px;flex-wrap:wrap}

.trk-ergebnis{display:flex;flex-direction:column;gap:9px;border:1px solid var(--dt-ki-rand);
  border-radius:10px;background:#fff;padding:10px 12px;margin-bottom:10px}
.trk-e-kopf{font-size:13px;overflow-wrap:anywhere}
.trk-kacheln{display:flex;gap:8px;flex-wrap:wrap}
.trk-kachel{background:var(--creme);border:1px solid var(--rand);border-radius:9px;
  padding:5px 10px;display:flex;flex-direction:column;min-width:64px}
.trk-kachel b{font-size:15px}
.trk-kachel span{font-size:10.5px;color:var(--mittelgrau)}
.trk-tun{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.trk-ki{font-size:11.5px;color:var(--dt-ki)}
.trk-text{max-height:60vh;overflow:auto;border-top:1px solid var(--rand);padding-top:8px;
  font-size:13.5px;line-height:1.55}
.trk-text p{margin:0 0 10px 0;white-space:pre-wrap;overflow-wrap:anywhere}