/* Modul kommunikation: Postfach, Dokumente, KI-Prüfung, Verwaltung. Präfix .ko- */

/* ---------------------------------------------------------------- Rahmen-Varianten */
.app.ko-full .main{overflow:hidden;padding-bottom:0}
.app.ko-nopad .main{padding-bottom:0}
.ko-small{font-size:12px}
.ko-wrap{white-space:normal!important}
table.t.ko-bk td{white-space:normal}
.ko-lnk{font-size:12px;color:var(--blue);font-weight:500;white-space:nowrap;flex:none}
.ko-lnk:hover{text-decoration:underline}
.ko-note{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;font-size:12.5px;line-height:1.55;margin-top:14px}
.ko-note .ic{margin-top:2px;color:var(--bord)}
.ko-y{color:var(--blue)}
.ko-p{color:var(--bord);font-size:11px}
.ko-no{color:var(--line2)}
.kpirow.ko-kpi4{grid-template-columns:repeat(4,minmax(0,1fr))}
/* Zähler in der Unternavigation wie im Render (gleiche Größe) */
.subnav-in a[href="#/dokumente/eingang"] .sn,.subnav-in a[href="#/verwaltung/benutzer"] .sn{font-size:inherit;color:inherit;margin-left:2px}

/* ================================================================ Postfach */
.ko-pf{display:grid;grid-template-columns:380px minmax(0,1fr) 300px;height:100%;min-height:0}
.ko-list{border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0;min-width:0}
.ko-lh{padding:22px 24px 12px;display:flex;align-items:center;gap:10px}
.ko-lh .btn{margin-left:auto}
.ko-fil{display:flex;gap:16px;white-space:nowrap;font-size:13px;color:var(--grey);padding:0 24px 10px;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}
.ko-fil::-webkit-scrollbar{display:none}
.ko-fil a{padding-bottom:3px;border-bottom:1px solid transparent;flex:none}
.ko-fil a:hover{color:var(--ink)}
.ko-fil a.on{color:var(--ink);border-bottom-color:var(--blue)}
.ko-fil .ko-n{font-size:inherit}
.ko-fil a:not(.on) .ko-n{color:var(--bord)}
.ko-threads{overflow-y:auto;min-height:0;flex:1}
.ko-th{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:14px 24px;border-bottom:1px solid var(--line);position:relative}
.ko-th:hover{background:var(--soft2)}
.ko-th.on{background:var(--blue-5)}
.ko-th.on:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--blue)}
.ko-th-t{display:flex;align-items:baseline;gap:8px;min-width:0}
.ko-th-t b{font-weight:500;font-size:14px}
.ko-th-t span{margin-left:auto;font-size:11.5px;color:var(--grey);flex:none}
.ko-th-s{font-size:13px;margin-top:2px;padding-right:18px}
.ko-th p{font-size:12.5px;color:var(--grey);margin-top:2px}
.ko-un{position:absolute;right:24px;top:40px;width:8px;height:8px;border-radius:50%;background:var(--blue)}
.ko-conv{display:flex;flex-direction:column;min-width:0;min-height:0}
.ko-ch{padding:20px 30px 16px;border-bottom:1px solid var(--line)}
.ko-chrow{display:flex;align-items:center;gap:10px}
.ko-chr{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end;margin-left:auto}
.ko-subj{margin-top:6px}
.ko-ch .kicker a:hover{text-decoration:underline}
.ko-back{display:none;align-items:center;gap:6px;font-size:13px;color:var(--blue);font-weight:500;margin-bottom:10px}
.ko-msgs{flex:1;padding:20px 30px;overflow-y:auto;background:var(--soft2);min-height:0}
.ko-msg{max-width:520px;margin-bottom:16px}
.ko-msg .b{background:#fff;border:1px solid var(--line);padding:12px 14px;font-size:13.5px;line-height:1.5;white-space:pre-line;overflow-wrap:anywhere}
.ko-msg.me{margin-left:auto}
.ko-msg.me .b{background:var(--blue);border-color:var(--blue);color:#fff}
.ko-msg.sys .b{background:var(--soft);border-color:var(--line);color:var(--ink2);font-size:12.5px}
.ko-msg .meta{font-size:11.5px;color:var(--grey);margin-top:5px}
.ko-msg.me .meta{text-align:right}
.ko-pics{display:flex;gap:6px;margin-top:8px;flex-wrap:wrap;white-space:normal}
.ko-pics .photo{width:170px;height:122px;display:block;cursor:zoom-in;max-width:calc(50% - 3px)}
.ko-files{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;white-space:normal}
.ko-file{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line2);padding:5px 10px;font-size:12px;max-width:100%;background:#fff;color:var(--ink)}
.ko-file:hover{border-color:var(--blue);color:var(--blue)}
.ko-msg.me .ko-file{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.ko-draft{border-top:1px solid var(--line);padding:16px 30px 18px;background:#fff}
.ko-airow{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}
.ko-airow .ai{flex:1;min-width:0;align-items:flex-start;line-height:1.4}
.ko-airow .ai .ic{margin-top:1px}
.ko-box{display:block;width:100%;border:1px solid var(--blue);padding:12px 14px;font-size:13.5px;line-height:1.5;resize:vertical;min-height:84px;border-radius:0;background:#fff}
.ko-box:focus{outline:none;box-shadow:0 0 0 3px var(--blue-10)}
.ko-sendrow{display:flex;align-items:center;gap:10px;margin-top:10px}
.ko-sendrow .btn{margin-left:auto}
.ko-slots{display:flex;gap:8px;flex-wrap:wrap}
.ko-slots button{font-size:12px;border:1px solid var(--line2);padding:5px 10px;white-space:nowrap}
.ko-slots button:hover{border-color:var(--blue)}
.ko-slots button.on{border-color:var(--blue);color:var(--blue);background:var(--blue-5)}
.ko-hint{font-size:12px}
.ko-ctx{border-left:1px solid var(--line);padding:22px;overflow-y:auto;min-height:0;min-width:0}
.ko-cx-t{font-weight:500;margin-top:12px}
.ko-cx-s{font-size:12.5px}
.ko-kv{display:grid;grid-template-columns:minmax(0,1fr) auto;font-size:12.5px;margin-top:10px;border-top:1px solid var(--ink)}
.ko-kv>span{padding:8px 0;border-bottom:1px solid var(--line);min-width:0}
.ko-kv>span:nth-child(even){text-align:right;padding-left:10px}
.ko-kv2{grid-template-columns:auto minmax(0,1fr);margin-top:0}
.ko-cx-h{font-size:14px;margin-top:16px;margin-bottom:4px}
.ko-cx-l{font-size:12.5px}
.ko-cx-l>div{gap:10px;padding:10px 0}
.ko-cx-l a:hover{color:var(--bord)}
.ko-cx-tk{display:flex;align-items:center;gap:8px;font-size:12.5px;padding:9px 0;border-bottom:1px solid var(--line)}
.ko-cx-tk:hover{color:var(--bord)}
.ko-cx-tk .ic{color:var(--grey)}
.ko-cx-a{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--blue);margin-top:14px}
.ko-cx-a:hover{text-decoration:underline}
.ko-cx-o{display:flex;gap:10px;align-items:center;padding:8px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.ko-cx-o .photo{flex:none;display:block}
.ko-cx-o b{display:block;font-weight:500}.ko-cx-o small{display:block;color:var(--grey)}
.ko-cx-p{display:flex;gap:12px;align-items:center;margin-top:12px}

/* ================================================================ Dokumente: Akte */
.ko-akte{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:calc(100% - 52px)}
.ko-tree{border-right:1px solid var(--line);padding:20px;background:var(--soft2);font-size:13.5px;min-width:0}
.ko-objsw{display:inline-flex;align-items:center;gap:6px}
.ko-objsw:hover{color:var(--ink)}
.ko-fo{padding:7px 0;display:flex;gap:8px;align-items:center}
.ko-fo:hover{color:var(--bord)}
.ko-fo.on{font-weight:600;color:var(--bord)}
.ko-fo.on .muted{font-weight:400}
.ko-fo.sub{padding-left:22px}
.ko-fo.on2{color:var(--bord);font-weight:600}
.ko-tsum{font-size:12px;margin-top:14px}
.ko-lockin{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:var(--ink2);margin-top:18px;padding-top:14px;border-top:1px solid var(--line);line-height:1.5}
.ko-lockin .ic{color:var(--bord);margin-top:1px}
.ko-dr{padding:22px 32px 32px;min-width:0}
.ko-search{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--ink);padding:8px 0;font-size:15px}
.ko-search input{flex:1;min-width:0;border:0;font-size:15px;background:transparent;padding:0}
.ko-search input:focus{outline:none}
.ko-search input::-webkit-search-cancel-button{cursor:pointer}
.ko-sh{margin-left:auto;font-size:12px;flex:none}
.ko-chiprow{display:flex;align-items:center;gap:6px;margin-top:12px;flex-wrap:wrap}
.ko-info{margin-left:auto;font-size:12px}
.ko-info a{color:var(--blue)}
.ko-info a:hover{text-decoration:underline}
.ko-dt{margin-top:12px}
.ko-dt td.ko-dn{white-space:normal}
.ko-sn{font-size:11.5px;color:var(--grey);margin-top:1px}
.ko-sn .mark{color:var(--grey)}
.ko-tyc{width:58px}
.ko-ty{width:28px;height:34px;border:1px solid var(--line2);display:grid;place-items:center;font-size:8px;font-weight:600;color:var(--red);flex:none;background:#fff}
.ko-ty.b{color:var(--blue)}.ko-ty.g{color:var(--green)}.ko-ty.k{color:var(--ink2)}
.ko-vbtn{font-size:13px;color:var(--ink);border-bottom:1px dotted var(--grey2)}
.ko-vbtn:hover{color:var(--blue);border-bottom-color:var(--blue)}
.ko-dz{display:block;width:100%;border:1.5px dashed var(--line2);padding:16px;text-align:center;color:var(--grey);font-size:13px;margin-top:14px;background:transparent}
.ko-dz:hover,.ko-dz.over{border-color:var(--blue);color:var(--blue);background:var(--blue-5)}
.ko-mexp{display:none;margin-top:16px}
.ko-ol{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.ko-ol:hover{color:var(--bord)}
.ko-ol .photo{flex:none;display:block}
.ko-ol small{display:block;font-size:11.5px;color:var(--grey)}
/* Vorschau */
.ko-pv{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px}
.ko-pv-l{background:#EFEEEC;padding:18px;min-width:0}
.ko-pv-page{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08),0 10px 24px rgba(0,0,0,.07);padding:30px 32px;font-family:Georgia,'Times New Roman',serif;font-size:12px;line-height:1.65;color:#222}
.ko-pv-h{font-family:Jeko,Arial,sans-serif;font-weight:500;font-size:13px;text-align:center;letter-spacing:.06em}
.ko-pv-c{text-align:center;color:#555;margin:6px 0 14px;font-size:11px}
.ko-pv-page p{margin-top:8px;overflow-wrap:anywhere}
.ko-pv-lines{margin-top:16px}
.ko-pv-lines i{display:block;height:6px;background:#ECEAE6;margin-top:7px}
.ko-pv-plan{background:#fff;padding:10px}
.ko-pv-plan svg{display:block;width:100%;height:auto}
.ko-pv-cap{font-size:11.5px;color:var(--grey);margin-top:6px}
.ko-pv-pics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.ko-pv-pics .photo{display:block;height:160px}
.ko-vl{display:flex;flex-direction:column}
.ko-vrow{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--line)}
.ko-vrow b{display:block;font-weight:500;font-size:13.5px}.ko-vrow small{display:block;font-size:12px;color:var(--grey)}
.ko-vbadge{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--line2);font-size:12px;font-weight:600;flex:none}
.ko-vbadge.on{background:var(--blue);border-color:var(--blue);color:#fff}

/* ================================================================ Eingang */
.ko-in-note{margin-top:14px}
.ko-int td{vertical-align:top}
.ko-inname{display:flex;gap:12px;align-items:center;text-align:left}
.ko-inname b{display:block;font-weight:500}.ko-inname small{display:block;font-size:12px;color:var(--grey)}
.ko-inname:hover b{color:var(--blue)}
table.t.ko-int td{white-space:normal}
.ko-conf{display:flex;align-items:center;gap:8px;font-size:12.5px;white-space:nowrap}
.ko-conf .hbar{width:70px;height:5px}
.ko-rowbtn{display:flex;gap:6px;justify-content:flex-end;align-items:center;flex-wrap:wrap}

/* ================================================================ KI-Prüfung */
.ko-ki{display:grid;grid-template-columns:minmax(0,1fr) 400px;height:100%;min-height:0}
.ko-viewer{background:#EFEEEC;position:relative;overflow-y:auto;min-height:0;padding:0 16px 40px}
.ko-vt{position:sticky;top:16px;margin:16px auto 0;width:max-content;max-width:100%;display:flex;gap:14px;align-items:center;background:#fff;padding:7px 14px;font-size:12px;white-space:nowrap;border:1px solid var(--line);z-index:2}
.ko-vt button{display:inline-grid;place-items:center}
.ko-vt button:hover{color:var(--blue)}
.ko-vt .blue{color:var(--blue)}
.ko-page{width:600px;max-width:100%;margin:22px auto 0;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08),0 12px 30px rgba(0,0,0,.08);padding:54px 60px;font-family:'Source Serif 4 SmText',Georgia,serif;font-size:12px;line-height:1.65;color:#222}
.ko-page h4{font-family:Jeko,Arial,sans-serif;font-weight:500;font-size:14px;text-align:center;letter-spacing:.06em}
.ko-pc{text-align:center;color:#555;margin:6px 0 18px;font-size:11.5px}
.ko-page p{margin-top:10px}
.ko-nr{display:inline-grid;place-items:center;width:16px;height:16px;border-radius:50%;background:var(--blue);color:#fff;font-family:Jeko,Arial,sans-serif;font-size:9.5px;margin-right:4px;vertical-align:1px;flex:none;font-weight:500;line-height:1}
.ko-fs{cursor:pointer;transition:background .2s,box-shadow .2s}
.ko-fs.on{background:rgba(27,43,75,.13);box-shadow:0 0 0 2px rgba(27,43,75,.13)}
.ko-fs.flash{animation:koflash 1.2s ease}
@keyframes koflash{0%,40%{background:rgba(122,31,53,.32);box-shadow:0 0 0 3px rgba(122,31,53,.32)}100%{}}
.ko-viewer.nomarks .ko-fs{background:none;box-shadow:none}
.ko-viewer.nomarks .ko-page .ko-nr{display:none}
.ko-signs{display:flex;justify-content:space-between;gap:20px;margin-top:36px;color:#444}
.ko-sl{margin-top:22px;border-top:1px solid #999;width:170px;max-width:100%;padding-top:4px;font-size:10.5px}
.ko-side2{padding:24px 26px;display:flex;flex-direction:column;overflow-y:auto;min-height:0;min-width:0}
.ko-fields{border-bottom:1px solid var(--line)}
.ko-f{border-top:1px solid var(--line);padding:12px 0;cursor:pointer}
.ko-f:hover{background:var(--soft2)}
.ko-f.on{background:var(--blue-5);margin:0 -12px;padding:12px}
.ko-fl{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--grey)}
.ko-fv{font-size:17px;margin-top:4px;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.ko-fo2{font-size:12.5px;color:var(--grey2);text-decoration:line-through}
.ko-fn{font-size:12px;margin-top:3px}
.ko-ok,.ko-chk{margin-left:auto;font-size:11px;color:var(--green);text-transform:none;letter-spacing:0;display:inline-flex;align-items:center;gap:4px;white-space:nowrap}
.ko-chk{color:var(--red)}
.ko-f.dec .ko-fv{color:var(--ink2)}
.ko-fb{display:flex;gap:6px;margin-top:10px;justify-content:flex-end}
.ko-sfoot{margin-top:auto;padding-top:18px}
.ko-safe{font-size:12px;gap:8px}
.ko-kib{margin-top:12px;gap:8px}
.ko-done{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--green)}
.ko-done span{color:var(--ink)}

/* ================================================================ Sammelupload und Vorlagen */
.ko-up{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:32px;margin-top:22px}
.ko-up-src{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.ko-srcc{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--line);padding:16px;text-align:left;background:#fff;position:relative;min-width:0}
.ko-srcc:hover{border-color:var(--blue)}
.ko-srcc.on{border-color:var(--blue);background:var(--blue-5)}
.ko-srcc>.ic{color:var(--blue);margin-top:1px}
.ko-srcc b{display:block;font-weight:500;overflow-wrap:anywhere}.ko-srcc small{display:block;font-size:12px;color:var(--grey);margin-top:2px}
.ko-srcc .ko-srcok{position:absolute;top:10px;right:10px;color:var(--blue)}
.ko-up-opt{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.ko-up-run{border:1px solid var(--line);padding:20px}
.ko-up-run .hbar i{transition:width .1s linear}
.ko-up-res{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:24px}
.ko-up-side{min-width:0}
.ko-run{padding:10px 0;border-bottom:1px solid var(--line);font-size:13px}
.ko-run b{display:block;font-weight:500}.ko-run small{display:block;font-size:12px;color:var(--grey)}
.ko-tpls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}
.ko-tpl{display:grid;grid-template-columns:96px minmax(0,1fr);gap:16px;border:1px solid var(--line);padding:16px;text-align:left;background:#fff;min-width:0}
.ko-tpl:hover{border-color:var(--blue)}
.ko-tpl-pv{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1),0 6px 14px rgba(0,0,0,.06);padding:10px 9px;height:124px;display:block}
.ko-tpl-pv img{height:9px;display:block;margin-bottom:12px}
.ko-tpl-pv i{display:block;height:4px;background:#ECEAE6;margin-top:6px}
.ko-tpl-b{display:flex;flex-direction:column;gap:4px;align-items:flex-start;min-width:0}
.ko-tpl-b b{font-weight:500;font-size:15px;margin-top:4px}
.ko-tpl-b small{font-size:12.5px;color:var(--ink2)}
.ko-tpl-b small.muted{color:var(--grey)}
.ko-tplm{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px}
.ko-letter{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1),0 10px 24px rgba(0,0,0,.07);padding:28px 32px;font-size:12.5px;line-height:1.6;border:1px solid var(--line)}
.ko-lt-h{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;border-bottom:2px solid var(--bord);padding-bottom:12px}
.ko-lt-h img{height:22px}
.ko-lt-h span{font-size:10.5px;color:var(--grey);text-align:right}
.ko-lt-to{margin-top:18px}
.ko-lt-d{text-align:right;color:var(--grey);margin-top:6px}
.ko-lt-s{display:block;margin:14px 0 8px;font-weight:600}
.ko-letter p{margin-top:8px}
.ko-lt-f{display:flex;align-items:center;gap:8px;margin-top:20px;padding-top:10px;border-top:1px solid var(--line);font-size:10.5px;color:var(--grey)}
.ko-lt-f img{width:14px}

/* ================================================================ Verwaltung */
.ko-rg{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:30px;margin-top:18px}
.ko-mxwrap{overflow-x:auto;max-width:100%}
.ko-mx{width:100%;border-collapse:collapse;font-size:12.5px}
.ko-mx th{font-weight:500;font-size:11px;color:var(--grey);padding:8px 6px;border-bottom:1px solid var(--ink);text-align:center;vertical-align:middle}
.ko-mx th:first-child{text-align:left}
.ko-mx th button{font-weight:500;color:var(--grey);text-align:center;hyphens:manual}
.ko-mx th button:hover{color:var(--blue)}
.ko-mx td{padding:9px 6px;border-bottom:1px solid var(--line);text-align:center}
.ko-mx td:first-child{text-align:left;min-width:96px}
.ko-cell{display:inline-grid;place-items:center;min-width:36px;min-height:24px;padding:2px 4px;border-radius:2px;text-align:center;line-height:1.35}
.ko-cell:hover{background:var(--blue-5);box-shadow:inset 0 0 0 1px var(--blue-10)}
.ko-leg{display:flex;align-items:center;gap:18px;margin-top:14px;font-size:12px;flex-wrap:wrap}
.ko-leg .ko-lnk{margin-left:auto}
.ko-scope{margin-top:28px;border-top:1px solid var(--line);padding-top:18px}
.ko-sctree{margin-top:12px;border-top:1px solid var(--ink)}
.ko-sc{border-bottom:1px solid var(--line)}
.ko-sc summary{display:flex;gap:10px;align-items:center;padding:9px 0;font-size:13px;cursor:pointer;list-style:none}
.ko-sc summary::-webkit-details-marker{display:none}
.ko-sc summary:before{content:"";width:6px;height:6px;border-right:1.5px solid var(--grey);border-bottom:1.5px solid var(--grey);transform:rotate(-45deg);transition:transform .15s;flex:none}
.ko-sc[open] summary:before{transform:rotate(45deg)}
.ko-sc summary .muted{font-size:12px}
.ko-scm{padding:6px 0 6px 16px;align-items:flex-start}
.ko-scm small{display:block;font-size:11.5px;color:var(--grey)}
.ko-au-list{margin-top:8px;border-top:1px solid var(--ink)}
.ko-au{display:grid;grid-template-columns:52px minmax(0,1fr);gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.ko-au small{display:block;font-size:11.5px;color:var(--grey);margin-top:2px}
.ko-dsgvo{background:var(--soft);padding:14px 16px;margin-top:16px;font-size:12.5px;line-height:1.7}
.ko-mem a{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}
.ko-mem a:hover{color:var(--bord)}
.ko-mem small{display:block;font-size:11.5px;color:var(--grey)}
/* Benutzer */
.ko-ubar{display:flex;align-items:center;gap:14px;margin-top:20px;flex-wrap:wrap}
.ko-chips{display:flex;gap:6px;flex-wrap:wrap;flex:1;min-width:0}
.ko-cn{opacity:.6;font-size:11px}
.ko-usearch{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--ink);padding:6px 0;width:240px;max-width:100%}
.ko-usearch input{border:0;flex:1;min-width:0;font-size:13.5px;background:transparent}
.ko-usearch input:focus{outline:none}
.ko-ut{margin-top:14px}
.ko-un2{display:flex;align-items:center;gap:10px}
.ko-un2 b{display:block;font-weight:500}.ko-un2 small{display:block;font-size:11.5px;color:var(--grey)}
.ko-st{font-size:12px;display:inline-flex;align-items:center;gap:6px}
.ko-st:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--grey2)}
.ko-st.on:before{background:var(--green)}.ko-st.inv:before{background:var(--gold)}.ko-st.off{color:var(--grey)}
.ko-uh{display:flex;gap:12px;align-items:center}
.ko-uh b{display:block;font-weight:500}.ko-uh small{display:block;font-size:12px;color:var(--grey);overflow-wrap:anywhere}
.ko-uc{margin-top:10px}
.ko-uc .chk{padding:3px 0;font-size:13px}
.ko-code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--soft);padding:2px 6px;overflow-wrap:anywhere}
/* Sicherheit */
.ko-secg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:22px}
.ko-card{border:1px solid var(--line);padding:18px;background:#fff;min-width:0}
.ko-ch2{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.ko-ch2 .ic{color:var(--bord)}
.ko-ch2 b{font-weight:500;font-size:15px}
.ko-tgl{display:flex;align-items:center;gap:10px;font-size:13.5px;font-weight:500;margin-bottom:6px}
.ko-tgl span{width:36px;height:20px;border-radius:12px;background:var(--line2);position:relative;transition:background .15s;flex:none}
.ko-tgl span:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.ko-tgl.on span{background:var(--green)}
.ko-tgl.on span:after{transform:translateX(16px)}
.ko-sess>div{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}
.ko-sess small{display:block;font-size:11.5px;color:var(--grey)}
.ko-bk td{padding:8px 10px;font-size:12.5px}
.ko-bk th{padding:8px 10px}
.ko-okc{display:inline-flex;align-items:center;gap:6px;color:var(--green)}
.ko-pf3{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:14px;margin-top:20px}
.ko-pt{margin-top:10px}
/* Integrationen */
.ko-itg{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}
.ko-it{border:1px solid var(--line);padding:18px 18px 16px;background:#fff;display:flex;flex-direction:column;min-width:0}
.ko-it.off{background:var(--soft2)}
.ko-ith{display:flex;align-items:center}
.ko-ith .tag{margin-left:auto}
.ko-lg{width:44px;height:44px;display:grid;place-items:center;background:var(--soft);font-weight:600;font-size:15px}
.ko-it b{display:block;font-size:15px;margin-top:12px;font-weight:500}
.ko-it p{font-size:12.5px;color:var(--grey);margin-top:4px;line-height:1.5;min-height:38px}
.ko-itf{margin-top:auto;padding-top:10px;border-top:1px solid var(--line)}
.ko-it p{margin-bottom:12px}
.ko-itf small{display:block;font-size:11.5px}
.ko-itb{display:flex;gap:4px 16px;flex-wrap:wrap;margin-top:6px}
.ko-tb{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;color:var(--blue)}
.ko-tb:hover{text-decoration:underline}
.ko-tb.grey{color:var(--grey)}
.ko-tb[disabled]{opacity:.5;pointer-events:none}
.ko-spin{animation:kospin 1s linear infinite}
@keyframes kospin{to{transform:rotate(360deg)}}

/* ================================================================ Responsive */
@media (max-width:1280px){
  .ko-pf{grid-template-columns:320px minmax(0,1fr) 260px}
  .ko-ki{grid-template-columns:minmax(0,1fr) 360px}
  .ko-dr{padding:22px 24px 32px}
  .ko-tpls{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:1280px){
  table.t.ko-tw td{white-space:normal;padding:12px 8px}
  table.t.ko-tw th{padding:10px 8px}
  table.t.ko-tw td:first-child,table.t.ko-tw th:first-child{padding-left:0}
}
@media (max-width:1100px){
  .app.ko-full .main{overflow-y:auto}
  .ko-pf{grid-template-columns:300px minmax(0,1fr);height:auto}
  .ko-list{grid-row:span 2;position:sticky;top:0;height:calc(100vh - 76px);height:calc(100dvh - 76px);align-self:start}
  .ko-conv{min-height:calc(100vh - 76px)}
  .ko-msgs{flex:0 0 auto;min-height:240px;overflow:visible}
  .ko-ctx{grid-column:2;border-left:0;border-top:1px solid var(--line);overflow:visible}
  .ko-ki{grid-template-columns:minmax(0,1fr);height:auto}
  .ko-viewer{overflow:visible;padding-bottom:28px}
  .ko-side2{overflow:visible}
  .ko-sfoot{margin-top:18px}
  .ko-rg{grid-template-columns:minmax(0,1fr)}
  .ko-akte{grid-template-columns:230px minmax(0,1fr)}
  .ko-up{grid-template-columns:minmax(0,1fr)}
  .ko-itg{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ko-secg{grid-template-columns:minmax(0,1fr)}
  .ko-pv{grid-template-columns:minmax(0,1fr)}
  .ko-up-res{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .ko-pf{grid-template-columns:minmax(0,1fr)}
  .ko-list{grid-row:auto;position:static;height:auto;border-right:0}
  .ko-pf.ko-has .ko-list{display:none}
  .ko-pf:not(.ko-has) .ko-conv,.ko-pf:not(.ko-has) .ko-ctx{display:none}
  .ko-conv{min-height:0}
  .ko-ctx{grid-column:1}
  .ko-back{display:inline-flex}
  .ko-lh,.ko-fil{padding-left:16px;padding-right:16px}
  .ko-th{padding:14px 16px}
  .ko-un{right:16px}
  .ko-ch,.ko-msgs,.ko-draft{padding-left:16px;padding-right:16px}
  .ko-ctx{padding:20px 16px}
  .ko-akte{grid-template-columns:minmax(0,1fr);min-height:0}
  .ko-tree{border-right:0;border-top:1px solid var(--line);padding:16px;order:2}
  .ko-dr{order:1}
  .ko-dr{padding:18px 16px 28px}
  .ko-sh{display:none}
  .ko-mexp{display:block}
  .ko-info{margin-left:0;width:100%}
  .kpirow.ko-kpi4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ko-tpls{grid-template-columns:minmax(0,1fr)}
  .ko-tplm{grid-template-columns:minmax(0,1fr)}
  .ko-pf3{grid-template-columns:minmax(0,1fr)}
  .ko-page{padding:32px 26px}
  .ko-viewer{padding:0 10px 24px}
  .ko-side2{padding:20px 16px}
  .ko-rowbtn{justify-content:flex-start}
}
@media (max-width:760px){
  table.t.ko-dt td.ko-tyc{display:none}
  table.t.ko-dt td.ko-dn,table.t.ko-int td.ko-dn{display:block;text-align:left!important;font-weight:400}
  table.t.ko-dt td.ko-dn:before,table.t.ko-int td.ko-dn:before{display:none}
  table.t.ko-dt td.ko-dn b{font-weight:500}
  table.t.ko-int td:last-child{justify-content:flex-end}
  table.t.ko-int td:last-child:before{display:none}
  table.t.ko-int td .ko-conf{justify-content:flex-end}
  table.t.ko-int td{flex-wrap:wrap;overflow-wrap:normal}
  table.t.ko-int td>div{flex:1 1 100%;text-align:right}
  table.t.ko-int td>div.ko-conf{flex:none}
  .ko-scope .grow{min-width:200px}
}
@media (max-width:560px){
  .ko-itg{grid-template-columns:minmax(0,1fr)}
  .ko-up-src{grid-template-columns:minmax(0,1fr)}
  .ko-chrow{flex-wrap:wrap}
  .ko-chr{margin-left:0;justify-content:flex-start}
  .ko-sendrow{flex-wrap:wrap}
  .ko-pics .photo{width:calc(50% - 3px);height:110px}
  .ko-msg{max-width:100%}
  .ko-tpl{grid-template-columns:72px minmax(0,1fr)}
  .ko-tpl-pv{height:96px}
  .ko-page{padding:24px 16px;font-size:11.5px}
  .ko-signs{flex-direction:column;gap:6px}
  .ko-vt{gap:6px 10px;padding:6px 10px;flex-wrap:wrap;white-space:normal;width:auto;justify-content:center}
  .ko-kib{flex-wrap:wrap}
  .ko-kib .btn.fill{margin-left:0!important}
  .ko-bk th:nth-child(3),.ko-bk td:nth-child(3){display:none}
  .ko-pv-l{padding:10px}
  .ko-pv-page{padding:20px 16px}
  .ko-letter{padding:18px 16px}
  .ko-lt-h{flex-direction:column}
  .ko-lt-h span{text-align:left}
  .ko-leg .ko-lnk{margin-left:0}
  .ko-signs .ko-sl{width:140px}
}
@media (min-width:761px) and (max-width:1100px){
  .ko-ut th:nth-child(4),.ko-ut td:nth-child(4){display:none}
}

/* ================================================================ Runde 2: Prozesse und Mobil */
.ko-acts{display:flex;gap:4px 18px;flex-wrap:wrap;margin-top:8px}
.ko-th-w{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--ink2);margin-top:3px}
.ko-th-w.due{color:var(--red)}
.ko-share{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--grey);margin-top:12px}
.ko-share.on{color:var(--green)}
.ko-nocite{margin:16px 0 0;padding-bottom:6px}
.ko-lock{color:var(--red);margin-top:8px}
.ko-mxm{display:none}
.ko-mxl{border-top:1px solid var(--ink);margin-bottom:10px}
.ko-mxr{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:6px 0;border-bottom:1px solid var(--line);font-size:14px;text-align:left}
.ko-mxr .ko-mxv{font-size:13px;color:var(--ink)}
.ko-mxr .ko-mxv .ko-p{font-size:13px}
.ko-mxr>.ic{color:var(--grey)}
@media (max-width:900px){
  .ko-fil{flex-wrap:wrap;gap:0 4px;overflow:visible;padding-bottom:4px}
  .ko-fil a{min-height:44px;min-width:44px;display:inline-flex;align-items:center;padding:0 8px;border-bottom-width:2px}
  .ko-fil a:first-child{padding-left:0}
  .ko-back{min-height:44px;margin:-8px 0 2px}
  .ko-ch .kicker a{display:inline-flex;align-items:center;min-height:44px}
  .ko-lnk,.ko-tb,.ko-file,.ko-vbtn,.ko-inname,.ko-vt button,.ko-info a,.ko-cx-a,.ko-cx-tk,.ko-ol,.ko-mem a{min-height:44px;min-width:44px}
  .ko-lnk,.ko-tb,.ko-vt button,.ko-info a,.ko-cx-a{display:inline-flex;align-items:center;justify-content:center}
  .ko-vbtn{border-bottom:0;text-decoration:underline dotted}
  .ko-slots button{min-height:44px}
  .ko-tgl{min-height:44px;width:100%}
  .ko-acts{gap:0 16px;margin-top:4px}
  .ko-objsw{min-height:44px}
  .ko-fo{min-height:44px}
  .ko-cx-l a{display:inline-flex;align-items:center;min-height:44px}
  .ko-pics .photo{min-height:44px}
  /* Checkboxen mit 44er Trefferfläche */
  .ko-up-opt input[type=checkbox],.ko-scm input[type=checkbox],.ko-cbx input[type=checkbox]{appearance:none;-webkit-appearance:none;width:44px;height:44px;margin:-12px -6px -12px -12px;flex:none;position:relative;background:none;cursor:pointer}
  .ko-up-opt input[type=checkbox]:before,.ko-scm input[type=checkbox]:before,.ko-cbx input[type=checkbox]:before{content:"";position:absolute;left:13px;top:13px;width:18px;height:18px;border:1.5px solid var(--line2);border-radius:3px;background:#fff}
  .ko-up-opt input[type=checkbox]:checked:before,.ko-scm input[type=checkbox]:checked:before,.ko-cbx input[type=checkbox]:checked:before{background:var(--blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E") center/14px no-repeat;border-color:var(--blue)}
  .ko-scm input[type=checkbox]:disabled{opacity:.5}
}
@media (max-width:760px){
  .ko-mxwrap,.ko-leg .ko-lnk{display:none}
  .ko-mxm{display:block}
}
@media (max-width:560px){
  .ko-chrow>.grow{flex:1 1 100%}
  .ko-chr{width:100%}
}