/* U8 P-04 (14.10.2026, claude-2d): Generatoren im Cockpit (body.ck-seite) mit App-Token statt Orange (#D97757) und Navy
   (#23314E), ein Fokusring. Ausserhalb des Cockpits (Produktseite) wirkt diese Datei nicht. */
body.ck-seite .mk { --white: var(--ui-text); --text-light: var(--ui-text); --text-secondary: var(--ui-text-2);
  --text-muted: var(--ui-text-2); color: var(--ui-text); }
body.ck-seite .cl-send { background: var(--ui-akzent-rand); color: var(--ui-flaeche); }
body.ck-seite .cl-send.on { background: var(--ui-akzent); box-shadow: none; }
body.ck-seite .cl-row.user .cl-bubble { background: var(--ui-akzent); color: var(--ui-flaeche); }
body.ck-seite .cl-chip:hover, body.ck-seite .cl-opt:hover:not(:disabled), body.ck-seite .cl-prov:hover,
body.ck-seite .cl-pchip:hover, body.ck-seite .cl-tool:hover:not([aria-disabled="true"]):not(.cl-tool-static) {
  border-color: var(--ui-akzent); color: var(--ui-akzent-tief); }
body.ck-seite .cl-opt.sel, body.ck-seite .cl-pchip.sel { background: var(--ui-akzent-hell); border-color: var(--ui-akzent);
  color: var(--ui-akzent-tief); box-shadow: none; }
body.ck-seite .cl-opt-primary { background: var(--ui-akzent); border-color: var(--ui-akzent); color: var(--ui-flaeche); box-shadow: none; }
body.ck-seite .cl-book { background: var(--ui-akzent); }
body.ck-seite .cl-badge-spark { color: var(--ui-akzent); }
body.ck-seite .cl-custin:focus { border-color: var(--ui-akzent); }
/* Ein Fokusring: am Eingaberahmen, nicht zusaetzlich am Textfeld darin. */
body.ck-seite .cl-box:focus-within { border-color: var(--ui-akzent); box-shadow: 0 0 0 3px var(--ui-akzent-hell); }
body.ck-seite .cl-input:focus, body.ck-seite .cl-input:focus-visible { outline: none !important; box-shadow: none !important; }
/* P-05: „Anhaengen“ im normalen Sekundaerstil, gesperrt nur dann, wenn er wirklich nichts tut. */
body.ck-seite .cl-tool[aria-disabled="false"] { opacity: 1; cursor: pointer; }
body.ck-seite .cl-tool:focus-visible { outline: 2px solid var(--ui-fokus); outline-offset: 2px; }

/* U8 P-06: Ablageflaeche im Unterlagen-Check wie bei Bob, Symbol mittig ueber dem Text. */
body.ck-seite .ck-drop { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 24px 18px;
  border: 1.5px dashed var(--ui-rand-stark); border-radius: var(--ui-r-karte); background: var(--ui-grund); text-align: center; }
body.ck-seite .ck-drop:hover, body.ck-seite .ck-drop.drag { border-color: var(--ui-akzent); background: var(--ui-akzent-hell); }
body.ck-seite .ck-drop svg { display: block; width: 22px; height: 22px; margin: 0; stroke: var(--ui-text-2); }
body.ck-seite .ck-drop .t { font-size: 14px; font-weight: 600; color: var(--ui-text); }
body.ck-seite .ck-drop .s { margin-top: 0; font-size: 12px; color: var(--ui-text-2); }
body.ck-seite .ck-drop:focus-visible { outline: 2px solid var(--ui-fokus); outline-offset: 2px; }