:root{--bg: #14161a;--bg-karte: #1c1f25;--bg-tief: #101216;--rand: #2a2f38;--text: #dfe3ea;--text-leise: #8b93a1;--akzent: #c9a227;--warn: #d4784a;--gut: #4a9d7f;--info: #4a86c9;--radius: 10px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button{font:inherit;cursor:pointer;border:1px solid var(--rand);background:var(--bg-tief);color:var(--text);border-radius:6px;padding:5px 10px}button:hover:not(:disabled){border-color:var(--akzent)}button:disabled{opacity:.4;cursor:default}input{font:inherit;background:var(--bg-tief);color:var(--text);border:1px solid var(--rand);border-radius:6px;padding:8px 10px;width:100%}input:focus{outline:none;border-color:var(--akzent)}input[type=radio]{width:auto;padding:0;border:none;background:none}textarea{font:inherit;background:var(--bg-tief);color:var(--text);border:1px solid var(--rand);border-radius:6px;padding:8px 10px;width:100%;resize:vertical}textarea:focus{outline:none;border-color:var(--akzent)}.login{min-height:100vh;display:grid;place-items:center}.login form{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius);padding:32px;width:min(340px,90vw);display:grid;gap:12px}.login h1{margin:0;font-size:22px;letter-spacing:.16em}.login .unterzeile{margin:-8px 0 8px;color:var(--text-leise);font-size:13px}.fehler{color:var(--warn);font-size:13px;margin:0}.kopf{display:flex;align-items:center;gap:16px;padding:12px 20px;border-bottom:1px solid var(--rand);background:var(--bg-karte)}.kopf h1{margin:0;font-size:16px;letter-spacing:.16em}.bus{font-size:12px;color:var(--text-leise);border:1px solid var(--rand);border-radius:999px;padding:2px 10px}.bus.verbunden{color:var(--gut);border-color:var(--gut)}.bus.getrennt,.bus.gestoert{color:var(--warn);border-color:var(--warn)}.abmelden{margin-left:auto}.fehlerleiste{margin:0;padding:8px 20px;background:#3a2118;color:var(--warn);font-size:13px}.fassung-banner{display:flex;align-items:center;gap:12px;padding:8px 20px;background:var(--bg-karte);border-bottom:2px solid var(--akzent);font-size:13px}.fassung-banner button{margin-left:auto}.b00nz-banner{padding:10px 20px;background:var(--bg-karte);border-bottom:2px solid var(--akzent)}.b00nz-banner.b00nz-unbekannt{border-bottom-color:var(--warn);color:var(--warn);font-size:13px;padding:6px 20px}.b00nz-kopf{display:flex;align-items:center;gap:12px}.b00nz-titel{font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--akzent)}.b00nz-kopf button{margin-left:auto}.b00nz-liste{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:8px;max-height:220px;overflow-y:auto}.b00nz-liste li{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:13px}.b00nz-liste .raum{color:var(--text-leise)}.b00nz-liste .autor{font-weight:600}.b00nz-liste time{color:var(--text-leise);font-size:12px;margin-left:auto}.b00nz-liste p{flex-basis:100%;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.raster{display:grid;grid-template-columns:240px minmax(340px,1fr) min(640px,34%);gap:16px;padding:16px;align-items:start}.spalte{display:grid;gap:16px;min-width:0}.karte{background:var(--bg-karte);border:1px solid var(--rand);border-radius:var(--radius);padding:14px}.karte.wartet-auf-dich{border-left:3px solid var(--akzent)}.karte h2{margin:0 0 10px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-leise);display:flex;align-items:center;gap:8px}.leer{color:var(--text-leise);font-size:13px;margin:4px 0}.badge{background:var(--akzent);color:#14161a;border-radius:999px;font-size:11px;padding:1px 7px;font-weight:600}.badge.warn{background:var(--warn);color:#fff}.agentenliste,.raumliste,.todoliste,.optionen{list-style:none;margin:0;padding:0}.agentenliste li{display:grid;grid-template-columns:10px auto;gap:8px;align-items:baseline;padding:5px 0}.punkt{width:8px;height:8px;border-radius:50%;background:var(--rand);align-self:center;box-sizing:border-box}.punkt.offline{background:var(--warn)}.punkt.online.ruht{background:var(--akzent)}.punkt.online.arbeitet{background:var(--gut);box-shadow:0 0 6px var(--gut)}.punkt.online.wartet{background:var(--info);box-shadow:0 0 6px var(--info)}.agentenliste .name{font-weight:600}.agentenliste .rolle{grid-column:2;color:var(--text-leise);font-size:12px}.raumliste button{width:100%;text-align:left;background:transparent;border-color:transparent;display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.raumliste button.aktiv{background:var(--bg-tief);border-color:var(--akzent);color:var(--akzent)}.verlauf{display:flex;flex-direction:column;height:calc(100vh - 120px)}.nachrichten{flex:1;overflow-y:auto;display:grid;gap:12px;align-content:start;padding-right:6px}.nachrichten article header{display:flex;gap:8px;align-items:baseline;font-size:12px}.nachrichten .autor{font-weight:600}.nachrichten time{color:var(--text-leise)}.nachrichten article p{margin:2px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.neue-nachricht{align-self:center;margin-top:8px;background:var(--akzent);color:#14161a;border-color:var(--akzent);font-size:12px;font-weight:600;border-radius:999px;padding:4px 14px}.verfassen{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--rand);margin-top:12px}.decretum{border-top:1px solid var(--rand);padding-top:10px;margin-top:10px}.decretum:first-of-type{border-top:none;margin-top:0}.decretum h3{margin:0;font-size:14px}.decretum .frage{margin:4px 0;font-size:13px}.decretum .empfehlung{margin:6px 0;font-size:13px;color:var(--akzent)}.decretum .kurzfassung{margin:4px 0;font-size:13px}.decretum .aufklapp-knopf{display:block;background:transparent;border-color:transparent;color:var(--text-leise);font-size:12px;padding:2px 0;margin-bottom:6px}.decretum .aufklapp-knopf:hover{color:var(--akzent);border-color:transparent}.optionen li{display:grid;gap:2px;margin-bottom:8px}.optionen .konsequenz{color:var(--text-leise);font-size:12px}.optionen .option-fehlerhaft{color:var(--warn);font-size:13px}.rueckfrage{display:grid;gap:8px;margin-top:8px;padding:10px;border:1px solid var(--warn);border-radius:var(--radius);background:var(--bg-tief)}.rueckfrage p{margin:0;font-size:13px}.rueckfrage-ja{border-color:var(--warn);color:var(--warn)}.rueckfrage-abbrechen{background:transparent;border-color:transparent;color:var(--text-leise)}.zusatz-toggle{background:transparent;border-color:transparent;color:var(--text-leise);font-size:12px;padding:2px 0;margin-bottom:8px}.zusatz-toggle:hover:not(:disabled){color:var(--akzent);border-color:transparent}.zusatz-formular{display:grid;gap:8px;margin-bottom:10px}.zusatz-status{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--text-leise)}.zusatz-status label{display:flex;align-items:center;gap:5px}.zusatz-abbrechen{margin-left:auto;background:transparent;border-color:transparent;font-size:12px;color:var(--text-leise)}.unterueberschrift{margin:16px 0 10px;padding-top:12px;border-top:1px solid var(--rand);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--text-leise);display:flex;align-items:center;gap:8px}.decretum-vorbehalt{border-left:2px solid var(--warn);padding-left:10px}.decretum-vorbehalt .entscheidung-text{margin:6px 0;font-size:13px}.decretum-vorbehalt .zeit{margin:0 0 8px;font-size:12px;color:var(--text-leise)}.todoliste li{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:6px 0;border-bottom:1px solid var(--rand);font-size:13px}.todoliste li:last-child{border-bottom:none}.todoliste .posten-id{flex:0 0 auto;font-family:monospace;font-size:11px;color:var(--text-leise)}.todoliste .status{display:inline-block;font-size:11px;padding:1px 7px;border:1px solid var(--rand);border-radius:6px;background:var(--bg-tief);color:var(--text-leise)}.todoliste .status.review{border-color:var(--akzent);color:var(--akzent)}.todoliste .status.in_arbeit{color:var(--text)}.todoliste .zeile-kopf{flex:1 1 100%;display:flex;align-items:center;gap:6px;min-width:0}.todoliste .titel{flex:1;min-width:0}.todoliste .kurzfassung{flex-basis:100%;margin:2px 0 0;font-size:12px;color:var(--text-leise)}.todoliste .empfehlung{flex-basis:100%;margin:4px 0 0;font-size:12px;color:var(--akzent)}.todoliste .go-zeiger{flex-basis:100%;margin:2px 0 0;font-size:12px;color:var(--text-leise)}.todoliste .go-fehlt{color:var(--warn)}.todoliste .berichtigung-zeiger{flex-basis:100%;margin:4px 0 0;font-size:12px;color:var(--akzent)}.todoliste .frage-marke{font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:6px;background:var(--akzent);color:var(--bg);font-weight:700}.todoliste li.frage{border-left:3px solid var(--akzent);padding-left:8px}.todoliste .mitteilung-marke{font-size:10px;text-transform:uppercase;letter-spacing:.05em;padding:1px 6px;border-radius:6px;background:var(--info);color:var(--bg);font-weight:700}.todoliste .zustaendigkeit{flex-basis:100%;margin-top:4px;color:var(--text-leise);font-size:12px}.todoliste .zustaendigkeit span{font-weight:600}.todoliste .antwortknoepfe{flex-basis:100%;display:flex;gap:6px;margin-top:6px}.todoliste .prio-hoch .titel{font-weight:600}.todoliste .prio-hoch:before{content:"";width:3px;align-self:stretch;background:var(--warn);border-radius:2px}.ueberholt-schalter{display:flex;align-items:center;gap:6px;margin-top:10px;color:var(--text-leise);font-size:13px;cursor:pointer}@media(max-width:980px){.raster{grid-template-columns:1fr}.verlauf{height:70vh}}
