:root{--brand: #17422C;--brand-2: #245E3F;--brand-3: #337C53;--brand-light: #8FB8A2;--bg: #f4f6f4;--surface: #ffffff;--surface-2: #eef2ef;--border: #dde3de;--text: #18221d;--muted: #66716a;--primary: #17422C;--primary-text: #ffffff;--active-text: #17422C;--accent: #8FB8A2;--link: #245E3F;--danger: #d64545;--ok: #2f8a55;--warn: #e0a526;--warn-bg: #fff3d6;--warn-text: #8a5a00;--ok-bg: #dcf2e4;--ok-text: #1d6b40;--logo-main: #17422C;--logo-s1: #245E3F;--logo-s2: #337C53;--radius: 10px;--shadow: 0 1px 2px rgba(16, 32, 24, .06), 0 1px 3px rgba(16, 32, 24, .08);--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg: #121714;--surface: #1a201c;--surface-2: #232b26;--border: #313b35;--text: #e6ebe7;--muted: #9aa69f;--primary: #337C53;--active-text: #b9d8c6;--link: #8fc9a8;--ok: #4fb57c;--warn-bg: #3d3018;--warn-text: #ffd27a;--ok-bg: #173826;--ok-text: #7fe0a8;--logo-main: #ffffff;--logo-s1: #8FB8A2;--logo-s2: #4A7660;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased}body.no-scroll{overflow:hidden}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:22px;margin:0;letter-spacing:-.01em}h2{font-size:15px;margin:0}h3.sub{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:22px 0 8px}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;background:var(--surface-2);padding:1px 5px;border-radius:5px}.muted{color:var(--muted)}.small{font-size:12.5px}.block{display:block}.pre{white-space:pre-wrap}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ok-text{color:var(--ok)}.hint{color:var(--muted);margin:6px 0 12px}input,select,textarea,button{font:inherit;color:inherit}input,select,textarea{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);min-height:36px}input:focus,select:focus,textarea:focus{outline:2px solid color-mix(in srgb,var(--primary) 45%,transparent);outline-offset:0;border-color:var(--primary)}input[type=checkbox]{width:18px;height:18px;min-height:0;accent-color:var(--primary)}input[type=color]{width:40px;padding:2px;height:32px;min-height:0}textarea{resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;min-height:36px;text-decoration:none!important}.btn:hover{background:var(--surface-2)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:transparent;border-color:transparent;color:var(--link)}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.small{padding:4px 9px;min-height:28px;font-size:12.5px}.icon-btn{border:0;background:transparent;font-size:24px;line-height:1;cursor:pointer;color:var(--muted);padding:4px 8px;border-radius:6px}.icon-btn:hover{background:var(--surface-2)}.shell{display:grid;grid-template-columns:200px 1fr;grid-template-rows:56px 1fr;min-height:100vh}.topbar{grid-column:1 / -1;display:flex;align-items:center;gap:16px;padding:0 16px;background:var(--brand);color:#fff;position:sticky;top:0;z-index:20;--logo-main: #ffffff;--logo-s1: #8FB8A2;--logo-s2: #4A7660}.brand{display:flex;align-items:center;gap:10px;color:inherit;flex-shrink:0}.brand:hover{text-decoration:none}.brand .logo{display:block}.brand-app{font-size:13px;font-weight:500;color:#ffffffb8;padding-left:10px;border-left:1px solid rgba(255,255,255,.28);line-height:18px}.brand.big{flex-direction:column;gap:10px;margin:4px 0 10px}.brand.big .brand-app{color:var(--muted);border-left:0;padding-left:0;font-size:13px;letter-spacing:.02em}.sidenav{display:flex;flex-direction:column;gap:2px;padding:14px 10px;border-right:1px solid var(--border);background:var(--surface);position:sticky;top:56px;height:calc(100vh - 56px)}.sidenav a{padding:9px 12px;border-radius:8px;color:var(--text);font-weight:500}.sidenav a:hover{background:var(--surface-2);text-decoration:none}.sidenav a.active{background:color-mix(in srgb,var(--primary) 14%,transparent);color:var(--active-text)}@media (prefers-color-scheme: dark){.sidenav a.active{background:color-mix(in srgb,var(--primary) 30%,transparent)}}.main{min-width:0}.page{padding:20px 24px 90px;max-width:1400px}.page.narrow{max-width:900px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;flex-wrap:wrap}.eyebrow{font-size:12px;color:var(--muted);margin-bottom:2px}.head-tags{display:flex;gap:6px;flex-wrap:wrap}.center{min-height:100vh;display:grid;place-items:center;padding:16px}.login-card{width:min(380px,100%);background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow)}.form-msg{margin:0;color:var(--danger);font-size:13px}.gsearch{position:relative;flex:1;max-width:520px}.gsearch input{background:#ffffff24;border-color:transparent;color:#fff}.gsearch input::placeholder{color:#ffffffb3}.gsearch input:focus{background:var(--surface);color:var(--text)}.gsearch .combo-list{color:var(--text)}.two-col{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}.col-main,.col-side{display:flex;flex-direction:column;gap:16px;min-width:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow);margin-bottom:16px}.col-main .card,.col-side .card{margin-bottom:0}.card>h2{margin-bottom:12px}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.card-actions select{width:auto}.form-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 12px;margin-bottom:10px}.field{display:flex;flex-direction:column;gap:4px;min-width:0}.field.wide{grid-column:1 / -1}.field-label{font-size:12px;font-weight:600;color:var(--muted)}.field-hint{font-size:11.5px;color:var(--muted)}.inline{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.inline input[type=date]{width:auto}.add-row{margin:12px 0;flex-wrap:nowrap}.add-row input{flex:1}.add-row select{width:auto}.mini-form{background:var(--surface-2);border-radius:8px;padding:12px;margin:8px 0}.seg{display:flex;gap:4px;align-items:center;margin:4px 0 10px;flex-wrap:wrap}.seg .field-label{margin-right:8px}.seg button{border:1px solid var(--border);background:var(--surface);padding:6px 12px;border-radius:999px;cursor:pointer;font-size:13px}.seg button.active{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.seg.wrap{margin-bottom:14px}.check-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}.check{display:flex;gap:8px;align-items:center;cursor:pointer}.sticky-actions{position:sticky;bottom:0;display:flex;gap:8px;align-items:center;padding:12px 0;background:linear-gradient(transparent,var(--bg) 30%);z-index:5;flex-wrap:wrap}.drawer .sticky-actions{background:linear-gradient(transparent,var(--surface) 30%)}.danger-zone{margin-top:28px;padding-top:14px;border-top:1px dashed var(--border);display:flex;gap:10px;align-items:center;flex-wrap:wrap}.combo{position:relative}.combo input{padding-right:30px}.combo-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);border:0;background:transparent;cursor:pointer;font-size:18px;color:var(--muted);padding:2px 6px}.combo-list{position:absolute;left:0;right:0;top:calc(100% + 4px);background:var(--surface);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000024;max-height:300px;overflow:auto;z-index:40}.combo-item{display:block;width:100%;text-align:left;border:0;background:transparent;padding:8px 12px;cursor:pointer}.combo-item:hover,.combo-item.active{background:var(--surface-2)}.combo-item.create{color:var(--link);font-weight:600;border-top:1px solid var(--border)}.combo-empty{padding:10px 12px;color:var(--muted)}.chip{display:inline-block;padding:3px 10px;border-radius:6px;font-weight:600;font-size:12.5px}.status-select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:0;border-radius:6px;font-weight:600;font-size:12.5px;padding:6px 10px;text-align:center;cursor:pointer;min-height:32px;text-overflow:ellipsis}.status-select option{background:var(--surface);color:var(--text)}.ball-select{min-height:32px;padding:4px 8px;font-size:12.5px}.pill{display:inline-block;padding:2px 8px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:11.5px;font-weight:600;margin-left:6px;white-space:nowrap}.head-tags .pill{margin-left:0}.pill.warn{background:var(--warn-bg);color:var(--warn-text)}.pill.ok{background:var(--ok-bg);color:var(--ok-text)}.blocker{color:var(--danger);font-size:12.5px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:12px;overflow-x:auto}.tab{border:0;background:transparent;padding:9px 14px;cursor:pointer;border-bottom:2px solid transparent;font-weight:600;color:var(--muted);white-space:nowrap}.tab.active{color:var(--text);border-bottom-color:var(--primary)}.tab .count{background:var(--surface-2);border-radius:999px;padding:1px 7px;font-size:11.5px;margin-left:4px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;align-items:center}.filters input[type=search]{flex:1 1 260px}.filters select{width:auto;flex:0 1 200px;min-width:0}.wl{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.wl-head,.wl-row{display:grid;grid-template-columns:100px minmax(200px,1.6fr) 140px 190px 140px minmax(160px,1.4fr) 150px;gap:10px;align-items:center;padding:8px 14px}.wl-head{background:var(--surface-2);font-size:12px;font-weight:600;color:var(--muted)}.wl-row{border-top:1px solid var(--border);cursor:pointer}.wl-row:hover{background:color-mix(in srgb,var(--surface-2) 60%,transparent)}.wl-row.done{opacity:.62}.wl-row>span{min-width:0}.wl-date{font-weight:600;font-size:13px}.wl-date.overdue,.proc-date.overdue{color:var(--danger)}.wl-project a{font-weight:700}.wl-type{font-weight:500}.wl-status .status-select{width:100%}.wl-next{font-size:13px}.wl-nb{font-size:12.5px}.proc-list{display:flex;flex-direction:column}.proc-row{display:grid;grid-template-columns:150px 190px 130px 90px minmax(0,1fr);gap:10px;align-items:center;padding:8px 4px;border-top:1px solid var(--border);cursor:pointer}.proc-row:first-child{border-top:0}.proc-row.done{opacity:.62}.proc-type{font-weight:600}.proc-date{font-size:12.5px;font-weight:600}.proc-next{font-size:13px}.cards-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}.list-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:12px 14px;color:var(--text);box-shadow:var(--shadow)}.list-card:hover{border-color:var(--primary);text-decoration:none}.list-card-top{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap;margin-bottom:2px}.empty{padding:28px;text-align:center;color:var(--muted);background:var(--surface);border:1px dashed var(--border);border-radius:var(--radius)}.kv{display:grid;grid-template-columns:110px minmax(0,1fr);gap:6px 10px;margin:0}.kv dt{color:var(--muted);font-size:12.5px}.kv dd{margin:0;overflow-wrap:anywhere}.parties,.units,.plain,.subs{list-style:none;padding:0;margin:0 0 8px}.parties li,.units li{position:relative;padding:8px 32px 8px 0;border-bottom:1px solid var(--border)}.units li{display:flex;justify-content:space-between;align-items:center}.plain li{padding:4px 0}.remove{position:absolute;right:0;top:6px}.units li .remove{position:static}.subs li{padding:8px 0;border-bottom:1px solid var(--border)}.refs{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.activity-form{display:grid;grid-template-columns:140px 1fr auto;gap:8px;align-items:start;margin-bottom:12px}.feed{list-style:none;padding:0;margin:0}.feed-item{padding:8px 0 8px 14px;border-left:2px solid var(--border);margin-left:4px;position:relative}.feed-item:before{content:"";position:absolute;left:-5px;top:13px;width:8px;height:8px;border-radius:50%;background:var(--border)}.feed-item.status:before{background:var(--primary)}.feed-item.anruf:before,.feed-item.mail_ein:before,.feed-item.mail_aus:before{background:var(--accent)}.feed-meta{display:flex;gap:8px;font-size:12px}.feed-kind{font-weight:700}.feed-subject{font-weight:500}.feed-body{white-space:pre-wrap;color:var(--muted)}.kgroup{margin-bottom:6px}.kitem{padding:10px 12px;border:1px solid var(--border);border-left:3px solid var(--warn);border-radius:8px;margin-bottom:8px;background:var(--surface)}.kitem.verified{border-left-color:var(--ok)}.kmeta{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:6px}.kmeta .pill{margin-left:0}.kactions{margin-left:auto;display:flex;gap:2px}.access{padding:10px 0;border-bottom:1px solid var(--border)}.access-head{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin-bottom:6px}.secret{-webkit-user-select:all;user-select:all}.type-label{margin-bottom:12px}.type-label input{max-width:320px}.status-table{display:flex;flex-direction:column;gap:6px}.status-row{display:grid;grid-template-columns:minmax(180px,1fr) 140px 90px 80px 50px 100px;gap:8px;align-items:center}.status-row.head{font-size:12px;font-weight:600;color:var(--muted)}.status-row.inactive{opacity:.5}.label-input{font-weight:600;border:0}.num-input{width:70px}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0f1961;z-index:50;display:flex;justify-content:flex-end}.drawer{width:min(640px,100%);height:100%;background:var(--surface);display:flex;flex-direction:column;box-shadow:-8px 0 30px #0003;animation:slide .18s ease-out}@keyframes slide{0%{transform:translate(30px);opacity:.6}to{transform:none;opacity:1}}.drawer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 18px 12px;border-bottom:1px solid var(--border)}.drawer-title .eyebrow{font-size:18px;font-weight:700;color:var(--text)}.drawer-project{font-weight:600}.drawer-body{padding:16px 18px 40px;overflow-y:auto;flex:1}.spinner{width:26px;height:26px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite;margin:30px auto}@keyframes spin{to{transform:rotate(360deg)}}.toasts{position:fixed;bottom:18px;right:18px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;z-index:100;max-width:min(380px,calc(100% - 32px));pointer-events:none}.toast{background:#18221d;color:#fff;padding:8px 12px;border-radius:8px;box-shadow:0 8px 24px #00000040;font-size:13px;animation:toast-in .15s ease-out}@keyframes toast-in{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}.toast.error{background:var(--danger)}.fab{display:none}@media (max-width: 1100px){.two-col{grid-template-columns:1fr}.wl-head{display:none}.wl-row{grid-template-columns:90px minmax(0,1fr) 180px;grid-template-areas:"date project status" "date type ball" "next next nb";row-gap:6px}.wl-date{grid-area:date;align-self:start}.wl-project{grid-area:project}.wl-type{grid-area:type}.wl-status{grid-area:status}.wl-ball{grid-area:ball}.wl-next{grid-area:next}.wl-nb{grid-area:nb;text-align:right}}@media (max-width: 720px){body{font-size:15px}.shell{grid-template-columns:1fr;grid-template-rows:56px 1fr auto}.topbar{padding:0 12px;gap:10px}.topbar .brand-app{display:none}.sidenav{position:fixed;bottom:0;left:0;right:0;top:auto;height:auto;flex-direction:row;justify-content:space-around;border-right:0;border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:30}.sidenav a{padding:8px 6px;font-size:12px;text-align:center;flex:1}.page{padding:14px 16px 120px}h1{font-size:20px}.page-head .btn.primary{display:none}.filters select{flex:1 1 calc(50% - 4px)}.tab{padding:8px 10px}.toasts{right:16px;bottom:calc(84px + env(safe-area-inset-bottom))}.wl-row{grid-template-columns:minmax(0,1fr) 150px;grid-template-areas:"project status" "type ball" "date nb" "next next";padding:12px}.wl-date{align-self:center}.proc-row{grid-template-columns:minmax(0,1fr) 150px;row-gap:6px}.proc-row .ball-select{grid-column:2;grid-row:2}.proc-date{grid-column:1;grid-row:2}.proc-next{grid-column:1 / -1}.activity-form{grid-template-columns:1fr}.status-row{grid-template-columns:1fr 110px}.status-row.head{display:none}.add-row{flex-wrap:wrap}.kv{grid-template-columns:95px minmax(0,1fr)}.cards-list{grid-template-columns:1fr}.fab{display:grid;place-items:center;position:fixed;right:16px;bottom:calc(76px + env(safe-area-inset-bottom));width:54px;height:54px;border-radius:50%;border:0;background:var(--primary);color:var(--primary-text);font-size:28px;box-shadow:0 6px 18px #00000047;z-index:25;cursor:pointer}.drawer{width:100%}.form-grid{grid-template-columns:1fr 1fr}}
