:root{color-scheme:light;font-family:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;--hintergrund:#f7f9fa;--flaeche:#ffffff;--text:#193246;--gedaempft:#74818a;--linie:#e2e7ea;--linie-stark:#b5c2ca;--eingabe-linie:#dce3e7;--hover:#e8f0f3;--akzent-zart:#ecf3f5;--zart-tief:#e6ecef;--diff:#f5f8fa;--spalte:#eef2f4;--ziehziel:#e0edf1;--akzent:#266f8a;--akzent-text:#ffffff;--link:var(--akzent);--fokus:#97c5d6;--ok-flaeche:#eef7f2;--ok-text:#35694e;--ok-linie:#c6dfd1;--warn-flaeche:#fff1d6;--warn-text:#725a2c;--warn-linie:#ead9b7;--frist-text:#924321;--fehler-flaeche:#fff1ef;--fehler-text:#8e3027;--fehler-linie:#eac5bf;color:var(--text);background:var(--hintergrund)}@media (prefers-color-scheme:dark){:root:not([data-modus=hell]){color-scheme:dark;--hintergrund:#0e1820;--flaeche:#15222c;--text:#e3ecf0;--gedaempft:#98a9b3;--linie:#2a3d4a;--linie-stark:#4a6070;--eingabe-linie:#3b5161;--hover:#1e3140;--akzent-zart:#1d3440;--zart-tief:#1f303c;--diff:#1a2832;--spalte:#121d26;--ziehziel:#1c3c4a;--akzent:#266f8a;--akzent-text:#ffffff;--link:color-mix(in srgb,var(--akzent) 55%,#ffffff);--fokus:#3f7f97;--ok-flaeche:#17332a;--ok-text:#a8dcc0;--ok-linie:#2c5a46;--warn-flaeche:#3a2e16;--warn-text:#ecd08f;--warn-linie:#5b4a25;--frist-text:#f0b48a;--fehler-flaeche:#3a1f1c;--fehler-text:#f2b8b1;--fehler-linie:#6b3a34}}:root[data-modus=dunkel]{color-scheme:dark;--hintergrund:#0e1820;--flaeche:#15222c;--text:#e3ecf0;--gedaempft:#98a9b3;--linie:#2a3d4a;--linie-stark:#4a6070;--eingabe-linie:#3b5161;--hover:#1e3140;--akzent-zart:#1d3440;--zart-tief:#1f303c;--diff:#1a2832;--spalte:#121d26;--ziehziel:#1c3c4a;--akzent:#266f8a;--akzent-text:#ffffff;--link:color-mix(in srgb,var(--akzent) 55%,#ffffff);--fokus:#3f7f97;--ok-flaeche:#17332a;--ok-text:#a8dcc0;--ok-linie:#2c5a46;--warn-flaeche:#3a2e16;--warn-text:#ecd08f;--warn-linie:#5b4a25;--frist-text:#f0b48a;--fehler-flaeche:#3a1f1c;--fehler-text:#f2b8b1;--fehler-linie:#6b3a34}*{box-sizing:border-box}body{margin:0;min-height:100vh}a{color:var(--link)}aside{position:fixed;inset:0 auto 0 0;width:245px;padding:35px 24px;background:var(--flaeche);border-right:1px solid var(--linie);display:flex;flex-direction:column}.marke{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-weight:650;letter-spacing:-.4px}.signet{font:italic 35px Georgia,serif;background:var(--akzent);color:var(--akzent-text);border-radius:11px;width:43px;text-align:center;padding:2px}.untertitel{display:block;font-size:12px;font-weight:400;letter-spacing:2px}.rubrik{font-size:10px;letter-spacing:1.8px;font-weight:700;color:var(--gedaempft);margin:0 0 14px}aside>.rubrik{margin-top:55px}nav{display:grid;gap:6px}nav>a,nav>span{display:block;padding:13px 12px;text-decoration:none;font-size:13px;border-radius:7px}nav>a:hover,nav>a[aria-current]{background:var(--hover)}nav>a[aria-current]{font-weight:650}nav>span{color:var(--gedaempft)}nav small{display:block;font-size:10px;margin-top:4px;color:var(--gedaempft)}.seitenfuss{margin-top:auto;color:var(--gedaempft);font-size:12px;line-height:1.7}main{margin-left:245px}header{height:76px;background:var(--flaeche);border-bottom:1px solid var(--linie);padding:28px 46px;font-size:12px;color:var(--gedaempft)}header span{margin:0 15px;color:var(--linie-stark)}.inhalt{max-width:1080px;padding:40px 46px 70px}h1{font:400 38px Georgia,'Times New Roman',serif;letter-spacing:-.8px;margin:10px 0 14px}h2{font-size:16px;font-weight:600;margin:0 0 18px}.intro{color:var(--gedaempft);line-height:1.7;margin-bottom:30px;max-width:650px}p{line-height:1.7}.karte{border:1px solid var(--linie);border-radius:12px;background:var(--flaeche);padding:26px;margin:0 0 22px}.nummer{display:inline-block;background:var(--akzent-zart);color:var(--link);font-size:10px;padding:6px 8px;border-radius:5px;margin-right:9px}.felder{display:grid;grid-template-columns:1fr 1fr;gap:20px}.breit{grid-column:1/-1}label{display:grid;gap:8px;font-size:12px;font-weight:550}input,textarea,select{width:100%;padding:11px 12px;border:1px solid var(--eingabe-linie);border-radius:7px;font:400 14px ui-sans-serif,system-ui;color:var(--text);background:var(--flaeche)}textarea{resize:vertical}button{border:1px solid var(--linie);background:var(--flaeche);border-radius:7px;color:var(--text);padding:11px 17px;font:500 13px ui-sans-serif,system-ui;cursor:pointer}button:hover{filter:brightness(.96)}button.primaer{background:var(--akzent);border-color:var(--akzent);color:var(--akzent-text)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--fokus);outline-offset:3px}.aktionen{display:flex;align-items:center;gap:18px;margin:10px 0 20px;flex-wrap:wrap}.aktionen h2{margin:0 auto 0 0}.aktionen a{font-size:13px}.schalter{display:flex;align-items:center;gap:10px;margin:15px 0;font-weight:400}.schalter input{width:17px;height:17px;accent-color:var(--akzent)}.foto{margin-top:24px}.foto small,.hinweis{font-weight:400;color:var(--gedaempft);font-size:12px}.entwicklungsmodus{background:var(--warn-flaeche);border-bottom:1px solid var(--warn-linie);color:var(--warn-text);padding:11px 46px;font-size:12px}.erfolg{padding:13px 17px;border:1px solid var(--ok-linie);border-radius:8px;background:var(--ok-flaeche);color:var(--ok-text);margin:0 0 22px}.stilwahl{display:flex;gap:16px;align-items:flex-end;margin-bottom:24px}.stilwahl label{min-width:210px}.stilwahl a{font-size:13px;padding-bottom:12px}iframe{width:100%;height:770px;border:1px solid var(--linie);border-radius:8px;background:var(--zart-tief)}.import{max-width:650px}.import button{margin-top:24px}.vorschlagkopf{display:flex;justify-content:space-between;gap:12px}.etikett{font-size:11px;color:var(--gedaempft)}.diff{padding:18px 18px 18px 34px;background:var(--diff);border-radius:6px;font-size:13px;line-height:1.9;overflow-wrap:anywhere}.htmx-request{opacity:.6}@media(max-width:800px){aside{position:static;width:auto;padding:22px}.seitenfuss,aside>.rubrik{display:none}nav{display:flex;flex-wrap:wrap;margin-top:20px}nav>a,nav>span{padding:8px}main{margin:0}.inhalt{padding:28px 20px}header{display:none}.felder{grid-template-columns:1fr}.stilwahl{flex-wrap:wrap}h1{font-size:31px}.entwicklungsmodus{padding:10px 20px}}
/* Bearbeitung des Grundprofils */
h3{font-size:17px;margin:0 0 8px}h4{font-size:13px;margin:24px 0 14px}summary{cursor:pointer;color:var(--link);font-size:13px;padding:12px 0}details[open]>summary{margin-bottom:12px}.unterkarte{background:var(--hintergrund);border:1px solid var(--linie);padding:18px;border-radius:8px;margin:14px 0}.unterkarte>form>button{margin-top:10px}.kleine-aktionen{display:flex;align-items:flex-start;gap:6px;flex-wrap:wrap}.kleine-aktionen button{padding:7px 10px}.kleine-aktionen form{margin:0}.kleine-aktionen .formularfehler{max-width:230px}.formularfehler{background:var(--fehler-flaeche);color:var(--fehler-text);border:1px solid var(--fehler-linie);border-radius:8px;padding:13px 17px;overflow-wrap:anywhere}button:disabled{opacity:.35;cursor:default}.sichtbarkeit{margin:10px 0}.sichtbarkeit button[aria-pressed=true]{background:var(--ok-flaeche);border-color:var(--ok-linie);color:var(--ok-text)}.sichtbarkeit .etikett{margin-left:10px}.qualifikation{border-top:1px solid var(--linie);margin-top:22px;padding-top:22px}.verweis{font-size:13px;overflow-wrap:anywhere}.unterkarte p:first-child{margin-top:0}.vorschlagkopf>div:first-child{min-width:0}.vorschlagkopf h3{overflow-wrap:anywhere}@media(max-width:600px){.vorschlagkopf{flex-wrap:wrap}.kleine-aktionen{margin-bottom:8px}.karte{padding:20px}.unterkarte{padding:14px}}
.feld{display:grid;gap:8px;align-content:start;min-width:0}
.tabelle{overflow-x:auto}
.tabelle table{width:100%;border-collapse:collapse}
.tabelle th,.tabelle td{text-align:left;vertical-align:top;padding:8px;border-bottom:1px solid var(--linie)}
.tabelle input[type=text],.tabelle input:not([type]){width:100%;min-width:12em}
/* Übersicht und Termine */
.uebersicht-filter{display:flex;gap:12px;flex-wrap:wrap;align-items:end;margin:24px 0}.uebersicht-filter label:first-child{flex:1;min-width:200px}.uebersicht-filter a{padding:10px 0;font-size:13px}.aktionen button[aria-pressed=true]{background:var(--hover);border-color:var(--akzent)}.kanban{display:flex;gap:14px;overflow-x:auto;align-items:flex-start;padding:3px 3px 18px;margin-bottom:28px}.kanban-spalte{flex:0 0 265px;min-height:125px;background:var(--spalte);border:1px solid var(--linie);border-radius:10px;padding:12px}.kanban-spalte>summary{font-weight:650;list-style-position:inside}.kanban-spalte .anzahl{float:right;border-radius:20px;background:var(--flaeche);padding:2px 9px}.kanban-spalte[open]>summary{margin-bottom:4px}.kanban-karte{background:var(--flaeche);border:1px solid var(--linie);border-radius:8px;padding:16px;margin:12px 0;overflow-wrap:anywhere}.kanban-karte h2{margin-bottom:4px}.kanban-karte>p{margin:8px 0}.kanban-karte h2 a{text-decoration:none}.wird-gezogen{opacity:.5}.kanban-spalte.ziehziel{outline:2px solid var(--akzent);background:var(--ziehziel)}.frist{font-size:12px}.frist-knapp,.nachfassen-faellig{color:var(--frist-text);background:var(--warn-flaeche);border-radius:4px;padding:4px 7px}.naechster-schritt{font-size:13px}.phasenformular form{display:grid;gap:10px}.phasenformular summary{font-size:12px}.uebersicht-tabelle{overflow-x:auto;margin-bottom:28px}.uebersicht-tabelle table{border-collapse:collapse;background:var(--flaeche);width:100%;font-size:13px}.uebersicht-tabelle th,.uebersicht-tabelle td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid var(--linie);min-width:110px}.uebersicht-tabelle caption{text-align:left;padding:10px 0}.naechste-termine ul{padding-left:20px}.naechste-termine li{margin:14px 0;line-height:1.8}#termine form{display:grid;gap:12px}#termine details{margin:12px 0}dialog{border:1px solid var(--linie);border-radius:12px;padding:28px;max-width:520px;width:calc(100% - 40px);color:var(--text)}dialog::backdrop{background:#19324688}dialog form,dialog [data-versand]{display:grid;gap:16px}dialog [hidden]{display:none}@media(min-width:1400px){.inhalt:has(#uebersicht){max-width:1700px}}
/* Oberfläche: Anmeldehinweis, Sichtbarkeit */
[hidden]{display:none!important}
.anmeldung-hinweis{position:fixed;right:24px;bottom:24px;z-index:50;display:grid;gap:10px;max-width:380px;padding:22px;background:var(--flaeche);border:1px solid var(--linie);border-radius:12px;box-shadow:0 12px 32px #0002}
.anmeldung-hinweis h2{margin:0}.anmeldung-hinweis p{margin:0}.anmeldung-hinweis .aktionen{margin:4px 0 0}
/* Darstellung: Modus-Umschalter in der Seitenleiste */
.modus-umschalter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:0 0 14px}.modus-umschalter .etikett{grid-column:1/-1}
.modus-umschalter button{padding:7px 10px;font-size:12px}
.modus-umschalter button[aria-pressed=true]{background:var(--hover);border-color:var(--akzent);font-weight:650}
/* Darstellungseinstellungen */
.darstellung-gruppe{border:1px solid var(--linie);border-radius:8px;padding:14px 18px;margin:0 0 20px}.darstellung-gruppe legend{font-size:13px;font-weight:600;padding:0 6px}
.farbwahl{display:flex;flex-wrap:wrap;gap:6px 22px}.farbprobe{display:inline-block;width:14px;height:14px;border-radius:4px;vertical-align:-2px;border:1px solid var(--linie-stark)}
.eigene-farbe{margin-top:16px;align-items:end}.eigene-farbe input[type=color]{height:44px;padding:4px;cursor:pointer}
.darstellung-probe{font-size:13px;margin-top:24px}
/* Seitenleiste und Seitenpanel (Layout merkt sich der Browser) */
aside{overflow-y:auto}header{position:relative}.kopf-umschalter{position:absolute;right:46px;top:50%;transform:translateY(-50%);padding:7px 12px;font-size:12px}
html[data-seitenleiste=aus] aside{display:none}html[data-seitenleiste=aus] main{margin-left:0}
.geteilt{display:grid;grid-template-columns:minmax(0,1fr) 12px var(--vorschau-breite,460px);align-items:start}
.geteilt .stilwahl{flex-wrap:wrap;gap:12px 16px}
.geteilt-haupt{min-width:0}
.geteilt-griff{cursor:col-resize;align-self:stretch;position:relative;touch-action:none;border-radius:4px;min-height:200px}
.geteilt-griff::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;background:var(--linie);border-radius:2px}
.geteilt-griff:hover::before,.geteilt-griff:focus-visible::before,html[data-zieht] .geteilt-griff::before{background:var(--akzent)}
.geteilt-griff:focus-visible{outline:3px solid var(--fokus);outline-offset:0}
.geteilt-panel{position:sticky;top:20px;min-width:0}.geteilt-panel iframe{height:calc(100vh - 150px);min-height:560px}
html[data-vorschau=aus] .geteilt{grid-template-columns:minmax(0,1fr)}html[data-vorschau=aus] .geteilt-griff,html[data-vorschau=aus] .geteilt-panel{display:none}
html[data-zieht]{cursor:col-resize;user-select:none}
@media(max-width:1000px){.geteilt{grid-template-columns:minmax(0,1fr)}.geteilt-griff{display:none!important}.geteilt-panel{position:static}.geteilt-panel iframe{height:760px;min-height:0}}
@media(max-width:800px){.kopf-umschalter{display:none}}
/* Aufklappbare Abschnitte und Speicherstatus (Autosave) */
.abschnitt-aufklapp{margin:0 0 18px}.abschnitt-aufklapp>summary h2{display:inline;font-size:16px}.abschnitt-aufklapp>.vorschlagkopf{margin-top:8px}.speicherstatus{font-size:12px;color:var(--gedaempft);align-self:center}.speicherstatus.formularfehler{background:none;border:0;padding:0;color:var(--fehler-text)}
/* Link-Symbole der Praxisbelege (Lucide, inline, Farbe im SVG) */
.symbol svg{width:1.2em;height:1.2em;vertical-align:-.25em;margin-right:.3em}.beleg-symbol{margin:6px 0}
/* Chat je Bewerbung: Zeilenumbrüche im Text und Verlauf ohne Listenmarker */
.chat-text{white-space:pre-wrap;overflow-wrap:anywhere}.chat-verlauf,.chat-vorschlaege{list-style:none;padding:0;margin:0;display:grid;gap:14px}.chat-nachricht>.etikett{margin:0 0 4px}
