:root{--text:#1c1f23;--leise:#5f6b76;--linie:#d9dee3;--flaeche:#f5f7f9;--akzent:#1d5fa8;--offen:#9aa5b1;--erteilt:#2f8a4b;--abgelehnt:#b3401f;--widerrufen:#8a5a00;color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:14px}body{background:#fff;margin:0}main{padding:16px 24px}main.schmal{max-width:420px;margin:10vh auto}h1{margin:0;font-size:18px}button{font:inherit;border:1px solid var(--akzent);background:var(--akzent);color:#fff;cursor:pointer;border-radius:4px;padding:6px 12px}input{font:inherit;border:1px solid var(--linie);box-sizing:border-box;border-radius:4px;width:100%;margin:4px 0 12px;padding:6px 8px;display:block}.hinweis{background:var(--flaeche);border-left:3px solid var(--akzent);padding:8px 12px}.kopf{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.abmelden{color:var(--leise);align-items:center;gap:8px;display:flex}.abmelden button{color:var(--akzent);background:#fff}.zaehler{color:var(--leise);margin:0 0 8px}.zeile{grid-template-columns:60px 2.2fr 1.4fr 100px 120px 1.6fr 1.2fr;align-items:center;gap:8px;padding:4px 8px;display:grid}.kopfzeile{border-bottom:2px solid var(--linie);background:#fff;font-weight:600;position:sticky;top:0}details.firma>summary{cursor:pointer;border-bottom:1px solid var(--linie);list-style:none}details.firma>summary::-webkit-details-marker{display:none}details.firma[open]>summary{background:var(--flaeche)}.kaeufer .zeile{grid-template-columns:60px 2fr 2fr 120px 100px 120px 120px 1.6fr 1.4fr}tr.maskiert td{color:var(--leise)}tr.maskiert td a{color:inherit}.abgleichfeld{margin:0 0 12px}.abgleichfeld input{font:inherit;border:1px solid var(--linie);border-radius:4px;padding:4px 8px}.treffer,.keintreffer{background:var(--flaeche);border-left:3px solid var(--akzent);margin-top:8px;padding:8px 12px}.keintreffer{border-left-color:var(--leise)}.treffer .knopf{margin-left:8px}h2.maskiert{color:var(--leise)}.zeile>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.name{font-weight:500}.mail{font-family:ui-monospace,monospace;font-size:12px}.punkte{color:var(--leise)}.punkt{background:var(--offen);border-radius:50%;width:9px;height:9px;margin-right:3px;display:inline-block}.punkt.erteilt{background:var(--erteilt)}.punkt.abgelehnt{background:var(--abgelehnt)}.punkt.widerrufen{background:var(--widerrufen)}table.personen{border-collapse:collapse;width:calc(100% - 68px);margin:4px 0 12px 68px}table.personen th,table.personen td{text-align:left;border-bottom:1px solid var(--linie);padding:3px 6px}table.personen th{color:var(--leise);font-weight:500}.status{background:var(--flaeche);border-radius:8px;padding:1px 6px}.status.erteilt{color:var(--erteilt)}.status.abgelehnt{color:var(--abgelehnt)}.status.widerrufen{color:var(--widerrufen)}.chip{background:var(--flaeche);border-radius:10px;padding:1px 10px}button.anschreiben{margin-left:12px;padding:3px 12px}.kasten{align-items:center;display:inline-flex}.kasten input{width:auto;margin:0}.versteckt{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}table.personen.dialog{width:100%;margin-left:0}table.personen tr.gesperrt{color:var(--abgelehnt)}.bestaetigen{max-width:80ch;margin:16px 0}.warnung{background:var(--flaeche);white-space:nowrap;color:var(--widerrufen);border-radius:10px;margin-right:4px;padding:1px 8px}.prognose{max-width:80ch;margin:12px 0}.menue{gap:16px;margin-left:24px;margin-right:auto;display:flex}.menue a,.reiter a{color:var(--akzent);padding:4px 0;text-decoration:none}.menue a.aktiv,.reiter a.aktiv{border-bottom:2px solid var(--akzent);font-weight:600}.reiter{border-bottom:1px solid var(--linie);gap:24px;margin:8px 0 12px;display:flex}.stand{color:var(--leise)}.befund{color:var(--abgelehnt)}.gate{background:var(--flaeche);border-radius:4px;margin:12px 0;padding:8px 16px}.gate h3,.vorschau h3{margin:4px 0 8px;font-size:15px}.freigabe{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.freigabe label{white-space:nowrap;flex-direction:column;display:flex}.freigabe input{width:160px;margin:4px 0 0}.freigabe small{color:var(--leise);flex-basis:100%}button:disabled{opacity:.4;cursor:not-allowed}.editor fieldset{border:1px solid var(--linie);border-radius:4px;margin:0 0 12px}.editor legend{padding:0 4px;font-weight:600}.sprachen{grid-template-columns:1fr 1fr;gap:12px;display:grid}.sprachen h4{color:var(--leise);margin:4px 0;font-size:13px}.editor textarea{box-sizing:border-box;border:1px solid var(--linie);border-radius:4px;width:100%;padding:6px 8px;font:13px/1.45 ui-monospace,monospace}.formatwahl{margin:4px 0 8px;font-size:13px}.formatwahl select{font:inherit;padding:2px 4px}.vorschau details{border-bottom:1px solid var(--linie);padding:6px 0}.vorschau summary{cursor:pointer;font-weight:500}.mailtext{white-space:pre-wrap;border:1px solid var(--linie);background:#fff;max-width:100ch;padding:12px;font:13px/1.5 system-ui,sans-serif}.betreff{max-width:100ch}.teile{grid-template-columns:1fr 1fr;align-items:start;gap:12px;display:grid}.teile h4{color:var(--leise);margin:8px 0 4px;font-size:13px}.htmlteil{border:1px solid var(--linie);background:#fff;width:100%;height:420px}@media (max-width:1100px){.teile{grid-template-columns:1fr}}.einstellungen{max-width:960px}.einstellungen fieldset{border:1px solid var(--linie);border-radius:4px;grid-template-columns:1fr 1fr;gap:0 16px;margin:0 0 12px;display:grid}.einstellungen legend{padding:0 4px;font-weight:600}.einstellungen label{flex-direction:column;display:flex}.einstellungen label small{color:var(--leise);font-weight:400}.einstellungen .breit{grid-column:1/-1}.einstellungen textarea,.einstellungen select{font:inherit;border:1px solid var(--linie);border-radius:4px;margin:4px 0 12px;padding:6px 8px}.einstellungen fieldset>button{justify-self:start}.leise{color:var(--leise)}.banner{border-left:3px solid var(--abgelehnt);background:#fdf0ec;margin:0 0 12px;padding:8px 12px}.banner code{white-space:pre-wrap;margin-top:4px;font-size:12px;display:block}.notbremse{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.notbremse label{flex-direction:column}.notbremse input{width:160px;margin:4px 0 0}button.gefahr{background:var(--abgelehnt);border-color:var(--abgelehnt)}main.dokument{max-width:46rem;margin:0 auto;padding:32px 24px 64px;font-size:16px;line-height:1.55}main.dokument h1{margin:0 0 4px;font-size:20px}main.dokument .kennzeile{border-bottom:1px solid var(--linie);margin-bottom:16px;padding-bottom:12px}main.dokument .kennzeile p{margin:0}main.dokument .standzeile{background:var(--flaeche);border-left:3px solid var(--akzent);padding:8px 12px}main.dokument .text{margin:24px 0}main.dokument hr{border:0;border-top:1px solid var(--linie);margin:32px 0}main.dokument footer{border-top:1px solid var(--linie);padding-top:16px}main.dokument footer form{flex-wrap:wrap;gap:12px;display:flex}main.dokument footer button{padding:10px 18px}main.dokument footer button.gegen{color:var(--akzent);background:#fff}main.dokument .fassung{color:var(--leise);margin:16px 0 0;font-size:13px}.ruecklaeufer{border:1px solid var(--linie);border-radius:4px;max-width:100ch;margin:0 0 12px;padding:12px 16px}.ruecklaeufer header{margin-bottom:8px}.ruecklaeufer fieldset{border:1px solid var(--linie);border-radius:4px;margin:0 0 12px}.ruecklaeufer legend{padding:0 4px;font-weight:600}.vorschlag{align-items:start;gap:8px;padding:3px 0;display:flex}.entscheidung{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.entscheidung small{flex-basis:100%}.abgleich{border:1px solid var(--linie);border-radius:4px;max-width:100ch;margin:0 0 12px;padding:12px 16px}.abgleich header{margin-bottom:8px}table.personen.vergleich{width:auto;margin:0 0 12px}table.personen.vergleich tr.abweichend td{background:#fdf0ec;font-weight:600}.abgleich .begruendung{flex-direction:column;margin:0 0 8px;display:flex}.abgleich .begruendung textarea{font:inherit}.beleg{white-space:pre-wrap;word-break:break-all;background:var(--flaeche);max-height:400px;padding:8px;font:12px/1.45 ui-monospace,monospace;overflow:auto}.filterleiste{flex-direction:column;gap:4px;margin:0 0 12px;display:flex}.chipzeile{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chipzeile>.leise{width:80px}a.chip.filter{color:var(--akzent);border:1px solid var(--linie);text-decoration:none}a.chip.filter.aktiv{background:var(--akzent);border-color:var(--akzent);color:#fff}.suche{align-items:center;gap:8px;margin-top:4px;display:flex}.suche input{width:320px;margin:0}.trefferwahl{margin-left:12px}.chip.maskiert{color:var(--widerrufen);margin-left:6px;font-family:system-ui,sans-serif}.chip.zustand{white-space:nowrap;margin-right:4px;font-size:12px}.chip.zustand.nicht_anschreibbar,.chip.zustand.leiche{color:var(--abgelehnt)}.chip.zustand.abweichung,.chip.zustand.kaeufer{color:var(--widerrufen)}.chip.zustand.ohne_widerspruch{color:var(--erteilt)}.stammdaten{grid-template-columns:140px 1fr;gap:4px 12px;max-width:100ch;display:grid}.stammdaten dt{color:var(--leise)}.stammdaten dd{margin:0}.abschnitt{margin:20px 0}.abschnitt h3{margin:0 0 8px;font-size:15px}table.personen.verlauf{width:100%;margin-left:0}.vermerk{white-space:pre-wrap;max-width:50ch}code.fehler{white-space:pre-wrap;color:var(--abgelehnt);font-size:12px;display:block}.notizen{max-width:100ch;margin:0 0 12px;padding:0;list-style:none}.notizen li{border-left:3px solid var(--linie);margin-bottom:8px;padding:2px 10px}.notizen p{white-space:pre-wrap;margin:2px 0 0}.notizformular{flex-direction:column;gap:6px;max-width:80ch;display:flex}.notizformular label{flex-direction:column;display:flex}.notizformular textarea{font:inherit;border:1px solid var(--linie);border-radius:4px;margin-top:4px;padding:6px 8px}.notizformular button{align-self:start}.freigabedialog{border:1px solid var(--linie);border-radius:6px;width:calc(100% - 32px);max-width:80ch;padding:16px 20px}.freigabedialog::backdrop{background:#00000059}.freigabedialog form{flex-direction:column;gap:10px;display:flex}.freigabedialog h3{margin:0;font-size:16px}.freigabedialog fieldset{border:1px solid var(--linie);border-radius:4px;flex-wrap:wrap;gap:4px 16px;display:flex}.freigabedialog legend{padding:0 4px;font-weight:600}.freigabedialog .felder{flex-wrap:wrap;gap:12px;display:flex}.freigabedialog label{flex-direction:column;display:flex}.freigabedialog fieldset label{flex-direction:row;align-items:center}.freigabedialog textarea{font:inherit;border:1px solid var(--linie);border-radius:4px;margin-top:4px;padding:6px 8px}.freigabedialog .belehrung{background:var(--flaeche);border-radius:4px;max-height:40vh;padding:6px 12px;overflow:auto}.freigabedialog .knoepfe{gap:8px;display:flex}
