/* cf-werkbank.css — die Werkbank des Bereichs Intelligenz (2026-07-31). * * WARUM ES DIESE DATEI GIBT: Scheibe 1 hat die Werkzeuge VERLINKT — jede Kachel war ein * auf einen fremden Auftritt. Der Operator hat das zurueckgewiesen: * „ich will keinen link, ich will das alles im callfluence haben im callfluence design". * Also arbeiten die Werkzeuge jetzt IN der Konsole: Eingabe, Lauf und Ergebnis sind * Callfluence-Oberflaeche, die fremden Dienste liefern nur noch JSON dahinter. * * WAS DAS FUER DAS DESIGN HEISST: kein fremdes Stylesheet, kein iframe, keine fremde Marke. * Jede Zahl, jede Zeile, jeder Chip kommt aus den Theme-Variablen dieser Konsole und traegt * dieselben Kanten, Radien und Abstaende wie der Rest. Ein Ergebnis muss aussehen, als waere * es hier entstanden — denn hier wird es auch gelesen. * * ABSTANDS-VERTRAG (Erbe von cf-intel.css, von docs/guard-werkbank.mjs gemessen): * Sektionskopf .ig-sec bleibt die Klammer; Werkbank-Leiste 20 px Innenmass, Ergebnis- * Bloecke 22-24 px Polster, Raster-Gap 18 px — dieselben Zahlen wie die Kachelraster, * damit ein Ergebnis kein Fremdkoerper zwischen zwei Kachelgruppen ist. */ /* ---------- Werkbank-Leiste: Domain rein, Lauf raus ---------- Die Leiste ist der Arbeitsplatz, nicht ein Formular am Rand: sie steht ueber dem Werkzeugraster, traegt die Domain fuer ALLE Werkzeuge der Ansicht und sagt im Ruhezustand, was passiert, wenn man sie benutzt. */ .wb-bar{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;padding:20px 22px;margin-top:4px} .wb-bar-f{flex:1 1 320px;min-width:0;display:flex;flex-direction:column;gap:7px} .wb-bar-lbl{font-size:.78rem;font-weight:800;letter-spacing:.04em;color:var(--ink-soft)} .wb-bar-hint{font-size:.84rem;color:var(--ink-faint);line-height:1.45;flex:1 1 100%;margin-top:2px} .wb-inp{width:100%;padding:11px 14px;border-radius:var(--r-sm);border:1px solid var(--line-strong); background:var(--surface-2);color:var(--ink);font:inherit;font-size:.95rem;min-width:0} .wb-inp:focus{outline:2px solid var(--lime);outline-offset:1px;border-color:var(--lime)} .wb-inp.fehlt{border-color:var(--warn);border-style:dashed} /* flex:none WAERE hier falsch, und zwar messbar: die Knopfreihe behielt damit ihre Inhaltsbreite (443 px), das flex-wrap darunter kam nie zum Zug, und bei 360 px schob sie die ganze Seite auf 486 px auf. Geometrie im Raster blieb dabei gruen — der Querlauf entsteht ausserhalb der gemessenen Kachelflaeche. Deshalb: schrumpfen duerfen (1 1 auto), min-width:0 gegen den Auto-Mindestbreiten-Boden, und unter 520 px stehen die Knoepfe nebeneinander in voller Breite statt sich hinauszudruecken. */ .wb-bar-acts{display:flex;gap:10px;flex-wrap:wrap;flex:1 1 auto;min-width:0} @media(max-width:520px){ .wb-bar-acts{width:100%} .wb-bar-acts .btn{flex:1 1 100%;justify-content:center} } /* Die Leiste steht ZWISCHEN Sektionskopf und Werkzeugraster. Damit sie als Teil derselben Gruppe liest und nicht als eigener Absatz, traegt sie zum Raster denselben Abstand wie zwei Kacheln zueinander (18 px) — gemessen von docs/guard-intelligenz.mjs, nicht behauptet. */ .wb-bar+.ig-grid{margin-top:18px} /* ---------- Werkzeug-Kachel ---------- Erbt .ig-tile (Flaeche, Polster, Anhebung) und ergaenzt, was ein LAUFENDES Werkzeug braucht: Zustandszeile unten statt „oeffnen"-Fussnote, und eine Kante, die den zuletzt gelaufenen Stand markiert. Immer