:root{--grund:#0b1220;--flaeche:#131c2e;--flaeche-hell:#1c2740;--rand:#26324a;--text:#e8edf7;--leise:#93a1bd;--akzent:#38bdf8;--akzent-text:#06222f;--warn:#fbbf24;--fehler:#f87171;--rundung:14px;--sichthoehe:100dvh;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}html,body{background:var(--grund);height:100%;color:var(--text);overscroll-behavior-y:none;-webkit-text-size-adjust:100%;margin:0;padding:0;overflow-x:hidden}#wurzel{height:var(--sichthoehe);max-width:100%}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--rand);background:var(--flaeche-hell);color:var(--text);border-radius:var(--rundung);min-height:44px;padding:.55rem .9rem}button:disabled{opacity:.5;cursor:default}.leise{color:var(--leise);font-size:.85rem}.hinweis{color:var(--leise);margin:0;padding:1rem}.hinweis.werkzeug{font-size:.85rem;font-style:italic}.hinweis.laeuft-weiter{color:var(--akzent);font-size:.9rem}.fehler{color:var(--fehler)}.mitte{text-align:center;justify-content:center;align-items:center;height:100%;display:flex}.anmeldung{justify-content:center;align-items:center;height:100%;padding:1rem;display:flex}.anmeldung-karte{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--rundung);flex-direction:column;gap:.6rem;width:min(24rem,100%);padding:1.5rem;display:flex}.anmeldung-karte h1{margin:0;font-size:1.4rem}.anmeldung-karte p{margin:0}.anmeldung-karte label{color:var(--leise);margin-top:.5rem;font-size:.85rem}.anmeldung-karte input{background:var(--grund);border:1px solid var(--rand);border-radius:var(--rundung);width:100%;min-height:44px;padding:.7rem .8rem}.anmeldung-karte button{background:var(--akzent);color:var(--akzent-text);border-color:#0000;margin-top:.4rem;font-weight:600}.geruest{max-width:100%;height:100%;display:flex}.spalte-liste{background:var(--grund);border-right:1px solid var(--rand);flex-direction:column;width:100%;min-width:0;height:100%;display:flex}.spalte-chat{flex:1;min-width:0;height:100%;display:none}.geruest.chat-offen .spalte-liste{display:none}.geruest.chat-offen .spalte-chat{display:block}.kopf{padding:.75rem .9rem;padding-top:calc(.75rem + env(safe-area-inset-top));border-bottom:1px solid var(--rand);background:var(--flaeche);justify-content:space-between;align-items:center;gap:.5rem;display:flex}.kopf-titel{flex-direction:column;min-width:0;display:flex}.kopf-knoepfe{flex:none;gap:.4rem;display:flex}.kopf-knoepfe button{padding:.45rem .7rem;font-size:.9rem}.sekundaer-knopf{margin-left:auto}.anruf-knopf{color:#221300;background:linear-gradient(135deg,#f59e0b,#f97316);border-color:#0000;font-weight:700}.fuss{padding:.6rem .9rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom));border-top:1px solid var(--rand);overflow-wrap:anywhere;font-size:.75rem}.mitarbeiter-liste{flex:1;min-height:0;margin:0;padding:0 .5rem .5rem;list-style:none;overflow-y:auto}.mitarbeiter-liste-wrap{flex-direction:column;flex:1;min-height:0;display:flex}.menuepunkt{background:linear-gradient(135deg,#1e293b,#0f172a);border-style:dashed;margin:.5rem}.menuepunkt.aktiv{border-style:solid;border-color:var(--akzent);color:var(--akzent)}.mitarbeiter-zeile{align-items:center;gap:.5rem;min-width:0;margin-bottom:.5rem;display:flex}.mitarbeiter{text-align:left;background:var(--flaeche);flex:1;align-items:center;gap:.75rem;min-width:0;padding:.7rem .8rem;display:flex}.mitarbeiter.gewaehlt{border-color:var(--akzent)}.mitarbeiter:disabled .zeichen{background:var(--rand);color:var(--leise)}.schalter{background:0 0;border-color:#0000;flex:none;place-items:center;width:52px;min-height:44px;padding:0;display:grid}.schalter-spur{background:var(--rand);border:1px solid var(--rand);border-radius:999px;width:44px;height:26px;transition:background .15s;display:block;position:relative}.schalter[aria-checked=true] .schalter-spur{background:var(--akzent);border-color:var(--akzent)}.schalter-knopf{background:var(--text);border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:2px;left:2px}.schalter[aria-checked=true] .schalter-knopf{background:var(--akzent-text);transform:translate(20px)}@media (prefers-reduced-motion:reduce){.schalter-spur,.schalter-knopf{transition:none}}.push-schalter{border-top:1px solid var(--rand);flex:none;padding:.6rem .9rem}.push-zeile{align-items:center;gap:.5rem;min-width:0;display:flex}.push-text{flex-direction:column;flex:1;min-width:0;display:flex}.push-hinweis{margin:.4rem 0 0;font-size:.8rem}.neue-fassung{left:50%;bottom:calc(.8rem + env(safe-area-inset-bottom));z-index:20;border:1px solid var(--rand);border-radius:var(--rundung);background:var(--flaeche-hell);align-items:center;gap:.6rem;max-width:calc(100% - 1.6rem);padding:.5rem .5rem .5rem .9rem;font-size:.9rem;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 24px #00000073}.neue-fassung button{background:var(--akzent);min-height:36px;color:var(--akzent-text);border-color:#0000;flex:none;padding:.4rem .7rem;font-weight:600}.zeichen{background:var(--akzent);width:40px;height:40px;color:var(--akzent-text);border-radius:50%;flex:none;place-items:center;font-weight:700;display:grid}.mitarbeiter-text{flex-direction:column;flex:1;min-width:0;display:flex}.mitarbeiter-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.marke{border:1px solid var(--rand);color:var(--leise);border-radius:999px;flex:none;padding:.1rem .5rem;font-size:.7rem}.marke.warnung{color:var(--warn);border-color:var(--warn)}.chat{flex-direction:column;min-width:0;height:100%;display:flex}.chat-kopf{padding:.6rem .9rem;padding-top:calc(.6rem + env(safe-area-inset-top));border-bottom:1px solid var(--rand);background:var(--flaeche);align-items:center;gap:.5rem;display:flex}.chat-titel{flex-direction:column;min-width:0;display:flex}.chat-titel strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.zurueck{flex:none;padding:.3rem .7rem;font-size:1.4rem;line-height:1}.verlauf{flex-direction:column;flex:1;gap:.5rem;min-height:0;padding:.75rem;display:flex;overflow:hidden auto}.zugaenge{flex-direction:column;flex:1;gap:.9rem;min-height:0;padding:.9rem;display:flex;overflow-y:auto}.zugaenge-kopf h2,.zugang-kopf h3{margin:0}.zugaenge-kopf p,.zugang-kopf p{margin:.2rem 0 0}.zugang-karte{border:1px solid var(--rand);border-radius:var(--rundung);background:var(--flaeche);flex-direction:column;gap:.8rem;padding:.9rem;display:flex}.zugang-kopf{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.zugang-felder{gap:.7rem;display:grid}.zugang-feld{flex-direction:column;gap:.35rem;font-size:.9rem;display:flex}.zugang-feld input,.zugang-feld textarea,.zugang-feld select{background:var(--grund);border:1px solid var(--rand);border-radius:12px;width:100%;min-height:44px;padding:.7rem .8rem}.zugang-feld textarea{resize:vertical;min-height:6rem}.zugang-hinweis{margin:0;font-size:.84rem}.zugang-hinweis.erfolg{color:var(--akzent)}.zugang-fuss{justify-content:space-between;align-items:center;gap:.7rem;display:flex}.zugang-fuss span{overflow-wrap:anywhere}.wizard-formular{flex-direction:column;flex:1;gap:1rem;min-height:0;padding:1rem;display:flex;overflow-y:auto}.wizard-grid{gap:.9rem;display:grid}.feld-breit{grid-column:1/-1}.werkzeug-block{flex-direction:column;gap:.8rem;display:flex}.werkzeug-block h3{margin:0}.werkzeug-grid{gap:.7rem;display:grid}.werkzeug-karte{border:1px solid var(--rand);background:var(--flaeche);border-radius:14px;gap:.2rem;padding:.85rem .9rem;display:grid}.werkzeug-karte input{justify-self:start}.werkzeug-karte.aktiv{border-color:var(--akzent);box-shadow:inset 0 0 0 1px #38bdf84d}.werkzeug-titel{font-weight:700}.wizard-fuss{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.anruf-ansicht{padding:.75rem .75rem 0}.anruf-karte{border:1px solid var(--rand);background:radial-gradient(circle at 100% 0,#fbbf2442,#0000 32%),linear-gradient(155deg,#162032,#0d1524 68%);border-radius:24px;padding:1.05rem}.anruf-karte h2{margin:.2rem 0 0;font-size:1.8rem}.anruf-klein{letter-spacing:.12em;text-transform:uppercase;color:var(--warn);margin:0;font-size:.72rem}.anruf-text{margin:.55rem 0 0}.anruf-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:1rem 0 0;display:grid}.anruf-meta div{background:#090e1875;border:1px solid #93a1bd2e;border-radius:16px;padding:.65rem .7rem}.anruf-meta dt{color:var(--leise);font-size:.75rem}.anruf-meta dd{overflow-wrap:anywhere;margin:.18rem 0 0}.anruf-ausgabe{background:#090e1875;border:1px solid #93a1bd2e;border-radius:18px;margin-top:1rem;padding:.8rem}.anruf-ausgabe-kopf{justify-content:space-between;align-items:baseline;gap:.75rem;font-size:.92rem;display:flex}.anruf-ausgabe-kopf span{color:var(--leise)}.anruf-umschalter{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-top:.7rem;display:grid}.anruf-umschalter button{color:var(--text);background:#0f1728b8;border:1px solid #93a1bd38;border-radius:999px}.anruf-umschalter button.aktiv{background:linear-gradient(135deg,#0e7490d1,#082f49e0);border-color:#38bdf8a6}.anruf-ausgabe-status{flex-wrap:wrap;gap:.4rem;margin-top:.55rem;display:flex}.anruf-ausgabe-marke{color:var(--leise);background:#0f1728b8;border:1px solid #93a1bd38;border-radius:999px;padding:.18rem .6rem;font-size:.78rem}.anruf-ausgabe-marke strong{color:var(--text);font-weight:600}.anruf-ausgabe-marke.stoerung{border-color:#f871718c}.anruf-ausgabe-marke.stoerung strong{color:#fca5a5}.anruf-ausgabe-hinweis{color:var(--leise);margin:.7rem 0 0;font-size:.82rem}.anruf-knoepfe{justify-content:flex-end;margin-top:1rem;display:flex}.anruf-auflegen{background:#7f1d1d;border-color:#b91c1c}.status-verbunden{box-shadow:inset 0 0 0 1px #38bdf838}.status-aufgelegt{opacity:.8}.blase{background:var(--flaeche);border:1px solid var(--rand);border-radius:var(--rundung);max-width:min(85%,40rem);padding:.55rem .75rem}.blase p{white-space:pre-wrap;overflow-wrap:anywhere;margin:0}.blase time{color:var(--leise);margin-top:.25rem;font-size:.7rem;display:block}.blase-nutzer{background:var(--akzent);color:var(--akzent-text);border-color:#0000;align-self:flex-end}.blase-nutzer time{color:#06222fb3}.blase-system{color:var(--leise);align-self:center;font-size:.85rem}.punkt{background:var(--akzent);border-radius:50%;width:.5em;height:.5em;margin-left:.25em;animation:1s ease-in-out infinite pulsieren;display:inline-block}@keyframes pulsieren{0%,to{opacity:.25}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.punkt{animation:none}}.verfasser{padding:.6rem .75rem;padding-bottom:calc(.6rem + env(safe-area-inset-bottom));border-top:1px solid var(--rand);background:var(--flaeche);flex-wrap:wrap;align-items:flex-end;gap:.5rem;display:flex}.verfasser textarea{resize:none;border-radius:var(--rundung);border:1px solid var(--rand);background:var(--grund);field-sizing:content;flex:1;min-width:0;min-height:44px;max-height:8rem;padding:.6rem .75rem}.verfasser button{background:var(--akzent);color:var(--akzent-text);border-color:#0000;flex:none;font-weight:600}.anhang-eingabe{display:none}.verfasser .anhang-knopf{background:var(--flaeche-hell);color:var(--text);border:1px solid var(--rand);min-width:44px;min-height:44px;padding:0 .6rem;font-size:1.1rem;line-height:1}.verfasser .anhang-knopf:disabled{opacity:.5}.nur-mobil{display:none}@media (pointer:coarse){.nur-mobil{display:inline-flex}}.anhang-chips{flex-wrap:wrap;flex-basis:100%;gap:.4rem;margin:0 0 .15rem;padding:0;list-style:none;display:flex}.anhang-chip{border:1px solid var(--rand);background:var(--flaeche-hell);border-radius:999px;align-items:center;gap:.4rem;max-width:100%;padding:.25rem .5rem;font-size:.85rem;display:flex}.anhang-chip .anhang-name{text-overflow:ellipsis;white-space:nowrap;max-width:12rem;overflow:hidden}.anhang-vorschau{object-fit:cover;border-radius:6px;flex:none;width:24px;height:24px}.anhang-symbol{flex:none}.verfasser .anhang-weg{color:var(--leise);cursor:pointer;background:0 0;border:none;min-height:auto;padding:0 .15rem;font-size:1rem;line-height:1}.anhang-summe{align-self:center}.anhang-chips.im-verlauf{margin:.35rem 0 0}.blase .anhang-chip{background:#0000002e}@media (width>=720px){.spalte-liste{flex:none;width:20rem}.spalte-chat{display:block}.geruest.chat-offen .spalte-liste{display:flex}.zurueck{display:none}.anruf-ansicht{padding-left:1rem;padding-right:1rem}.zugang-felder,.wizard-grid,.werkzeug-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stimme-spinner{vertical-align:-.06em;border:2px solid #94a3b859;border-top-color:var(--akzent);border-radius:50%;width:.85em;height:.85em;margin-right:.5rem;animation:.9s linear infinite stimme-drehen;display:inline-block}@keyframes stimme-drehen{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.stimme-spinner{animation:none}}
