:root{--ground:#f4ecdc;--panel:#fbf7ef;--panel-2:#efe4cc;--line:#d9cdb5;--ink:#2a2119;--muted:#6e5f4e;--gold:#8f6f2e;--ok:#2f6b3a;--alarm:#9a3b2e;--claude:#2e5a8a;--on-ink:#fbf7ef;--field:#fff;--display:"Cormorant Garamond", Georgia, "Times New Roman", serif;--body:"Jost", "Helvetica Neue", Arial, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ground:#17130f;--panel:#221c16;--panel-2:#2b241c;--line:#3d342a;--ink:#f1e8d6;--muted:#b5a68f;--gold:#d2ae6a;--ok:#7fbf8a;--alarm:#e58b7b;--claude:#8fb3e0;--on-ink:#17130f;--field:#2b241c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ground:#17130f;--panel:#221c16;--panel-2:#2b241c;--line:#3d342a;--ink:#f1e8d6;--muted:#b5a68f;--gold:#d2ae6a;--ok:#7fbf8a;--alarm:#e58b7b;--claude:#8fb3e0;--on-ink:#17130f;--field:#2b241c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=terminal]{--ground:#000;--panel:#0b0b0b;--panel-2:#141414;--line:#1f3a1f;--ink:#5cf25c;--muted:#9a9a9a;--gold:#e6db74;--ok:#a6e22e;--alarm:#ff5f87;--claude:#5fd7ff;--on-ink:#000;--field:#050505;--code-orange:#fd971f;--text:#ededed;--display:"SF Mono", ui-monospace, Menlo, Monaco, monospace;--body:"SF Mono", ui-monospace, Menlo, Monaco, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=terminal] body{letter-spacing:.02em;font-size:13px}:root[data-theme=terminal] h1,:root[data-theme=terminal] h2,:root[data-theme=terminal] h3{color:var(--claude);font-weight:500}:root[data-theme=terminal] h2:before,:root[data-theme=terminal] h3:before{content:"❯ ";color:var(--ink)}:root[data-theme=terminal] p,:root[data-theme=terminal] td,:root[data-theme=terminal] li{color:var(--text)}:root[data-theme=terminal] .muted{color:var(--muted)}:root[data-theme=terminal] .kennzahl{color:var(--gold)}:root[data-theme=terminal] a{color:var(--code-orange)}:root[data-theme=terminal] code,:root[data-theme=terminal] .code{color:var(--gold);background:#0f1a0f}:root[data-theme=terminal] .nav .marke:after{content:"▌";color:var(--ink);animation:1.1s step-end infinite wb-cursor}:root[data-theme=terminal] ::selection{color:var(--ink);background:#0b2235}:root[data-theme=terminal] input:focus,:root[data-theme=terminal] textarea:focus,:root[data-theme=terminal] select:focus{outline:1px solid var(--ink);box-shadow:0 0 8px #5cf25c59}@keyframes wb-cursor{50%{opacity:0}}@media (prefers-reduced-motion:reduce){:root[data-theme=terminal] .nav .marke:after{animation:none}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--ground);color:var(--ink);font-family:var(--body);margin:0;font-size:14px;line-height:20px}h1,h2,h3{font-family:var(--display);margin:0;font-weight:600}a{color:var(--ink)}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}button{font:inherit;color:inherit;cursor:pointer}.muted{color:var(--muted)}a.btn{color:var(--ink);text-decoration:none}.karte h3{font-size:24px;line-height:28px}.btn{border:1px solid var(--line);background:var(--panel);border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 16px;display:inline-flex}.btn-primary{background:var(--ink);color:var(--on-ink);border:0;font-weight:500}.btn-danger{border-color:var(--alarm);color:var(--alarm)}.pill{border:1px solid var(--line);border-radius:999px;padding:2px 10px;font-size:12px}.pill.gold{border-color:var(--gold);color:var(--gold)}.pill.ok{border-color:var(--ok);color:var(--ok)}.pill.claude{border-color:var(--claude);color:var(--claude)}.login{min-height:100%;padding:24px max(16px, env(safe-area-inset-left,0px));justify-content:center;align-items:center;display:flex}.login-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;flex-direction:column;gap:20px;width:100%;max-width:420px;padding:40px 32px;display:flex}.login-card .eyebrow{letter-spacing:3px;text-transform:uppercase;color:var(--gold);text-align:center;font-size:11px}.login-card h1{text-align:center;font-size:40px;line-height:44px}.login-card p{text-align:center;margin:0}.fehler{border:1px solid var(--alarm);color:var(--alarm);background:var(--panel-2);border-radius:10px;padding:10px 12px}.shell{min-height:100%;display:flex}.nav{background:var(--panel-2);border-right:1px solid var(--line);flex-direction:column;flex:none;gap:6px;width:220px;padding:24px 16px;display:flex}.nav .marke{font-family:var(--display);padding:0 12px 16px;font-size:28px;font-weight:600;line-height:32px}.nav button.item{text-align:left;background:0 0;border:0;border-radius:10px;justify-content:space-between;align-items:center;padding:11px 12px;display:flex}.nav button.item[aria-current=page]{background:var(--ink);color:var(--on-ink);font-weight:500}.nav button.item .stufe{color:var(--muted);font-size:11px}.nav button.item[aria-current=page] .stufe{color:var(--on-ink);opacity:.7}.nav .spacer{flex:1}.konto{border-top:1px solid var(--line);color:var(--muted);flex-direction:column;gap:10px;padding:12px;font-size:13px;display:flex}.konto b{color:var(--ink)}.theme-switch{background:var(--ground);border-radius:10px;gap:4px;padding:4px;display:flex}.theme-switch button{min-height:36px;color:var(--muted);background:0 0;border:0;border-radius:8px;flex:1;font-size:12px}.theme-switch button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}.main{flex-direction:column;flex:1;min-width:0;display:flex}.kopf{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:56px;padding:0 32px;display:flex}.kopf h2{font-size:24px}.inhalt{flex-direction:column;gap:16px;padding:24px 32px;display:flex}.karte{background:var(--panel);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:12px;padding:20px;display:flex}.raster{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px;display:grid}.kennzahl{font-family:var(--display);font-size:36px;font-weight:600;line-height:40px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px}th{letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:500}.tabelle{border:1px solid var(--line);background:var(--panel);border-radius:14px;overflow-x:auto}input[type=text],input[type=email],input[type=url],input[type=date],input[type=time],input[type=search],select{border:1px solid var(--line);background:var(--field);min-height:40px;color:var(--ink);font:inherit;border-radius:8px;padding:0 10px}.code{color:var(--muted);word-break:break-all;font-family:ui-monospace,Menlo,monospace;font-size:12px}.tabs{display:none}@media (width<=720px){.nav{display:none}.kopf{padding:0 16px}.inhalt{padding:16px max(16px, env(safe-area-inset-right,0px)) 96px max(16px, env(safe-area-inset-left,0px))}.tabs{padding:8px 8px calc(8px + env(safe-area-inset-bottom,0px));background:var(--panel-2);border-top:1px solid var(--line);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.tabs button{background:0 0;border:0;border-radius:10px;min-height:48px;font-size:12px}.tabs button[aria-current=page]{background:var(--ink);color:var(--on-ink)}}.pill.alarm{border-color:var(--alarm);color:var(--alarm)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.link{color:var(--ink);text-underline-offset:3px;text-align:left;background:0 0;border:0;padding:0;text-decoration:underline}.hinweis{border:1px solid var(--gold);color:var(--gold);background:var(--panel-2);border-radius:10px;margin:0;padding:8px 12px;font-size:13px}.werkzeuge{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.werkzeuge input[type=search]{flex:1;min-width:160px}.chips{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chip-btn{border:1px solid var(--line);background:var(--panel);border-radius:999px;min-height:40px;padding:0 14px}.chip-btn[aria-pressed=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}.radio-chip{border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:0 14px;display:inline-flex}.radio-chip:has(input:checked){border-color:var(--ink);background:var(--panel-2);font-weight:500}.zeile-kopf{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.knopf-zeile{flex-wrap:wrap;gap:8px;display:flex}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:16px;display:grid}.liste-zeile{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 0;display:flex}.liste-zeile:last-child{border-bottom:0}button.liste-zeile{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:inherit;background:0 0;border-radius:0}button.liste-zeile:hover{background:var(--panel-2)}.liste-zeile input[type=checkbox]{width:20px;height:20px;accent-color:var(--ink)}.verlauf{border-bottom:1px solid var(--line);flex-direction:column;gap:2px;padding:6px 0;display:flex}.verlauf:last-child{border-bottom:0}.formular{flex-direction:column;gap:14px;display:flex}.formular-raster{grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:12px;display:grid}.feld{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.feld label,.feld legend{color:var(--muted);padding:0;font-size:12px}.feld legend{margin-bottom:6px}.feedback-zeile{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 0;display:flex}tr.klickbar{cursor:pointer}tr.klickbar:hover td{background:var(--panel-2)}details summary{cursor:pointer;color:var(--muted);padding:6px 0}.board{grid-auto-columns:minmax(240px,1fr);grid-auto-flow:column;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.spalte{background:var(--panel-2);border:1px solid var(--line);border-radius:14px;flex-direction:column;gap:8px;min-width:0;padding:12px;display:flex}.spalte-kopf{justify-content:space-between;align-items:center;font-weight:500;display:flex}.lead-karte{text-align:left;border:1px solid var(--line);background:var(--panel);border-radius:10px;flex-direction:column;gap:4px;padding:12px;display:flex}.lead-karte.faellig{border-color:var(--alarm);box-shadow:inset 3px 0 0 var(--alarm)}.ueberlage{z-index:20;background:#00000059;justify-content:flex-end;display:flex;position:fixed;inset:0}.seitenblatt{background:var(--ground);border-left:1px solid var(--line);flex-direction:column;width:min(560px,100%);height:100%;display:flex;overflow-y:auto}.blatt-kopf{z-index:1;background:var(--panel-2);border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:16px 20px;display:flex;position:sticky;top:0}.blatt-kopf h2{overflow-wrap:anywhere;font-size:24px;line-height:28px}.blatt-inhalt{flex-direction:column;gap:16px;padding:16px 20px 32px;display:flex}.phasen{gap:4px;padding-bottom:4px;display:flex;overflow-x:auto}.phasen button{border:1px solid var(--line);background:var(--panel);border-radius:10px;flex:1 0 auto;min-height:44px;padding:0 14px;font-size:13px}.phasen button.fertig{background:var(--panel-2);color:var(--muted)}.phasen button.jetzt{background:var(--ink);color:var(--on-ink);border-color:var(--ink);cursor:default;font-weight:500}.brain-rahmen{border:1px solid var(--line);background:var(--panel);border-radius:14px;width:100%;height:calc(100vh - 140px);min-height:480px}@media (width<=720px){.board{grid-auto-columns:auto;grid-auto-flow:row;overflow-x:visible}.blatt-kopf{padding:12px 16px}.blatt-inhalt{padding:12px 16px 32px}.karte{padding:16px}.brain-rahmen{height:calc(100vh - 180px)}}.vorgaenge{flex-direction:column;gap:12px;display:flex}.vorgang{border:1px solid var(--line);background:var(--panel);border-radius:12px;flex-direction:column;gap:6px;padding:12px;display:flex}.vorgang.laeuft{border-color:var(--claude);box-shadow:inset 3px 0 0 var(--claude)}.schritte{flex-direction:column;gap:4px;margin:4px 0;padding-left:22px;display:flex}.schritte li{flex-direction:column;display:flex}.schritte li[data-status=ok]::marker{color:var(--ok)}.schritte li[data-status=fehler] span:first-child{color:var(--alarm)}.schritte li[data-status=laeuft] span:first-child{color:var(--claude);font-weight:500}code{background:var(--panel-2);overflow-wrap:anywhere;border-radius:4px;padding:1px 5px;font-family:ui-monospace,Menlo,monospace;font-size:12px}.einrichten{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.einrichten li{align-items:flex-start;gap:12px;display:flex}.schritt-nr{border:2px solid var(--line);counter-increment:schritt;border-radius:50%;flex:none;justify-content:center;align-items:center;width:28px;height:28px;font-weight:600;display:inline-flex}.einrichten{counter-reset:schritt}.schritt-nr:empty:before{content:counter(schritt);color:var(--muted);font-size:13px}.schritt-nr.ok{border-color:var(--ok);background:var(--ok);color:var(--on-ink)}.verbinden-karte{max-width:520px}.code-gross{letter-spacing:4px;text-align:center;border:1px dashed var(--line);border-radius:12px;margin:0;padding:12px;font-family:ui-monospace,Menlo,monospace;font-size:32px;line-height:40px}.aufgabe-zeile{flex-wrap:wrap}.aufgabe-zeile.mail{background:color-mix(in srgb, var(--gold) 8%, transparent);border-radius:8px;padding-left:6px;padding-right:6px}.aufgabe-titel{text-align:left;cursor:pointer;background:0 0;border:0;flex:180px;align-items:center;gap:8px;min-width:0;padding:4px 0;display:flex}.aufgabe-titel span:last-child{overflow-wrap:anywhere}.aufgabe-titel:hover span:last-child{text-underline-offset:3px;text-decoration:underline}.fortschritt{min-width:160px;color:var(--claude);flex-direction:column;gap:4px;font-size:12px;display:inline-flex}.fortschritt.klein{min-width:110px;max-width:140px}.fortschritt .balken{background:var(--panel-2);border-radius:99px;height:6px;display:block;overflow:hidden}.fortschritt .balken>span{background:var(--claude);border-radius:99px;height:100%;transition:width .4s;display:block}.fortschritt .balken>span.unbestimmt{animation:1.4s ease-in-out infinite unbestimmt}.fortschritt[data-status=fertig]{color:var(--ok)}.fortschritt[data-status=fertig] .balken>span{background:var(--ok)}.fortschritt[data-status=fehler]{color:var(--alarm)}.fortschritt[data-status=fehler] .balken>span{background:var(--alarm)}.fortschritt[data-status=wartet],.fortschritt[data-status=angehalten],.fortschritt[data-status=gestoppt]{color:var(--muted)}.fortschritt .text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@keyframes unbestimmt{0%{transform:translate(-100%)}to{transform:translate(350%)}}.seitenblatt.breit{width:min(720px,100%)}.meta-raster{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr));gap:12px;display:grid}.meta-raster>div{flex-direction:column;gap:4px;min-width:0;display:flex}.meta-raster .muted{font-size:12px}textarea{border:1px solid var(--line);background:var(--field);width:100%;color:var(--ink);font:inherit;resize:vertical;border-radius:8px;padding:8px 10px}.mail-entwurf textarea{font-family:var(--body);line-height:20px}.vorformatiert{white-space:pre-wrap;margin:0}.verlauf-liste{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.verlauf-liste li{border-left:2px solid var(--line);padding-left:12px}.verlauf-liste li[data-art=claude]{border-left-color:var(--claude)}.verlauf-liste li[data-art=mail]{border-left-color:var(--gold)}.verlauf-liste .kommentar{background:var(--panel-2);white-space:pre-wrap;border-radius:8px;margin-top:4px;padding:6px 10px}.link-btn{min-height:36px;font-size:13px}@media (width<=720px){.aufgabe-zeile{flex-wrap:wrap}.fortschritt.klein{flex:100%;order:5;max-width:none;padding-left:28px}}.claude-anzeige{z-index:30;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;width:min(380px,100vw - 32px);display:flex;position:fixed;bottom:20px;right:20px}.claude-anzeige>*{pointer-events:auto}.claude-panel{background:var(--panel);border:1px solid var(--claude);border-radius:14px;flex-direction:column;gap:8px;width:100%;padding:10px 12px;display:flex;box-shadow:0 8px 30px #00000040}.claude-kopf{text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:2px 0;display:flex}.puls{background:var(--claude);width:10px;height:10px;box-shadow:0 0 0 0 color-mix(in srgb, var(--claude) 60%, transparent);border-radius:50%;flex:none;animation:1.6s infinite puls}.puls.ruhig{background:var(--muted);animation:none}@keyframes puls{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--claude) 60%, transparent)}70%{box-shadow:0 0 0 10px #0000}to{box-shadow:0 0 #0000}}.claude-liste{flex-direction:column;gap:8px;max-height:50vh;display:flex;overflow-y:auto}.claude-zeile{text-align:left;border:1px solid var(--line);background:var(--ground);border-radius:10px;flex-direction:column;gap:4px;width:100%;padding:8px 10px;display:flex}.claude-zeile .fortschritt{width:100%;min-width:0}.claude-zeile .schritt{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.claude-meldung{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--claude);border-radius:12px;flex-direction:column;gap:4px;width:100%;padding:10px 12px;animation:.25s ease-out rein;display:flex;box-shadow:0 8px 30px #0003}.claude-meldung.fertig{border-left-color:var(--ok)}.claude-meldung.fehler{border-left-color:var(--alarm)}@keyframes rein{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=720px){.claude-anzeige{right:16px;bottom:calc(80px + env(safe-area-inset-bottom,0px))}}.mail-liste{flex-direction:column;gap:6px;display:flex}.mail-zeile{border:1px solid var(--line);background:var(--panel);border-radius:10px}.mail-zeile.ein{border-left:3px solid var(--gold)}.mail-kopf{text-align:left;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:8px 12px;width:100%;padding:10px 12px;display:flex}.mail-betreff{flex-direction:column;flex:220px;min-width:0;display:flex}.mail-betreff .muted{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mail-text{flex-direction:column;gap:8px;padding:0 12px 12px;display:flex}.mail-text pre,.mail-text-voll{white-space:pre-wrap;font-family:var(--body);background:var(--ground);overflow-wrap:anywhere;border-radius:8px;max-height:50vh;margin:0;padding:10px;overflow:auto}.status-band.ruhend{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 8%, var(--panel))}.status-band.verloren{border-color:var(--alarm);background:color-mix(in srgb, var(--alarm) 6%, var(--panel))}.status-aktionen{flex-direction:column;gap:12px;display:flex}.phasen button:disabled{opacity:.5;cursor:not-allowed}.entfernen{color:var(--muted);background:0 0;border:0;border-radius:6px;flex:none;padding:4px 8px;font-size:18px;line-height:1}.entfernen:hover,.entfernen:focus-visible{color:var(--alarm);background:var(--panel-2)}.entfernen-frage{color:var(--alarm);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:inline-flex}.mit-entfernen{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:8px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.status-band.gekuendigt{border-color:var(--gold);background:color-mix(in srgb, var(--gold) 6%, var(--panel))}.status-band.beendet{border-color:var(--line)}.chat-knopf{z-index:31;writing-mode:vertical-rl;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);cursor:pointer;font:inherit;border-right:0;border-radius:10px 0 0 10px;align-items:center;gap:6px;padding:12px 8px;display:flex;position:fixed;top:40%;right:0}.chat-fenster{z-index:40;background:var(--panel);border-left:1px solid var(--line);flex-direction:column;width:min(400px,100vw);display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #0000001f}.chat-kopf{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:12px;display:flex}.chat-kopf .link{margin-left:auto}.chat-liste{flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.chat-msg{border:1px solid var(--line);border-radius:10px;flex-direction:column;gap:2px;max-width:88%;padding:8px 10px;display:flex}.chat-msg.mensch{background:var(--panel-2);align-self:flex-end}.chat-msg.claude{align-self:flex-start}.chat-eingabe{border-top:1px solid var(--line);align-items:flex-end;gap:8px;padding:12px;display:flex}.chat-eingabe textarea{resize:vertical;flex:1}@media (width<=720px){.chat-knopf{top:auto;bottom:calc(140px + env(safe-area-inset-bottom,0px))}}.chat-auftraege{border:1px solid var(--line);border-radius:10px;gap:4px;max-height:160px;margin:0 12px 8px;padding:8px;display:grid;overflow:auto}.chat-auftrag{color:inherit;align-items:center;gap:6px;font-size:12px;text-decoration:none;display:flex}.chat-auftrag:hover{text-decoration:underline}.admin-marke{opacity:.8;border:1.5px solid;border-radius:50%;justify-content:center;align-items:center;width:1.25em;height:1.25em;margin-left:6px;font-size:.7em;font-weight:700;line-height:1;display:inline-flex}.kopf .angemeldet{opacity:.8;white-space:nowrap;margin-left:auto;font-size:13px}
