:root{--bg: #14161a;--bg-karte: #1c1f25;--bg-tief: #101216;--rand: #2a2f38;--text: #dfe3ea;--text-leise: #8b93a1;--akzent: #c9a227;--warn: #d4784a;--gut: #4a9d7f;--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)}.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}.raster{display:grid;grid-template-columns:240px minmax(0,1fr) 320px;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 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}.punkt.online{background:var(--gut);box-shadow:0 0 6px var(--gut)}.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}.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)}.optionen li{display:grid;gap:2px;margin-bottom:8px}.optionen .konsequenz{color:var(--text-leise);font-size:12px}.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 .status{font-size:11px;padding:1px 7px}.todoliste .status.review{border-color:var(--akzent);color:var(--akzent)}.todoliste .titel{flex:1;min-width:0}.todoliste .owner{font-weight:600}.todoliste .reviewer{color:var(--text-leise);font-size:12px}.todoliste .prio-hoch .titel{font-weight:600}.todoliste .prio-hoch:before{content:"";width:3px;align-self:stretch;background:var(--warn);border-radius:2px}@media(max-width:980px){.raster{grid-template-columns:1fr}.verlauf{height:70vh}}