/* Werkstatt: Aufgaben, Assistent, Terminal, Live-Einsatzboard */

/* Aufgabenliste */
.wk-tasks{display:flex;flex-direction:column;gap:4px;}
.wk-task{display:flex;align-items:center;gap:12px;padding:9px 4px;border-bottom:1px solid var(--line);}
.wk-task:last-child{border-bottom:0;}
.wk-task-t{flex:1;font-size:14px;color:var(--ink);}
.wk-task.done .wk-task-t{color:var(--muted);text-decoration:line-through;}
.wk-check{position:relative;width:20px;height:20px;flex:none;cursor:pointer;}
.wk-check input{position:absolute;opacity:0;width:20px;height:20px;cursor:pointer;margin:0;}
.wk-check span{position:absolute;inset:0;border:1.5px solid var(--line-strong);border-radius:6px;background:var(--panel);transition:.15s;}
.wk-check input:checked+span{background:var(--teal);border-color:var(--teal);}
.wk-check input:checked+span::after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:700;}
.wk-add{display:flex;gap:8px;margin-top:12px;}
.wk-add input{flex:1;}

/* Assistent */
.wk-quick{display:flex;gap:8px;flex-wrap:wrap;}
.wk-ask-row{display:flex;gap:8px;align-items:stretch;}
.wk-ask-row textarea{flex:1;padding:10px 12px;border:1px solid var(--line-strong);border-radius:9px;background:var(--panel);color:var(--ink);font-family:var(--sans);font-size:14px;resize:vertical;}
.wk-ask-out:empty{display:none;}
.wk-answer{background:var(--teal-soft);border:1px solid color-mix(in srgb,var(--teal) 22%,transparent);border-radius:11px;padding:14px 16px;font-size:14px;line-height:1.6;color:var(--ink);white-space:normal;}
.wk-src{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:8px;}

/* Terminal */
.wk-term{margin-top:12px;border-radius:12px;overflow:hidden;border:1px solid #0c1a18;background:#0b1614;box-shadow:inset 0 2px 12px rgba(0,0,0,.35);}
.wk-term-out{margin:0;padding:16px 18px;max-height:min(62vh,720px);min-height:320px;overflow:auto;font-family:var(--mono);font-size:12.5px;line-height:1.55;color:#cfe9e2;white-space:pre-wrap;word-break:break-word;}
.wk-term-in-row{display:flex;align-items:center;gap:8px;border-top:1px solid #14302b;padding:9px 14px;background:#0e1c19;}
.wk-prompt{font-family:var(--mono);font-size:12px;color:#5fb9a8;white-space:nowrap;}
.wk-prompt::after{content:" %";color:#3c7a6e;}
#wk-term-in{flex:1;background:transparent;border:0;outline:0;color:#e6f5f0;font-family:var(--mono);font-size:12.5px;padding:0;}
#wk-term-in::placeholder{color:#4d6f68;}
.wk-note{margin-top:10px;font-size:12px;color:var(--warn);background:var(--warn-soft);border-radius:9px;padding:9px 12px;}

/* Claude Code · Entwickler-KI — deutlich andere Identität als Clara (violett statt türkis) */
.wk-idbanner{display:flex;gap:14px;align-items:flex-start;background:linear-gradient(150deg,color-mix(in srgb,var(--violet) 15%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--violet) 35%,var(--line));border-left:4px solid var(--violet);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow);}
.wk-idava{width:44px;height:44px;border-radius:12px;background:var(--violet);color:#fff;display:grid;place-items:center;font-size:22px;flex:none;box-shadow:0 4px 14px color-mix(in srgb,var(--violet) 45%,transparent);}
.wk-idname{font-weight:750;font-size:16px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;}
.wk-idtag{font-family:var(--mono);font-size:10px;letter-spacing:.04em;text-transform:uppercase;background:var(--violet-soft);color:var(--violet);border:1px solid color-mix(in srgb,var(--violet) 35%,transparent);padding:2px 8px;border-radius:999px;}
.wk-iddesc{font-size:13px;color:var(--ink-soft);margin-top:4px;line-height:1.5;max-width:72ch;}
.wk-dev-name{color:var(--violet);}
/* Noas Konsole ist der Hauptbereich: bis fast an die Ränder ziehen (viel breiter) */
.wk-console{border-top:3px solid var(--violet);margin-left:calc(-1 * clamp(15px,2.3vw,24px));margin-right:calc(-1 * clamp(15px,2.3vw,24px));border-radius:0;border-left:0;border-right:0;}
.wk-console .pad{padding:12px clamp(12px,1.6vw,18px) 14px;}
.btn.dev{background:var(--violet);color:#fff;}
.btn.dev:hover{filter:brightness(1.1);}
.wk-quicklab{font-family:var(--mono);font-size:11px;color:var(--violet);align-self:center;margin-right:2px;}
/* Automatik: abgedimmte (deaktivierte) Modus-Knöpfe + Ja/Nein-Rückfrage */
.wk-quick .btn.dimmed{opacity:.45;}
.wk-autoask{margin:10px 0 4px;padding:11px 13px;border:1.5px solid var(--violet);border-radius:12px;background:var(--violet-soft);font-family:var(--font,inherit);}
.wk-autoask-t{color:var(--ink);font-size:13px;line-height:1.45;margin-bottom:9px;}
.wk-autoask-t b{color:var(--violet);}
.wk-autoask-b{display:flex;gap:8px;flex-wrap:wrap;}
/* Konsolen-Farben: Claude Code = violett, du = türkis, Fehler = rot */
.wk-term-out .wk-dev{color:#cbb6ff;}
.wk-term-out .wk-dev-label{color:#b79eff;font-weight:700;}
.wk-term-out .wk-dev-dim{color:#8574b8;font-style:italic;}
.wk-term-out .wk-user{color:#7fe0c4;}
.wk-term-out .wk-typing{color:#8574b8;font-style:italic;}
.wk-term-out .wk-typing::after{content:"";animation:noadots 1.2s steps(4,end) infinite;}
@media (prefers-reduced-motion:no-preference){@keyframes noadots{0%{content:"";}25%{content:".";}50%{content:"..";}75%{content:"...";}100%{content:"";}}}
.wk-term-out .wk-err{color:#ff9b8a;}
/* Live-Mitschrift beim Sprechen: wächst mit, solange du redest — noch nicht endgültig (blasser, blinkender Punkt) */
.wk-term-out .wk-user-live{display:block;color:#7fe0c4;opacity:.65;margin:2px 0;}
.wk-term-out .wk-user-live::after{content:" ●";animation:noadots2 1s ease-in-out infinite;}
@media (prefers-reduced-motion:no-preference){@keyframes noadots2{0%,100%{opacity:.25;}50%{opacity:1;}}}
/* Arbeitsschritte von Noa in der Konsole: eigene, ruhige Zeilen (was er gerade tut) */
.wk-term-out .wk-tstep{display:block;color:#7fb6cf;opacity:.9;margin:1px 0;padding:0 0 0 2px;background:none;border:0;font-style:normal;}
/* „arbeitet …" (läuft, solange Noa arbeitet) und „✓ fertig" (wenn er durch ist) */
.wk-term-out .wk-tstatus{display:block;color:#f0c45a;font-weight:700;margin:6px 0 2px;}
.wk-term-out .wk-tstatus::before{content:"● ";}
.wk-term-out .wk-tstatus::after{content:"";animation:noadots 1.2s steps(4,end) infinite;}
.wk-term-out .wk-tdone{display:block;color:#78d69a;font-weight:700;margin:4px 0 2px;}

/* Sprechen mit Noa */
.wk-voicebar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;}
.btn.ghost.on{background:var(--violet);color:#fff;border-color:var(--violet);}
.btn.listening{background:var(--crit);color:#fff;animation:micpulse 1.1s ease-in-out infinite;}
@media (prefers-reduced-motion:no-preference){@keyframes micpulse{0%,100%{box-shadow:0 0 0 0 rgba(200,60,45,.5);}50%{box-shadow:0 0 0 7px rgba(200,60,45,0);}}}

/* Anhänge (Fotos/Dateien) */
.wk-attachbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:12px;}
.wk-attachhint{font-family:var(--mono);font-size:11px;color:var(--muted);}
.wk-attach{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.wk-attach:empty{display:none;}
.wk-chip{display:inline-flex;align-items:center;gap:7px;font-size:12px;background:var(--violet-soft);color:var(--violet);border:1px solid color-mix(in srgb,var(--violet) 30%,transparent);border-radius:10px;padding:4px 9px 4px 4px;font-family:var(--mono);}
.wk-chip b{cursor:pointer;color:var(--violet);opacity:.7;font-weight:700;margin-left:2px;}
.wk-chip b:hover{opacity:1;}
.wk-chipname{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#wk-dropzone.wk-drag{outline:2px dashed var(--violet);outline-offset:2px;}

/* Datei-Vorschau: Bild-Miniatur oder farbiges Datei-Symbol */
.wk-thumb{display:block;border-radius:10px;border:1px solid rgba(255,255,255,.16);object-fit:cover;background:#0e1c19;max-width:220px;max-height:180px;width:auto;height:auto;}
.wk-thumb.sm{width:26px;height:26px;border-radius:6px;flex:none;}
.wk-fileic{--fc:#556170;display:inline-grid;place-items:center;width:52px;height:64px;border-radius:9px;background:linear-gradient(160deg,color-mix(in srgb,var(--fc) 86%,#000),var(--fc));color:#fff;font-family:var(--mono);font-size:12px;font-weight:800;letter-spacing:.02em;box-shadow:0 3px 10px rgba(0,0,0,.35);position:relative;flex:none;overflow:hidden;}
.wk-fileic::before{content:"";position:absolute;top:0;right:0;border-width:0 13px 13px 0;border-style:solid;border-color:rgba(255,255,255,.5) transparent;}
.wk-fileic.sm{width:26px;height:26px;border-radius:6px;font-size:8px;}
.wk-fileic.sm::before{border-width:0 7px 7px 0;}
.wk-fileic.pdf{--fc:#E5484D;}.wk-fileic.doc{--fc:#2F6FED;}.wk-fileic.sheet{--fc:#1F9D55;}
.wk-fileic.txt{--fc:#64748B;}.wk-fileic.code{--fc:#8B5CF6;}.wk-fileic.zip{--fc:#C08A2A;}.wk-fileic.file{--fc:#556170;}

/* Gesendete Anhänge auf der schwarzen Konsolenfläche */
.wk-sentfiles{display:flex;flex-wrap:wrap;gap:14px;margin:4px 0 2px;}
.wk-fileprev{display:flex;flex-direction:column;align-items:center;gap:6px;max-width:220px;}
.wk-fileprev-n{font-family:var(--mono);font-size:10.5px;color:#9fbdb4;max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}
.wk-fileprev-n em{opacity:.6;font-style:normal;}

/* Live-Einsatzboard */
.wk-einsatz:empty{display:none;}
.wk-now{background:var(--brass-soft);border:1px solid color-mix(in srgb,var(--brass) 35%,transparent);border-radius:10px;padding:11px 14px;font-size:13.5px;color:var(--ink);display:flex;flex-wrap:wrap;align-items:center;gap:8px;}
.wk-steps{display:flex;flex-direction:column;gap:6px;margin-top:12px;}
.wk-step{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:9px;border:1px solid var(--line);background:var(--surface-2);font-size:13.5px;transition:.2s;}
.wk-step .wk-ic{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;flex:none;font-weight:700;}
.wk-step.offen{color:var(--muted);} .wk-step.offen .wk-ic{background:var(--surface);color:var(--muted);border:1px solid var(--line-strong);}
.wk-step.run{color:var(--ink);border-color:color-mix(in srgb,var(--brass) 40%,transparent);} .wk-step.run .wk-ic{background:var(--brass-soft);color:var(--brass);}
.wk-step.done{color:var(--ink);} .wk-step.done .wk-ic{background:var(--good-soft);color:var(--good);}
.wk-call:empty{display:none;}
.wk-call{margin-top:12px;}