/* Zero KI — Ergänzungen zur gemeinsamen Gestaltung (zero.css). */
.shell{display:grid;grid-template-columns:240px 1fr;min-height:100dvh}
.seitenleiste{display:flex;flex-direction:column;gap:10px;padding:16px 12px;border-right:1px solid var(--line)}
.marke{display:flex;align-items:center;gap:8px;font-weight:700;padding:4px 6px 10px}
.leistenfuss{margin-top:auto}
.hauptteil{min-width:0}
.kopf{display:flex;align-items:center;gap:10px;padding:10px 16px}
.luecke{flex:1}
.kistatus{font-size:12px;color:var(--muted)}
.inhalt{padding:8px 16px 40px;max-width:1000px}
.kistapel{display:grid;gap:16px}
.kikarte h2{margin:0 0 10px;font-size:18px}
.kizeile{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.kizeile select{min-width:0;max-width:100%}
.kitext{width:100%;box-sizing:border-box;font:inherit;resize:vertical}
.kizweispaltig{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.kiausgabe{white-space:pre-wrap;min-height:3em;padding:10px;border:1px solid var(--line);border-radius:10px;margin-top:8px}
.kiausgabe:empty::before{content:'Hier erscheint die Antwort.';color:var(--muted)}
.kibalken{width:100%;height:8px}
.kifortschritt{min-height:1.2em;margin:4px 0}
@media (max-width:760px){
  .shell{grid-template-columns:1fr}
  .seitenleiste{border-right:0;border-bottom:1px solid var(--line);padding:10px 16px}
  .seitenleiste .navliste{display:flex;overflow-x:auto;gap:6px}
  .seitenleiste .zero-dienstleiste,.seitenleiste .leistenfuss,.seitenleiste .marke{display:none}
  .kizweispaltig{grid-template-columns:1fr}
  .inhalt{padding:8px 16px 32px}
}