:root{--page:#eef1f5;--surface-1:#fff;--surface-2:#f4f7fa;--text-primary:#14202c;--text-secondary:#46586a;--text-muted:#616e7b;--border:#ccd5de;--grid:#dde4ec;--s1:#0d6b68;--s1-hell:#0d6b6812;--s1-mittel:#0d6b6824;--s1-leuchtend:#35b0a5;--rot:#b23a2f;--rot-hell:#b23a2f14;--kopf:#14202c;--wa-ich:#d9fdd3;--radius:6px;--mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;accent-color:var(--s1)}*{box-sizing:border-box}html,body{margin:0}body{background:var(--page);color:var(--text-primary);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}a{color:var(--s1);text-decoration:none}a:hover{text-decoration:underline}h1{margin:0 0 4px;font-size:20px}h2{margin:0 0 10px;font-size:15px}h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:0 0 6px;font-size:13px}p{margin:0 0 8px}code,.mono{font-family:var(--mono);font-size:12.5px}.kopf{background:var(--kopf);color:#e8eef4;z-index:10;align-items:center;gap:20px;height:52px;padding:0 20px;display:flex;position:sticky;top:0}.kopf a{color:#b9c6d3;border-bottom:2px solid #0000;padding:6px 2px}.kopf a:hover{color:#fff;text-decoration:none}.kopf a.aktiv{color:#fff;border-bottom-color:var(--s1-leuchtend)}.kopf nav{flex:1;gap:16px;display:flex;overflow-x:auto}.kopf .menue-knopf{align-items:center;gap:8px;margin-left:auto;padding:7px 12px;font-weight:600;display:none;color:#fff!important}.menue-hintergrund{inset:calc(52px + env(safe-area-inset-top)) 0 0;z-index:20;background:#14202c59;position:fixed}.menue{background:var(--kopf);flex-direction:column;max-height:calc(100dvh - 52px);padding:6px 0 12px;display:flex;overflow-y:auto;box-shadow:0 8px 18px #00000040}.menue a{color:#c9d4de;border-left:3px solid #0000;padding:12px 20px;font-size:15px}.menue a:hover{color:#fff;background:#1c2b39;text-decoration:none}.menue a.aktiv{color:#fff;border-left-color:var(--s1-leuchtend);background:#1c2b39}.menue-unten{color:#b9c6d3;border-top:1px solid #2a3b4c;flex-wrap:wrap;align-items:center;gap:10px;margin-top:6px;padding:12px 20px 0;display:flex}.menue-unten a{border:0;padding:6px 0;background:0 0!important}.menue-unten select{color:#fff;background:#223140;border:1px solid #36495c;width:auto}.menue-unten button{color:#b9c6d3;background:0 0;border:1px solid #36495c}.kopf select{color:#fff;background:#223140;border:1px solid #36495c}.kopf .rechts{white-space:nowrap;align-items:center;gap:12px;display:flex}.kopf button{color:#b9c6d3;background:0 0;border:1px solid #36495c}@media (max-width:1200px){.kopf{gap:12px;padding:0 12px 0 16px}.kopf .kopf-nav,.kopf .rechts{display:none}.kopf .menue-knopf{display:inline-flex}}.marke{letter-spacing:-.02em;white-space:nowrap;color:#fff;align-items:center;gap:10px;font-weight:700;display:inline-flex}.marke em{color:var(--s1-leuchtend);font-style:normal}.marke.gross{color:var(--text-primary);gap:11px;font-size:22px;display:flex}.marke.gross em{color:var(--s1)}.markenzeichen{background:linear-gradient(140deg, var(--s1-leuchtend), var(--s1));color:#fff;letter-spacing:-.02em;border-radius:8px;flex:none;place-items:center;width:30px;height:30px;font-size:10.5px;font-weight:800;line-height:1;display:inline-grid;box-shadow:0 2px 10px #35b0a559}.marke:hover .markenzeichen{box-shadow:0 2px 12px #35b0a58c}.marke.gross .markenzeichen{border-radius:9px;width:38px;height:38px;font-size:14px}.seite{max-width:1180px;margin:0 auto;padding:24px 20px 60px}.seitenkopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;display:flex}.leise{color:var(--text-muted)}.karte{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.karte+.karte{margin-top:14px}.raster{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.zwei{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (max-width:900px){.zwei{grid-template-columns:1fr}}.zeile{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.zeile.ende{justify-content:flex-end}.abstand{height:12px}.kennzahlen{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:18px;display:grid}@media (max-width:600px){.kennzahlen{grid-template-columns:1fr 1fr;gap:10px}.kennzahl b{font-size:19px}}.kennzahl{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px}.kennzahl b{font-variant-numeric:tabular-nums;font-size:22px;display:block}.kennzahl span{color:var(--text-muted);font-size:12.5px}.agentkarte{color:inherit;flex-direction:column;gap:6px;transition:border-color .15s;display:flex}.agentkarte:hover{border-color:var(--s1);text-decoration:none}.agentkarte .titel{justify-content:space-between;gap:8px;font-size:15px;font-weight:600;display:flex}.marke-klein{background:var(--surface-2);border:1px solid var(--grid);color:var(--text-secondary);white-space:nowrap;border-radius:10px;padding:1px 7px;font-size:11.5px;display:inline-block}.marke-klein.an{background:var(--s1-hell);border-color:var(--s1-mittel);color:var(--s1)}.marke-klein.aus{background:var(--rot-hell);color:var(--rot);border-color:#b23a2f33}label{color:var(--text-secondary);flex-direction:column;gap:4px;margin-bottom:12px;font-size:12.5px;font-weight:600;display:flex}label .hinweis{color:var(--text-muted);font-weight:400}label.haken{color:var(--text-primary);flex-direction:row;align-items:flex-start;gap:8px;font-size:13.5px;font-weight:500}label.haken input{margin-top:3px}input,select,textarea{font:inherit;color:var(--text-primary);background:var(--surface-1);border:1px solid var(--border);border-radius:4px;padding:7px 9px;font-weight:400}textarea{resize:vertical;min-height:80px;line-height:1.45}input:focus,select:focus,textarea:focus{outline:2px solid var(--s1-mittel);border-color:var(--s1)}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--surface-1);color:var(--text-primary);border-radius:4px;padding:7px 14px}button:hover:not(:disabled){border-color:var(--s1)}button:disabled{opacity:.55;cursor:default}button.primaer{background:var(--s1);border-color:var(--s1);color:#fff;font-weight:600}button.primaer:hover:not(:disabled){background:#0a5957}button.gefahr{color:var(--rot)}button.gefahr:hover:not(:disabled){border-color:var(--rot)}button.klein{padding:3px 9px;font-size:12.5px}.fehler{color:var(--rot);background:var(--rot-hell);border-radius:4px;padding:8px 10px}.erfolg{color:var(--s1);background:var(--s1-hell);border-radius:4px;padding:8px 10px}.felder2{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}@media (max-width:600px){.felder2{grid-template-columns:1fr}}table{border-collapse:collapse;width:100%}th{text-align:left;color:var(--text-secondary);background:var(--surface-2);font-size:12px;font-weight:600}th,td{border-bottom:1px solid var(--grid);vertical-align:top;padding:7px 10px}tr.wahl{cursor:pointer}tr.wahl:hover td{background:var(--s1-hell)}tr.gewaehlt td{background:var(--s1-mittel)}.chat{flex-direction:column;height:calc(100vh - 140px);min-height:460px;padding:0;display:flex;position:sticky;top:72px;overflow:hidden}.chatkopf{border-bottom:1px solid var(--grid);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex}.verlauf{background:#efeae2;flex-direction:column;flex:1;gap:8px;padding:14px;display:flex;overflow-y:auto}.blase{white-space:pre-wrap;word-wrap:break-word;background:#fff;border-radius:8px;max-width:82%;padding:7px 10px 5px;box-shadow:0 1px .5px #00000021}.blase.user{background:var(--wa-ich);align-self:flex-end}.blase.assistant{align-self:flex-start}.blase .meta{color:var(--text-muted);text-align:right;margin-top:2px;font-size:11px}.blase.fehlerhaft{border:1px solid var(--rot)}.blase .sprachnachricht{width:240px;max-width:100%;height:36px;margin-top:6px;display:block}.aufnahme{color:var(--rot)}.aufnahme:before{content:"";background:var(--rot);border-radius:50%;width:8px;height:8px;margin-right:6px;animation:1s infinite blinken;display:inline-block}@keyframes blinken{50%{opacity:.2}}.trenner{color:var(--text-muted);background:#ffffffb3;border-radius:8px;align-self:center;padding:2px 10px;font-size:11.5px}.eingabe{border-top:1px solid var(--grid);background:var(--surface-2);gap:8px;padding:10px;display:flex}.eingabe textarea{flex:1;min-height:40px;max-height:140px}.tippt{color:var(--text-muted);align-self:flex-start;font-size:12.5px;font-style:italic}.liste-gespraeche{max-height:calc(100vh - 160px);padding:0;overflow-y:auto}.anmeldung{place-items:center;min-height:100vh;padding:16px;display:grid}.anmeldekarte{flex-direction:column;width:100%;max-width:380px;padding:28px;display:flex}.anmeldekarte .marke{margin-bottom:4px}.anmeldekarte p.leise{margin-bottom:20px}.kopierfeld{gap:6px;display:flex}.kopierfeld input{font-family:var(--mono);flex:1;font-size:12.5px}.schritt{counter-increment:schritt;margin-bottom:14px;padding-left:34px;position:relative}.schritt:before{content:counter(schritt);background:var(--s1);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:12.5px;font-weight:700;display:grid;position:absolute;top:0;left:0}.schritte{counter-reset:schritt}.modal-hintergrund{z-index:50;background:#14202c73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal{width:100%;max-width:720px;max-height:90vh;overflow-y:auto}.vorlagen{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;margin:12px 0;display:grid}.vorlage{text-align:left;flex-direction:column;gap:4px;padding:12px;display:flex}.vorlage.gewaehlt{border-color:var(--s1);background:var(--s1-hell)}.vorlage b{font-size:14px}.vorlage span{color:var(--text-muted);font-size:12.5px}.vorlage .rolle-nutzt{color:var(--text-secondary);margin-top:2px;font-size:11.5px}.rollen-bereich h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:16px 0 2px;font-size:13px}.rollen-bereich>p{margin:0;font-size:12.5px}.checkliste{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;font-size:13.5px;list-style:none;display:flex}.checkliste li{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.checkliste .an{color:var(--s1)}.checkliste .fehlt{color:var(--rot)}.checkliste-zeile{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.checkliste-zeile select{max-width:260px}.klein-link{font-size:13px}.werkzeuge{border-top:1px dashed var(--grid);color:var(--text-secondary);white-space:normal;flex-direction:column;gap:2px;margin-top:6px;padding-top:5px;font-size:12px;display:flex}.werkzeug-fehler{color:var(--rot)}.anhangknopf{cursor:pointer;flex-direction:row;justify-content:center;align-items:center;margin:0;padding:0 6px;font-size:18px}.abstimmung{flex-direction:column;gap:2px;width:100%;max-width:560px;padding:24px;display:flex}.abstimmung .option{border-bottom:1px solid var(--grid);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:9px 0;display:flex}.abstimmung .option>span,.abstimmung .option>a{overflow-wrap:anywhere;min-width:0;font-weight:600}.wahl{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.wahl button{padding:4px 10px;font-size:13px}.wahl button.gewaehlt.wahl-ja{background:var(--s1);border-color:var(--s1);color:#fff}.wahl button.gewaehlt.wahl-vielleicht{color:#fff;background:#b7791f;border-color:#b7791f}.wahl button.gewaehlt.wahl-nein{background:var(--rot);border-color:var(--rot);color:#fff}.wahl button:disabled{opacity:1}.wahl button:disabled:not(.gewaehlt){opacity:.45}.wahl .zaehler{margin-left:2px;font-size:12px}.festgelegt{background:var(--s1-hell);border:1px solid var(--s1-mittel);border-radius:var(--radius);margin:8px 0;padding:12px}a.knopf{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);color:var(--text-primary);padding:5px 11px;display:inline-block}a.knopf:hover{border-color:var(--s1);text-decoration:none}.aufgaben h3{margin-bottom:4px}.aufgabe{border-top:1px solid var(--grid);align-items:flex-start;gap:10px;padding:9px 0;display:flex}.aufgabe:first-of-type{border-top:0}.aufgabe>input[type=checkbox]{flex:none;width:16px;height:16px;margin-top:3px}.aufgabe-text{overflow-wrap:anywhere;flex:1;min-width:0}.aufgabe-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px;font-size:12.5px;display:flex}.aufgabe-knoepfe{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.aufgabe-knoepfe select,.aufgabe-knoepfe input{width:auto;padding:3px 6px;font-size:12.5px}.aufgabe.erledigt b{color:var(--text-muted);font-weight:500;text-decoration:line-through}@media (max-width:640px){.aufgabe{flex-wrap:wrap}.aufgabe-knoepfe{justify-content:flex-start;width:100%;padding-left:26px}}.aufgabe-bot{border-radius:var(--radius);background:var(--s1-hell);border:1px solid var(--s1-mittel);margin-top:6px;padding:5px 9px;font-size:12.5px}.aufgabe-bot summary{cursor:pointer}.aufgabe-ergebnis{white-space:pre-wrap;color:var(--text-secondary);max-height:260px;margin-top:6px;overflow:auto}.rahmen-kopf{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.held{font-size:40px;font-weight:700;line-height:1.1}.status{color:var(--text-primary);font-size:13px;font-weight:600}.status.warnung:first-letter,.status.kritisch:first-letter{font-size:15px}.status.normal{color:var(--s1)}.meter{background:#0b8f8729;border-radius:5px;height:10px;position:relative}.meter>div{background:#0b8f87;border-radius:5px;height:100%;transition:width .3s}.meter.warnung{background:#b7791f2e}.meter.warnung>div{background:#b7791f}.meter.kritisch{background:#b23a2f29}.meter.kritisch>div{background:var(--rot)}.meter-marke{background:var(--text-muted);border-radius:1px;width:2px;height:16px;position:absolute;top:-3px}.balken-rahmen{position:relative}.balken-rahmen .gitter{stroke:var(--grid);stroke-width:1px}.balken-rahmen .achse{fill:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.balken-rahmen .balken{fill:#0b8f87}.balken-rahmen .balken.aktiv{fill:#097068}.tooltip{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius);pointer-events:none;white-space:nowrap;padding:6px 9px;font-size:12.5px;position:absolute;top:-6px;transform:translate(-50%,-100%);box-shadow:0 2px 8px #14202c1f}table.zahlen td,table.zahlen th{white-space:nowrap}table.zahlen td:not(:first-child),table.zahlen th:not(:first-child){text-align:right;font-variant-numeric:tabular-nums}.live{align-items:center;gap:6px;display:inline-flex}.live-punkt{background:var(--s1-leuchtend);border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite puls}@keyframes puls{50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.live-punkt,.akt-status.arbeitet span{animation:none}}.akt-agent{border-top:1px solid var(--grid);padding:10px 0}.akt-agent:first-of-type{border-top:0}.akt-kopf{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.akt-status{color:var(--text-secondary);white-space:nowrap;font-size:12.5px;font-weight:600}.akt-status.arbeitet{color:var(--s1)}.akt-status.arbeitet span{animation:1.2s ease-in-out infinite puls;display:inline-block}.akt-status.wartet{color:#8a5a12}.akt-status.fehler{color:var(--rot)}.akt-status.pausiert{color:var(--text-muted)}.akt-lauf{border-radius:var(--radius);background:var(--s1-hell);margin-top:4px;padding:4px 8px;font-size:13px}.akt-lauf.fehler{background:var(--rot-hell);color:var(--rot)}.akt-meta{flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:12.5px;display:flex}.zwei-gleich{grid-template-columns:1fr 1fr;align-items:start;gap:14px;margin:14px 0;display:grid}.zwei-gleich>.karte{margin:0}@media (max-width:800px){.zwei-gleich{grid-template-columns:1fr}}.akt-zeile{border-top:1px solid var(--grid);gap:8px;padding:6px 0;display:flex}.akt-zeile:first-of-type{border-top:0}.akt-verlauf{max-height:520px;margin-top:8px;overflow-y:auto}.akt-eintrag{border-top:1px solid var(--grid);grid-template-columns:82px 1fr;gap:10px;padding:6px 0;font-size:13px;display:grid}.akt-eintrag.fehler b+*{color:var(--rot)}.akt-zeit{font-variant-numeric:tabular-nums;font-size:12px}.kopf{padding-top:env(safe-area-inset-top);height:calc(52px + env(safe-area-inset-top))}.seite{padding-bottom:calc(60px + env(safe-area-inset-bottom))}.installhinweis{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:30;background:var(--surface-1);border:1px solid var(--border);border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;display:flex;position:fixed;box-shadow:0 6px 20px #14202c2e}.installhinweis .markenzeichen{border-radius:9px;width:34px;height:34px;font-size:12px}.ansicht-wahl{display:none}@media (max-width:900px){.ansicht-wahl{top:calc(58px + env(safe-area-inset-top));z-index:5;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid;position:sticky}.zwei.ansicht-einstellungen>.chat,.zwei.ansicht-test>fieldset{display:none}.zwei.ansicht-test>.chat{height:calc(100dvh - 190px);min-height:380px}.chatkopf>.leise{display:none}}@media (max-width:700px){.karte table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}}.profilbild{object-fit:cover;background:var(--surface-2);border-radius:50%;flex:none;display:inline-block}.profilbild.initialen{background:var(--s1-mittel);color:var(--s1);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.person{align-items:center;gap:10px;min-width:0;display:inline-flex}.person>span{flex-direction:column;min-width:0;display:flex}.funktion{color:var(--text-secondary);font-size:12.5px;font-weight:400}.vorstellung{flex-wrap:wrap;align-items:center;gap:18px;margin:12px 0;display:flex}.vorstellung-text{flex-direction:column;flex:1;gap:6px;min-width:200px;display:flex}.vorstellung-name{padding:6px 8px;font-size:20px;font-weight:600}.vorstellung-daten{grid-template-columns:max-content 1fr;gap:4px 12px;margin:8px 0;font-size:14px;display:grid}.vorstellung-daten dt{color:var(--text-secondary)}.vorstellung-daten dd{margin:0}
