/* KI-MARO Model Hub · Stile der KI-Scanner Scan-Auswertung (ABC-KI)
   Gehoert zu assets/kiscanner.js; Praefix ks-; Farbregel: Gruen nur auf
   Geprüftem/Gerechnetem, Blau + Raute fuer den KI-Leseschritt. */

.ks-bereich{display:flex;flex-direction:column;gap:9px;border-top:1px solid var(--rand);
  margin-top:6px;padding-top:10px}

/* Mit Vorschau nutzt die Karte die volle Rasterbreite: links Ablauf und
   Ergebnis, rechts das Original-Blatt — wie beim Zeichnungsleser, nur mit
   Miniaturen zum Umschalten zwischen den Blaettern einer Session. */
.wz-grid > .wz-karte:has(.ks-spalten.mit-vorschau){max-width:none}
.ks-spalten{display:flex;flex-direction:column;gap:9px}
.ks-spalten.mit-vorschau{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,46%);
  gap:14px;align-items:start}
@media (max-width:1100px){ .ks-spalten.mit-vorschau{display:flex;flex-direction:column} }
.ks-links{display:flex;flex-direction:column;gap:9px;min-width:0}
.ks-rechts{position:sticky;top:10px;display:flex;flex-direction:column;gap:6px;
  background:#fff;border:1px solid var(--rand);border-radius:10px;padding:8px}
.ks-v-kopf{font-size:12px;font-weight:700;display:flex;align-items:baseline;gap:8px;
  flex-wrap:wrap}
.ks-v-pdf{width:100%;height:64vh;border:0;border-radius:6px;background:#f4f4f4}
.ks-v-bild{width:100%;height:auto;max-height:64vh;object-fit:contain;border-radius:6px}
.ks-v-daumen{display:flex;gap:6px;flex-wrap:wrap}
.ks-v-mini{width:52px;height:52px;object-fit:cover;border:2px solid var(--rand);
  border-radius:6px;cursor:pointer;background:#f4f4f4;padding:0}
.ks-v-mini.pdf{font:inherit;font-size:10px;font-weight:700;color:var(--mittelgrau)}
.ks-v-mini.aktiv{border-color:var(--goldd)}
.ks-v-mini:hover{border-color:var(--goldrand)}

.ks-kopfzeile{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ks-label{font-size:11.5px;color:var(--mittelgrau);font-weight:600;white-space:nowrap}
.ks-ki{color:var(--dt-ki);font-size:11px}
.ks-select{font:inherit;font-size:12.5px;padding:4px 6px;border:1px solid var(--rand);
  border-radius:7px;background:#fff;max-width:220px}
.ks-session{font:inherit;font-size:12.5px;padding:4px 8px;border:1px solid var(--rand);
  border-radius:7px;flex:1 1 180px;min-width:140px}
.ks-hinweis{font-size:11.5px;color:var(--mittelgrau)}
.ks-liste{display:flex;gap:6px;flex-wrap:wrap}
.ks-tun{display:flex;gap:10px;align-items:center}
.ks-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:6px 10px}

.ks-ergebnis{display:flex;flex-direction:column;gap:9px;border:1px solid var(--dt-gruen-rand);
  border-radius:10px;background:var(--dt-gruen-bg);padding:10px 12px}
.ks-e-kopf{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ks-kacheln{display:flex;gap:8px;flex-wrap:wrap}
.ks-kachel{background:#fff;border:1px solid var(--rand);border-radius:9px;
  padding:6px 14px;display:flex;flex-direction:column;align-items:center;min-width:86px}
.ks-kachel b{font-size:17px}
.ks-kachel span{font-size:10.5px;color:var(--mittelgrau)}
.ks-kachel.gruen b{color:var(--dt-gruen-tief)}
.ks-kachel.gold b{color:var(--goldd)}
.ks-kachel.rot{border-color:var(--rot)}
.ks-kachel.rot b{color:var(--rot)}

.ks-chip{font-size:10.5px;font-weight:700;border-radius:5px;padding:2px 7px;white-space:nowrap}
.ks-chip.ok{background:var(--gruenf);color:var(--dt-gruen-tief);border:1px solid var(--gruenrand)}
.ks-chip.warn{background:var(--goldf);color:var(--goldd);border:1px solid var(--goldrand)}
.ks-chip.rot{background:var(--rotf);color:var(--rot);border:1px solid var(--rot)}

.ks-blatt{background:#fff;border:1px solid var(--rand);border-radius:9px;padding:6px 10px;
  font-size:12.5px}
.ks-blatt > summary{cursor:pointer;font-weight:700;display:flex;align-items:baseline;
  gap:8px;flex-wrap:wrap}
.ks-blatt-inhalt{display:flex;flex-direction:column;gap:6px;padding:8px 2px 2px}
.ks-befund{font-size:12px;color:var(--mittelgrau)}
.ks-befund.warnung,.ks-befund.fehler{color:var(--rot)}
.ks-befund.hinweis{color:var(--dt-gruen-tief)}

.ks-tabelle{border-collapse:collapse;font-size:12px;background:#fff;width:100%}
.ks-tabelle th,.ks-tabelle td{border:1px solid var(--rand);padding:3px 7px;text-align:left}
.ks-tabelle th{font-size:10.5px;color:var(--mittelgrau);background:var(--goldf)}
.ks-unsicher td{color:var(--goldd);font-weight:600}

.ks-transkript{font-size:12px}
.ks-transkript > summary{cursor:pointer;color:var(--blau);font-weight:600}
.ks-transkript pre{white-space:pre-wrap;background:var(--goldf);border:1px solid var(--rand);
  border-radius:7px;padding:8px;max-height:320px;overflow:auto;font-size:11.5px}

.ks-dok{font-size:12.5px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;
  background:#fff;border:1px dashed var(--dt-gruen-rand);border-radius:8px;padding:7px 10px}
.ks-schritt{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap;
  padding:3px 0;border-bottom:1px dashed var(--hairline)}
.ks-formel{color:var(--mittelgrau);font-size:12px}
.ks-wert{margin-left:auto;font-weight:700}