/* ================= KI-FREIGABE (Kap. 574, Karte t_7a997e7e) =================
   Zwei Oberflaechen, EIN Zustand:
     1) das Symbol rechts oben in jedem App-Kopf  -> zeigt nur an und fuehrt hin
     2) die Matrix in den Einstellungen            -> setzt den Zustand
   Der Zustand selbst liegt in den Nutzer-Vorlieben (`kiFreigabe`), gelesen vom
   Backend in `domaenen/ki_freigabe.py` — KEIN zweiter Speicher.

   Nur var(--…) — keine Rohfarben (Design-Konventionen, audit_css_conventions). */

/* --- 1 · Symbol rechts oben in jedem App-Kopf ------------------------------ */
/* Der Kopf der Ribbon-Apps ist die Registerleiste (36 px). Der Einklapp-Knopf
   `.mrb-collapse` sitzt ganz rechts (padding 8 + Symbol ~31 px = ~39 px), das
   Symbol setzt sich unmittelbar davor. Absolut positioniert, weil die
   Registerleiste ihren Inhalt bei jedem Kontextwechsel neu aufbaut — ein Kind
   von `.mrb-tabs` waere nach dem naechsten Zeichnen wieder weg. */
.mail-ribbonbar.kf-sym-host,.cal-ribbonbar.kf-sym-host,.ct-ribbonbar.kf-sym-host,
.td-ribbonbar.kf-sym-host,.git-ribbonbar.kf-sym-host,.files-ribbonbar.kf-sym-host,
.no-ribbonbar.kf-sym-host{position:relative}
.kf-sym{position:absolute;top:4px;right:40px;z-index:7;display:inline-flex;align-items:center;
  gap:5px;height:24px;padding:0 8px;border:1px solid var(--border);border-radius:999px;
  background:var(--card);color:var(--text);cursor:pointer;line-height:1}
.kf-sym i{width:14px;height:14px}
.kf-sym .kf-sym-ki{color:var(--accent)}
.kf-sym:hover{border-color:var(--accent)}
.kf-sym.aus{opacity:.6;border-style:dashed}
.kf-sym.aus .kf-sym-ki{color:var(--text2)}
/* TOW hat keinen eigenen App-Kopf im Dashboard (externe App) — sein Zustand haengt
   an der App-Kachel im Raster, dort als kleine Marke. */
.app-tile.kf-tile-aus{opacity:.6}
.app-tile .app-tile-ic{position:relative}
.kf-tile-mark{position:absolute;top:-3px;right:-3px;display:inline-flex;align-items:center;
  justify-content:center;width:15px;height:15px;border-radius:999px;background:var(--card);
  border:1px solid var(--border);color:var(--text2)}
.kf-tile-mark i{width:10px;height:10px}

/* --- 2 · Matrix in den Einstellungen (Reiter „KI-Freigabe") ---------------- */
.kf-matrix{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.kf-row{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--border);
  border-radius:8px;background:var(--card)}
.kf-row.aus{background:var(--hover)}
.kf-row-h{display:flex;align-items:center;gap:10px}
.kf-row-h .kf-nm{display:inline-flex;align-items:center;gap:7px;font-weight:600;font-size:13.5px;
  color:var(--text);min-width:130px}
.kf-row-h .kf-nm i{width:15px;height:15px;color:var(--accent)}
.kf-row.aus .kf-row-h .kf-nm i{color:var(--text2)}
.kf-zust{font-size:12px;color:var(--text2)}
.kf-chips{display:flex;flex-wrap:wrap;gap:6px;margin-left:140px}
.kf-chips.gesperrt{opacity:.45}
.kf-chip.kf-schreib{border-style:dashed}
.kf-chip.kf-schreib.active{border-style:solid}
/* Die Chips sind hier <button> (der Zustand kommt aus `_prefs`, nicht aus einem
   versteckten Kontrollkaestchen wie bei #kiAppsTiles) — Schrift erben, sonst
   faellt der Knopf auf die Browser-Vorgabe zurueck. */
button.kf-chip{font:inherit}
.kf-kein-feld{margin-left:140px;font-size:12px;color:var(--text2)}