:root{font-family:system-ui,-apple-system,Segoe UI,sans-serif;color:#1b1b1b;background:#f6f7f9}body{margin:0}main{max-width:1100px;margin:0 auto;padding:16px}header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap}h1{font-size:1.3rem;margin:0 0 4px}header p{margin:0;color:#555;font-size:.9rem}.werkzeuge{display:flex;gap:12px;align-items:center;font-size:.9rem;color:#555}button{font:inherit;padding:8px 14px;border-radius:8px;border:1px solid #c9ced6;background:#fff;cursor:pointer}button:hover{background:#eef2f8}table{width:100%;border-collapse:collapse;background:#fff;border-radius:10px;overflow:hidden;margin-top:12px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #e6e8ec;font-size:.92rem;vertical-align:top}th{background:#eef2f8;font-weight:600}.leer,.hinweis{color:#555}[role=alert]{color:#a40000}.reiter{display:flex;gap:8px;margin:12px 0}.reiter button.aktiv{background:#1a5fb4;color:#fff;border-color:#1a5fb4}.verwaltung label{display:block;margin:8px 0}.verwaltung input{font:inherit;padding:6px 8px;border:1px solid #c9ced6;border-radius:6px;margin-left:8px}.verwaltung pre{white-space:pre-wrap;background:#fff;padding:10px;border-radius:8px;border:1px solid #e6e8ec}.anrufe{display:grid;gap:8px;margin:8px 0 12px}.anruf{display:flex;gap:16px;flex-wrap:wrap;align-items:baseline;padding:10px 12px;border-radius:10px;border:1px solid #c9ced6;background:#fff}.anruf.klingelt{border-color:#1a5fb4;background:#eef2f8}.anruf.laeuft{border-color:#2a7d3f;background:#edf7ef}.anruf.beendet{color:#555}.marke{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;background:#fff3cd;color:#6b4e00;font-size:.8rem}.status{background:#fff;border:1px solid #e6e8ec;border-radius:10px;padding:10px 14px}.status code{background:#eef2f8;padding:2px 6px;border-radius:4px}.notiz{display:grid;gap:6px;min-width:220px}.notiz textarea{font:inherit;padding:6px;border:1px solid #c9ced6;border-radius:6px}small.fehler{color:#a40000}.aktionen .werkzeuge{display:flex;flex-wrap:wrap;gap:.25rem}.aktionen .formular{display:grid;gap:.3rem;margin-top:.3rem;max-width:28rem}.aktionen .formular label{display:flex;gap:.4rem;align-items:center}.verlauf ul{margin:.3rem 0 0;padding-left:1rem;max-width:36rem}.verlauf li{margin:.15rem 0}.verlauf .zeit{color:#666;font-variant-numeric:tabular-nums}.aktionen .waehlen{align-self:center;padding:0 .3rem}.neuanlage{margin:.5rem 0}.neuanlage .formular{max-width:32rem}.betrieb .formular{gap:.5rem}small.an{color:#1a7f37;font-weight:600}small.aus{color:#888}
