:root{--bg: #f6f5f2;--karte: #ffffff;--linie: #e7e4de;--text: #2b2a27;--text-leise: #8a867e;--akzent: #3d6b4f;--akzent-hell: #eaf1ec;--warn: #c9a227;--alert: #b3593a;--dringend: #9c8f7f;--radius: 10px;--schatten: 0 1px 2px rgba(43, 42, 39, .05)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.45}html,body{height:100%}@media(min-width:901px){body{overflow:hidden}#root{height:100vh;height:100dvh;overflow:hidden}.app{height:100%;display:flex;flex-direction:column;min-height:0}.layout{flex:1 1 auto;min-height:0}.layout .inhalt{height:100%;overflow-y:auto;padding-bottom:80px;padding-right:4px}.seitenleiste{height:calc(100% - 16px);overflow-y:auto}}.app{max-width:1380px;margin:0 auto;padding:20px 24px 0;width:100%}.layout{display:flex;gap:16px;align-items:stretch}.layout .inhalt{flex:1 1 auto;min-width:0}.seitenleiste{width:280px;flex:none;border-left:3px solid var(--akzent)}.seitenleiste h2{color:var(--akzent)}.seitenleiste.drag-ueber{border-color:var(--akzent);background:var(--akzent-hell);box-shadow:0 0 0 2px var(--akzent-hell)}.seitenleiste .task-zeile{flex-wrap:wrap}.seitenleiste .task-zeile .titel{flex:1 1 100%}.leiste-hinweis{color:var(--text-leise);font-size:13px;padding:4px 0}.leiste-hinweis.frei{color:var(--akzent)}@media(max-width:900px){.app{padding-bottom:80px}.layout{flex-direction:column}.seitenleiste{width:100%}}button{font:inherit;cursor:pointer;border:1px solid var(--linie);background:var(--karte);color:var(--text);border-radius:8px;padding:6px 12px}button:hover{border-color:#cfcabf}button.primaer{background:var(--akzent);border-color:var(--akzent);color:#fff}button.primaer:hover{background:#33593f}button.leise{border:none;background:transparent;color:var(--text-leise);padding:4px 8px}button.leise:hover{color:var(--text);background:var(--akzent-hell)}button.gefahr:hover{color:var(--alert);border-color:var(--alert)}button:disabled{opacity:.45;cursor:default}.kopf{flex:none;display:flex;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.fehler{flex:none}.kopf h1{font-size:20px;font-weight:600;margin:0;letter-spacing:.2px}.kopf .datum{color:var(--text-leise);font-size:13px}.modi{display:flex;gap:4px;background:#edebe6;border-radius:10px;padding:3px}.modi button{border:none;background:transparent;border-radius:8px;padding:6px 14px;color:var(--text-leise)}.modi button.aktiv{background:var(--karte);color:var(--text);box-shadow:var(--schatten)}.kopf .rechts{margin-left:auto;display:flex;gap:8px;align-items:center}.demo-hinweis{font-size:12px;color:var(--warn);border:1px solid var(--warn);border-radius:6px;padding:2px 8px}.karte{background:var(--karte);border:1px solid var(--linie);border-radius:var(--radius);box-shadow:var(--schatten);padding:16px}h2{font-size:15px;font-weight:600;margin:0 0 10px}h3{font-size:13px;font-weight:600;margin:0 0 8px;color:var(--text-leise);text-transform:uppercase;letter-spacing:.5px}.fehler{color:var(--alert);padding:8px 0}.laden{color:var(--text-leise);padding:24px 0;text-align:center}.badges{display:inline-flex;gap:6px;align-items:center;flex-wrap:wrap}.badge{font-size:11px;border-radius:5px;padding:1px 7px;border:1px solid var(--linie);color:var(--text-leise);background:#fafaf8;white-space:nowrap}.badge.wert-hoch{color:var(--akzent);border-color:#bcd2c3;background:var(--akzent-hell)}.badge.alter{border-style:dashed}.badge.deadline{color:var(--dringend)}.badge.prio{color:#7a6ea8;border-color:#d5cfe8;background:#f4f2fa}.ampel{width:9px;height:9px;border-radius:50%;display:inline-block;flex:none}.ampel.gruen{background:#9dbb8f}.ampel.gelb{background:var(--warn)}.ampel.rot{background:var(--alert)}.task-zeile{display:flex;align-items:center;gap:10px;padding:8px 4px;border-bottom:1px solid var(--linie)}.task-zeile:last-child{border-bottom:none}.task-zeile.klickbar{cursor:pointer;border-radius:6px}.task-zeile.klickbar:hover{background:#faf9f6}.task-zeile .titel{flex:1 1 auto;min-width:0}.task-zeile .titel .hut-name{color:var(--text-leise);font-size:12px;margin-left:8px}.gedimmt{opacity:.6}.wert-punkt{width:8px;height:8px;border-radius:50%;flex:none}.wert-punkt.wert-hoch{background:var(--akzent)}.wert-punkt.wert-mittel{background:#9dbb8f}.wert-punkt.wert-niedrig{background:#cfcabf}.wert-punkt.wert-offen{background:transparent;border:1px dashed #cfcabf}.zeile-meta{display:inline-flex;gap:8px;align-items:center;flex:none;color:var(--text-leise);font-size:12px;font-variant-numeric:tabular-nums}.zeile-meta .aufwand-mini{border:1px solid var(--linie);border-radius:4px;padding:0 5px;font-size:11px}.zeile-meta .signal-datum{color:var(--dringend)}.zeile-meta .signal-neu{color:var(--akzent)}.task-zeile .haken{flex:none;opacity:0;transition:opacity .12s;font-size:15px;padding:2px 8px}.task-zeile:hover .haken{opacity:1}.task-popup h2{font-size:16px}.popup-meta{display:flex;gap:12px;color:var(--text-leise);font-size:13px;margin-top:2px}.popup-notiz{color:var(--text-leise);white-space:pre-wrap;margin:10px 0 0;font-size:14px}.popup-aktionen{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.quickadd{padding:10px 12px;margin-bottom:14px}.quickadd-zeile{display:flex;gap:8px}.quickadd-zeile input{flex:1;font:inherit;padding:8px 12px;border:1px solid var(--linie);border-radius:8px}.quickadd-zeile select,.fokus-kopf select{font:inherit;padding:6px 10px;border:1px solid var(--linie);border-radius:8px;background:var(--karte)}.autocomplete{position:absolute;top:calc(100% + 4px);left:0;z-index:45;display:flex;flex-direction:column;gap:1px;padding:6px;min-width:260px;box-shadow:0 8px 24px #2b2a2724}.autocomplete-eintrag{border:none;background:transparent;text-align:left;padding:6px 8px;border-radius:6px}.autocomplete-eintrag.aktiv,.autocomplete-eintrag:hover{background:var(--akzent-hell)}.quickadd-vorschau{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:7px;font-size:12px;color:var(--text-leise)}.quickadd-vorschau .ziel,.quickadd-vorschau .ok{color:var(--akzent)}.quickadd-vorschau .warnung{color:var(--warn)}.chiplet{border:1px solid var(--linie);border-radius:4px;padding:0 6px;font-size:11px;background:#fafaf8}.bericht-abschnitt h2{font-size:14px}.erledigt-abschnitt{border-left:3px solid var(--akzent)}.gedimmt-abschnitt{opacity:.75}.bericht-zeile{display:flex;gap:10px;align-items:baseline;padding:5px 0;border-bottom:1px solid var(--linie)}.bericht-zeile:last-child{border-bottom:none}.bericht-zeile .hut-name,.bericht-zeile .zustand-label{color:var(--text-leise);font-size:12px}.bericht-zeile .zustand-label{margin-left:auto}.bericht-zeile .signal-datum{color:var(--dringend);font-size:12px;margin-left:auto}.leer-hinweis{color:var(--text-leise);font-size:13px}.assistent{max-width:760px;display:flex;flex-direction:column;gap:10px}.chat-verlauf{min-height:320px;max-height:60vh;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.chat-leer{color:var(--text-leise)}.chat-leer .beispiel{display:block;margin:6px 0;text-align:left;background:#fafaf8;width:100%}.chat-nachricht{display:flex}.chat-nachricht.nutzer{justify-content:flex-end}.chat-nachricht .blase{max-width:85%;padding:8px 12px;border-radius:10px;white-space:pre-wrap;font-size:14px}.chat-nachricht.nutzer .blase{background:var(--akzent-hell)}.chat-nachricht.assistent .blase{background:#f2f0eb}.blase.denkt{color:var(--text-leise);font-style:italic}.aktions-log{margin-top:8px;padding-top:6px;border-top:1px dashed var(--linie);color:var(--text-leise);font-size:12px}.chat-eingabe{display:flex;gap:8px}.chat-eingabe input{flex:1;font:inherit;padding:9px 12px;border:1px solid var(--linie);border-radius:8px}.q2-leer{color:var(--text-leise);font-size:13px;padding:6px 0}.sync-knopf{display:inline-flex;align-items:center;gap:5px;font-size:15px}.sync-knopf .sync-zeit{font-size:11px;color:var(--text-leise)}.sync-knopf .pfeil{display:inline-block}.sync-knopf.dreht .pfeil{animation:drehen 1s linear infinite}@keyframes drehen{to{transform:rotate(360deg)}}.settings-tabelle tr.archiviert td{color:var(--text-leise)}.filter-zeile .chips{margin-right:6px}.suche-wrap{position:relative;flex:1 1 200px;max-width:340px;min-width:160px}.suche-feld{font:inherit;width:100%;padding:7px 12px;border:1px solid var(--linie);border-radius:8px;background:var(--karte)}.suche-panel{position:absolute;top:calc(100% + 6px);left:0;width:min(520px,calc(100vw - 48px));max-height:65vh;overflow-y:auto;z-index:40;box-shadow:0 8px 24px #2b2a2724}.suche-vorschlaege{display:flex;flex-direction:column;gap:2px}.suche-vorschlag{border:none;background:transparent;text-align:left;padding:6px 8px;border-radius:6px;color:var(--text)}.suche-vorschlag:hover{background:var(--akzent-hell)}.suche-filter{margin-bottom:8px}.suche-filter .chip{cursor:pointer}.suche-treffer h3{margin-top:10px}.delegation .delegation-kopf{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.delegation .titel{font-weight:600}.delegation-status{font-size:11px;border-radius:5px;padding:1px 8px;border:1px solid var(--linie);white-space:nowrap}.delegation-status.offen{color:var(--warn);border-color:var(--warn)}.delegation-status.zusage{color:var(--akzent);border-color:var(--akzent)}.delegation-status.absage{color:var(--alert);border-color:var(--alert)}.delegation-status.geliefert{color:var(--akzent);background:var(--akzent-hell);border-color:var(--akzent)}.delegation-status.fertig{color:var(--text-leise)}.delegation-aktionen{display:flex;gap:6px;margin-top:6px;flex-wrap:wrap}.delegation-verlauf{margin-top:10px;border-top:1px dashed var(--linie);padding-top:8px}.delegation-verlauf .mail{margin-bottom:10px}.delegation-verlauf .mail-meta{font-size:12px;color:var(--text-leise);margin-bottom:2px}.delegation-verlauf .mail-text{font:inherit;font-size:13px;white-space:pre-wrap;margin:0;padding:8px 10px;border-radius:8px;background:#f2f0eb}.delegation-verlauf .mail.rein .mail-text{background:var(--akzent-hell)}.notiz-block{margin-top:10px}.notiz-feld{font:inherit;font-size:14px;width:100%;padding:8px 10px;border:1px solid var(--linie);border-radius:8px;resize:vertical;background:#fbfaf8}.unteraufgaben{margin-top:8px;display:flex;flex-direction:column;gap:2px}.unteraufgabe{display:flex;align-items:center;gap:8px;padding:3px 0;cursor:pointer}.unteraufgabe span{flex:1}.unteraufgabe .mini{border:none;background:transparent;color:var(--text-leise);cursor:pointer;opacity:0}.unteraufgabe:hover .mini{opacity:1}.unteraufgaben .inline-add{margin-top:4px}.eigenschaften{margin-top:12px;border-top:1px dashed var(--linie);padding-top:10px}.eigenschaften-zeile{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.eigenschaften-zeile input[type=text]{font:inherit;padding:4px 8px;border:1px solid var(--linie);border-radius:6px}.eigenschaften .feld-label{color:var(--text-leise);font-size:13px}.tag-chip{display:inline-flex;align-items:center;gap:2px;border:1px solid var(--linie);border-radius:999px;padding:1px 6px;font-size:12px;background:#fafaf8}.tag-chip .mini{border:none;background:transparent;padding:0 3px;font-size:11px;color:var(--text-leise);cursor:pointer}.tag-chip .mini:hover{color:var(--text)}.abraeumen{border-left:3px solid var(--dringend)}.abraeumen h2{color:var(--dringend);font-size:13px}.abraeumen .frei{color:var(--akzent);font-size:14px;padding:4px 0}.radar-huete{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px;margin-top:16px}.hut-karte{cursor:pointer;transition:border-color .12s}.hut-karte:hover{border-color:#c6c1b6}.hut-kopf{display:flex;align-items:center;gap:8px;margin-bottom:8px}.hut-kopf .name{font-weight:600;flex:1}.hut-kopf .kalt{font-size:12px;color:var(--warn)}.hut-kopf .kalt.rot{color:var(--alert)}.hut-zaehler{font-size:12px;color:var(--text-leise);margin-top:8px}.hut-karte.drag-ueber{border-color:var(--akzent);box-shadow:0 0 0 2px var(--akzent-hell)}.unterhut{border:1px solid var(--linie);border-radius:8px;padding:8px 10px;margin-top:8px;background:#fbfaf8;cursor:default}.unterhut-kopf{display:flex;align-items:baseline;gap:8px;margin-bottom:2px}.unterhut-name{font-size:13px;font-weight:600;color:var(--akzent)}.unterhut-zaehler{font-size:11px;color:var(--text-leise);margin-left:auto}.unterhut-mehr{font-size:12px;color:var(--text-leise);padding:4px 0 0}.inline-add{font:inherit;font-size:13px;width:100%;margin-top:8px;padding:5px 9px;border:1px dashed var(--linie);border-radius:6px;background:transparent}.inline-add:focus{border-style:solid;outline:none;border-color:var(--akzent)}.q2-task{padding:6px 0;border-top:1px dashed var(--linie)}.q2-task .t{display:block;margin-bottom:3px}.filter-zeile{display:flex;gap:10px;align-items:center;margin:18px 0 0;color:var(--text-leise);font-size:13px}.fokus-kopf{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-wrap:wrap}.fokus-kopf h2{font-size:17px;margin:0}.chips{display:flex;gap:6px}.chip{border-radius:999px;padding:4px 14px;font-size:13px;border:1px solid var(--linie);background:var(--karte);color:var(--text-leise)}.chip.aktiv{background:var(--akzent);border-color:var(--akzent);color:#fff}.matrix{display:grid;grid-template-columns:auto 1fr 1fr;grid-template-rows:1fr 1fr auto;gap:10px}.matrix.drei{grid-template-columns:auto 1fr 1fr 1fr;grid-template-rows:auto 1fr 1fr 1fr}.matrix.drei .achse-x{grid-column:auto}.matrix.drei .achse-y{writing-mode:horizontal-tb;transform:none;align-self:center;font-weight:600;color:var(--akzent)}.matrix.drei .quadrant{min-height:130px}.zellen-add{font-size:12px;margin-top:4px}.matrix .achse-y{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;color:var(--text-leise);font-size:12px;letter-spacing:.5px}.matrix .achse-x{grid-column:2 / 4;text-align:center;color:var(--text-leise);font-size:12px;letter-spacing:.5px}.quadrant{min-height:170px;transition:box-shadow .15s,border-color .15s}.quadrant h3{margin-bottom:6px}.quadrant.hervor{border-color:var(--akzent);box-shadow:0 0 0 2px var(--akzent-hell)}.quadrant.abgeblendet{opacity:.45}.quadrant .leer{color:var(--text-leise);font-size:13px;padding:12px 0}.quadrant .task-zeile{flex-wrap:wrap}.quadrant .task-zeile .titel{flex:1 1 100%}.quadrant .task-zeile .aktionen{margin-left:auto}.lane{margin-top:16px}.lane .task-zeile{opacity:.65}.lane .task-zeile:hover{opacity:1}.lane-kopf{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.lane-kopf h3{margin:0}.nachfass{font-size:12px;color:var(--warn)}.composer-spalten{display:grid;grid-template-columns:1fr 340px;gap:16px;align-items:start}@media(max-width:860px){.composer-spalten{grid-template-columns:1fr}}.zeitleiste{position:relative}.zeit-block{display:flex;gap:10px;padding:7px 4px;border-bottom:1px solid var(--linie);align-items:baseline}.zeit-block:last-child{border-bottom:none}.zeit-block .zeit{width:100px;flex:none;color:var(--text-leise);font-size:12px;font-variant-numeric:tabular-nums}.zeit-block.termin .inhalt{color:var(--text-leise)}.zeit-block.slot .inhalt{flex:1}.zeit-block.slot.fokusblock{background:var(--akzent-hell);border-radius:6px}.slot-typ{font-size:11px;color:var(--akzent);text-transform:uppercase;letter-spacing:.5px;margin-right:8px}.zeit-block.luecke .inhalt{color:#c6c1b6;font-size:12px;font-style:italic}.rueckblick{border-left:3px solid var(--akzent);margin-bottom:18px}.rueckblick .zeile{display:flex;align-items:center;gap:10px;padding:6px 0}.rueckblick .zeile label{flex:1;cursor:pointer}.erledigt-label{text-decoration:line-through;color:var(--text-leise)}.rueckblick .fuss{display:flex;gap:10px;margin-top:10px}.dialog-hintergrund{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b2a2759;display:flex;align-items:center;justify-content:center;z-index:20}.dialog{width:420px;max-width:calc(100vw - 40px)}.dialog .fuss{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.dialog .optionen{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.dialog input[type=date]{font:inherit;padding:5px 8px;border:1px solid var(--linie);border-radius:6px}.settings-tabelle{width:100%;border-collapse:collapse;font-size:14px}.settings-tabelle td,.settings-tabelle th{padding:7px 8px;border-bottom:1px solid var(--linie);text-align:left}.settings-tabelle input[type=number]{width:70px;font:inherit;padding:4px 6px;border:1px solid var(--linie);border-radius:6px}.sammel-leiste{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px 10px;margin-bottom:8px;background:var(--akzent-hell);border-radius:8px;font-size:13px}