: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)}.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)}.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}.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}.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)}
