/* Zusätze für Admin und System (Superadmin). Farben nur über Tokens. */

.adm-kpis{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}
.kpi b.adm-bad{color:var(--bad)}

/* Breite Dialoge (Vorschau, Dokumente, Prompts) */
.modal.wide{width:min(860px,100%)}

/* Vorschau von Mails: abgeschottet, heller Hintergrund wie im Postfach */
.mailframe{width:100%;height:min(62vh,560px);border:1px solid var(--line-2);border-radius:14px;background:var(--email-bg);display:block;margin-top:10px}

/* Lesbarer Dokumenttext (Wissen, Prompts) */
.docpre{margin:0;padding:14px 16px;border:1px solid var(--line-2);border-radius:14px;background:rgba(0,0,0,.22);font-family:var(--font-mono);font-size:12.5px;line-height:1.55;white-space:pre-wrap;overflow-wrap:anywhere;max-height:58vh;overflow:auto;color:var(--ink-2)}
:root[data-theme="light"] .docpre{background:#F7F5F0}
@media (prefers-color-scheme: light){:root:not([data-theme="dark"]) .docpre{background:#F7F5F0}}

/* Upload-Fläche für Wissensdokumente */
.dropzone{display:grid;gap:8px;justify-items:center;text-align:center;padding:26px 18px;border:1.5px dashed var(--line-2);border-radius:var(--r-l);background:rgba(255,255,255,.02);transition:.2s}
.dropzone.over{border-color:var(--gold);background:var(--gold-soft)}
.dropzone .dz-ic{width:30px;height:30px;color:var(--gold)}
.dropzone label.btn{cursor:pointer}

/* Zuordnung Dokument zu Experte */
.docrow{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:6px 0}
.docrow + .docrow{border-top:1px solid var(--line)}
.docsel{width:auto;min-width:190px;max-width:100%;padding:8px 36px 8px 12px;font-size:13px;border-radius:12px}

/* Handy: Tabellen bleiben scrollbar, Dialoge nutzen die volle Breite */
@media (max-width:760px){
  .modal.wide{width:100%}
  .docsel{min-width:0;width:100%}
  .mailframe{height:52vh}
}