body.ws{
--fg:#1D1D1B;--fg-2:#62625D;--fg-3:#74746E;--fg-4:#B4B4AE;
--surface:#FFFFFF;--side:#F7F7F5;--hover:#F6F6F3;--sel:#EFEFEC;--active-bg:#EBEBE7;--press:#E6E6E1;--field:#F3F3F0;
--line:#ECECE8;--line-2:#F2F2EF;--line-strong:#DEDEDA;
--link:#2F5BD8;--focus:rgba(47,91,216,.35);
--ai:#5A4BCF;--ai-bg:rgba(90,75,207,.08);--ai-line:rgba(90,75,207,.40);
--green:#2F7D50;--yellow:#A26A00;--red:#C03A2B;
--r-sm:4px;--r:6px;--r-lg:8px;
--shadow-pop:0 1px 2px rgba(0,0,0,.06),0 8px 24px rgba(0,0,0,.08);
--ease:cubic-bezier(.2,.8,.2,1);
--font:-apple-system,BlinkMacSystemFont,"Segoe UI Variable Text","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
/* the older module pages (Dokumente, Einrichtung …) render inside the workspace in the same light palette */
--bg:#FFFFFF;--card:#FFFFFF;--text:#1D1D1B;--muted:#62625D;--accent:#2F5BD8;--accent-ink:#fff;--chip:#F1F1EE;
--ok:#2F7D50;--ok-bg:#EEF6F1;--warn:#A26A00;--warn-bg:#FBF4E6;--bad:#C03A2B;--bad-bg:#FBEFED;
color-scheme:light;margin:0;background:var(--surface);color:var(--fg);font:14px/20px var(--font);
-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body.ws *,body.ws *::before,body.ws *::after{box-sizing:border-box}
body.ws a{color:var(--link);text-decoration:none}body.ws a:hover{text-decoration:underline;text-underline-offset:2px}
body.ws :focus{outline:none}body.ws :focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-radius:var(--r)}
body.ws h1{font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.012em;margin:0}
body.ws h2{font-size:12.5px;line-height:16px;font-weight:500;color:var(--fg-2);letter-spacing:0;margin:0}
body.ws h3{font-size:14px;line-height:20px;font-weight:600;margin:0}
body.ws p{margin:0}body.ws .muted{color:var(--fg-2)}body.ws .hint{color:var(--fg-3);font-size:12.5px;line-height:18px;margin:4px 0 0}
body.ws .lead{color:var(--fg-2);font-size:13px;line-height:18px;margin:2px 0 0}
body.ws .num{font-variant-numeric:tabular-nums}
body.ws .vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* icons */
body.ws svg.i{flex:none;display:inline-block;vertical-align:-3px}

/* buttons: primary (near black, at most one per view), secondary (white, fine border), quiet, icon, danger */
body.ws button,body.ws .btn,body.ws .b-pri,body.ws .b-sec,body.ws .b-quiet,body.ws .b-icon,body.ws .b-danger{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;min-height:0;padding:0 12px;border-radius:var(--r);
border:1px solid var(--fg);background:var(--fg);color:#fff;font:500 13.5px/1 var(--font);letter-spacing:0;cursor:pointer;text-decoration:none;white-space:nowrap;
transition:background-color 80ms,border-color 80ms,color 80ms;-webkit-tap-highlight-color:transparent}
body.ws button:hover,body.ws .btn:hover,body.ws .b-pri:hover{background:#000;border-color:#000;text-decoration:none}
body.ws button.secondary,body.ws .btn.secondary,body.ws .b-sec{background:var(--surface);border-color:var(--line-strong);color:var(--fg)}
body.ws button.secondary:hover,body.ws .btn.secondary:hover,body.ws .b-sec:hover{background:var(--hover);border-color:#D2D2CD}
body.ws .b-quiet,body.ws button.link{background:transparent;border-color:transparent;color:var(--fg-2);height:28px;padding:0 8px;font-size:13px}
body.ws .b-quiet:hover,body.ws button.link:hover{background:var(--hover);color:var(--fg);border-color:transparent}
body.ws button.link{color:var(--link);padding:0 4px;height:auto;min-height:0}
body.ws button.link:hover{background:transparent;text-decoration:underline}
body.ws .b-icon{width:28px;height:28px;padding:0;background:transparent;border-color:transparent;color:var(--fg-2)}
body.ws .b-icon:hover{background:#F1F1EE;border-color:transparent;color:var(--fg)}
body.ws button.danger,body.ws .b-danger{background:var(--surface);border-color:var(--line-strong);color:var(--red)}
body.ws button.danger:hover,body.ws .b-danger:hover{background:#FBF3F2;border-color:#E9CFCB}
body.ws button.sm,body.ws .btn.sm,body.ws .b-sm{height:28px;padding:0 10px;font-size:13px}
body.ws button:disabled{opacity:.5;cursor:default}
body.ws .b-sec .ai-mark,body.ws .ai-act .ai-mark{color:var(--ai)}

/* fields */
body.ws label{display:block;font-size:13px;line-height:18px;font-weight:500;color:var(--fg-2);margin:0 0 6px}
body.ws input[type=text],body.ws input[type=email],body.ws input[type=password],body.ws input[type=number],body.ws input[type=search],
body.ws input[type=tel],body.ws input[type=date],body.ws input:not([type]),body.ws select,body.ws textarea{
width:100%;height:32px;margin:0;padding:0 10px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);color:var(--fg);
font:14px/20px var(--font);transition:border-color 80ms,box-shadow 80ms}
body.ws textarea{height:auto;min-height:0;padding:6px 10px;resize:vertical}
body.ws select{padding-right:28px}
body.ws input::placeholder,body.ws textarea::placeholder{color:var(--fg-3)}
body.ws input:focus,body.ws select:focus,body.ws textarea:focus{outline:none;border-color:var(--link);box-shadow:0 0 0 2px var(--focus)}
body.ws input[type=checkbox]{accent-color:var(--link);width:15px;height:15px;margin:0}
body.ws .chk{display:flex;gap:8px;align-items:flex-start;margin:8px 0;font-weight:400;color:var(--fg);font-size:13px}
body.ws .chk input{margin-top:2px}
body.ws .field{margin:0 0 12px}
body.ws .search-f{position:relative;display:flex;align-items:center}
body.ws .search-f>.i{position:absolute;left:9px;color:var(--fg-3);pointer-events:none}
body.ws .search-f input{padding-left:31px;padding-right:40px;background:var(--field);border-color:transparent}
body.ws .search-f input:focus{background:var(--surface);border-color:var(--link)}
body.ws .search-f>kbd{position:absolute;right:7px;pointer-events:none}
body.ws .pop-v{font-weight:500}
body.ws .kbd,body.ws kbd{display:inline-flex;align-items:center;height:18px;padding:0 5px;border:1px solid var(--line-strong);border-bottom-width:1.5px;border-radius:var(--r-sm);
font:500 11px/1 var(--font);color:var(--fg-3);background:var(--surface)}

/* avatars: initials on 8 muted tones; companies as rounded squares */
body.ws .av{flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:600;letter-spacing:.01em;user-select:none}
body.ws .av-24{width:24px;height:24px;font-size:10px}body.ws .av-28{width:28px;height:28px;font-size:11px}body.ws .av-40{width:40px;height:40px;font-size:14.5px}
body.ws .av.co{border-radius:6px}body.ws .av-40.co{border-radius:8px}
body.ws .av.t0{background:#E6EDF7;color:#34568A}body.ws .av.t1{background:#E6F1EA;color:#326446}body.ws .av.t2{background:#F5EBE1;color:#855428}
body.ws .av.t3{background:#F3E6EC;color:#8A4263}body.ws .av.t4{background:#E3EFF1;color:#2D6670}body.ws .av.t5{background:#F4E7E5;color:#8C4439}
body.ws .av.t6{background:#EDEDE8;color:#5A5A52}body.ws .av.t7{background:#F1EEDD;color:#6E6125}

/* document thumbnail: the first page, portrait */
body.ws .thumb{flex:none;display:inline-flex;align-items:center;justify-content:center;width:24px;height:32px;border:1px solid var(--line-strong);border-radius:3px;background:#FAFAF8;overflow:hidden;color:var(--fg-3)}
body.ws .thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
body.ws .thumb-lg{width:88px;height:118px;border-radius:4px}

/* status: 6 px dot + grey word */
body.ws .st{display:inline-flex;align-items:center;gap:6px;color:var(--fg-2);font-size:12.5px;white-space:nowrap}
body.ws .dot{flex:none;display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--fg-4)}
body.ws .dot.ok{background:var(--green)}body.ws .dot.warn{background:#D89A1E}body.ws .dot.bad{background:var(--red)}body.ws .dot.new{background:var(--link)}
body.ws .due{color:var(--fg-3);font-size:12.5px;white-space:nowrap;font-variant-numeric:tabular-nums}body.ws .due.warn{color:var(--yellow)}body.ws .due.bad{color:var(--red)}
body.ws .sep{color:var(--fg-4);padding:0 1px}

/* sections: title, optional link, content; separated by air, not by boxes */
body.ws .sec{margin:0 0 32px}body.ws .sec:last-child{margin-bottom:0}
body.ws .sec-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:0 0 6px;min-height:20px}
body.ws .sec-more{font-size:12.5px;color:var(--fg-3)}body.ws .sec-more:hover{color:var(--fg)}
body.ws .empty{color:var(--fg-3);font-size:13px;padding:8px 0}

/* list rows: 40 px single-line, 64 px three-line; hairlines between rows, from the text start */
body.ws .list{list-style:none;margin:0;padding:0}
body.ws .item{position:relative;display:flex;align-items:center;gap:12px;min-height:40px;padding:6px 8px;margin:0 -8px;border-radius:var(--r);color:var(--fg);transition:background-color 80ms}
body.ws a.item,body.ws .item a.item-link{color:inherit;text-decoration:none}
body.ws .item:hover{background:var(--hover)}
body.ws .item-main{flex:1;min-width:0}
body.ws .item-t{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ws .item-s{display:block;color:var(--fg-2);font-size:13px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ws .item-m{display:block;color:var(--fg-3);font-size:12.5px;line-height:17px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
body.ws .item-m>*{vertical-align:middle}body.ws .item-m .st{display:inline-flex;vertical-align:-1px}body.ws .item-m .sep{padding:0 5px}body.ws .item-m .i{margin-right:3px;vertical-align:-3px}
body.ws .item-r{flex:none;display:flex;align-items:center;gap:8px;color:var(--fg-3);font-size:12.5px;font-variant-numeric:tabular-nums}
body.ws .item-top{display:flex;align-items:baseline;gap:8px;min-width:0}body.ws .item-top>.item-t{flex:1;min-width:0}
body.ws .item-t.strong{font-weight:600}body.ws .item-s.ink{color:var(--fg)}
body.ws .item-m .i{color:var(--fg-3)}
body.ws .item.tall{min-height:64px;align-items:flex-start;padding:10px 8px}
body.ws .item.tall>.av,body.ws .item.tall>.thumb{margin-top:1px}
body.ws .list.lines>li+li>.item::before,body.ws .list.lines>li+li.item::before{content:"";position:absolute;left:48px;right:8px;top:0;border-top:1px solid var(--line-2)}
body.ws .list.lines>li+li>.item:hover::before,body.ws .list.lines>li:hover+li>.item::before{border-color:transparent}
body.ws .item.sel{background:var(--sel)}
body.ws .item.sel::after{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--fg)}
body.ws .item .ico{flex:none;color:var(--fg-2);display:inline-flex}

/* task check: round, Things-like */
body.ws .check-f{display:inline-flex;flex:none;margin:0}
body.ws button.check{width:18px;height:18px;min-height:0;padding:0;border-radius:50%;border:1.5px solid #C6C6C0;background:var(--surface);color:transparent}
body.ws button.check:hover{border-color:var(--fg-2);background:var(--surface);color:var(--fg-3)}
body.ws button.check.done{background:var(--green);border-color:var(--green);color:#fff}
body.ws button.check svg{width:11px;height:11px;stroke-width:3}

/* assistant: suggestion row (indigo edge), source chips, mark, working state */
body.ws .sugg{position:relative;display:flex;align-items:center;gap:10px;padding:8px 8px 8px 14px;margin:0 -8px;border-radius:0 var(--r) var(--r) 0}
body.ws .sugg::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:2px;border-radius:2px;background:var(--ai)}
body.ws .sugg:hover{background:var(--hover)}
body.ws .sugg>.ai-mark{color:var(--ai);flex:none}
body.ws .sugg-t{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ws .sugg-s{display:flex;align-items:center;gap:5px;flex-wrap:wrap;color:var(--fg-3);font-size:12.5px;line-height:16px}
body.ws .sugg-a{flex:none;display:flex;align-items:center;gap:4px}
body.ws .sugg-a form{display:inline-flex;margin:0}
body.ws .chip-src{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:var(--r-sm);background:var(--ai-bg);color:var(--ai);font-size:12.5px;font-weight:500;text-decoration:none;vertical-align:1px}
body.ws a.chip-src:hover{text-decoration:none;background:rgba(90,75,207,.14)}
body.ws .ai-mark{flex:none;color:var(--ai);display:inline-block;vertical-align:-3px}
body.ws .ai-mark .ai-ring{transform-origin:12px 12px;transition:transform 200ms var(--ease)}
body.ws .ai-hover:hover .ai-ring{transform:rotate(30deg)}
body.ws .is-working .ai-ring{animation:ai-turn 1.6s linear infinite}
body.ws .is-working .ai-dot{animation:ai-breathe 1.6s ease-in-out infinite}
body.ws .shimmer{color:var(--fg-3);background:linear-gradient(90deg,var(--fg-3) 0%,var(--fg-3) 40%,#D4D4CE 50%,var(--fg-3) 60%,var(--fg-3) 100%);background-size:200% 100%;
-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shimmer 1.6s linear infinite}
@keyframes ai-turn{to{transform:rotate(360deg)}}
@keyframes ai-breathe{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes shimmer{from{background-position:100% 0}to{background-position:-100% 0}}

/* popover on <details>: works without script; ws.js closes it on outside click and Esc */
body.ws details.pop{position:relative;display:inline-block}
body.ws details>summary{margin:0}body.ws details.pop>summary{list-style:none;cursor:pointer;color:inherit;font-size:inherit}body.ws details.pop>summary.b-pri{color:#fff}body.ws details.pop>summary.b-quiet{color:var(--fg-2)}body.ws details.pop>summary::-webkit-details-marker{display:none}
body.ws .pop-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:40;width:300px;max-width:calc(100vw - 32px);padding:12px;background:var(--surface);
border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-pop);animation:pop-in 120ms var(--ease);text-align:left;white-space:normal}
body.ws .pop-panel.left{right:auto;left:0}
body.ws .pop-panel h3{margin:0 0 8px}
body.ws .pop-panel form+form{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
body.ws .menu{display:flex;flex-direction:column;margin:-4px}
body.ws .menu a,body.ws .menu button{display:flex;align-items:center;gap:8px;height:30px;padding:0 8px;border:0;border-radius:var(--r);background:none;color:var(--fg);font:400 13.5px/1 var(--font);width:100%;justify-content:flex-start;text-decoration:none}
body.ws .menu a:hover,body.ws .menu button:hover{background:var(--hover);text-decoration:none}
body.ws .menu .i{color:var(--fg-2)}
body.ws .menu hr{border:0;border-top:1px solid var(--line);margin:4px 0}
body.ws .menu .who{padding:6px 8px 8px;font-size:12.5px;color:var(--fg-3);line-height:16px}
body.ws .menu .who b{display:block;color:var(--fg);font-weight:500;font-size:13.5px}
@keyframes pop-in{from{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}

/* text tabs (filters) */
body.ws .seg{display:flex;flex-wrap:nowrap;align-items:center;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}
body.ws .seg::-webkit-scrollbar{display:none}
body.ws .seg a{flex:none;display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:var(--r);color:var(--fg-2);font-size:13px;font-weight:500;text-decoration:none}
body.ws .seg a:hover{background:var(--hover);color:var(--fg);text-decoration:none}
body.ws .seg a.on{background:var(--active-bg);color:var(--fg)}
body.ws .seg .n{color:var(--fg-3);font-weight:400;font-variant-numeric:tabular-nums}

/* messages: a line with a coloured left edge, never a coloured box; confirmations as a toast */
body.ws .note{display:block;margin:0 0 16px;padding:6px 0 6px 12px;border:0;border-left:2px solid var(--fg-4);border-radius:0;background:none;color:var(--fg);font-size:13.5px}
body.ws .note.ok{border-left-color:var(--green)}body.ws .note.warn{border-left-color:#D89A1E}body.ws .note.bad{border-left-color:var(--red)}
body.ws .toast{position:fixed;left:50%;bottom:24px;z-index:60;transform:translateX(-50%);display:flex;align-items:center;gap:10px;max-width:min(520px,calc(100vw - 32px));
padding:10px 14px;border-radius:var(--r-lg);background:#1D1D1B;color:#fff;font-size:13.5px;box-shadow:var(--shadow-pop);animation:toast-in 160ms var(--ease)}
body.ws .toast .i{color:#9BD3AE}body.ws .toast.bad .i{color:#F1A69C}
body.ws .toast.out{opacity:0;transform:translate(-50%,4px);transition:opacity 160ms,transform 160ms}
@keyframes toast-in{from{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%,0)}}

/* the older module pages keep their structure, only calmer */
body.ws .card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;margin:0 0 16px;box-shadow:none}
body.ws .card h2{margin-bottom:10px}
body.ws .pill{display:inline-block;font-size:12.5px;line-height:18px;padding:0 6px;border-radius:var(--r-sm);background:#F1F1EE;color:var(--fg-2);white-space:nowrap}
body.ws .pill.ok{background:#EEF6F1;color:var(--green)}body.ws .pill.warn{background:#FBF4E6;color:var(--yellow)}body.ws .pill.bad{background:#FBEFED;color:var(--red)}
body.ws table th{font-size:12.5px;color:var(--fg-3);font-weight:500}body.ws table td,body.ws table th{border-bottom-color:var(--line-2)}
body.ws .row{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:12px}
body.ws code{background:#F1F1EE;font-size:12.5px}

/* ---- Dokumente without the workspace: a quiet empty state (heading, one sentence, the flow in one line) ---- */
body.ws .docs-empty{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 16px 24px;text-align:center;color:var(--fg-3)}
body.ws .docs-empty-t{margin:6px 0 0;font-size:15px;font-weight:600;color:var(--fg)}
body.ws .docs-empty-s{margin:0;max-width:440px;font-size:13.5px;line-height:20px;color:var(--fg-2)}
body.ws .docs-flow{margin:10px 0 0;font-size:12.5px;line-height:20px;color:var(--fg-3)}body.ws .docs-flow .arr{margin:0 4px;color:var(--fg-4)}body.ws .docs-flow .step{white-space:nowrap}
/* ---- login: the same tokens, one quiet box on the sidebar grey ---- */
body.ws.auth{background:var(--side)}
body.ws .auth-main{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:24px 16px;box-sizing:border-box}
body.ws .auth-box{width:100%;max-width:380px;padding:28px 28px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-sizing:border-box}
body.ws .auth-org{display:flex;align-items:center;gap:8px;margin:0 0 24px;font-size:13.5px;font-weight:600;color:var(--fg)}body.ws .auth-org img{border-radius:6px}
body.ws .auth-lead{margin:4px 0 20px;color:var(--fg-2);font-size:13.5px}
body.ws .auth-f input{width:100%;margin:0 0 14px;box-sizing:border-box}body.ws .auth-f .b-pri{width:100%;height:36px;margin:4px 0 14px}
body.ws .auth-box .note{margin:0 0 16px}
/* ---- app shell: sidebar 240 (56 below 1180, none below 760), topbar 48, tab bar on phones ---- */
body.ws .skip{position:absolute;left:-9999px;top:8px;z-index:100;padding:6px 10px;background:var(--fg);color:#fff;border-radius:var(--r)}
body.ws .skip:focus{left:8px}
body.ws .shell{display:flex;min-height:100vh;min-height:100dvh}
body.ws .side{position:sticky;top:0;flex:none;display:flex;flex-direction:column;width:240px;height:100vh;height:100dvh;padding:10px 10px 12px;
background:var(--side);border-right:1px solid var(--line);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin}
body.ws .org{display:flex;align-items:center;gap:9px;height:36px;padding:0 8px;margin:0 0 8px;border-radius:var(--r);color:var(--fg);font-size:13.5px;font-weight:600;text-decoration:none}
body.ws .org:hover{background:var(--active-bg);text-decoration:none}
body.ws .org-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ws .side-search{margin:0 0 12px}
body.ws .side-search input{height:30px;background:var(--surface);border-color:var(--line);font-size:13.5px}
body.ws .side-nav{display:flex;flex-direction:column;gap:1px;padding:0;margin:0;flex-wrap:nowrap}
body.ws .nav-i{display:flex;align-items:center;gap:10px;height:30px;padding:0 8px;border-radius:var(--r);color:var(--fg-2);background:none;font-size:13.5px;font-weight:500;text-decoration:none;transition:background-color 80ms,color 80ms}
body.ws .nav-i .i{color:var(--fg-3)}
body.ws .nav-i:hover{background:#EFEFEB;color:var(--fg);text-decoration:none}
body.ws .nav-i.on{background:var(--active-bg);color:var(--fg)}body.ws .nav-i.on .i{color:var(--fg)}
body.ws .nav-l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ws .nav-n{font-size:12.5px;color:var(--fg-3);font-weight:500;font-variant-numeric:tabular-nums}body.ws .nav-n.bad{color:var(--red)}
body.ws .side-search-ico{display:none}
body.ws .side-foot{margin-top:auto;padding-top:12px}
/* Mail folders: indented below "Mail", smaller than the main areas, collapsible */
body.ws details.nav-fold{margin:1px 0 6px}
body.ws .nav-fold-s{display:flex;align-items:center;gap:4px;height:22px;padding:0 8px 0 34px;list-style:none;cursor:pointer;color:var(--fg-3);font-size:11.5px;font-weight:500}
body.ws .nav-fold-s::-webkit-details-marker{display:none}
body.ws .nav-fold-s .chev{color:var(--fg-4);transition:transform 120ms var(--ease)}body.ws .nav-fold[open]>.nav-fold-s .chev{transform:rotate(90deg)}
body.ws .nav-sub{list-style:none;margin:0;padding:0}body.ws .nav-sub li.grp{margin-top:6px}
body.ws .nav-f{display:flex;align-items:center;gap:8px;height:26px;padding:0 8px 0 34px;border-radius:var(--r);color:var(--fg-2);font-size:13px;text-decoration:none}
body.ws .nav-f:hover{background:#EFEFEB;color:var(--fg);text-decoration:none}
body.ws .nav-f.on{background:var(--active-bg);color:var(--fg);font-weight:500}
/* three quiet groups: inbox | "Eigene Ordner" (+, … per folder) | a thin line, then the mailbox's standard folders */
body.ws .nav-gh{display:flex;align-items:center;justify-content:space-between;height:24px;margin-top:8px;padding:0 2px 0 34px;color:var(--fg-3);font-size:11.5px;font-weight:500}
body.ws .nav-div{height:1px;margin:8px 8px 6px 34px;background:var(--line)}
body.ws .nav-own{position:relative}body.ws .nav-own .nav-f{padding-right:30px}
body.ws .fold-b{width:24px;height:24px;min-height:24px;color:var(--fg-3)}
body.ws .nav-own>.fold-pop{position:absolute;right:2px;top:1px;opacity:0}
body.ws .nav-own:hover>.fold-pop,body.ws .nav-own:focus-within>.fold-pop,body.ws .nav-own>.fold-pop[open],body.ws .nav-own:has(.nav-f.on)>.fold-pop{opacity:1}
@media (hover:none){body.ws .nav-own>.fold-pop{opacity:1}}
body.ws .fold-pop>.pop-panel{width:216px;text-align:left;font-weight:400}
body.ws .fold-f label{display:block;margin:0 0 4px;font-size:12.5px;color:var(--fg-3)}body.ws .fold-f input{width:100%;margin:0 0 8px}
body.ws details.fold-del{margin-top:12px;padding-top:10px;border-top:1px solid var(--line)}
body.ws details.fold-del>summary{list-style:none;cursor:pointer;font-size:13px;color:var(--fg-2)}body.ws details.fold-del>summary::-webkit-details-marker{display:none}
body.ws details.fold-del>summary:hover{color:var(--red)}body.ws details.fold-del .hint{margin:6px 0 8px}
body.ws .fold-pop .hint{margin:0;font-size:12.5px;line-height:18px}
body.ws .main-col{flex:1;min-width:0;display:flex;flex-direction:column;overflow-x:clip}
body.ws .topbar{position:sticky;top:0;z-index:20;flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;height:48px;padding:0 16px 0 24px;
background:var(--surface);border-bottom:1px solid var(--line)}
body.ws .tb-l{display:flex;align-items:center;gap:20px;min-width:0;flex:1}
body.ws .tb-r{display:flex;align-items:center;gap:8px;flex:none}
body.ws .tb-crumbs{display:flex;align-items:center;gap:4px;min-width:0;margin:0;padding:0;font-size:14px;font-weight:600;white-space:nowrap;flex-wrap:nowrap}
body.ws .tb-crumbs a{color:var(--fg-2);font-weight:500;padding:0;border-radius:var(--r);background:none}
body.ws .tb-crumbs a:hover{color:var(--fg);background:none;text-decoration:none}
body.ws .tb-crumbs .crumb-sep{color:var(--fg-4)}
body.ws .tb-crumbs .cur{min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--fg)}
body.ws details.me>summary{display:flex;border-radius:50%}
body.ws details.me .pop-panel{width:240px}
body.ws .menu .mob{display:none}
body.ws main.content{flex:1;max-width:none;margin:0;min-width:0}
body.ws main.content.overview{width:100%;max-width:1144px;padding:28px 32px 64px}
body.ws.work .shell{height:100vh;height:100dvh;overflow:hidden}
body.ws.work .main-col{height:100%}
body.ws main.content.work{display:flex;min-height:0;padding:0;overflow:hidden}
body.ws .tabbar{display:none}
body.ws .page-h{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 28px}
body.ws .page-h .acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
body.ws .tb-r .lbl{display:inline}
@media (max-width:1179px){
 body.ws .side{width:56px;padding:10px 8px;align-items:stretch}
 body.ws .org{justify-content:center;padding:0}body.ws .org-n,body.ws .nav-l,body.ws .side-search{display:none}
 body.ws .nav-i{justify-content:center;padding:0;position:relative}
 body.ws .nav-n{position:absolute;top:3px;right:3px;min-width:14px;height:14px;padding:0 3px;border-radius:7px;background:var(--fg-3);color:#fff;font-size:10px;line-height:14px;text-align:center}
 body.ws .nav-n.bad{background:var(--red);color:#fff}
 body.ws .side-search-ico{display:flex}
 body.ws details.nav-fold{display:none}
}
@media (max-width:759px){
 body.ws .side{display:none}
 body.ws .topbar{padding:0 12px 0 16px;gap:10px}
 body.ws .tb-r .lbl{display:none}body.ws .tb-r .b-sec,body.ws .tb-r .b-pri{width:32px;padding:0}
 body.ws .menu .mob{display:flex}
 body.ws main.content.overview{padding:20px 16px calc(84px + env(safe-area-inset-bottom))}
 body.ws.work .shell{height:auto;overflow:visible}body.ws.work .main-col{height:auto}
 body.ws main.content.work{display:block;overflow:visible;padding-bottom:calc(64px + env(safe-area-inset-bottom))}
 body.ws .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:30;gap:0;padding:4px 4px calc(4px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}
 body.ws .tabbar a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:48px;padding:4px 2px;border-radius:var(--r);color:var(--fg-3);font-size:11px;font-weight:500;text-decoration:none;background:none}
 body.ws .tabbar a .i{color:inherit}
 body.ws .tabbar a.on{color:var(--fg);background:none;font-weight:600}
 body.ws .page-h{margin-bottom:20px}
 body.ws .toast{bottom:calc(72px + env(safe-area-inset-bottom))}
}

/* ---- shared bits of the screens ---- */
body.ws a.quiet-l{color:inherit}body.ws a.quiet-l:hover{color:var(--fg);text-decoration:underline;text-decoration-color:var(--fg-4)}
body.ws .item-who{display:inline-flex;align-items:center;gap:5px;color:var(--fg-3);font-size:12.5px;max-width:220px;overflow:hidden;white-space:nowrap}
body.ws .no-c{color:var(--fg-3)}
body.ws .has-sugg{display:inline-flex;align-items:center;gap:4px;color:var(--ai)}
body.ws .task-row.done .item-t{color:var(--fg-3);text-decoration:line-through;text-decoration-color:var(--fg-4)}
body.ws .list.lines>li+li.task-row::before{left:38px}
body.ws .photo-f,body.ws .demo-f{display:inline-flex;align-items:center;gap:8px;margin:0}
body.ws.js .nojs{display:none}
body.ws .quiet-more{display:inline-flex;align-items:center;gap:4px;margin-top:6px;font-size:12.5px;color:var(--fg-2)}
body.ws .quiet-more:hover{color:var(--fg);text-decoration:none}
body.ws .side-p{font-size:13px;line-height:18px;color:var(--fg-2)}
body.ws .empty.calm{padding:24px 0;font-size:13.5px}

/* ---- Heute: one prioritised column (720) and a quieter one on the right (320) ---- */
body.ws .today-cols{display:grid;grid-template-columns:minmax(0,720px) 320px;gap:40px;align-items:start}
body.ws .today-side .sec{margin-bottom:28px}
body.ws .today-side .item{min-height:44px}
body.ws .acts .act{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:5px 0;font-size:13px;line-height:18px;color:var(--fg-2)}
body.ws .act-t{min-width:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.ws .act-t b{color:var(--fg);font-weight:500}
body.ws .act-d{flex:none;font-size:12.5px;color:var(--fg-3);font-variant-numeric:tabular-nums}
body.ws .demo-done{margin:0;align-self:center}
@media (max-width:1023px){body.ws .today-cols{grid-template-columns:minmax(0,1fr);gap:8px}body.ws .today-side{border-top:1px solid var(--line);padding-top:24px}}
@media (max-width:759px){
 body.ws .sugg{flex-wrap:wrap;row-gap:8px;align-items:flex-start}body.ws .sugg>.ai-mark{margin-top:2px}body.ws .item-m .m-word{display:none}body.ws .sugg-t{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
 body.ws .sugg-a{flex-basis:100%;padding-left:26px}body.ws .sugg-a .b-sec{height:36px}
 body.ws .item-m .m-tags,body.ws .item-m .sep:has(+.m-tags){display:none}
 body.ws .item-who{max-width:120px}
}
@media (max-width:759px){body.ws .today .page-h{flex-direction:column;gap:14px}body.ws .today .page-h .acts{justify-content:flex-start}
 body.ws .today .acts .lbl{display:inline}body.ws .today .acts .b-sec{width:auto;padding:0 12px;height:40px}}

/* ---- Mail: list 380 + reading pane; the columns scroll on their own ---- */
body.ws .inbox{display:flex;flex:1;min-width:0;min-height:0}
body.ws .inbox-list{flex:none;width:380px;min-height:0;overflow-y:auto;padding:6px 12px 32px;border-right:1px solid var(--line);scrollbar-width:thin}
body.ws .inbox-count{margin:0;padding:8px 0 6px;font-size:12.5px;color:var(--fg-3)}
body.ws .mail-h{margin:0 0 2px;padding:10px 0 8px;border-bottom:1px solid var(--line)}
body.ws h2.mail-t{margin:0;font-size:15px;line-height:22px;font-weight:600}body.ws .mail-h .inbox-count{padding:0 0 6px}
body.ws .box-pick{display:none}body.ws .mail-h .inbox-count{display:flex;align-items:baseline;gap:6px}body.ws .mail-refresh{margin-left:auto;color:var(--fg-3);font-size:12.5px;text-decoration:none}body.ws .mail-refresh:hover{color:var(--fg);text-decoration:underline}body.ws .move-pop .pop-panel{width:220px;left:0;right:auto}body.ws .move-pop .menu form+form{margin:0;padding:0;border:0}body.ws .move-pop>summary .i{margin-left:4px}
body.ws .mail-filter{flex-wrap:wrap;overflow:visible}body.ws .mail-filter a{height:26px;padding:0 7px;font-size:12.5px}
/* the notes under a mail (contact, document state, category, draft) may take two lines instead of being cut off */
body.ws .inbox-list .item-m{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
@media (max-width:759px){body.ws .inbox-list .item-m .m-word,body.ws .inbox-list .item-m .m-tags,body.ws .inbox-list .item-m .sep:has(+.m-tags){display:inline}}
body.ws .mail-folders li.grp{margin-top:10px}body.ws .mail-folders .fl-gh{display:flex;align-items:center;justify-content:space-between;padding:14px 8px 2px;font-size:12px;color:var(--fg-3)}body.ws .mail-folders .fl-own{position:relative}body.ws .mail-folders .fl-own .item{padding-right:40px}body.ws .mail-folders .fl-own>.fold-pop{position:absolute;right:6px;top:50%;transform:translateY(-50%)}body.ws .mail-folders .item{padding:12px 8px}body.ws .mail-folders .fl-n{font-size:12.5px;font-weight:600;color:var(--fg-2);font-variant-numeric:tabular-nums}body.ws .mail-fl-h{padding-top:12px}
@media (max-width:1179px){body.ws .box-pick{display:inline-flex;align-items:center;gap:4px;font-size:15px;line-height:22px;font-weight:600;color:var(--fg);text-decoration:none}body.ws .box-pick .i{color:var(--fg-3)}body.ws h2.mail-t{display:none}}
body.ws .rd-acts .inline-f{display:inline-flex;margin:0}
body.ws .rv-back{display:inline-flex;align-items:center;gap:4px;margin:0 0 8px;font-size:13px}body.ws [data-ui=attachment] .item-r .b-sec{pointer-events:none}
body.ws .kp-act{display:inline-flex;align-items:center;gap:4px;margin-top:2px;font-size:13px}
body.ws .rd-draft{margin-top:24px;padding-top:16px;border-top:1px solid var(--line)}body.ws .rd-draft textarea{display:block;width:100%;min-height:220px;margin:6px 0 8px;padding:10px 12px;font:inherit;font-size:14px;line-height:1.55;resize:vertical}body.ws .rd-draft .hint .ai-mark{vertical-align:-3px;margin-right:4px}body.ws .rd-body>[data-ui=unconfirmed],body.ws .rd-body>[data-ui=suspicious-live]{margin:0 0 12px}body.ws .rd-draft .draft-new{margin-top:4px}body.ws .rd-draft.is-busy{opacity:.7}body.ws .rd-draft .note ul{margin:4px 0 0;padding-left:18px}
body.ws .inbox-list .item.tall{margin:0 -4px;padding:10px 8px 10px 10px}
body.ws .inbox-list .list.lines>li+li>.item::before{left:50px}
body.ws .pane{flex:1;min-width:0;min-height:0;overflow-y:auto;scrollbar-width:thin}
body.ws .rd{max-width:780px;padding:24px 32px 64px;transition:opacity 120ms}
body.ws .rd.is-switching{opacity:.5}
body.ws .rd-back{display:none}
body.ws .rd-h{margin:0 0 20px;padding:0 0 16px;border-bottom:1px solid var(--line)}
body.ws h1.rd-t{font-size:18px;line-height:26px;font-weight:600;letter-spacing:-.008em;margin:0 0 14px;overflow-wrap:anywhere}
body.ws .rd-meta{display:flex;align-items:flex-start;gap:10px}
body.ws .rd-meta>.thumb{margin-top:1px}
body.ws .rd-from{flex:1;min-width:0;font-size:13.5px;line-height:20px}
body.ws .rd-from b{font-weight:600}
body.ws .rd-from>div:first-child{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px}
body.ws .rd-addr{color:var(--fg-3);font-size:12.5px}
body.ws .rd-sub{display:flex;flex-wrap:wrap;align-items:center;gap:0 5px;margin-top:1px;color:var(--fg-3);font-size:12.5px;line-height:18px}
body.ws details.rd-c{flex:none}
body.ws details.rd-c>summary{gap:6px;padding:0 8px 0 4px;max-width:260px}
body.ws details.rd-c>summary .av{width:20px;height:20px;font-size:8.5px}
body.ws details.rd-c>summary>.i:first-child{margin-left:4px}
body.ws .rd-c-l{min-width:0;overflow:hidden;text-overflow:ellipsis}
body.ws .pop-acts{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
body.ws .pop-acts .quiet-more{margin:0}
body.ws .rd-sec{margin:0 0 20px}
body.ws .rd-sec h2{margin:0 0 4px}
body.ws .rd-sec .item .item-r .i{color:var(--fg-4)}
body.ws .rd-body{max-width:680px}
body.ws .rd-body .mailtext,body.ws pre.mailtext{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font:14px/22px var(--font);color:var(--fg)}
body.ws details.rd-quote>summary{margin:14px 0 0;font-size:12.5px;color:var(--fg-3);cursor:pointer}
body.ws details.rd-quote>summary:hover{color:var(--fg)}
body.ws .mailtext.quote{margin-top:8px;padding-left:12px;border-left:2px solid var(--line);color:var(--fg-2);font-size:13px;line-height:20px}
body.ws .rd-src{display:flex;align-items:center;gap:6px;margin:28px 0 0;padding-top:12px;border-top:1px solid var(--line-2);font-size:12.5px;line-height:16px;color:var(--fg-3)}
body.ws .rd-src .i{flex:none}
body.ws .rd-load{color:var(--fg-3);font-size:13px}
body.ws .rd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;max-width:none;height:100%;min-height:320px;color:var(--fg-3);text-align:center}
body.ws .rd-empty .i{margin-bottom:6px}body.ws .rd-empty p:first-of-type{color:var(--fg-2);font-weight:500}
body.ws .rd-doc{display:flex;align-items:flex-start;gap:28px}
body.ws .rd-page{flex:none;border-radius:4px}
body.ws .rd-page .thumb-lg{width:180px;height:240px}
body.ws .rd-page:hover .thumb-lg{border-color:#C9C9C4}
body.ws .rd-facts{flex:1;min-width:0}
body.ws .rd-facts dl{display:grid;grid-template-columns:96px minmax(0,1fr);gap:6px 12px;margin:0 0 20px;font-size:13.5px;line-height:20px}
body.ws .rd-facts dt{color:var(--fg-3)}body.ws .rd-facts dd{margin:0;overflow-wrap:anywhere}
body.ws .rd-acts{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
body.ws .nav-n[hidden]{display:none}
body.ws .rd-cat{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px}
body.ws .rd-cat .inline-f{display:inline-flex;margin:0}
body.ws .more-pop .pop-panel{width:240px;right:auto;left:0}
body.ws .menu .b-menu{font-weight:400}
body.ws .menu .inline-f{display:block;margin:0}
body.ws .menu-sec{margin-top:4px;padding-top:4px;border-top:1px solid var(--line)}
body.ws .menu-h{padding:6px 8px 2px;font-size:12px;color:var(--fg-3)}
body.ws .menu-sec form+form{margin:0;padding:0;border:0}
body.ws .ki-pop{display:inline-block;margin-top:8px}
body.ws .ki-pop .pop-panel{width:300px;right:auto;left:0}
body.ws .ki-free{margin-top:8px;padding-top:10px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
body.ws .ki-free label{font-size:12.5px;color:var(--fg-3)}
body.ws .ki-free input{width:100%}
body.ws .ki-free button{align-self:flex-start}
body.ws .ki-free .hint{margin:0;font-size:12px}
body.ws .ki-pop>summary .i{margin-left:2px}
body.ws .rd-atts{margin:0 0 16px}
body.ws .atts{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}
body.ws .att{border:1px solid var(--line);border-radius:var(--r);padding:6px 10px;background:var(--surface)}
body.ws .att-f{display:flex;align-items:center;gap:8px;min-width:0;font-size:13.5px;line-height:20px}
body.ws .att-n{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
body.ws .att-m{color:var(--fg-3);font-size:12.5px;white-space:nowrap}
body.ws .att-f .quiet-l{margin-left:auto;white-space:nowrap;font-size:12.5px}
body.ws .att .item{margin:4px -6px -2px;padding:4px 6px;min-height:0}
body.ws .att .item .item-r{font-size:12.5px;color:var(--fg-3);white-space:nowrap}
body.ws .rd-tasks{margin-top:12px}
body.ws .rd-page-solo{max-width:780px}
body.ws .rd-page-solo .rd{padding:0}
@media (max-width:1179px){body.ws .inbox-list{width:340px}body.ws .rd{padding:20px 24px 48px}}
/* folders above the list where the sidebar shows no folder tree; scrolls sideways on its own, never the page */
body.ws .fold-strip{display:none}
@media (max-width:1179px){
 body.ws .fold-strip{display:flex;gap:6px;overflow-x:auto;margin:2px 0 8px;padding:2px 0 4px;scrollbar-width:thin}
 body.ws .fold-strip a{flex:none;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border:1px solid var(--line);border-radius:14px;color:var(--fg-2);font-size:13px;text-decoration:none;white-space:nowrap;background:var(--surface)}
 body.ws .fold-strip a:hover{color:var(--fg);text-decoration:none}
 body.ws .fold-strip a.on{border-color:var(--fg);color:var(--fg);font-weight:600}
 body.ws .fold-strip .fs-n{font-size:11.5px;font-weight:600;color:var(--fg-3);font-variant-numeric:tabular-nums}
}
/* below 1024 px the mail takes the whole width: list → mail → back, as on the phone (the sidebar rail stays) */
@media (max-width:1023px){
 body.ws .inbox-list{flex:1;width:auto;border-right:0}
 body.ws .inbox.has-sel .inbox-list{display:none}body.ws .inbox:not(.has-sel) .pane{display:none}
 body.ws .rd{max-width:none}
 body.ws .rd-back{display:inline-flex;align-items:center;gap:4px;margin:0 0 12px;font-size:13px;color:var(--fg-2)}
}
@media (max-width:759px){
 body.ws .inbox{display:block}
 body.ws .inbox-list{width:auto;overflow:visible;padding:0 12px 24px;border:0}
 body.ws .pane{overflow:visible}
 body.ws .inbox.has-sel .inbox-list{display:none}body.ws .inbox:not(.has-sel) .pane{display:none}
 body.ws .rd{padding:12px 16px 32px}
 body.ws .rd-back{display:inline-flex;align-items:center;gap:4px;margin:0 0 12px;font-size:13px;color:var(--fg-2)}
 body.ws .rd-meta{flex-wrap:wrap}body.ws details.rd-c{flex-basis:calc(100% - 38px);margin-left:38px}
 body.ws details.rd-c .pop-panel{left:0;right:auto}
 body.ws .rd-doc{flex-direction:column;gap:16px}
 body.ws .topbar:has(.seg) .tb-crumbs,body.ws .tb-r .demo-done{display:none}
}

/* ---- Kontakte (list) ---- */
body.ws [hidden]{display:none!important}
body.ws .inline-f{display:inline-flex;margin:0;vertical-align:middle}
body.ws .contacts{max-width:720px}
body.ws .list-filter{max-width:360px;margin:0 0 28px}
body.ws .list-filter .nojs{position:absolute;right:4px;height:24px}
body.ws .contact-row{min-height:52px}
body.ws .sec-hint{margin:-2px 0 8px}
body.ws .sugg-contact{min-height:52px}
body.ws .sugg-contact>form.item-r{margin:0}
body.ws details.new-contact .pop-panel{width:340px}
body.ws details.new-contact>summary{height:32px}

/* ---- Kontaktakte: history (flexible, text 720) + right column 300; one scroll, the column stays ---- */
body.ws .akte{flex:1;min-width:0;min-height:0;overflow-y:auto;display:grid;grid-template-columns:minmax(0,1fr) 300px;align-items:start;scrollbar-width:thin}
body.ws .akte-main{min-width:0;padding:24px 32px 64px}
body.ws .akte-main>*{max-width:720px}
body.ws .akte-side{position:sticky;top:0;height:calc(100vh - 48px);height:calc(100dvh - 48px);overflow-y:auto;padding:24px 20px 40px;border-left:1px solid var(--line);scrollbar-width:thin}
body.ws .akte-h{display:flex;align-items:center;gap:14px;margin:0 0 24px}
body.ws .akte-id{flex:1;min-width:0}
body.ws .akte-id h1{overflow-wrap:anywhere}
body.ws .akte-f{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;margin-top:2px;font-size:13px;line-height:18px;color:var(--fg-2)}
body.ws .akte-f .sep{padding:0}
body.ws .akte-acts{flex:none;display:flex;gap:8px}
body.ws .akte-tl{margin-top:4px}
body.ws .note-f{display:flex;align-items:flex-start;gap:8px;margin:0 0 20px}
body.ws .note-f textarea{flex:1;min-width:0;min-height:32px;height:32px;resize:none;padding:5px 10px;line-height:20px;transition:height 120ms var(--ease),border-color 80ms,box-shadow 80ms}
body.ws .note-f textarea:focus{height:76px}
body.ws .seg-sm{margin:0 0 4px}body.ws .seg-sm a{height:26px;padding:0 8px;font-size:12.5px}
body.ws .tl-group{margin:0}
body.ws h3.tl-day{margin:18px 0 2px;font-size:12.5px;line-height:16px;font-weight:500;color:var(--fg-3)}
body.ws .list.tl{margin:0}
body.ws .tl-row{position:relative;display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:8px;margin:0 -8px;border-radius:var(--r);transition:background-color 80ms}
body.ws .tl-row:hover{background:var(--hover)}
body.ws .tl-ico{flex:none;display:inline-flex;padding-top:2px;color:var(--fg-3)}
body.ws .tl-main{flex:1;min-width:0}
body.ws .tl-t{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ws .tl-f{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:1px;font-size:12.5px;line-height:17px;color:var(--fg-3)}
body.ws .tl-f .sep{padding:0 5px}
body.ws .tl-r{position:relative;flex:none;display:flex;align-items:center;gap:8px;min-height:20px;padding-right:26px;font-size:12.5px;color:var(--fg-3);font-variant-numeric:tabular-nums}
body.ws .tl-pop{opacity:0;transition:opacity 80ms}
body.ws .tl-r>.tl-pop{position:absolute;right:-4px;top:-2px}body.ws .tl-pop>summary.b-icon{width:24px;height:24px}
body.ws .tl-row:hover .tl-pop,body.ws .tl-row:focus-within .tl-pop,body.ws .tl-pop[open]{opacity:1}
body.ws .tl-note{margin:6px 0;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-lg);background:#FCFCFB}
body.ws .tl-note-h{display:flex;align-items:center;gap:6px;font-size:12.5px;line-height:16px;color:var(--fg-3)}
body.ws .tl-note-h b{color:var(--fg);font-weight:500}body.ws .tl-note-h .tl-time{margin-left:auto;font-size:12.5px}
body.ws .tl-note-t{margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:21px}
@media (hover:none){body.ws .tl-pop{opacity:1}}

/* right column */
body.ws .side-sec{display:block;margin:0 0 24px}
body.ws .side-sec .sec-h{margin-bottom:4px}
body.ws .side-sec .inline-f{margin:2px 0 0 -8px}
body.ws .akte-side .item{min-height:34px;padding:4px 8px}
body.ws .akte-side .task-row .item-t{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
body.ws .akte-side .task-row{align-items:flex-start}body.ws .akte-side .task-row .check-f{margin-top:1px}
body.ws .akte-side .item-who{max-width:90px}
body.ws .akte-side .sugg{flex-wrap:wrap;align-items:flex-start;row-gap:6px}
body.ws .akte-side .sugg>.ai-mark{margin-top:2px}
body.ws .akte-side .sugg-t{white-space:normal;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
body.ws .akte-side .sugg-a{flex-basis:100%;padding-left:26px}
body.ws details.add-task{margin-top:4px}
body.ws details.add-task>summary{list-style:none;display:inline-flex;margin-left:-8px;cursor:pointer}
body.ws details.add-task>summary::-webkit-details-marker{display:none}
body.ws details.add-task form.newtask{display:grid;gap:6px;margin-top:8px}
body.ws details.add-task form.newtask>*{width:100%;min-width:0;margin:0}
body.ws details.add-task form.newtask button{justify-self:start;width:auto}
body.ws .vals{list-style:none;margin:0;padding:0}
body.ws .vals li{display:flex;align-items:center;gap:8px;min-width:0;padding:4px 0;font-size:13px;color:var(--fg-2)}
body.ws .vals li>a,body.ws .vals li>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ws .vals .i{flex:none;color:var(--fg-3)}
body.ws details.side-more>summary{display:flex;align-items:center;gap:6px;list-style:none;cursor:pointer}
body.ws details.side-more>summary::-webkit-details-marker{display:none}
body.ws details.side-more>summary .sec-h{margin:0}
body.ws .side-more-n{font-size:12.5px;color:var(--fg-3)}
body.ws .side-more .chev{margin-left:auto;color:var(--fg-4);transition:transform 120ms var(--ease)}
body.ws .side-more[open] .chev{transform:rotate(90deg)}
body.ws .side-more>.hint{margin:8px 0}
body.ws .ids{list-style:none;margin:8px 0 0;padding:0}
body.ws .ids li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:4px;padding:6px 0;border-top:1px solid var(--line-2)}
body.ws .ids .id-t{grid-column:1;font-size:12px;line-height:14px;color:var(--fg-3)}
body.ws .ids .id-v{grid-column:1;font-size:13px;overflow-wrap:anywhere}
body.ws .ids form{grid-column:2;grid-row:1/3;margin:0}
body.ws .id-add{display:grid;gap:6px;margin-top:10px}
body.ws .id-add button{justify-self:start}

/* assistant in the file: one question row, prepared questions, the checked answer */
body.ws .ai-ask{margin:0 0 24px}
body.ws .ai-field{display:flex;align-items:center;gap:8px;height:40px;padding:0 4px 0 12px;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);transition:border-color 80ms,box-shadow 80ms}
body.ws .ai-field:focus-within{border-color:var(--ai-line);box-shadow:0 0 0 3px rgba(90,75,207,.10)}
body.ws .ai-field input,body.ws .ai-field input:focus{flex:1;height:38px;padding:0;border:0;box-shadow:none;background:transparent}
body.ws .ai-send{color:var(--fg-3)}
body.ws .ai-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px}
body.ws .q-chip{height:26px;padding:0 9px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);color:var(--fg-2);font-size:12.5px;font-weight:500}
body.ws .q-chip:hover{background:var(--hover);border-color:var(--line-strong);color:var(--fg)}
body.ws .ai-status{display:none;margin-left:6px;font-size:12.5px}
body.ws .ai-ask.is-working .ai-status{display:inline}
body.ws .ai-ask.is-working .q-chip{opacity:.5}
body.ws .ai-answer{margin:0 0 28px;padding:14px 16px 12px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}
body.ws .ai-a-h{display:flex;align-items:center;gap:8px;margin:0 0 8px}
body.ws .ai-a-h h2{color:var(--fg);font-size:13.5px;line-height:18px;font-weight:600}
body.ws ul.answer{margin:0;padding-left:18px}
body.ws ul.answer li{margin:5px 0;line-height:21px}
body.ws ul.answer li::marker{color:var(--fg-4)}
body.ws a.chip{display:inline-flex;align-items:center;height:18px;padding:0 5px;margin-left:2px;border-radius:var(--r-sm);background:var(--ai-bg);color:var(--ai);font-size:12px;font-weight:600;text-decoration:none;vertical-align:1px}
body.ws a.chip:hover{background:rgba(90,75,207,.14);text-decoration:none}
body.ws .ai-none{color:var(--fg-2)}
body.ws .ai-task{margin:10px -8px 0}
body.ws details.srcs{margin-top:10px}
body.ws details.srcs>summary{font-size:12.5px;color:var(--fg-3);cursor:pointer}
body.ws details.srcs>summary:hover{color:var(--fg)}
body.ws .src-list{list-style:none;margin:6px 0 0;padding:0;font-size:13px}
body.ws .src-list li{padding:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ws .ai-meta{margin-top:8px;font-size:12.5px;line-height:16px;color:var(--fg-3)}

@media (max-width:1179px){body.ws .akte{grid-template-columns:minmax(0,1fr) 280px}body.ws .akte-main{padding:20px 24px 48px}}
@media (max-width:759px){
 body.ws .akte{display:flex;flex-direction:column;overflow:visible;padding:16px 16px 32px}
 body.ws .akte-main,body.ws .akte-side{display:contents}
 body.ws .akte-main>*,body.ws .akte-side>*{min-width:0;width:100%;max-width:100%}
 body.ws .akte-h{order:1;flex-wrap:wrap;margin-bottom:16px}
 body.ws .akte-acts{flex-basis:100%;padding-left:54px}body.ws .akte-acts .b-sec{height:36px}
 body.ws .akte-main>.note{order:2}
 body.ws .akte-side>*{order:8}
 body.ws .akte-side>[data-ui="open-tasks"]{order:3;padding-bottom:16px;border-bottom:1px solid var(--line)}
 body.ws .ai-ask{order:4}body.ws .ai-answer{order:5}body.ws .akte-tl{order:6;margin-bottom:28px}
 body.ws .akte-side>*:not([data-ui="open-tasks"]){padding-top:4px}
}

/* ---- the task page keeps its old structure until U2: calm it down, keep the fields in one row ---- */
body.ws form.newtask{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
body.ws form.newtask>input[name=title]{flex:1 1 240px;width:auto}
body.ws form.newtask>select,body.ws form.newtask>input[type=date],body.ws .task-actions input[type=date],body.ws details.assign form>select,body.ws details.assign form>input[type=date]{width:auto;max-width:100%}
body.ws form.row>input[type=search]{flex:1 1 240px;width:auto}
body.ws input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;display:none}
body.ws li.task.sugg{display:block;padding:10px 0 10px 14px;margin:0;border-radius:0}
body.ws li.task.sugg:hover{background:none}
body.ws .task-actions{gap:8px}

/* ---- Aufgaben: one queue, quick creation on top, details behind ⋯ ---- */
body.ws .tasks-page{max-width:760px}
body.ws .quick-add{position:relative;display:flex;align-items:center;gap:8px;height:44px;margin:0 0 32px;padding:0 6px 0 12px;border:1px solid var(--line-strong);border-radius:var(--r-lg);background:var(--surface);transition:border-color 80ms,box-shadow 80ms}
body.ws .quick-add:focus-within{border-color:var(--link);box-shadow:0 0 0 2px var(--focus)}
body.ws .qa-ico{display:inline-flex;color:var(--fg-3)}
body.ws .quick-add>input[name=title],body.ws .quick-add>input[name=title]:focus{flex:1;min-width:0;height:40px;padding:0;border:0;box-shadow:none;background:transparent}
body.ws .quick-add>input.qa-date{width:auto;height:28px;padding:0 6px;border-color:transparent;color:var(--fg-2);font-size:13px}
body.ws .quick-add>input.qa-date:hover{border-color:var(--line)}
body.ws details.qa-more .pop-panel{width:280px}
body.ws .row-pop{margin-left:2px}
body.ws .row-pop>summary.b-icon{width:24px;height:24px}
body.ws .task-row .row-pop{opacity:0;transition:opacity 80ms}
body.ws .task-src{display:inline-flex;align-items:center;gap:4px;margin-left:8px;font-size:12px;color:var(--fg-3);text-decoration:none;white-space:nowrap}body.ws .task-src:hover{color:var(--fg)}
body.ws .task-row:hover .row-pop,body.ws .task-row:focus-within .row-pop,body.ws .row-pop[open]{opacity:1}
@media (hover:none){body.ws .task-row .row-pop{opacity:1}}
@media (max-width:759px){body.ws .quick-add{flex-wrap:wrap;height:auto;padding:6px 6px 6px 12px}body.ws .quick-add>input[name=title]{flex-basis:calc(100% - 30px)}body.ws .item-who{display:none}}

/* ---- assistant: quiet entry bottom right, panel 400 on the right, full sheet on phones ---- */
body.ws .ki-fab{position:fixed;right:24px;bottom:24px;z-index:45;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 10px 0 12px;border:1px solid var(--line);border-radius:18px;
background:var(--surface);color:var(--fg);box-shadow:var(--shadow-pop);font-size:13.5px;font-weight:500;text-decoration:none;transition:border-color 120ms,box-shadow 120ms,opacity 160ms}
body.ws .ki-fab:hover{border-color:var(--ai-line);text-decoration:none}
body.ws .ki-fab .ai-mark{color:var(--ai)}
body.ws .ki-fab kbd{margin-left:2px}
body.ws .ki-fab.static{position:static;box-shadow:var(--shadow-pop)}
body.ws .ki-top{display:none;color:var(--ai)}body.ws .ki-top:hover{color:var(--ai)}
body.ws.ki-open .ki-fab{opacity:0;pointer-events:none}
body.ws:has(.rv-foot) .ki-fab{bottom:84px}
body.ws .ki-panel{position:fixed;top:0;right:0;bottom:0;z-index:50;width:400px;max-width:100vw;display:flex;flex-direction:column;background:var(--surface);border-left:1px solid var(--line);
box-shadow:-8px 0 32px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.04);transform:translateX(16px);opacity:0;transition:transform 200ms var(--ease),opacity 200ms var(--ease)}
body.ws .ki-panel.open{transform:none;opacity:1}
body.ws .ki-panel.static{position:absolute;inset:0;width:auto;transform:none;opacity:1;box-shadow:none;border:0}
body.ws .ki{display:flex;flex-direction:column;height:100%;min-height:0}
body.ws .ki-h{flex:none;display:flex;align-items:center;gap:8px;height:48px;padding:0 10px 0 16px;border-bottom:1px solid var(--line)}
body.ws .ki-title{display:inline-flex;align-items:center;gap:8px;font-size:14px}body.ws .ki-title b{font-weight:600}
body.ws .ki-local{font-size:12px;color:var(--fg-3);margin-right:auto;cursor:help}
body.ws .ki-ctx{flex:none;padding:12px 16px 0}
body.ws .ctx-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;height:30px;padding:0 4px 0 4px;border:1px solid var(--line-strong);border-radius:15px;font-size:13.5px;font-weight:500}
body.ws .ctx-chip .av{width:22px;height:22px;font-size:9px}
body.ws .ctx-chip>a.quiet-l{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ws .ctx-x{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:11px;color:var(--fg-3)}
body.ws .ctx-x:hover{background:var(--hover);color:var(--fg);text-decoration:none}
body.ws .ctx-chip.ctx-none{padding:0 12px 0 10px;color:var(--fg-2)}
body.ws .ki-scope{flex:none;margin:8px 16px 0;font-size:12.5px;line-height:17px;color:var(--fg-3)}
body.ws .ki-body{flex:1;min-height:0;overflow-y:auto;padding-bottom:16px}
body.ws .ki-switch{flex:none;margin:10px 16px 0;padding:7px 10px;border-radius:var(--r);background:var(--ai-bg);color:var(--fg);font-size:12.5px;line-height:17px;animation:pop-in 160ms var(--ease)}
body.ws .ki-pick{margin:16px 16px 8px}
body.ws .ki-contacts{padding:0 8px}body.ws .ki-contacts .item{margin:0;min-height:40px}
body.ws .ki-log{flex:1;min-height:0;overflow-y:auto;padding:16px;scrollbar-width:thin}
body.ws .ki-empty{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:20px 0 0;color:var(--fg-2)}
body.ws .ki-empty p:first-of-type{color:var(--fg);font-weight:500;margin-top:4px}
body.ws .ki-q{margin:0 0 10px auto;max-width:85%;width:fit-content;padding:7px 11px;border-radius:var(--r-lg);background:#F1F1EE;font-size:13.5px;line-height:19px;overflow-wrap:anywhere}
body.ws .ki-a{margin:0 0 22px;font-size:13.5px;line-height:20px}
body.ws .ki-working{margin:6px 0;font-size:13px}
body.ws .ki-clear{margin:4px 0 0 -8px}
body.ws .ki-in{flex:none;padding:10px 12px 12px;border-top:1px solid var(--line);background:var(--surface)}
body.ws .ki-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
body.ws .ki-field{display:flex;align-items:flex-end;gap:6px;padding:4px 4px 4px 10px;border:1px solid var(--line-strong);border-radius:var(--r-lg);transition:border-color 80ms,box-shadow 80ms}
body.ws .ki-field:focus-within{border-color:var(--ai-line);box-shadow:0 0 0 3px rgba(90,75,207,.10)}
body.ws .ki-field textarea,body.ws .ki-field textarea:focus{flex:1;min-height:28px;max-height:120px;padding:4px 0;border:0;box-shadow:none;background:transparent;resize:none;field-sizing:content;line-height:20px}
body.ws .ki-send{flex:none;width:28px;height:28px;padding:0;border-radius:14px;background:var(--fg);border-color:var(--fg);color:#fff}
body.ws .ki-send:hover{background:#000}
body.ws .ki-in.is-busy .ki-send,body.ws .ki-in.is-busy .q-chip{opacity:.45;pointer-events:none}
body.ws .ki.is-working .ki-title .ai-ring{animation:ai-turn 1.6s linear infinite}
body.ws .ki.is-working .ki-title .ai-dot{animation:ai-breathe 1.6s ease-in-out infinite}
/* work the assistant prepared: a sentence, the result, the one button that takes it over */
body.ws .ki-ctx{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
body.ws .ctx-chip.ctx-obj{gap:6px;padding:0 12px 0 10px;max-width:100%;min-width:0;color:var(--fg-2);font-weight:400}
body.ws .ctx-chip.ctx-obj>a.quiet-l{max-width:240px}
body.ws .kw-lead{margin:0 0 6px;color:var(--fg)}
body.ws .kw-text{margin:0 0 8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-lg);background:#FCFCFB;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13.5px;line-height:20px;max-height:340px;overflow-y:auto}
body.ws .kw-acts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:8px 0 4px}
body.ws .kw-task{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--line);border-radius:var(--r-lg)}
body.ws .kw-task label{display:flex;flex-direction:column;gap:3px;margin:0;font-size:12.5px;color:var(--fg-2)}
body.ws .kw-task input,body.ws .kw-task select,body.ws .kw-task textarea{width:100%}body.ws .kw-mail textarea{min-height:140px;resize:vertical;font-size:13.5px;line-height:20px}body.ws .kw-task input[type=date]{width:auto}
body.ws .kw-task .kw-acts{margin:2px 0 0}
body.ws .kw-choice{display:flex;flex-wrap:wrap;gap:6px}
body.ws .kw-choice .q-chip{display:inline-flex;align-items:center;gap:4px;text-decoration:none}
body.ws .kw-done{margin:8px 0 4px;color:var(--ok);font-size:13px}
body.ws .kb-found{margin:0 0 6px}
/* the answer as text: a person's answer first, the sources one click away */
body.ws .ka-text{margin:0 0 6px;line-height:21px;color:var(--fg)}
body.ws .ka-list{margin:2px 0 6px;padding-left:18px;line-height:21px}body.ws .ka-list li{margin:3px 0}body.ws .ka-list li::marker{color:var(--fg-4)}
body.ws details.srcs>summary{display:inline-block;margin-top:2px;list-style:none}body.ws details.srcs>summary::-webkit-details-marker{display:none}body.ws details.srcs>summary::before{content:"▸ ";color:var(--fg-4)}body.ws details.srcs[open]>summary::before{content:"▾ "}
body.ws .src-back{margin:8px 0 4px;padding-left:18px;font-size:13px;line-height:19px}body.ws .src-back li{margin:6px 0}
body.ws .src-said{color:var(--fg-2)}body.ws .src-meta{display:block;font-size:12px;color:var(--fg-3)}
body.ws .src-h{margin:8px 0 2px;font-size:12px;color:var(--fg-3)}
body.ws .ki-step{margin-top:12px}body.ws .nd-subj{display:flex;flex-direction:column;gap:3px;margin:0 0 8px;font-size:12.5px;color:var(--fg-2)}body.ws .nd-subj input{width:100%}body.ws .ki-quote blockquote{margin:6px 0;padding:8px 10px;border-left:2px solid var(--line-strong);background:#FCFCFB;font-size:13px;line-height:19px}body.ws .ki-quote cite{display:block;margin-top:4px;font-style:normal;font-size:12px;color:var(--fg-3)}body.ws .ki-a{position:relative;padding-left:26px}body.ws .ki-av{position:absolute;left:0;top:1px;display:inline-flex;color:var(--ai)}body.ws .ki-av svg{width:16px;height:16px}
body.ws .ki-a details.srcs .ai-meta{margin-top:6px}
body.ws .ki-page-a{height:auto;min-height:0;padding:16px;overflow:visible}
body.ws .ki-page{max-width:560px;height:calc(100vh - 48px - 60px);min-height:520px;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
/* answer blocks (panel and contact file) */
body.ws .kb{margin:0 0 4px}
body.ws .kb-facts{list-style:none;margin:0 0 8px;padding:0;color:var(--fg-2);font-size:13px;line-height:19px}
body.ws .kb-facts li{padding:2px 0}
body.ws h4.kb-h{margin:10px 0 2px;font-size:12.5px;line-height:16px;font-weight:500;color:var(--fg-2)}
body.ws .kb-sec:first-child h4.kb-h{margin-top:0}
body.ws .kb-list{list-style:none;margin:0;padding:0}
body.ws .kb-row{display:flex;align-items:baseline;gap:8px;padding:5px 6px;margin:0 -6px;border-radius:var(--r);color:var(--fg);text-decoration:none}
body.ws .kb-row:hover{background:var(--hover);text-decoration:none}
body.ws .kb-row .i{flex:none;color:var(--fg-3);position:relative;top:2px}
body.ws .kb-t{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ws .kb-m{flex:none;font-size:12.5px;color:var(--fg-3);white-space:nowrap}
body.ws .kb-none{color:var(--fg-2);font-size:13px;margin:4px 0}
body.ws .kp-list{list-style:none;margin:0;padding:0}
body.ws ol.kp-list{list-style:decimal;padding-left:20px}body.ws ol.kp-list>li::marker{color:var(--fg-3);font-size:12.5px}
body.ws .kp{padding:7px 0 7px 12px;border-left:2px solid var(--ai-line);margin:6px 0}
body.ws .kp-m{display:flex;flex-wrap:wrap;align-items:center;gap:0 6px;font-size:12.5px;line-height:18px;color:var(--fg-3)}
body.ws .kp-m .chip{margin:0}
body.ws .kp-l{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
body.ws .kp-t{margin-top:2px;line-height:20px}
body.ws .ai-q{margin:0 0 10px;color:var(--fg-2)}
body.ws .ai-answer .kb-row{padding:4px 6px}
@media (max-width:759px){
 body.ws .ki-fab:not(.static){display:none} /* phones: the entry sits in the topbar, never over list rows or actions */
 body.ws .ki-top{display:inline-flex;width:32px;height:32px}
 body.ws .ki-panel{width:100vw;border-left:0;transform:translateY(24px)}
 body.ws .ki-panel.open{transform:none}
 body.ws .ki-in{padding-bottom:calc(12px + env(safe-area-inset-bottom))}
 body.ws .ki-page{height:calc(100dvh - 48px - 90px);border:0;border-radius:0;margin:-20px -16px 0}
}

/* ---- Dokumente: the filter row (workspace), contact of a document, discard/restore in the list ---- */
body.ws .docs-filter{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px}
body.ws .docs-filter select{width:auto;max-width:220px;height:32px;font-size:13px}
body.ws .df-q{display:inline-flex;align-items:center;gap:6px;flex:1 1 220px;min-width:180px;height:32px;padding:0 8px;border:1px solid var(--line-strong);border-radius:var(--r);background:var(--surface);color:var(--fg-3)}
body.ws .df-q input,body.ws .df-q input:focus{flex:1;min-width:0;height:30px;padding:0;border:0;box-shadow:none;background:transparent;font-size:13px}
body.ws .docs-reset{font-size:13px}
body.ws .doc-acts{display:inline-flex;align-items:center}
body.ws .rv-assign{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:10px 0 0;font-size:13px}
body.ws .rv-suggest{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
body.ws .rv-assign .chk{margin:0;font-size:12.5px}
body.ws .rv-assign-pop .pop-panel{width:300px}
body.ws .tl-docs{display:inline-block;margin:6px 0 0 2px;font-size:12.5px}
@media (max-width:759px){body.ws .docs-filter select{flex:1 1 calc(50% - 8px);max-width:none}body.ws .df-q{flex-basis:100%}}

/* ---- Dokumente: slim drop zone, rows with the first page, quiet upload lines ---- */
body.ws .docs-page{max-width:880px}
body.ws .drop-ws{display:block;margin:0 0 24px;padding:20px 22px;border:1.5px dashed var(--line-strong);border-radius:var(--r-lg);background:#FCFCFB;text-align:left;transition:border-color 120ms,background-color 120ms}
body.ws .drop-ws.over{border-color:var(--link);background:rgba(47,91,216,.04)}
body.ws .drop-ws.off{opacity:.55}
body.ws .drop-ico{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--surface);border:1px solid var(--line);color:var(--fg-2)}
body.ws .drop-row{display:flex;align-items:center;gap:16px}
body.ws .drop-t{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
body.ws .drop-t b{font-weight:600;font-size:14.5px}
body.ws .drop-s{font-size:13px;color:var(--fg-2)}
body.ws label.drop-pick{margin:0;cursor:pointer}
body.ws .drop-h{margin:10px 0 0 56px;font-size:12px;line-height:17px;color:var(--fg-3)}
body.ws .drop-ws input[type=file]{width:auto;height:auto;margin:8px 0 0;border:0;padding:0}
body.ws .drop-ws .row{margin:0}
body.ws .drop-ws .progress{margin:12px 0 0}
body.ws .progress .track{height:4px;background:#EFEFEC;border-radius:2px}
body.ws .progress .bar{background:var(--fg-2)}
body.ws .progress .ptext{font-size:12.5px;color:var(--fg-2)}
body.ws .docs-health{margin:-8px 0 24px}
body.ws .docs-batch{margin:-8px 0 16px}
body.ws .up-line{margin:0 0 20px}
body.ws .up-h{display:flex;align-items:baseline;gap:10px}
body.ws .up-t{font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ws .up-h .sec-more{margin-left:auto}
@media (max-width:759px){body.ws .drop-ws{padding:16px}body.ws .drop-row{flex-wrap:wrap;gap:10px 14px}body.ws .drop-t{flex:1 1 0}body.ws .drop-h{margin-left:0}body.ws label.drop-pick{flex-basis:100%}body.ws .up-h{flex-wrap:wrap;row-gap:2px}body.ws .up-h .up-t{flex-basis:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.ws .up-h .sec-more{white-space:nowrap}}
body.ws .up-m{font-size:12.5px;color:var(--fg-3)}
body.ws .up-line progress{display:block;width:100%;height:4px;margin:6px 0 4px;border:0;border-radius:2px;background:#EFEFEC;accent-color:var(--fg-2);-webkit-appearance:none;appearance:none}
body.ws .up-line progress::-webkit-progress-bar{background:#EFEFEC;border-radius:2px}
body.ws .up-line progress::-webkit-progress-value{background:var(--fg-2);border-radius:2px}
body.ws .up-line progress::-moz-progress-bar{background:var(--fg-2)}
body.ws .up-line .inline-f{margin-top:6px}
body.ws details.up-skip>summary{font-size:12.5px;color:var(--fg-3);cursor:pointer;margin-top:4px}
body.ws details.up-skip ul{margin:4px 0 0;padding-left:18px;font-size:12.5px;color:var(--fg-2)}
body.ws details.up-hist{margin:8px 0 0}
body.ws details.up-hist>summary{list-style:none;cursor:pointer}body.ws details.up-hist>summary::-webkit-details-marker{display:none}
body.ws .up-list{list-style:none;margin:0;padding:0}
body.ws .up-row{display:flex;flex-wrap:wrap;align-items:center;gap:2px 10px;padding:8px 0;border-top:1px solid var(--line-2);font-size:13.5px}
body.ws .up-row.sel .up-t{font-weight:600}
body.ws .up-row .up-m{flex:1;min-width:200px}
body.ws .up-a{display:flex;align-items:center;gap:4px}
body.ws details.confirm{position:relative}
body.ws details.confirm>summary{list-style:none;cursor:pointer;height:28px;padding:0 8px;border:0;background:none;color:var(--fg-2);font-size:13px;font-weight:500;display:inline-flex;align-items:center;border-radius:var(--r)}
body.ws details.confirm>summary:hover{background:var(--hover);color:var(--fg)}
body.ws details.confirm[open]>form{position:absolute;right:0;top:calc(100% + 6px);z-index:40;width:300px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-pop)}
body.ws .doc-row .item-t{font-weight:500}
body.ws li.doc-li{position:relative}body.ws li.doc-li>.doc-row{padding-right:44px}body.ws li.doc-li>details.confirm.doc-del,body.ws li.doc-li>form.doc-del,body.ws li.doc-li>.doc-acts{position:absolute;right:6px;bottom:8px}body.ws li.doc-li>form.doc-del button{color:var(--fg-4)}body.ws li.doc-li>form.doc-del button:hover{color:var(--fg)}body.ws .doc-acts>.doc-del{position:static}body.ws .doc-del>summary{color:var(--fg-4)}body.ws .doc-del>summary:hover,body.ws .doc-del[open]>summary{color:var(--red)}body.ws .doc-del p{margin:0 0 10px;white-space:normal}
body.ws .doc-sum,body.ws .tl-sum{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:3px;font-size:13px;line-height:18px;color:var(--fg-2);white-space:normal}
body.ws .doc-why{color:#8A5A00}
body.ws .st-extra{font-size:12.5px;color:var(--fg-3);margin-left:4px}
body.ws .pop-stack{display:grid;gap:8px;margin-top:10px}
body.ws .pop-stack button{width:100%}
body.ws details.export-pop .pop-panel{width:300px;padding:8px}
body.ws .export-pop .menu{margin:0}body.ws .export-pop .menu form+form{margin:2px 0 0;padding:0;border:0}body.ws .export-pop .menu button{height:auto;padding:8px;align-items:flex-start;gap:10px;text-align:left;white-space:normal}
body.ws .export-pop .menu button .i{margin-top:2px;color:var(--fg-3)}body.ws .ex-t{display:flex;flex-direction:column;gap:1px}body.ws .ex-t b{font-weight:500}body.ws .ex-t small{font-size:12.5px;color:var(--fg-3)}
body.ws .ex-open{margin:4px 8px 4px}body.ws .ex-chev{margin-left:2px;color:var(--fg-3)}
body.ws .export-off{display:inline-flex;cursor:not-allowed}body.ws .export-off button[disabled]{opacity:.45;pointer-events:none}
body.ws .tb-state{display:inline-flex;align-items:center}

/* ---- review: document on a neutral canvas (58 %), fields on the right (42 %, 380-480 px), one main action ---- */
body.ws .rv{flex:1;display:grid;grid-template-columns:minmax(0,1fr) clamp(380px,42%,480px);min-width:0;min-height:0}
body.ws .rv-pages{min-height:0;overflow-y:auto;padding:24px;background:#F4F4F1;gap:16px;scrollbar-width:thin}
body.ws .rv-pages .pg{flex:none;width:100%;max-width:860px;margin:0 auto;border:1px solid var(--line);border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
body.ws .rv-pages .pg .pno{background:rgba(255,255,255,.9);color:var(--fg-3);font-size:12px}
body.ws .rv-panel{position:relative;top:auto;min-height:0;overflow-y:auto;padding:24px 24px 0;border-left:1px solid var(--line);background:var(--surface);scrollbar-width:thin}
body.ws .rv-h{margin:0 0 16px}
body.ws .rv-h h1{font-size:18px;line-height:26px;overflow-wrap:anywhere}
body.ws .rv-meta{margin-top:2px;font-size:12.5px;line-height:18px;color:var(--fg-3);overflow-wrap:anywhere}
body.ws .rv-case{margin-top:10px;font-size:13px;line-height:19px;color:var(--fg-2)}
body.ws .rv-case b{color:var(--fg);font-weight:600}
body.ws .rv-target{display:flex;gap:8px;align-items:flex-start;margin-top:10px;font-size:13px;color:var(--fg-2);overflow-wrap:anywhere}
body.ws .rv-target .i{margin-top:2px;flex:none;color:var(--fg-3)}
body.ws .rv-p{margin:8px 0 16px;color:var(--fg-2)}
body.ws .rv-fields .fld{padding:12px 0;margin:0;border-bottom:1px solid var(--line-2);transition:background-color 120ms}
body.ws .rv-fields .fld label{display:block;margin:0 0 6px;font-size:13px;font-weight:500;color:var(--fg-2)}
body.ws .rv-fields .fld .req{color:var(--red)}
body.ws .rv-fields .fld.active{margin:0 -12px;padding:12px;background:#F5F7FD;border-radius:var(--r)}
body.ws .rv-fields .fld.err input,body.ws .rv-fields .fld.err select{border-color:var(--red)}
body.ws .rv-fields .fld.warn input,body.ws .rv-fields .fld.warn select{border-color:#D89A1E}
body.ws .rv-fields input[readonly],body.ws .rv-fields select:disabled{background:#FAFAF8;color:var(--fg)}
body.ws .fn{display:flex;align-items:center;gap:6px;margin:6px 0 0;font-size:12.5px;line-height:17px;color:var(--fg-3)}
body.ws .fn.ai{color:var(--ai)}body.ws .rv-fields textarea{min-height:64px}
body.ws .fn.ok{color:var(--green)}body.ws .fn.bad{color:var(--red)}body.ws .fn.warn{color:#8A5A00}
body.ws .fn .i{flex:none}
body.ws .rv-fields .snip{margin:3px 0 0;font-size:12.5px;line-height:17px;color:var(--fg-3);overflow-wrap:anywhere}
body.ws .chk.dup{margin:14px 0 0}
body.ws .amts{margin:14px 0 0;padding:10px 0 0;border-top:1px solid var(--line-2)}
body.ws .amts-h{margin:0 0 4px;font-size:12.5px;font-weight:500;color:var(--fg-2)}
body.ws .fld.amt{display:flex;gap:10px;align-items:baseline;padding:5px 0;border-radius:var(--r);font-size:13px;line-height:18px}
body.ws .fld.amt.active{margin:0 -8px;padding:5px 8px;background:#F5F7FD}
body.ws .amt-r{flex:none;min-width:92px;color:var(--fg-3)}
body.ws .amt-v{font-variant-numeric:tabular-nums;font-weight:600;color:var(--fg)}
body.ws .amt-l{flex:1;min-width:0;color:var(--fg-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ws .amt-m{flex:none;font-size:11.5px;line-height:16px;padding:0 7px;border-radius:99px;background:var(--line-2);color:var(--fg-2)}
body.ws .rv-foot{position:sticky;bottom:0;z-index:2;display:flex;flex-wrap:wrap;gap:8px;margin:0 -24px;padding:12px 24px 16px;background:var(--surface);border-top:1px solid var(--line)}
body.ws details.rv-events{margin:20px 0 24px}
body.ws details.rv-events>summary{list-style:none;cursor:pointer}body.ws details.rv-events>summary::-webkit-details-marker{display:none}
body.ws .ev-list{list-style:none;margin:0;padding:0}
body.ws .ev-list li{display:flex;flex-wrap:wrap;gap:0 8px;padding:6px 0;border-top:1px solid var(--line-2);font-size:13px}
body.ws .ev-t{flex:1;min-width:0}body.ws .ev-d{color:var(--fg-3);font-size:12.5px}
body.ws .ev-x{flex-basis:100%;color:var(--fg-3);font-size:12.5px;overflow-wrap:anywhere}
body.ws .menu .menu-danger{color:var(--red)}body.ws .menu .menu-danger .i{color:var(--red)}
body.ws .doc-menu .pop-panel{width:280px}
body.ws .doc-menu .menu form{margin:0}
body.ws .doc-menu .pop-panel>form{margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}
@media (max-width:1023px){body.ws .rv{grid-template-columns:minmax(0,1fr) 380px}body.ws .rv-pages{padding:16px}}
@media (max-width:759px){
 body.ws .rv{display:block}
 body.ws .rv-pages{max-height:55vh;padding:12px}
 body.ws .rv-panel{border:0;padding:16px 16px 0;overflow:visible}
 body.ws .rv-foot{margin:0 -16px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));bottom:calc(56px + env(safe-area-inset-bottom))}
 body.ws .drop-ws{padding:12px 14px}
 body.ws .topbar .tb-state{display:none}
}

/* ---- Einstellungen: groups on the left, the existing pages calmer on the right ---- */
body.ws main.content.settings{max-width:1144px}
body.ws .set{display:grid;grid-template-columns:200px minmax(0,1fr);gap:40px;align-items:start}
body.ws .set-nav{position:sticky;top:76px;display:flex;flex-direction:column;gap:14px}
body.ws .set-all{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;color:var(--fg-3)}
body.ws .set-all:hover{color:var(--fg);text-decoration:none}
body.ws .set-g{display:flex;flex-direction:column;gap:1px}
body.ws .set-gt{margin:0 0 4px;font-size:12.5px;font-weight:500;color:var(--fg-3)}
body.ws .set-i{display:block;padding:5px 8px;margin:0 -8px;border-radius:var(--r);color:var(--fg-2);font-size:13.5px;text-decoration:none}
body.ws .set-i:hover{background:var(--hover);color:var(--fg);text-decoration:none}
body.ws .set-i.on{background:var(--active-bg);color:var(--fg);font-weight:500}
body.ws .set-body{min-width:0;max-width:780px}
body.ws .set-body>h1{margin-bottom:2px}
body.ws .set-body .lead{margin-bottom:24px}
body.ws .set-body .pill{background:none;padding:0;border-radius:0;color:var(--fg-2);font-size:13px}
body.ws .set-body .pill::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--fg-4);vertical-align:1px}
body.ws .set-body .pill.ok{background:none;color:var(--fg-2)}body.ws .set-body .pill.ok::before{background:var(--green)}
body.ws .set-body .pill.warn{background:none;color:var(--fg-2)}body.ws .set-body .pill.warn::before{background:#D89A1E}
body.ws .set-body .pill.bad{background:none;color:var(--red)}body.ws .set-body .pill.bad::before{background:var(--red)}
body.ws .set-body .card{margin:0;padding:24px 0;border:0;border-top:1px solid var(--line);border-radius:0;background:none}
body.ws .set-body .card h2{margin:0 0 4px;font-size:14px;line-height:20px;font-weight:600;color:var(--fg)}
body.ws .set-body .card h2 .dot{margin-right:8px;vertical-align:1px}
body.ws .set-body label:not(.chk){margin:14px 0 6px}
body.ws .set-body .chk{margin:10px 0}
body.ws h2.smtp-h,body.ws .set-body h2.smtp-h{margin-top:32px;padding-top:20px;border-top:1px solid var(--line)}body.ws details.smtp summary{cursor:pointer;margin:6px 0;color:var(--fg-2);font-size:13px}body.ws details.smtp:has(input[name=smtp_same_login]:checked) .smtp-login{display:none}
body.ws .set-body .chk b{display:block;font-weight:500}
body.ws .set-body .grid{gap:0 16px}
body.ws .set-body a.btn:not(.secondary),body.ws .set-body a.btn{background:var(--surface);border-color:var(--line-strong);color:var(--fg)}
body.ws .set-body a.btn:hover{background:var(--hover);border-color:#D2D2CD}
body.ws .set-body .card>a.btn,body.ws .set-body .card>.row{margin-top:12px}
body.ws .set-body .jump{display:flex;flex-wrap:wrap;gap:4px 14px;margin:8px 0 8px;font-size:13px}
body.ws .set-body .fixed{background:#F7F7F5;border-radius:var(--r-lg)}
body.ws .set-body .preview{border:0;border-left:2px solid #D89A1E;border-radius:0;background:none;color:var(--fg);padding:6px 0 6px 12px}
body.ws .set-body .faq{border-top-color:var(--line-2)}
body.ws .set-body .steps li{border-bottom-color:var(--line-2)}
body.ws .set-body .kpi{font-size:22px}
body.ws .set-body .scroll{overflow-x:auto}
body.ws .set-index{max-width:640px}
body.ws .set-list .item{min-height:52px}
body.ws .set-list .item .ico{color:var(--fg-3)}
body.ws .set-list .item-r .i{color:var(--fg-4)}
body.ws .list.lines.set-list>li+li>.item::before{left:36px}
body.ws .set-sec{margin:0 0 28px}
body.ws .mods{list-style:none;margin:0;padding:0}
body.ws .mods li{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line-2)}
body.ws .mods .st{font-size:14px;color:var(--fg)}
body.ws .kv-x{font-size:12.5px;color:var(--fg-3)}
body.ws .kvs{margin:0}
body.ws .kv{display:grid;grid-template-columns:140px minmax(0,1fr);gap:16px;padding:10px 0;border-top:1px solid var(--line-2)}
body.ws .kv dt{color:var(--fg-2);font-size:13.5px}body.ws .kv dd{margin:0;font-size:13.5px;line-height:20px}
@media (max-width:1023px){body.ws .set{grid-template-columns:minmax(0,1fr)}body.ws .set-nav{display:none}}
@media (max-width:759px){body.ws .kv{grid-template-columns:minmax(0,1fr);gap:2px}}

@media (prefers-reduced-motion:reduce){body.ws *,body.ws *::before,body.ws *::after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}

/* phones: iOS zooms into every field with less than 16px text - the page jumped on each tap */
@media (max-width:759px){body.ws input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=hidden]),body.ws select,body.ws textarea{font-size:16px!important}}
/* the camera button only where there is a camera to point (touch); "Datei wählen" everywhere */
@media (hover:hover) and (pointer:fine){body.ws form[data-ui="photo"]{display:none}}
/* the installed app has no browser bar: its own reload button, only there */
body.ws .tb-reload{display:none}
@media (display-mode:standalone){body.ws .tb-reload{display:inline-flex}}
body.ws .menu .menu-ver{margin:6px 10px 2px;font-size:11.5px;color:var(--fg-3)}
body.ws .cal-q-t0{top:0px}
body.ws .cal-q-t1{top:11px}
body.ws .cal-q-t2{top:22px}
body.ws .cal-q-t3{top:33px}
body.ws .cal-q-t4{top:44px}
body.ws .cal-q-t5{top:55px}
body.ws .cal-q-t6{top:66px}
body.ws .cal-q-t7{top:77px}
body.ws .cal-q-t8{top:88px}
body.ws .cal-q-t9{top:99px}
body.ws .cal-q-t10{top:110px}
body.ws .cal-q-t11{top:121px}
body.ws .cal-q-t12{top:132px}
body.ws .cal-q-t13{top:143px}
body.ws .cal-q-t14{top:154px}
body.ws .cal-q-t15{top:165px}
body.ws .cal-q-t16{top:176px}
body.ws .cal-q-t17{top:187px}
body.ws .cal-q-t18{top:198px}
body.ws .cal-q-t19{top:209px}
body.ws .cal-q-t20{top:220px}
body.ws .cal-q-t21{top:231px}
body.ws .cal-q-t22{top:242px}
body.ws .cal-q-t23{top:253px}
body.ws .cal-q-t24{top:264px}
body.ws .cal-q-t25{top:275px}
body.ws .cal-q-t26{top:286px}
body.ws .cal-q-t27{top:297px}
body.ws .cal-q-t28{top:308px}
body.ws .cal-q-t29{top:319px}
body.ws .cal-q-t30{top:330px}
body.ws .cal-q-t31{top:341px}
body.ws .cal-q-t32{top:352px}
body.ws .cal-q-t33{top:363px}
body.ws .cal-q-t34{top:374px}
body.ws .cal-q-t35{top:385px}
body.ws .cal-q-t36{top:396px}
body.ws .cal-q-t37{top:407px}
body.ws .cal-q-t38{top:418px}
body.ws .cal-q-t39{top:429px}
body.ws .cal-q-t40{top:440px}
body.ws .cal-q-t41{top:451px}
body.ws .cal-q-t42{top:462px}
body.ws .cal-q-t43{top:473px}
body.ws .cal-q-t44{top:484px}
body.ws .cal-q-t45{top:495px}
body.ws .cal-q-t46{top:506px}
body.ws .cal-q-t47{top:517px}
body.ws .cal-q-t48{top:528px}
body.ws .cal-q-t49{top:539px}
body.ws .cal-q-t50{top:550px}
body.ws .cal-q-t51{top:561px}
body.ws .cal-q-t52{top:572px}
body.ws .cal-q-t53{top:583px}
body.ws .cal-q-t54{top:594px}
body.ws .cal-q-t55{top:605px}
body.ws .cal-q-t56{top:616px}
body.ws .cal-q-t57{top:627px}
body.ws .cal-q-t58{top:638px}
body.ws .cal-q-t59{top:649px}
body.ws .cal-q-t60{top:660px}
body.ws .cal-q-t61{top:671px}
body.ws .cal-q-t62{top:682px}
body.ws .cal-q-t63{top:693px}
body.ws .cal-q-t64{top:704px}
body.ws .cal-q-t65{top:715px}
body.ws .cal-q-t66{top:726px}
body.ws .cal-q-t67{top:737px}
body.ws .cal-q-t68{top:748px}
body.ws .cal-q-t69{top:759px}
body.ws .cal-q-t70{top:770px}
body.ws .cal-q-t71{top:781px}
body.ws .cal-q-t72{top:792px}
body.ws .cal-q-t73{top:803px}
body.ws .cal-q-t74{top:814px}
body.ws .cal-q-t75{top:825px}
body.ws .cal-q-t76{top:836px}
body.ws .cal-q-t77{top:847px}
body.ws .cal-q-t78{top:858px}
body.ws .cal-q-t79{top:869px}
body.ws .cal-q-t80{top:880px}
body.ws .cal-q-t81{top:891px}
body.ws .cal-q-t82{top:902px}
body.ws .cal-q-t83{top:913px}
body.ws .cal-q-t84{top:924px}
body.ws .cal-q-t85{top:935px}
body.ws .cal-q-t86{top:946px}
body.ws .cal-q-t87{top:957px}
body.ws .cal-q-t88{top:968px}
body.ws .cal-q-t89{top:979px}
body.ws .cal-q-t90{top:990px}
body.ws .cal-q-t91{top:1001px}
body.ws .cal-q-t92{top:1012px}
body.ws .cal-q-t93{top:1023px}
body.ws .cal-q-t94{top:1034px}
body.ws .cal-q-t95{top:1045px}
body.ws .cal-q-t96{top:1056px}
body.ws .cal-q-h1{height:11px}
body.ws .cal-q-h2{height:22px}
body.ws .cal-q-h3{height:33px}
body.ws .cal-q-h4{height:44px}
body.ws .cal-q-h5{height:55px}
body.ws .cal-q-h6{height:66px}
body.ws .cal-q-h7{height:77px}
body.ws .cal-q-h8{height:88px}
body.ws .cal-q-h9{height:99px}
body.ws .cal-q-h10{height:110px}
body.ws .cal-q-h11{height:121px}
body.ws .cal-q-h12{height:132px}
body.ws .cal-q-h13{height:143px}
body.ws .cal-q-h14{height:154px}
body.ws .cal-q-h15{height:165px}
body.ws .cal-q-h16{height:176px}
body.ws .cal-q-h17{height:187px}
body.ws .cal-q-h18{height:198px}
body.ws .cal-q-h19{height:209px}
body.ws .cal-q-h20{height:220px}
body.ws .cal-q-h21{height:231px}
body.ws .cal-q-h22{height:242px}
body.ws .cal-q-h23{height:253px}
body.ws .cal-q-h24{height:264px}
body.ws .cal-q-h25{height:275px}
body.ws .cal-q-h26{height:286px}
body.ws .cal-q-h27{height:297px}
body.ws .cal-q-h28{height:308px}
body.ws .cal-q-h29{height:319px}
body.ws .cal-q-h30{height:330px}
body.ws .cal-q-h31{height:341px}
body.ws .cal-q-h32{height:352px}
body.ws .cal-q-h33{height:363px}
body.ws .cal-q-h34{height:374px}
body.ws .cal-q-h35{height:385px}
body.ws .cal-q-h36{height:396px}
body.ws .cal-q-h37{height:407px}
body.ws .cal-q-h38{height:418px}
body.ws .cal-q-h39{height:429px}
body.ws .cal-q-h40{height:440px}
body.ws .cal-q-h41{height:451px}
body.ws .cal-q-h42{height:462px}
body.ws .cal-q-h43{height:473px}
body.ws .cal-q-h44{height:484px}
body.ws .cal-q-h45{height:495px}
body.ws .cal-q-h46{height:506px}
body.ws .cal-q-h47{height:517px}
body.ws .cal-q-h48{height:528px}
body.ws .cal-q-h49{height:539px}
body.ws .cal-q-h50{height:550px}
body.ws .cal-q-h51{height:561px}
body.ws .cal-q-h52{height:572px}
body.ws .cal-q-h53{height:583px}
body.ws .cal-q-h54{height:594px}
body.ws .cal-q-h55{height:605px}
body.ws .cal-q-h56{height:616px}
body.ws .cal-q-h57{height:627px}
body.ws .cal-q-h58{height:638px}
body.ws .cal-q-h59{height:649px}
body.ws .cal-q-h60{height:660px}
body.ws .cal-q-h61{height:671px}
body.ws .cal-q-h62{height:682px}
body.ws .cal-q-h63{height:693px}
body.ws .cal-q-h64{height:704px}
body.ws .cal-q-h65{height:715px}
body.ws .cal-q-h66{height:726px}
body.ws .cal-q-h67{height:737px}
body.ws .cal-q-h68{height:748px}
body.ws .cal-q-h69{height:759px}
body.ws .cal-q-h70{height:770px}
body.ws .cal-q-h71{height:781px}
body.ws .cal-q-h72{height:792px}
body.ws .cal-q-h73{height:803px}
body.ws .cal-q-h74{height:814px}
body.ws .cal-q-h75{height:825px}
body.ws .cal-q-h76{height:836px}
body.ws .cal-q-h77{height:847px}
body.ws .cal-q-h78{height:858px}
body.ws .cal-q-h79{height:869px}
body.ws .cal-q-h80{height:880px}
body.ws .cal-q-h81{height:891px}
body.ws .cal-q-h82{height:902px}
body.ws .cal-q-h83{height:913px}
body.ws .cal-q-h84{height:924px}
body.ws .cal-q-h85{height:935px}
body.ws .cal-q-h86{height:946px}
body.ws .cal-q-h87{height:957px}
body.ws .cal-q-h88{height:968px}
body.ws .cal-q-h89{height:979px}
body.ws .cal-q-h90{height:990px}
body.ws .cal-q-h91{height:1001px}
body.ws .cal-q-h92{height:1012px}
body.ws .cal-q-h93{height:1023px}
body.ws .cal-q-h94{height:1034px}
body.ws .cal-q-h95{height:1045px}
body.ws .cal-q-h96{height:1056px}
body.ws .cal-hrs-1{height:44px}
body.ws .cal-hrs-2{height:88px}
body.ws .cal-hrs-3{height:132px}
body.ws .cal-hrs-4{height:176px}
body.ws .cal-hrs-5{height:220px}
body.ws .cal-hrs-6{height:264px}
body.ws .cal-hrs-7{height:308px}
body.ws .cal-hrs-8{height:352px}
body.ws .cal-hrs-9{height:396px}
body.ws .cal-hrs-10{height:440px}
body.ws .cal-hrs-11{height:484px}
body.ws .cal-hrs-12{height:528px}
body.ws .cal-hrs-13{height:572px}
body.ws .cal-hrs-14{height:616px}
body.ws .cal-hrs-15{height:660px}
body.ws .cal-hrs-16{height:704px}
body.ws .cal-hrs-17{height:748px}
body.ws .cal-hrs-18{height:792px}
body.ws .cal-hrs-19{height:836px}
body.ws .cal-hrs-20{height:880px}
body.ws .cal-hrs-21{height:924px}
body.ws .cal-hrs-22{height:968px}
body.ws .cal-hrs-23{height:1012px}
body.ws .cal-hrs-24{height:1056px}
body.ws .cal-c1-0{left:0%;width:100%}
body.ws .cal-c2-0{left:0%;width:50%}
body.ws .cal-c2-1{left:50%;width:50%}
body.ws .cal-c3-0{left:0%;width:33.333333333333336%}
body.ws .cal-c3-1{left:33.333333333333336%;width:33.333333333333336%}
body.ws .cal-c3-2{left:66.66666666666667%;width:33.333333333333336%}
body.ws .cal-c4-0{left:0%;width:25%}
body.ws .cal-c4-1{left:25%;width:25%}
body.ws .cal-c4-2{left:50%;width:25%}
body.ws .cal-c4-3{left:75%;width:25%}
body.ws .cal{display:grid;grid-template-columns:200px minmax(0,1fr);gap:24px;align-items:start}
body.ws .cal-side summary{font-size:12px;font-weight:600;color:var(--fg-3);text-transform:uppercase;letter-spacing:.04em;list-style:none;cursor:default;margin:6px 0 8px}
body.ws .cal-side summary::-webkit-details-marker{display:none}
body.ws .cal-side ul{list-style:none;margin:0 0 10px;padding:0}
body.ws .cal-tog{margin:0}
body.ws .cal-tog-b{all:unset;display:flex;align-items:center;gap:8px;width:100%;padding:5px 6px;border-radius:var(--r);cursor:pointer;font-size:13px;color:var(--fg-2)}
body.ws .cal-tog-b:hover{background:var(--hover)}
body.ws .cal-tog-b .sw{flex:none;width:12px;height:12px;border-radius:3px;border:2px solid var(--c);background:transparent}
body.ws .cal-tog-b.on .sw{background:var(--c)}body.ws .cal-tog-b.on{color:var(--fg)}
body.ws .cal-tog-b .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ws .cal-nav{display:flex;align-items:center;gap:4px;margin-right:8px}body.ws .cal-label{font-weight:600;font-size:14px;margin-left:6px;white-space:nowrap}
body.ws .cal-week{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-lg)}
body.ws .cal-week-in{min-width:640px}
body.ws .cal-row{display:grid;grid-template-columns:52px repeat(7,minmax(0,1fr))}
body.ws .cal-head{border-bottom:1px solid var(--line)}
body.ws .cal-dh{display:flex;flex-direction:column;align-items:center;padding:6px 0;color:var(--fg-2);text-decoration:none;font-size:12px}
body.ws .cal-dh b{font-size:17px;font-weight:600;color:var(--fg);line-height:24px;width:28px;text-align:center;border-radius:50%}
body.ws .cal-dh.today b{background:var(--link);color:#fff}
body.ws .cal-dh:hover{background:var(--hover);text-decoration:none}
body.ws .cal-adrow{border-bottom:1px solid var(--line);min-height:28px}
body.ws .cal-ad{padding:3px;border-left:1px solid var(--line-2);min-width:0}
body.ws .cal-gut{font-size:11px;color:var(--fg-3);text-align:right;padding:4px 6px 0 0}
body.ws .cal-grid{position:relative}
body.ws .cal-hours{position:relative;padding:0}
body.ws .cal-h{position:absolute;right:6px;transform:translateY(-6px)}
body.ws .cal-h:first-child{transform:none}
body.ws .cal-col{position:relative;border-left:1px solid var(--line-2);background:repeating-linear-gradient(to bottom,transparent 0,transparent 43px,var(--line-2) 43px,var(--line-2) 44px)}
body.ws .cal-col.today{background-color:rgba(47,91,216,.03)}
body.ws .cal-slot{position:absolute;left:0;right:0;display:block}
body.ws .cal-slot:hover{background:var(--hover)}
body.ws .cal-ev{position:absolute;box-sizing:border-box;padding:2px 5px;border-radius:var(--r-sm);border-left:3px solid var(--c);background:color-mix(in srgb,var(--c) 14%,#fff);color:var(--fg);font-size:12px;line-height:15px;overflow:hidden;text-decoration:none;display:flex;flex-direction:column;border-right:1px solid #fff}
body.ws .cal-ev:hover{background:color-mix(in srgb,var(--c) 24%,#fff);text-decoration:none;z-index:2}
body.ws .cal-ev .n{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body.ws .cal-ev .t{color:var(--fg-2);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.ws .cal-now{position:absolute;left:0;right:0;height:2px;background:var(--red);pointer-events:none}
body.ws .cal-chip{display:flex;gap:4px;align-items:baseline;max-width:100%;padding:1px 5px;margin:0 0 2px;border-radius:var(--r-sm);background:color-mix(in srgb,var(--c) 16%,#fff);border-left:3px solid var(--c);color:var(--fg);font-size:11.5px;line-height:16px;text-decoration:none;overflow:hidden;white-space:nowrap}
body.ws .cal-chip .n{overflow:hidden;text-overflow:ellipsis}body.ws .cal-chip .t{color:var(--fg-2);flex:none}
body.ws .cal-chip:hover{text-decoration:none;background:color-mix(in srgb,var(--c) 26%,#fff)}
body.ws .cal-mgrid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
body.ws .cal-mh{font-size:11px;color:var(--fg-3);padding:6px;border-bottom:1px solid var(--line);text-align:center}
body.ws .cal-mc{min-height:96px;padding:4px;border-right:1px solid var(--line-2);border-bottom:1px solid var(--line-2);min-width:0}
body.ws .cal-mc.other{background:var(--side)}body.ws .cal-mc.other .cal-md{color:var(--fg-4)}
body.ws .cal-md{display:inline-block;font-size:12px;font-weight:600;color:var(--fg-2);text-decoration:none;min-width:22px;text-align:center;border-radius:11px;margin-bottom:2px}
body.ws .cal-mc.today .cal-md{background:var(--link);color:#fff}
body.ws .cal-more{font-size:11px;color:var(--fg-3)}
body.ws .cal-day-h{font-size:17px;margin:0 0 10px}
body.ws .cal-list{list-style:none;margin:0 0 12px;padding:0}
body.ws .cal-li{display:grid;grid-template-columns:108px minmax(0,1fr) auto;gap:10px;align-items:baseline;padding:10px 8px;border-left:3px solid var(--c);border-bottom:1px solid var(--line-2);color:var(--fg);text-decoration:none}
body.ws .cal-li:hover{background:var(--hover);text-decoration:none}
body.ws .cal-li-t{font-variant-numeric:tabular-nums;color:var(--fg-2);font-size:13px}
body.ws .cal-li-m{display:flex;flex-direction:column;min-width:0}body.ws .cal-li-m b{font-weight:600;overflow-wrap:anywhere}
body.ws .cal-li-c{font-size:12px;color:var(--fg-3)}
body.ws .cal-empty{max-width:520px;margin:40px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
body.ws .cal-form{max-width:560px}
body.ws .cal-when,body.ws .cal-two{display:flex;gap:12px;flex-wrap:wrap}body.ws .cal-when .field{flex:1;min-width:130px}body.ws .cal-two .field{flex:1;min-width:180px}
body.ws .cal-time{max-width:140px}
body.ws .cal-acts{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:12px 0}
body.ws .cal-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--c);margin-right:8px;vertical-align:baseline}
body.ws .cal-ev-h{display:flex;align-items:center;gap:4px}
body.ws .cal-facts{list-style:none;margin:8px 0 12px;padding:0}body.ws .cal-facts li{display:flex;align-items:center;gap:8px;padding:4px 0;color:var(--fg-2)}
body.ws .cal-notes{white-space:pre-wrap;margin:0 0 12px;max-width:640px}
body.ws .cal-tbl{width:100%;border-collapse:collapse;font-size:13px}body.ws .cal-tbl th{text-align:left;font-weight:500;color:var(--fg-3);font-size:12px;padding:6px 8px;border-bottom:1px solid var(--line)}
body.ws .cal-tbl td{padding:8px;border-bottom:1px solid var(--line-2)}body.ws .cal-tbl td:not(:first-child),body.ws .cal-tbl th:not(:first-child){text-align:center;width:110px}
body.ws .cal-wds{display:flex;flex-wrap:wrap;gap:4px 14px;margin:0 0 8px}body.ws .cal-wd{margin:4px 0}
body.ws .bad-t{color:var(--red)}
body.ws .tb-search-mob{display:none}@media (max-width:759px){body.ws .tb-search-mob{display:inline-flex}}
body.ws .cal-bar-mob{display:none}
@media (max-width:759px){body.ws .tb-l .cal-nav,body.ws .tb-l .cal-seg{display:none}body.ws .cal-bar-mob{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px}body.ws .cal-bar-mob .cal-nav{margin:0}}
body.ws .cal-mail{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 12px;padding:7px 10px;border-radius:var(--r);background:var(--side);font-size:13px}
body.ws .cal-mail .ok-t{color:var(--green)}body.ws .cal-today{border-left:3px solid var(--c);padding-left:10px}body.ws .cal-today.past .item-t{color:var(--fg-3)}body.ws .cal-mail-p{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}body.ws .cal-mail .warn-t{color:var(--yellow)}
@media (max-width:1023px){body.ws .cal{grid-template-columns:minmax(0,1fr);gap:8px}body.ws .cal-side[open] ul{display:flex;flex-wrap:wrap;gap:2px 10px}body.ws .cal-side .cal-tog-b{width:auto}}
@media (max-width:759px){
 body.ws .cal-nav .cal-label{font-size:13px}
 body.ws .cal-li{grid-template-columns:84px minmax(0,1fr)}body.ws .cal-li-c{display:none}
 body.ws .cal-mc{min-height:64px;padding:2px}body.ws .cal-mc .cal-chip .t{display:none}body.ws .cal-chip{font-size:10.5px;padding:0 3px}
 body.ws .cal-tbl td:not(:first-child),body.ws .cal-tbl th:not(:first-child){width:64px}
}

body.ws .muster{max-width:960px}
body.ws .mu-head{margin:0 0 32px}
body.ws .mu-note{margin:-2px 0 10px}
body.ws .mu-body{padding-top:6px}
body.ws .mu-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 10px}
body.ws .mu-type{display:grid;gap:14px}
body.ws .mu-l{display:block;font-size:12px;color:var(--fg-3);margin:0 0 2px}
body.ws .mu-sw{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
body.ws .mu-swatch{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--fg-2)}
body.ws .sw{width:22px;height:22px;border-radius:5px;border:1px solid rgba(0,0,0,.06);flex:none}
body.ws .sw-fg{background:#1D1D1B}body.ws .sw-fg-2{background:#62625D}body.ws .sw-fg-3{background:#74746E}body.ws .sw-line{background:#ECECE8}
body.ws .sw-side{background:#F7F7F5}body.ws .sw-sel{background:#EFEFEC}body.ws .sw-link{background:#2F5BD8}body.ws .sw-ai{background:#5A4BCF}
body.ws .sw-green{background:#2F7D50}body.ws .sw-yellow{background:#A26A00}body.ws .sw-red{background:#C03A2B}
body.ws .mu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:0 16px}
body.ws .mu-wide{grid-column:1/-1}
body.ws .mu-icons{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:4px}
body.ws .mu-icon{display:flex;align-items:center;gap:8px;height:30px;color:var(--fg-2);font-size:12px}
body.ws .mu-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px}body.ws .mu-cols>div{min-width:0}
body.ws .mu-h{font-size:12.5px;font-weight:500;color:var(--fg-3);margin:0 0 4px}
body.ws .mu-h:not(:first-child){margin-top:20px}
body.ws .mu-state{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 12px;border:1px solid var(--line);border-radius:18px;font-size:13px;color:var(--fg-2)}
body.ws .mu-ai-demo{max-width:720px;pointer-events:none}
body.ws .mu-panel{position:relative;height:720px;max-width:420px;border:1px dashed var(--line-strong);border-radius:var(--r-lg);overflow:hidden;pointer-events:none}
body.ws .toast.static{position:static;transform:none;display:inline-flex;animation:none}
@media (max-width:760px){body.ws .mu-cols{grid-template-columns:minmax(0,1fr)}}