/* 2026_10_24_07_22_20_GS Version 7.83 */
.pc-banner{margin:10px auto 0;display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;text-align:center;background:#222;color:#fff;border-radius:12px;padding:10px 14px;font-size:13px}.pc-bannerlink{background:none;border:0;color:#9cc3e0;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}.pc-bannerx{background:none;border:0;color:#bbb;font-size:18px;line-height:1;cursor:pointer;padding:0 2px}.pc-bannerx:hover{color:#fff}
.pc-vgltab tfoot td{border-bottom:0;padding-top:8px}.pc-allelab{text-align:right;font-weight:600}.pc-allelab label{cursor:pointer}.pc-vgltab .pc-alleueb{margin:0;width:16px;height:16px}
.menuezahl{margin-left:auto;background:#739DBC;color:#fff;border-radius:999px;font-size:11px;font-weight:700;line-height:1;padding:3px 7px;min-width:18px;text-align:center;flex:0 0 auto}
.pc-notizzeile{display:flex;align-items:center;justify-content:space-between;gap:10px}.pc-alleueb{width:20px;height:20px;margin:0 18px 0 0;accent-color:var(--blautext);cursor:pointer}

.vd-zeile{display:flex;align-items:stretch;gap:4px}.vd-zeile .vd-eintrag{flex:1;min-width:0}
.vd-x{border:1px solid var(--line);background:#fff;border-radius:10px;width:28px;font-size:18px;line-height:1;color:#666;cursor:pointer;opacity:.55}.vd-zeile:hover .vd-x,.vd-x:focus{opacity:1}.vd-x:hover{color:#a82b2b;border-color:#a82b2b}
.vd-ov{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:5000;padding:16px}
.vd-ovbox{background:#fff;border-radius:14px;padding:18px;width:min(560px,100%);display:flex;flex-direction:column;gap:12px}
.vd-drop{border:2px dashed var(--line);border-radius:12px;padding:44px 16px;text-align:center;display:flex;flex-direction:column;gap:6px;cursor:pointer;color:#555}.vd-drop b{color:#222;font-size:16px}.vd-drop.an,.vd-drop:hover,.vd-drop:focus{border-color:#739dbc;background:#f4f6fa}
.vd-impstatus{font-size:13px;display:flex;flex-direction:column;gap:3px}.vd-imperr{color:#a82b2b}
:root{--ink:#222222;--muted:#5B6470;--line:#E3E8EF;--line2:#EEF1F5;--bg:#F4F6FA;--blau:#739DBC;--blautext:#2F6285;--blautint:#E6EEF5;--rot:#A82B2B;--rottint:#F8E9E9;--gelbtint:#FBF1DC;--gelbtext:#7A4E00}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--blautext)}a:hover{color:#1F4A68}
h1,h2{margin:0}
.laden{padding:48px;color:var(--muted)}
.shell{display:flex;flex-wrap:wrap;min-height:100vh}
.side{flex:0 0 248px;background:#222222;color:#fff;display:flex;flex-direction:column;gap:28px;padding:24px 16px;position:sticky;top:0;align-self:flex-start;height:100vh;height:100dvh;overflow-y:auto}
.brand{padding:0 8px}.brand b{display:block;font-size:18px}.brand span{font-size:13px;color:#9FB4C7}
.nav{display:flex;flex-direction:column;gap:4px}
.nav a,.nav span.aus{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;text-decoration:none;font-weight:500;color:#D5DEE8}
.nav a:hover{background:rgba(255,255,255,.08)}.nav a.aktiv{background:rgba(255,255,255,.12);color:#fff}
.nav span.aus{opacity:.45}.nav small{margin-left:auto;font-size:12px}
.nav svg{flex:0 0 20px}
.user{margin-top:auto;display:flex;align-items:center;gap:12px;padding:12px;border-radius:10px;background:rgba(255,255,255,.06)}
.avatar{width:36px;height:36px;border-radius:50%;background:var(--blau);color:#222;display:flex;align-items:center;justify-content:center;font-weight:700}
.main{flex:999 1 560px;min-width:0;padding:32px 48px 48px;display:flex;flex-direction:column;gap:24px}
.krumen{font-size:14px;color:var(--muted)}.krumen a{text-decoration:none}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.card>h2,.kopf{padding:20px 24px 12px;font-size:18px;font-weight:700;display:flex;justify-content:space-between;align-items:baseline}
.kopf a,.kopf button.link{font-size:14px;font-weight:600;text-decoration:none;background:none;border:0;color:var(--blautext);cursor:pointer;font-family:inherit}
.pad{padding:20px 24px}
.suchfeld{position:relative;width:100%}
.suchfeld input{width:100%;height:64px;border:1.5px solid #D5DCE5;border-radius:16px;padding:0 20px 0 58px;font:inherit;font-size:17px;background:#fff}
.suchfeld svg{position:absolute;left:20px;top:21px}
.suchfeld input:focus,.form input:focus{outline:3px solid var(--blautint);border-color:var(--blautext)}
.zeile{display:flex;align-items:center;gap:14px;padding:12px 24px;border-top:1px solid var(--line2);text-decoration:none;color:var(--ink)}
a.zeile:hover{background:var(--bg)}
.zeile .ini{flex:0 0 40px;width:40px;height:40px;border-radius:12px;background:var(--blautint);color:var(--blautext);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}
.zeile .txt{flex:1;min-width:0}.zeile .txt b{display:block;font-weight:600}.zeile .txt span{font-size:13px;color:var(--muted)}
.pille{font-size:13px;font-weight:600;padding:4px 10px;border-radius:999px;background:var(--blautint);color:var(--blautext);white-space:nowrap}
.pille.rot{background:var(--rottint);color:#8E2323}.pille.gelb{background:var(--gelbtint);color:var(--gelbtext)}.pille.grau{background:#EEF1F5;color:#3C4651}
.raster{display:flex;flex-wrap:wrap;gap:24px;align-items:flex-start}
.spalte{display:flex;flex-direction:column;gap:24px;min-width:0}
.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid #D5DCE5}
.tabs button{background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-1px;padding:12px 16px;font:inherit;font-weight:600;color:var(--muted);cursor:pointer;display:flex;gap:8px;align-items:center}
.tabs button.an{color:var(--ink);border-bottom-color:var(--blautext)}
.tabs button:hover{color:var(--ink)}
.tabs i{font-style:normal;font-size:12px;padding:1px 8px;border-radius:999px;background:#E8ECF1;color:#3C4651}
.tabs button.an i{background:#222;color:#fff}
.tabelle{overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:620px}
th{font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);text-align:left;padding:8px 24px;border-top:1px solid var(--line2)}
td{padding:13px 24px;border-top:1px solid var(--line2);vertical-align:top}
tr:hover td{background:#FAFBFD}
td.r,th.r{text-align:right}
.kunde{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;padding:24px 28px}
.kunde .gross{flex:0 0 64px;width:64px;height:64px;border-radius:18px;background:var(--blau);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px}
.kunde .info{flex:1 1 320px;min-width:0}.kunde h1{font-size:28px;line-height:1.2;margin-bottom:6px}
.fakten{display:flex;flex-wrap:wrap;gap:4px 28px;font-size:14px;color:var(--muted)}.fakten b{color:var(--ink);font-weight:600}
.dl{display:flex;flex-direction:column;gap:12px;padding:0 24px 20px;font-size:14px}.dl div{display:flex;justify-content:space-between;gap:16px}.dl span{color:var(--muted)}.dl b{font-weight:600;text-align:right}
.leer{padding:20px 24px;color:var(--muted)}
.fehler{background:var(--rottint);color:#8E2323;padding:14px 18px;border-radius:14px}
.hinweis{background:var(--gelbtint);color:#5E3C00;padding:14px 18px;border-radius:14px}
.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.login .card{width:100%;max-width:420px;padding:32px}
.login h1{font-size:26px;margin-bottom:4px}.login p{margin:0 0 20px;color:var(--muted)}
.form label{display:block;font-weight:600;font-size:14px;margin:14px 0 5px}
.form input{width:100%;height:48px;border:1.5px solid #D5DCE5;border-radius:10px;padding:0 14px;font:inherit}
.form button{margin-top:20px;width:100%;height:48px;border:0;border-radius:12px;background:#222;color:#fff;font:inherit;font-weight:600;cursor:pointer}
.form button:disabled{opacity:.6}
@media(max-width:900px){.side{position:static;height:auto;overflow:visible;flex:1 1 100%;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px 16px;gap:12px}.nav{flex-direction:row;flex-wrap:wrap}.user{margin-top:0;margin-left:auto}.main{padding:20px 16px 40px}}

.tabelle.k table{min-width:0}.tabelle.k td,.tabelle.k th{padding-left:16px;padding-right:16px}.tabelle.k th:first-child,.tabelle.k td:first-child{padding-left:24px}.tabelle.k th:last-child,.tabelle.k td:last-child{padding-right:24px}

/* ---- Version 1.1: Reiter, Baum, Karten ---- */
.reiter{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid #D5DCE5;margin-bottom:-8px}
.reiter .r{display:flex;align-items:center;gap:4px;padding:0 4px 0 14px;border:1px solid transparent;border-bottom:0;border-radius:10px 10px 0 0;margin-bottom:-1px;background:#E9EDF3}
.reiter .r a{padding:10px 8px 10px 0;text-decoration:none;color:var(--ink);font-weight:600;font-size:14px;max-width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.reiter a.r{padding:10px 14px;text-decoration:none;color:var(--ink);font-weight:600;font-size:14px}
.reiter .r.an{background:#fff;border-color:#D5DCE5}
.reiter button{border:0;background:none;font-size:18px;line-height:1;color:var(--muted);cursor:pointer;padding:6px 8px;border-radius:6px}
.reiter button:hover{background:var(--line);color:var(--ink)}
.akte{display:grid;grid-template-columns:minmax(240px,var(--baumb,400px)) minmax(0,1fr);gap:20px;align-items:start;position:relative}   /* Version 5.67: Breite über --baumb einstellbar */
.baum{background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 6px;max-height:calc(100vh - 150px);overflow:auto;position:sticky;top:12px;font-size:14px}
.baum .wurzel{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:var(--blautint);border:0;border-radius:10px;padding:10px 12px;font:inherit;font-weight:700;color:var(--ink);cursor:pointer;margin-bottom:6px}
.baum details{margin:0}
.baum summary{cursor:pointer;padding:7px 10px;border-radius:8px;font-weight:600;list-style:none}
.baum summary::-webkit-details-marker{display:none}
.baum summary::before{content:'›';display:inline-block;width:14px;color:var(--muted);transition:transform .1s}
.baum details[open]>summary::before{transform:rotate(90deg)}
.baum summary:hover{background:var(--bg)}
.baum summary i{font-style:normal;font-weight:500;color:var(--muted);font-size:12px;margin-left:4px}
/* Version 5.18: Bereiche im Anpassen-Modus verschieben */
.baumpfeile{float:right;display:inline-flex;gap:2px;margin-left:8px}.baumpfeile button{border:1px solid var(--line);background:#fff;border-radius:6px;width:24px;height:22px;font-size:10px;color:var(--blautext);cursor:pointer;padding:0;line-height:1}.baumpfeile button:hover:not(:disabled){background:var(--blautint)}.baumpfeile button:disabled{opacity:.35;cursor:default}
.baum .knoten.leerbereich{display:flex;align-items:center;gap:6px;padding:7px 10px;color:var(--muted);font-weight:600}.baum .knoten.leerbereich i{font-style:normal;font-weight:500;font-size:12px}.baum .knoten.leerbereich .baumpfeile{margin-left:auto}
.baum .knoten.verweise.ohne .baumpfeile{margin-left:auto}
/* Version 5.17: Verweise ganz unten im Baum */
.baum .knoten.verweise.ohne{display:flex;align-items:center;gap:10px;padding:7px 10px;margin-top:6px;border-top:1px solid var(--line2)}.baum .knoten.verweise.ohne .stitel{font-weight:600}.baum .knoten.verweise.ohne i{font-style:normal;color:var(--muted);font-size:12px}
.baum details.verweise{margin-top:6px;border-top:1px solid var(--line2);padding-top:4px}
.baum .verweis{display:flex;align-items:flex-start;gap:4px;padding:0 0 0 24px}.baum .verweis .eintrag{flex:1;display:flex;flex-direction:column;align-items:flex-start;gap:1px;text-decoration:none;color:inherit;padding:6px 8px;border-radius:8px}.baum .verweis .eintrag:hover{background:var(--bg)}
.baum .verweis .vbez{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;color:var(--blautext)}.baum .verweis b{font-weight:600}.baum .verweis small{color:var(--muted);font-size:12px}.baum .verweis .vinfo{font-style:italic}
.baum .verweisweg{border:0;background:transparent;color:var(--muted);font-size:16px;cursor:pointer;padding:6px 5px 0;line-height:1}.baum .verweisweg:hover{color:var(--rot)}.baum .verweisweg[data-verweis-edit]{font-size:14px;padding-top:7px}.baum .verweisweg[data-verweis-edit]:hover{color:var(--blautext)}
.baum .verweisneu{margin:4px 0 2px 24px;font-size:13px}
.baum details details{margin-left:14px}
.baum details details summary{font-weight:600;color:var(--blautext)}
.eintrag{display:flex;align-items:flex-start;gap:8px;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:6px 10px 6px 26px;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}
.eintrag:hover{background:var(--blautint)}
.eintrag svg{flex:0 0 16px;margin-top:2px;color:var(--muted)}
.eintrag .et{flex:1;min-width:0;overflow-wrap:anywhere}
.eintrag small{flex:0 0 auto;color:var(--muted);font-size:12px}
.rechts{min-width:0}
.kopfzeile{background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;margin-bottom:16px;font-size:14px;color:var(--ink);display:flex;flex-wrap:wrap;gap:8px 12px;align-items:center}
.zurueck{border:0;background:var(--blautint);color:var(--blautext);border-radius:8px;padding:6px 12px;font:inherit;font-weight:600;cursor:pointer}
.aktion{margin-bottom:16px}.knopf{display:inline-block;background:#222;color:#fff;border-radius:10px;padding:10px 18px;font-weight:600;text-decoration:none}.knopf:hover{color:#fff;background:#000}
.stamm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start}
.stamm.eins{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}
.stamm .sp{display:flex;flex-direction:column;gap:16px;min-width:0}
.karte{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.karte h3{margin:0;padding:9px 14px;background:var(--blautint);color:var(--blautext);font-size:13px;text-align:center;font-weight:700}
.karte dl{margin:0;padding:6px 14px;display:grid;grid-template-columns:fit-content(46%) minmax(0,1fr);column-gap:16px;font-size:13px}
.karte dl>div{display:contents}
.karte dt{color:var(--muted);text-align:left;padding:5px 0;overflow-wrap:anywhere}
.karte dd{margin:0;padding:5px 0;font-weight:400;overflow-wrap:anywhere}   /* 6.04: normal – fett nur bei F-Feldern */
.karte.breit{margin-top:16px}
.ansicht>.stamm~.karte{margin-top:16px}   /* Version 5.12: breite Karten (Notizen) mit dem gleichen Abstand wie die Karten in den Spalten */.karte .notiz{margin:0;padding:12px 14px;white-space:pre-wrap;font-size:14px}
.haken{font-size:16px}
@media(max-width:1250px){.stamm{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.akte{grid-template-columns:1fr}.baum{position:static;max-height:420px}.stamm{grid-template-columns:1fr}.baumgriff{display:none}}

/* ---- Version 1.2: Fließtext, Masken ---- */
.fliess{padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.5;font-weight:400;min-height:20px}
.karte dd .fliess{padding:0;font-size:13px;font-weight:600}
.karte dl.breitdl{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:0 24px;padding:6px 14px}
.karte dl.breitdl>div{display:grid;grid-template-columns:fit-content(46%) minmax(0,1fr);column-gap:16px}
.zusatz{margin-top:16px}
.kopfzeile span{overflow-wrap:anywhere}

/* ---- Version 1.3: Dokument-Vorschau ---- */
.dateiname{margin-left:10px;color:var(--muted);font-size:13px;overflow-wrap:anywhere}
.vorschau{margin:0 0 16px}
/* Version 5.45: Vorschau als Karte im Spaltenraster – Breite 1–3 Spalten, Spalte spannt, überdeckte Spalten rutschen darunter */
.karte.fest .breitewahl{display:inline-flex;gap:2px;margin:0 10px 0 auto;align-self:center}
.karte.fest .breitewahl button{background:none;border:1px solid transparent;border-radius:6px;color:#9AB0C4;font-size:11px;line-height:1;padding:4px 5px;cursor:pointer;letter-spacing:-1px}
.karte.fest .breitewahl button:hover{color:var(--blautext);border-color:var(--line)}
.karte.fest .breitewahl button.an{color:var(--blautext);background:#EEF4F9}
.karte.fest .kbody .vorschau-inhalt{padding:10px}
@media(min-width:1251px){
  .stamm.weit>.sp[data-spalte="1"]{grid-column:1}.stamm.weit>.sp[data-spalte="2"]{grid-column:2}.stamm.weit>.sp[data-spalte="3"]{grid-column:3}
  .stamm.weit>.sp{grid-row:1 / span 2}
  .stamm.weit>.sp.weitsp{grid-column-end:span var(--wb,1);grid-row:1}
  .stamm.weit>.sp.unterweit{grid-row:2}
}
.vorschau-inhalt{padding:12px;min-height:60px}
.vorschau-pdf{width:100%;height:78vh;min-height:480px;border:1px solid var(--line);border-radius:8px;background:#f1f4f8}
.vorschau-bild{max-width:100%;max-height:78vh;display:block;margin:0 auto;border-radius:6px}
.vorschau-frame{width:100%;height:320px;border:1px solid var(--line);border-radius:8px;background:#fff;display:block}
.vorschau-text{margin:0;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;background:#fafbfd;border:1px solid var(--line);border-radius:8px;max-height:70vh;overflow:auto}
.vorschau-hinweis{margin:0 0 10px;padding:8px 12px;border-radius:8px;background:var(--gelbtint);color:#5E3C00;font-size:13px}
.mailkopf dl{margin:0 0 10px;padding:10px 12px;background:#F4F6FA;border-radius:8px}
.mailkopf dl>div{display:grid;grid-template-columns:80px 1fr;gap:10px;padding:2px 0;font-size:13px}
.mailkopf dt{color:var(--muted)}.mailkopf dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.mailanhang{margin:0 0 10px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;font-size:13px}
.mailanhang ul{margin:6px 0 0;padding-left:18px}.mailanhang small{color:var(--muted)}
.blaetter{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:10px}
.blaetter button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 12px;font:inherit;font-size:13px;cursor:pointer}
.blaetter button.an{background:#222;color:#fff;border-color:#222}

/* ---- Version 1.4: Profilmenü ---- */
.user{position:relative;display:block;padding:6px}
.profilknopf{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;color:#fff;font:inherit;cursor:pointer;padding:6px;border-radius:10px;text-align:left}
.profilknopf:hover,.profilknopf[aria-expanded=true]{background:rgba(255,255,255,.1)}
.profilknopf .t{flex:1;line-height:1.3;font-size:14px;display:block}
.profilknopf .t span{display:block;font-size:12px;color:#9FB4C7}
.profilknopf .pfeil{color:#9FB4C7;font-size:14px}
.avatar{overflow:hidden;flex:0 0 36px}
.avatar img{width:100%;height:100%;object-fit:cover;display:block}
.avatar.gross{width:56px;height:56px;flex:0 0 56px;font-size:20px}
.profilmenu{position:absolute;left:6px;right:6px;bottom:calc(100% + 8px);background:#fff;color:var(--ink);border-radius:14px;box-shadow:0 12px 32px rgba(0,0,0,.3);padding:12px;z-index:30}
.profilmenu[hidden]{display:none}
.pm-kopf{display:flex;align-items:center;gap:12px;padding:4px 4px 12px}
.pm-kopf b{display:block}.pm-kopf small{color:var(--muted)}
.profilmenu button[role=menuitem]{display:block;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:10px 10px;font:inherit;font-size:14px;color:var(--ink);cursor:pointer}
.profilmenu button[role=menuitem]:hover{background:var(--bg)}
.profilmenu button[hidden]{display:none}
.profilmenu hr{border:0;border-top:1px solid var(--line);margin:6px 0}
.pm-meldung{margin:8px 4px 0;padding:8px 10px;border-radius:8px;background:var(--blautint);color:#1F4A68;font-size:13px}
@media(max-width:900px){.profilmenu{bottom:auto;top:calc(100% + 8px);left:auto;right:0;width:260px}}

/* ---- Version 2.0: Schreiben ---- */
.werkzeug{display:flex;flex-wrap:wrap;gap:10px}
.knopf2{display:inline-block;border:1px solid #D5DCE5;background:#fff;color:var(--ink);border-radius:10px;padding:9px 16px;font:inherit;font-weight:600;font-size:14px;cursor:pointer}
.knopf2:hover{border-color:var(--blau);background:#F4F8FB}.knopf2:disabled{opacity:.5;cursor:default}
button.knopf{cursor:pointer}
button.knopf:disabled{opacity:.5;cursor:default}
.aktion .knopf2{margin-right:8px}
.formular{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px}
.formraster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}
.formraster label,.uz-felder label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#3C4651}
.formraster .breit2{grid-column:1/-1}
.formraster input:not([type=checkbox]),.formraster select,.formraster textarea,.uz-felder input,.uz-felder select,.alle select{height:42px;border:1.5px solid #D5DCE5;border-radius:10px;padding:0 12px;font:inherit;font-size:14px;background:#fff;color:var(--ink);font-weight:400;width:100%}
.formraster textarea{height:auto;padding:10px 12px;resize:vertical}
.formraster .haken2{flex-direction:row;align-items:center;gap:10px;font-weight:500;min-height:42px}
.formraster .haken2 input{width:18px;height:18px}
.formraster input:focus,.formraster select:focus,.formraster textarea:focus,.uz-felder input:focus,.uz-felder select:focus{outline:3px solid var(--blautint);border-color:var(--blautext)}
.formknoepfe{margin-top:18px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.formknoepfe.pad{padding:14px 16px}
.dropzone{display:flex;flex-direction:column;align-items:center;gap:6px;padding:34px 20px;border:2.5px dashed #9DB6CB;border-radius:18px;background:#F4F8FB;text-align:center;cursor:pointer;margin-bottom:16px;transition:background .1s,border-color .1s}
.dropzone:hover,.dropzone.aktiv,.dropzone:focus{background:var(--blautint);border-color:var(--blautext);outline:none}
.dz-icon{width:54px;height:54px;border-radius:50%;background:#fff;color:var(--blautext);display:flex;align-items:center;justify-content:center}
.dz-titel{font-size:19px;font-weight:700}.dz-text{font-size:13px;color:var(--muted)}
.uploadkopf{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;background:var(--blautint);padding:0 14px 0 0}
.uploadkopf h3{background:none}.alle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--blautext);font-weight:600;white-space:nowrap}.alle select{width:auto;height:36px}.alle .combo{width:auto;min-width:200px;max-width:280px}   /* 6.10: Beschriftung nicht umbrechen */
.uploadzeile{padding:12px 14px;border-top:1px solid var(--line2)}
.uz-kopf{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}.uz-name{font-weight:600;overflow-wrap:anywhere;flex:1 1 200px}
.uz-kopf small{color:var(--muted)}.uz-status{font-size:13px;font-weight:600;color:var(--muted)}.uz-status.gruen{color:#1F6B3A}.uz-status.rot{color:#A82B2B}
.uz-weg{border:0;background:none;font-size:20px;line-height:1;color:var(--muted);cursor:pointer;padding:2px 8px;border-radius:6px}.uz-weg:hover{background:var(--line)}
.uz-balken{height:6px;background:#E8ECF1;border-radius:999px;margin:8px 0;overflow:hidden}.uz-balken div{height:6px;background:var(--blautext);transition:width .15s}
/* Version 4.71: feste Spalten Zuordnung | Dokumentart | Info (breit) | Haken Standard-Mail-Anhang rechts neben Info, auf Höhe des Feldes */
.uz-felder{display:grid;grid-template-columns:minmax(160px,1fr) minmax(160px,1fr) minmax(200px,2fr) auto;gap:10px}.uz-info{grid-column:auto}
.uz-felder .uz-mail{flex-direction:row;align-items:center;gap:8px;align-self:end;min-height:42px;white-space:nowrap;cursor:pointer}.uz-felder .uz-mail input{width:18px;height:18px;margin:0}
@media(max-width:900px){.formraster{grid-template-columns:1fr}.uz-felder{grid-template-columns:1fr 1fr}.uz-felder .uz-mail{grid-column:1 / -1}}

/* ---- Version 2.1: Ablegen auf der ganzen Fläche ---- */
#dropOverlay{pointer-events:none;position:fixed;inset:0;z-index:200;background:rgba(34,34,34,.6);display:flex;align-items:center;justify-content:center;padding:24px}
#dropOverlay[hidden]{display:none}
.do-karte{background:#fff;border:3px dashed var(--blautext);border-radius:22px;padding:40px 56px;text-align:center;max-width:560px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.do-karte b{display:block;font-size:24px;margin-bottom:8px}.do-karte span{color:var(--muted);font-size:15px}
#dropOverlay.nein .do-karte{border-color:#A82B2B}
body.ziehen iframe{pointer-events:none}
#toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:210;background:#222;color:#fff;padding:12px 20px;border-radius:12px;font-size:14px;box-shadow:0 8px 24px rgba(0,0,0,.3);max-width:90vw}
#toast[hidden]{display:none}

/* ---- Version 2.2: Felder bearbeiten, Löschen ---- */
.knopf2.gefahr{color:#A82B2B;border-color:#E3B9B9}.knopf2.gefahr:hover{background:#FBEFEF;border-color:#A82B2B}
.bearbeiten .karte dd{padding:3px 0}
.bearbeiten input:not([type=checkbox]),.bearbeiten select,.bearbeiten textarea{width:100%;min-height:34px;border:1.5px solid #D5DCE5;border-radius:8px;padding:5px 9px;font:inherit;font-size:13px;font-weight:400;color:var(--ink);background:#fff}
.bearbeiten textarea{resize:vertical;line-height:1.45}
.bearbeiten input[type=checkbox]{width:18px;height:18px;margin:6px 0}
.bearbeiten input:focus,.bearbeiten select:focus,.bearbeiten textarea:focus{outline:3px solid var(--blautint);border-color:var(--blautext)}
.bearbeiten .ro{display:block;padding:6px 9px;border-radius:8px;background:#F1F4F8;color:#4A5560;font-weight:500;min-height:30px}
.pad2{padding:12px 14px}
.speicherleiste{position:sticky;bottom:0;margin-top:16px;display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px 16px;box-shadow:0 -4px 16px rgba(34,34,34,.08);z-index:5}
#toast button{margin-left:14px;border:0;background:none;color:#9FC4E0;font:inherit;font-weight:700;cursor:pointer;text-decoration:underline}

/* ---- Version 2.3: Karten zuklappen/verschieben, Direkt-Bearbeiten, Archiv ---- */
.ansicht{min-width:0}
.kartenleiste{display:flex;flex-wrap:wrap;gap:6px 14px;justify-content:flex-end;margin:0 2px 10px}
.kartenleiste button{background:none;border:0;color:var(--blautext);font:inherit;font-size:12.5px;cursor:pointer;padding:4px 2px;text-decoration:underline;text-underline-offset:2px}
.kartenleiste button:hover{color:var(--ink)}
.karte h3{display:flex;align-items:stretch;padding:0}
.karte h3.plain{display:block;padding:9px 14px}
.karte h3 .zug{flex:0 0 28px;display:flex;align-items:center;justify-content:center;cursor:grab;color:#7A93AB;font-size:15px;touch-action:none;user-select:none}
.karte h3 .zug:hover{color:var(--blautext)}
.karte h3 .kkopf{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;background:none;border:0;font:inherit;color:inherit;font-weight:700;cursor:pointer;padding:9px 14px 9px 4px;text-align:center}
.karte h3 .zug + .kkopf{padding-left:0}
.karte h3 .kkopf:focus-visible{outline:3px solid var(--blautext);outline-offset:-3px}
.kkopf .pfeil{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);transition:transform .15s;flex:0 0 auto}
.karte.zu .kkopf .pfeil{transform:rotate(-45deg)}
.karte.zu .kbody{display:none}
.karte.ghost{opacity:.4}
.karte.sortable-chosen{box-shadow:0 8px 24px rgba(34,34,34,.2)}
.stamm .sp{min-height:48px;align-self:stretch}   /* Version 4.77: leere Spalten sind so hoch wie die Zeile und damit als Ablageziel treffbar */
.ansicht.karten-ziehen .stamm .sp:empty,.ansicht.karten-ziehen .stamm .sp:not(:has(.karte:not(.ghost))){outline:2px dashed var(--blau);outline-offset:-2px;border-radius:14px;min-height:140px;background:rgba(115,157,188,.08)}
dd.edit,.bf.edit{cursor:text;border-radius:6px;transition:background .12s;position:relative}
dd.edit{margin-left:-6px;padding:2px 6px;min-width:36px;min-height:22px}
dd.edit:hover,.bf.edit:hover{background:#EEF4F9;box-shadow:inset 0 0 0 1px #C9D9E6}
dd.edit:focus-visible,.bf.edit:focus-visible{outline:3px solid var(--blautext);outline-offset:1px}
dd.edit .haken{cursor:pointer;font-size:16px}
dd.edit.aktiv,.bf.edit.aktiv{background:#fff;box-shadow:none;padding:0;margin-left:-6px}
.bf.edit{padding:10px 14px;margin:0}
.bf.edit.aktiv{padding:6px 8px}
dd.speichert,.bf.speichert{opacity:.55;pointer-events:none}
dd.gespeichert,.bf.gespeichert{background:#E4F4E8!important;box-shadow:inset 0 0 0 1px #9AD2A8!important}
dd.fehlerfeld,.bf.fehlerfeld{background:#FBEFEF!important;box-shadow:inset 0 0 0 1px #D9A0A0!important}
.editor{width:100%;min-height:32px;border:1.5px solid var(--blautext);border-radius:8px;padding:4px 8px;font:inherit;font-size:13px;font-weight:400;color:var(--ink);background:#fff;box-sizing:border-box}
textarea.editor{resize:vertical;line-height:1.45;min-height:90px}
.editor:focus{outline:3px solid var(--blautint)}
.stift{margin-left:8px;border:0;background:none;color:#7A93AB;font-size:13px;cursor:pointer;opacity:0;padding:0 4px;border-radius:4px}
dd.edit:hover .stift,dd.edit:focus-within .stift{opacity:1}
.stift:hover{color:var(--blautext);background:#DCE8F2}
@media(hover:none){.stift{opacity:1}}
.baum details.archiv>summary{color:#6B7783;font-style:italic}
dd a[href^="tel:"],dd a[href^="mailto:"]{color:var(--blautext);font-weight:700;text-decoration:none;border-bottom:1px solid #9DB6CB}
dd a[href^="tel:"]:hover,dd a[href^="mailto:"]:hover{border-bottom-color:var(--blautext)}

/* ---- Version 2.4: Untermenüs unter jedem Objekt ---- */
.objzeile{display:flex;align-items:flex-start}
.objpfeil{flex:0 0 22px;height:30px;border:0;background:none;padding:0;cursor:pointer;position:relative;color:var(--muted)}
.objpfeil.leer{cursor:default}
.objpfeil:not(.leer)::before{content:'';position:absolute;left:7px;top:11px;width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .12s}
.objpfeil.offen::before{transform:rotate(45deg)}
.objpfeil:not(.leer):hover{color:var(--blautext);background:var(--blautint);border-radius:6px}
.objzeile .eintrag{padding-left:4px;flex:1;min-width:0;width:auto}
.kinder{margin-left:20px;border-left:2px solid var(--blautint);padding-left:2px}
.kinder[hidden]{display:none}
.baum details.rel>summary{font-weight:600;color:var(--blautext);font-size:13px;padding:4px 8px}
.baum details.rel details.rel{margin-left:10px}
.baum details details.rel{margin-left:0}
.eintrag.archiviert .et{font-style:italic;color:#6B7783}

/* ---- Version 2.5: Suche über die ganze Breite, Verträge neben Kunden ---- */
.suchraster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:20px;align-items:start}
.suchraster .card{min-width:0}
.chip{display:inline-block;background:var(--blautint);color:var(--blautext);border-radius:6px;padding:1px 7px;font-size:11.5px;font-weight:700;margin-right:4px}
.zeile .txt .gefunden{display:block;margin-top:3px;color:var(--ink);font-size:13px;line-height:1.5}

/* ---- Version 2.6: aufgeklappte Einträge im Baum hervorheben ---- */
/* Version 4.93: hinterlegt sind nur noch der Kunde oben (.wurzel) und der ausgewählte Datensatz (.baumaktiv bzw. seine Zeile .aktivzeile); Ordner, Statusordner und aufgeklappte Objekte bleiben weiß */
.baum button.eintrag.baumaktiv,.baum .objzeile.aktivzeile{background:#E6EEF5;border-radius:8px}
.baum .objzeile.aktivzeile>.eintrag.baumaktiv{background:transparent}
.baum button.eintrag.baumaktiv .et{font-weight:600}
.obj.offen>.kinder{margin-bottom:4px}

/* ---- Version 2.7: Bildfelder (Foto, Unterschrift) ---- */
.karte dl>div.bildreihe{display:block;grid-column:1/-1;padding:6px 14px 10px}
.bildreihe dt{margin-bottom:6px}
.bildreihe dd.bildzelle{margin:0;padding:0}
.bildbox{position:relative;display:flex;align-items:center;justify-content:center;min-height:90px;background:#fff;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.bildbox img{display:block;max-width:100%;max-height:230px;object-fit:contain}
.bildbox img:not([src]){display:none}
.bildbox .kein{display:none;color:var(--muted);font-size:13px;padding:22px 14px;text-align:center}
.bildbox .ladetext{display:none;color:var(--muted);font-size:13px}
.bildbox.leer img{display:none}
.bildbox.leer .kein{display:block}
.bildbox.fehler .kein{color:#A82B2B}
.bildbox.laedt .ladetext{display:flex;position:absolute;inset:0;align-items:center;justify-content:center;background:rgba(255,255,255,.82)}
.bildbox.leer.laedt .ladetext{display:flex}
.bildupload{position:absolute;top:8px;right:8px;white-space:nowrap;opacity:0;transition:opacity .12s;background:rgba(34,34,34,.9);color:#fff;border-radius:8px;padding:6px 12px;font-size:12.5px;font-weight:700;cursor:pointer;line-height:1.3}
.bildupload:hover{background:#222}
.bildbox:hover .bildupload,.bildbox:focus-within .bildupload,.bildbox.leer .bildupload{opacity:1}
.bildupload:focus-within,.bildupload:focus-visible{outline:3px solid var(--blautext);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(hover:none){.bildupload{opacity:1}}

/* ---- Version 2.9: Bild-Diagnose ---- */
.bildinfo{min-height:16px;margin-top:4px;font-size:11.5px;font-weight:400;color:var(--muted)}
.bildbox .kein .tech{display:block;margin-top:8px;font:11px/1.4 ui-monospace,Consolas,monospace;color:#6B7783;word-break:break-all;user-select:all;text-align:left}

/* ---- Version 3.0: Adress-Auswahl, Neu-anlegen-Dialog ---- */
.kopfreihe{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 20px;margin-bottom:16px}
.picker{position:relative}
.karte:has(.picker){overflow:visible}
.pickerliste{position:absolute;left:0;right:0;top:100%;z-index:40;margin-top:4px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 28px rgba(0,0,0,.2);max-height:260px;overflow:auto}
.pickerliste[hidden]{display:none}
.pickeroption{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 12px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}
.pickeroption.aktiv,.pickeroption:hover{background:var(--blautint)}
.pickeroption span{display:block;color:var(--muted);font-size:12px;font-weight:400}
.modal{position:fixed;inset:0;z-index:250;background:rgba(34,34,34,.55);display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow:auto}
.modalkarte{background:#fff;border-radius:18px;padding:24px 28px;width:100%;max-width:740px;box-shadow:0 24px 70px rgba(0,0,0,.35)}
.modalkarte h2{margin:0 0 4px;font-size:22px}
.modaluntertitel{margin:0;color:var(--muted);font-size:14px}
.modalkarte .formraster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin:18px 0}
.neufeld{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);min-width:0}
.neufeld.breit{grid-column:1/-1}
.neufeld .editor{width:100%;color:var(--ink)}
.modalwarnung{background:#FFF7E0;border:1px solid #EBD590;border-radius:10px;padding:12px 16px;font-size:13px;margin-bottom:12px}
.modalwarnung ul{margin:6px 0;padding-left:20px}
.modalknoepfe{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}
@media(max-width:640px){.modalkarte .formraster{grid-template-columns:1fr}}

.bildbox.hellbild{background:#6B7783}

/* ---- Version 3.3: Bildvorschau höchstens 75 Pixel hoch ---- */
.bildbox{min-height:56px}
.bildbox img{max-height:75px;max-width:100%;width:auto;height:auto}

/* ---- Version 3.4: Auswahllisten mit Suchfeld ---- */
.combo{position:relative;width:100%}
.combo .editor{width:100%;cursor:pointer;padding-right:30px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%237A93AB' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 10px center}
.combo input.editor:focus{cursor:text}
.pickerliste.oben{top:auto;bottom:100%;margin-top:0;margin-bottom:4px}
.pickeroption.gewaehlt{font-weight:700;color:var(--blautext)}
.pickerhinweis{padding:8px 12px;font-size:12.5px;color:var(--muted)}
.neufeld .combo,.neufeld .combo .editor{width:100%}

/* ---- Version 3.5: Aufgabenplaner, Verlauf, Buttonleiste ---- */
.werkzeug .rechts-aussen{margin-left:auto}
.card .kopf .alle{font-size:13px;font-weight:600;color:var(--blautext);text-decoration:none}
.card .kopf .alle:hover{text-decoration:underline}
.raster.verlauf{margin-top:20px}
.vlist{max-height:520px;overflow:auto}
.umschalter{display:inline-flex;border:1.5px solid #D5DCE5;border-radius:10px;overflow:hidden}
.umschalter button{border:0;background:#fff;padding:6px 14px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink)}
.umschalter button.an{background:var(--ink);color:#fff}
.umschalter button:disabled{opacity:.45;cursor:not-allowed}
.plan-wrap{overflow-x:auto}
table.plan{width:100%;border-collapse:collapse;font-size:14px}
table.plan th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:8px 14px;border-bottom:1px solid var(--line);white-space:nowrap}
table.plan td{padding:10px 14px;border-bottom:1px solid var(--line);vertical-align:top}
table.plan tr:hover td{background:#F7F9FC}
table.plan a{color:var(--ink);text-decoration:none}
table.plan a:hover{color:var(--blautext);text-decoration:underline}
@media(max-width:700px){table.plan thead{display:none}table.plan td{display:block;border:0;padding:4px 14px}table.plan tr{display:block;border-bottom:1px solid var(--line);padding:8px 0}table.plan td::before{content:attr(data-l) ": ";color:var(--muted);font-size:12px}}

/* ---- Version 3.6: Dashboard, Zuletzt geöffnet nach Art ---- */
.vlist{max-height:250px}
.vtitel{margin:16px 0 4px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:700}
.card h2 + .vtitel{margin-top:6px}

/* ---- Version 3.7: Verlauf in der dunklen Leiste ---- */
.side .sv{flex:1 1 0;min-height:0;overflow-y:auto;margin:0 -6px;padding:0 6px;scrollbar-width:thin;scrollbar-color:#555 transparent}
.side .user{margin-top:auto}
.sv details.svg{margin-bottom:6px}
.sv summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#9FB0C2}
.sv summary::-webkit-details-marker{display:none}
.sv summary::before{content:'';width:6px;height:6px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .12s;flex:0 0 auto}
.sv details[open]>summary::before{transform:rotate(45deg)}
.sv summary:hover{background:rgba(255,255,255,.08);color:#fff}
.sv summary i{margin-left:auto;font-style:normal;font-weight:600;font-size:11px;opacity:.7}
.sv details>a,.sv .sveintrag>a{display:block;padding:6px 8px 6px 22px;border-radius:8px;text-decoration:none;color:#D5DEE8;line-height:1.3}
.sv details>a:hover,.sv .sveintrag:hover>a{background:rgba(255,255,255,.08)}
/* 6.05: Eintrag mit X zum Entfernen (rechts oben, erscheint beim Darüberfahren) */
.sv .sveintrag{position:relative}.sv .sveintrag>a{padding-right:26px}
.sv .svweg{position:absolute;top:5px;right:6px;width:18px;height:18px;border:0;border-radius:5px;background:transparent;color:#9FB0C2;font-size:15px;line-height:18px;padding:0;cursor:pointer;opacity:0}
.sv .sveintrag:hover .svweg,.sv .svweg:focus-visible{opacity:1}.sv .svweg:hover{background:rgba(255,255,255,.14);color:#fff}
.sv details>a b,.sv .sveintrag>a b{display:block;font-size:13px;font-weight:600;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sv details>a span,.sv .sveintrag>a span{display:block;font-size:11.5px;color:#9FB0C2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sv .svleer{margin:2px 8px 6px 22px;font-size:12px;color:#7F90A3}
@media(max-width:900px){.side .sv{flex:0 0 auto;overflow:visible;margin:0;padding:0}}

/* ---- Version 3.8: Kunde wählen ---- */
.kwliste{max-height:340px;overflow:auto;border-radius:10px}
.kwliste .pickeroption{border-bottom:1px solid var(--line)}
.kwliste .pickeroption b .stpille{margin-left:8px;font-size:11px;padding:2px 8px;vertical-align:1px}   /* 6.11: archivierter Kunde in der Kundenauswahl */

/* ---- Version 3.9: Dokument-Buttons in einer Zeile ---- */
.aktion.einzeilig{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.aktion.einzeilig .knopf,.aktion.einzeilig .knopf2{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;font-size:15px;line-height:1;margin:0;white-space:nowrap}
.aktion.einzeilig .dateiname{margin-left:6px}

/* ---- Version 4.0: Download-Link ---- */
.frghinweis{background:#FFF7E0;border:1px solid #EBD590;border-radius:10px;padding:12px 16px;font-size:13px;line-height:1.5;margin:14px 0}
fieldset.gueltig{border:0;padding:0;margin:0 0 12px;display:flex;gap:18px;flex-wrap:wrap;align-items:center}
fieldset.gueltig legend{font-size:13px;color:var(--muted);padding:0;margin-bottom:6px}
fieldset.gueltig label{display:flex;align-items:center;gap:6px;font-size:14px;cursor:pointer}

.techhinweis{margin:10px 16px 14px;font:12px/1.5 ui-monospace,Consolas,monospace;color:#6B7783;word-break:break-all;user-select:all}

/* ---- Version 4.5: Links nie umbrechen, am Ende optisch abschneiden ---- */
.karte dd a,.mailkopf dd a{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;word-break:normal;vertical-align:bottom}
.karte dd:has(.stift) a{max-width:calc(100% - 30px)}

/* ---- Version 4.6: Schalter im Dashboard ---- */
.kopfrechts{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 18px}

/* ---- Version 4.7: Leere Felder ausblenden, Felder verschieben ---- */
.leerschalter{flex:0 0 auto;align-self:center;width:30px;height:16px;border-radius:999px;border:0;background:#B9C9D8;position:relative;cursor:pointer;margin:0 10px 0 0;padding:0}
.leerschalter span{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}
.leerschalter[aria-checked="true"]{background:var(--blautext)}
.leerschalter[aria-checked="true"] span{transform:translateX(14px)}
.leerschalter:focus-visible{outline:3px solid var(--blautext);outline-offset:2px}
.karte.leerweg .leerfeld{display:none}
.feldhinweis{margin-right:auto;font-size:12.5px;color:var(--muted)}
.feldmodus .karte dl{display:block;min-height:44px;padding:6px 0}
.feldmodus .karte dl>div{display:grid;grid-template-columns:42% minmax(0,1fr);column-gap:12px;margin:3px 8px;padding:0 8px;border-radius:8px;outline:1px dashed #C4D3E0;background:#fff;cursor:grab}
.feldmodus .karte dl>div.bildreihe{display:block}
.feldmodus .karte dl>div:hover{background:#EEF4F9}
.feldmodus .karte dl>div dt::before{content:'⠿ ';color:#7A93AB}
.feldmodus .karte.zu .kbody{display:block}
.feldmodus .karte.leerweg .leerfeld{display:grid}
.feldmodus dd.edit,.feldmodus dd a,.feldmodus .bildupload{pointer-events:none}
.feldmodus dl>div.sortable-chosen{box-shadow:0 6px 18px rgba(34,34,34,.2)}

/* ---- Version 4.9: Anmeldebox mit Name, Profilseite ---- */
.user{display:flex;align-items:center;gap:4px;padding:6px}
a.profilknopf{flex:1;min-width:0;text-decoration:none;color:#fff}
.profilknopf.aktiv{background:rgba(255,255,255,.14)}
.profilknopf .t{line-height:1.25;min-width:0}
.profilknopf .t small{display:block;font-size:11px;color:#9FB4C7;letter-spacing:.02em}
.profilknopf .t b{display:block;font-size:14px;font-weight:700;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.profilknopf .t span{display:block;font-size:12px;color:#9FB4C7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abmeldeknopf{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:10px;background:none;color:#9FB4C7;cursor:pointer}
.abmeldeknopf:hover{background:rgba(255,255,255,.1);color:#fff}
.abmeldeknopf:focus-visible,a.profilknopf:focus-visible{outline:3px solid #739DBC;outline-offset:1px}
.avatar.riesig{width:112px;height:112px;flex:0 0 112px;font-size:38px}
.profilkopf{display:flex;gap:28px;align-items:center;padding:26px 30px;margin:18px 0 22px;flex-wrap:wrap}
.profilkopf h2{margin:0 0 4px;font-size:26px}
.profilkopf p{margin:0;color:var(--muted)}
.pk-knoepfe{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.pk-knoepfe .knopf2{height:40px;padding:0 18px}
.profilraster{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px;align-items:start;margin-bottom:16px}

/* ---- Version 4.11: Makros, Rechtsklick-Menü ---- */
.ctxmenu{position:fixed;z-index:300;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(34,34,34,.25);padding:6px;min-width:210px}
.ctxmenu button{display:block;width:100%;text-align:left;background:none;border:0;border-radius:8px;padding:10px 12px;font:inherit;font-size:14px;color:var(--ink);cursor:pointer}
.ctxmenu button:hover,.ctxmenu button:focus-visible{background:var(--bg);outline:none}

.ctxmenu .ctxkopf{padding:6px 12px 4px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}

/* ---- Version 4.15: Makro-Buttons ausblendbar ---- */
.makros-aus .makroleiste{display:none}
.makroschalter{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--blautext)}
.makroschalter .leerschalter{margin:0}
.kartenleiste .makroschalter .leerschalter{display:inline-block;width:30px;height:16px;padding:0;border:0;border-radius:999px;background:#B9C9D8;text-decoration:none;position:relative;cursor:pointer}
.kartenleiste .makroschalter .leerschalter[aria-checked="true"]{background:var(--blautext)}
.kartenleiste .makroschalter .leerschalter span{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}
.kartenleiste .makroschalter .leerschalter[aria-checked="true"] span{transform:translateX(14px)}

/* ---- Version 4.16: viele Makro-Buttons, Link-Liste ---- */
.makroleiste{display:flex;flex-wrap:wrap;gap:8px}
.linkliste{display:flex;flex-direction:column;gap:6px;margin:14px 0}
.linkliste a{padding:10px 12px;border-radius:10px;border:1px solid var(--line);color:var(--blautext);font-weight:600;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.linkliste a:hover,.linkliste a:focus-visible{background:var(--bg);outline:none}

/* ---- Version 4.18: Prozess-Menü anpassbar ---- */
.ctxmenu{min-width:300px;max-width:min(520px,94vw)}
.ctxkopfzeile{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px 12px 4px 0}
.ctxkopfzeile .ctxkopf{padding:0 0 0 12px}
.ctxzeile{display:flex;align-items:center;gap:10px;padding-right:12px}
.ctxzeile .ctxname{flex:1;min-width:0;width:auto}
.ctxzeile.anpassen .ctxname{color:var(--muted);cursor:default}
.ctxleer{padding:8px 12px 10px;font-size:13px;color:var(--muted);max-width:280px}
.ctxmenu .leerschalter{display:inline-block;flex:0 0 auto;width:30px;height:16px;padding:0;border:0;border-radius:999px;background:#B9C9D8;position:relative;cursor:pointer}
.ctxmenu .leerschalter[aria-checked="true"]{background:var(--blautext)}
.ctxmenu .leerschalter span{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}
.ctxmenu .leerschalter[aria-checked="true"] span{transform:translateX(14px)}
.ctxmenu .leerschalter:focus-visible{outline:3px solid var(--blautext);outline-offset:2px}
.ctxmenu button.leerschalter,.ctxmenu button.leerschalter:hover,.ctxmenu button.leerschalter:focus-visible{background:#B9C9D8}
.ctxmenu button.leerschalter[aria-checked="true"],.ctxmenu button.leerschalter[aria-checked="true"]:hover,.ctxmenu button.leerschalter[aria-checked="true"]:focus-visible{background:var(--blautext)}

/* ---- Version 4.19: IBAN-Status-Button ---- */
.ibanknopf{display:inline-flex;align-items:center;height:28px;padding:0 14px;border-radius:999px;border:1px solid;font:inherit;font-size:13px;font-weight:600;cursor:pointer;background:#fff}
.ibanknopf.gut{color:#1E7B4B;border-color:#8CC9A8;background:#EAF6EF}
.ibanknopf.schlecht{color:#A82B2B;border-color:#E3A9A9;background:#FBEFEF}
.ibanknopf.offen{color:#2F6F9F;border-color:#9DBDD6;background:#EEF4F9}
.ibanknopf:hover{filter:brightness(.97)}
.ibanknopf:focus-visible{outline:3px solid var(--blautext);outline-offset:2px}
.ibanknopf:disabled{opacity:.6;cursor:wait}
.ibangrund{display:block;margin-top:4px;font-size:12.5px;font-weight:400;color:#A82B2B}

/* ---- Version 4.20: kleine Ablagefläche auf Foto und Unterschrift ---- */
.bildbox[data-ablage]::after{content:attr(data-ablage);display:none;position:absolute;inset:0;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:var(--blautext);background:rgba(238,244,249,.93);border:2px dashed var(--blautext);border-radius:10px;z-index:3;pointer-events:none}
.bildbox.ablage::after{display:flex}

/* ---- Version 4.22: Archiv/Papierkorb in der Suche, Archiv im Baum ausblendbar ---- */
.suchoptionen{display:flex;gap:22px;flex-wrap:wrap;margin:10px 4px 0;font-size:14px;color:var(--ink)}
.suchoptionen label{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.suchoptionen input{width:17px;height:17px;accent-color:var(--blautext)}
.zeile.st-archiv .txt b,.zeile.st-archiv .txt span{color:#5B6672}
.zeile.st-geloescht .txt b{color:#6D7782;text-decoration:line-through}
.zeile.st-geloescht .txt span{color:#8A939C}
.stpille{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap}
.stpille.archiv{background:#EEF1F5;color:#3C4651}
.stpille.geloescht{background:var(--rottint);color:#8E2323}
.archiv-aus .baum details.ordner.archiv,.archiv-aus .baum details.rel.archiv{display:none}
.archiv-aus .baum .obj.nurarchiv>.objzeile>.objpfeil{opacity:.3;pointer-events:none}   /* Version 5.23: nur archivierte Unterelemente – Pfeil ohne Funktion */

/* ---- Version 4.23: Datensatz archivieren / löschen ---- */
.aktion.dsleiste{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.knopf.gefahr{background:#A82B2B;border-color:#A82B2B;color:#fff}
.knopf.gefahr:hover{background:#8E2323;border-color:#8E2323}
.dsdialog{max-width:520px}
.dsdialog h2{margin:0 0 6px;font-size:21px}
.dsdialog .dsbez{margin:0 0 12px;padding:9px 12px;background:var(--bg);border-radius:10px;font-weight:600;font-size:14px;overflow-wrap:anywhere}
.dsdialog p{line-height:1.5}
.dsdialog .dswarn{background:#FFF7E0;border:1px solid #EBD590;border-radius:10px;padding:10px 12px;font-size:13.5px}

/* ---- Version 4.24: runder Claude-Button rechts unten ---- */
.claudeknopf{position:fixed;right:24px;bottom:24px;z-index:90;width:68px;height:68px;padding:3px;border:0;border-radius:50%;background:#fff;box-shadow:0 6px 22px rgba(34,34,34,.28);cursor:pointer;transition:transform .15s,box-shadow .15s}
.claudeknopf img{display:block;width:100%;height:100%;border-radius:50%;object-fit:contain}
.claudeknopf:hover{transform:scale(1.06);box-shadow:0 8px 28px rgba(34,34,34,.36)}
.claudeknopf:focus-visible{outline:3px solid var(--blautext);outline-offset:3px}
@media print{.claudeknopf{display:none}}

/* ---- Version 4.25: Beschriftung SI-Agent ---- */
.claudeknopf::before{content:attr(data-name);position:absolute;right:76px;top:50%;transform:translateY(-50%);background:#222;color:#fff;font-size:13px;font-weight:600;padding:6px 12px;border-radius:999px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s}
.claudeknopf:hover::before,.claudeknopf:focus-visible::before{opacity:1}

/* ---- Version 4.26: Hinweiskarte neben dem SI-Agent-Fenster ---- */
.agenthinweis{position:fixed;bottom:24px;right:24px;z-index:96;width:min(340px,92vw);background:#fff;border:2px solid var(--blautext);border-radius:16px;padding:16px 18px;box-shadow:0 14px 40px rgba(34,34,34,.3)}
.agenthinweis.fehler{border-color:#A82B2B}
.agenthinweis b{display:block;font-size:16px;margin-bottom:2px}
.agenthinweis .ahbez{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}
.agenthinweis p{margin:0 0 12px;font-size:14.5px;line-height:1.5}
.ahknoepfe{display:flex;gap:8px;justify-content:flex-end}
.ahknoepfe .knopf2{height:36px;padding:0 14px}
.tastenkappe{display:inline-block;border:1px solid #C9D3DD;border-bottom-width:2px;border-radius:6px;padding:1px 8px;font:inherit;font-weight:700;background:#F4F6FA}
@media print{.agenthinweis{display:none}}

/* ---- Version 4.27: SI-Agent Chatfenster ---- */
body.agent-offen .claudeknopf{display:none}
.agentfenster{position:fixed;right:24px;bottom:24px;z-index:97;width:min(420px,calc(100vw - 32px));height:min(680px,calc(100vh - 48px));display:flex;flex-direction:column;background:#E3E9F0;border-radius:22px;box-shadow:0 24px 80px rgba(34,34,34,.5),0 0 0 1px rgba(34,34,34,.18);overflow:hidden}   /* 6.08/6.09: dunkler als die Seite, mehr Kontrast zum Hintergrund */
.agentfenster[hidden]{display:none}
.agentfenster.gross{width:min(880px,calc(100vw - 48px));height:calc(100vh - 48px)}
.afkopf{display:flex;align-items:center;justify-content:space-between;padding:12px 14px 4px 20px;flex:none}
.afname{font-weight:700;font-size:15px;color:#222}
.aftest{margin-left:8px;font-style:normal;font-size:11px;font-weight:700;background:#F4F6FA;color:#739DBC;border:1px solid #739DBC;border-radius:999px;padding:2px 8px;vertical-align:middle}
.afknoepfe{display:flex;gap:2px}
.afknoepfe button{width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#555;cursor:pointer;display:grid;place-items:center}
.afknoepfe button:hover{background:#F4F6FA;color:#222}
.afknoepfe button[hidden]{display:none}
.afverlauf{flex:1;overflow-y:auto;padding:8px 18px 12px;scroll-behavior:smooth}
.afwillkommen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:18px;padding-bottom:30px}
.afavatar{width:104px;height:104px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 4px #fff,0 0 70px 24px rgba(115,157,188,.55)}
.afwillkommen h2{margin:14px 0 0;font-size:19px;font-weight:500;color:#333}
.afchips{display:flex;flex-direction:column;gap:10px;align-items:center}
.afchip{border:1px solid #DDE3EA;background:#fff;color:#555;border-radius:999px;padding:9px 16px;font:inherit;font-size:13.5px;cursor:pointer;max-width:100%}
.afchip:hover{border-color:#739DBC;color:#222;background:#F4F6FA}
.afnachricht{display:flex;flex-direction:column;margin:10px 0}
.afnachricht.ich{align-items:flex-end}
.afnachricht.agent{align-items:flex-start}
.afblase{max-width:92%;padding:10px 14px;border-radius:16px;font-size:14.5px;line-height:1.5;overflow-wrap:anywhere}
.ich .afblase{background:#222;color:#fff;border-bottom-right-radius:5px}
.agent .afblase{background:#fff;color:#222;border-bottom-left-radius:5px}   /* 6.09: weiß auf dem dunkleren Fenster */
.afblase.fehler{background:#fbeaea;color:#A82B2B;border:1px solid #e8c4c4}
.afkontextnotiz{font-size:11.5px;color:#7a8794;margin:3px 6px 0}
.afblase p{margin:0 0 8px}.afblase p:last-child{margin-bottom:0}
.afblase .afh{font-weight:700}
.afblase ul,.afblase ol{margin:4px 0 8px;padding-left:20px}
.afblase code{background:#e6ebf1;border-radius:5px;padding:1px 5px;font-size:13px}
.afblase pre{background:#222;color:#f4f6fa;border-radius:10px;padding:10px 12px;overflow-x:auto;margin:6px 0;font-size:12.5px}
.afblase pre code{background:none;padding:0;color:inherit}
.afblase a{color:#3f6f94}
.aftabelle{overflow-x:auto;margin:6px 0}
.aftabelle table{border-collapse:collapse;font-size:13px}
.aftabelle th,.aftabelle td{border:1px solid #d5dde6;padding:5px 9px;text-align:left;vertical-align:top}
.aftabelle th{background:#e9eef4}
.afdenkt{display:flex;align-items:center;gap:10px;color:#7a8794;font-size:13.5px;margin:12px 4px}
.afpunkte{display:inline-flex;gap:4px}
.afpunkte i{width:7px;height:7px;border-radius:50%;background:#739DBC;animation:afblink 1.2s infinite ease-in-out}
.afpunkte i:nth-child(2){animation-delay:.2s}.afpunkte i:nth-child(3){animation-delay:.4s}
@keyframes afblink{0%,80%,100%{opacity:.25;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}
.afabbruch{margin-left:auto;border:0;background:none;color:#7a8794;text-decoration:underline;cursor:pointer;font:inherit;font-size:12.5px}
.afkontext{flex:none;padding:6px 20px 0;font-size:12px;color:#7a8794;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.afpunkt{display:inline-block;width:8px;height:8px;border-radius:50%;background:#c3ccd6;margin-right:7px}
.afpunkt.an{background:#3aa76d}
.afeingabe{flex:none;display:flex;align-items:flex-end;gap:8px;margin:8px 14px 14px;padding:8px 8px 8px 14px;border:1px solid #DDE3EA;border-radius:18px;background:#fff}
.afeingabe:focus-within{border-color:#739DBC;box-shadow:0 0 0 3px rgba(115,157,188,.25)}
.afeingabe textarea{flex:1;border:0;outline:0;resize:none;font:inherit;font-size:14.5px;line-height:1.45;max-height:140px;padding:6px 0;background:transparent}
.afeingabe button{flex:none;width:36px;height:36px;border:0;border-radius:50%;background:#222;color:#fff;cursor:pointer;display:grid;place-items:center}
.afeingabe button:disabled{background:#c3ccd6;cursor:default}
@media (max-width:560px){.agentfenster,.agentfenster.gross{right:0;bottom:0;width:100vw;height:100dvh;border-radius:0}}
@media print{.agentfenster{display:none}}
/* Tabellen in Antworten: die allgemeine Tabellenregel (Breite 100 %, Mindestbreite 620 px) gilt hier nicht */
.aftabelle table{width:auto;min-width:0;max-width:none}
.aftabelle th{font-size:12px;text-transform:none;letter-spacing:0;color:#222;padding:5px 9px;border-top:0;white-space:nowrap}
.aftabelle td{padding:5px 9px;border-top:1px solid #d5dde6}
.aftabelle tr:hover td{background:transparent}

/* ---- Version 4.28: Karten, Anhänge, Chat-Liste ---- */
.agentfenster{position:fixed}
.afeingabe[hidden],.afkontext[hidden],.afdateien[hidden],.afablage[hidden]{display:none}
.afeingabe .afklammer{background:transparent;color:#5b6773;width:34px;height:34px}
.afeingabe .afklammer:hover{background:#F4F6FA;color:#222}
.afknoepfe button.aktiv{background:#F4F6FA;color:#222}
.afdateien{flex:none;display:flex;flex-wrap:wrap;gap:6px;padding:6px 20px 0}
.afdatei{display:inline-flex;align-items:center;gap:6px;max-width:100%;background:#F4F6FA;border:1px solid #DDE3EA;border-radius:999px;padding:3px 6px 3px 12px;font-size:12.5px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.afdatei button{width:20px;height:20px;border:0;border-radius:50%;background:#c3ccd6;color:#222;cursor:pointer;line-height:1;font-size:14px;padding:0}
.afdatei button:hover{background:#739DBC;color:#fff}
.afablage{position:absolute;inset:0;z-index:5;box-sizing:border-box;display:grid;place-items:center;background:rgba(115,157,188,.18);border:3px dashed #739DBC;border-radius:22px;font-weight:700;color:#2B5F8A;pointer-events:none;font-size:16px}
.afnachricht.agent>.afkarte{align-self:stretch}   /* Version 5.51: Karten (E-Mail, Vorschläge) nutzen die ganze Fensterbreite, auch im vergrößerten Fenster */
.afkarte{margin:8px 0 2px;max-width:100%;border:1px solid #DDE3EA;border-left:4px solid #739DBC;border-radius:12px;background:#fff;padding:10px 12px;font-size:13.5px}
.afkarte.st-ausgefuehrt{border-left-color:#3aa76d}
.afkarte.st-fehler,.afkarte.st-gesperrt{border-left-color:#A82B2B}
.afkarte.st-unklar{border-left-color:#d4a017}
.afkarte.st-verworfen,.afkarte.st-abgelaufen{border-left-color:#c3ccd6;opacity:.8}
.afkarte-kopf{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}
.afkarte-kopf b{font-size:14px}
.afkarte-kopf span{color:#5b6773;font-size:12.5px}
.afkarte .aftabelle table{width:100%}
.afkarte .aftabelle th{font-size:11.5px}
.afkarte .aftabelle td{font-size:12.5px}
.afkarte-liste{margin:4px 0 6px;padding-left:18px;font-size:13px}
.afwarn{margin:6px 0;padding:6px 9px;border-radius:8px;background:#fff6e5;color:#7a5200;font-size:12.5px}
.afkarte.st-fehler .afwarn,.afkarte.st-gesperrt .afwarn{background:#fbeaea;color:#A82B2B}
.afkarte-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.afk-ja,.afk-nein{height:34px;padding:0 14px;border-radius:10px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.afk-ja{border:0;background:#222;color:#fff}
.afk-ja:hover{background:#000}
.afk-nein{border:1px solid #DDE3EA;background:#fff;color:#444}
.afk-nein:hover{border-color:#739DBC;background:#F4F6FA}
.afk-status{margin:6px 0 0;font-size:13px;color:#5b6773;font-weight:600}
.afk-status.ok{color:#2c7d52}.afk-status.fehler{color:#A82B2B}.afk-status.unklar{color:#8a6500}
.afliste{display:flex;flex-direction:column;gap:6px;padding-top:6px}
.afliste-kopf{display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}
.afliste-eintrag{display:flex;align-items:stretch;gap:6px}
.afliste-titel{flex:1;text-align:left;border:1px solid #DDE3EA;background:#fff;border-radius:12px;padding:9px 12px;font:inherit;font-size:14px;color:#222;cursor:pointer;display:flex;flex-direction:column;gap:2px;min-width:0}
.afliste-titel:hover{border-color:#739DBC;background:#F4F6FA}
.afliste-titel small{color:#7a8794;font-size:12px}
.afliste-weg{flex:none;width:38px;border:1px solid #DDE3EA;background:#fff;border-radius:12px;color:#7a8794;cursor:pointer;display:grid;place-items:center}
.afliste-weg:hover{color:#A82B2B;border-color:#A82B2B}
.afliste-weg.sicher{background:#A82B2B;color:#fff;border-color:#A82B2B}
/* Version 5.46: Umfang der Chatliste, Papierkorb im Kopf, Knopf „E-Mail wieder öffnen“ */
.afliste-umfang{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#7a8794;margin:-2px 0 4px}
.aflink{background:none;border:0;padding:0;font:inherit;font-size:12px;color:var(--blautext);text-decoration:underline;text-underline-offset:2px;cursor:pointer;white-space:nowrap}
.afknoepfe #afLeeren:hover{color:#A82B2B}.afknoepfe #afLeeren.sicher{background:#A82B2B;color:#fff}
.afk-wieder{margin-left:8px;background:#fff;border:1px solid var(--blautext);color:var(--blautext);border-radius:8px;padding:3px 10px;font:inherit;font-size:12.5px;cursor:pointer}.afk-wieder:hover{background:#EEF4F9}
.afleer{color:#7a8794;text-align:center;margin-top:30px}

/* ---- Version 4.30: Ablagekarte in der Mitte statt Fläche über der ganzen Seite ---- */
#dropOverlay{position:fixed;inset:0;z-index:95;background:none;display:block;padding:0;pointer-events:none}
.do-karte{pointer-events:auto;position:fixed;left:var(--do-x,50%);top:50%;transform:translate(-50%,-50%);width:min(520px,calc(100vw - 48px));box-sizing:border-box;padding:34px 40px;max-width:none;box-shadow:0 20px 60px rgba(34,34,34,.28);transition:transform .12s,background .12s}
.do-karte b{font-size:22px}
.do-karte.heiss{border-style:solid;background:#F4F6FA;transform:translate(-50%,-50%) scale(1.03)}
#dropOverlay.nein .do-karte.heiss{background:#fbeaea}
/* Aufgabe mit Verknüpfung */
.verknuepfung{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;background:#F4F6FA;border:1px solid #DDE3EA;border-radius:10px;padding:8px 12px;font-size:13.5px;color:#333}
.verknuepfung .knopf2{height:30px;padding:0 12px;font-size:12.5px}

/* ---- Version 4.33: Spracheingabe ---- */
.afeingabe .afmikro{background:transparent;color:#5b6773;width:34px;height:34px}
.afeingabe .afmikro:hover{background:#F4F6FA;color:#222}
.afeingabe .afmikro[hidden]{display:none}
.afeingabe .afmikro.hoert{background:#fbeaea;color:#A82B2B;animation:afpuls 1.3s infinite ease-in-out}
@keyframes afpuls{0%,100%{box-shadow:0 0 0 0 rgba(168,43,43,.35)}50%{box-shadow:0 0 0 7px rgba(168,43,43,0)}}

/* ---- Version 4.34: Kopieren-Symbol an Feldwerten ---- */

/* ---- Version 4.35: Felder anpassen (Ein-/Ausblenden pro Feld) ---- */
.feldsw{flex:0 0 auto;align-self:center;width:30px;height:16px;border-radius:999px;border:0;background:#B9C9D8;position:relative;cursor:pointer;margin:0 0 0 10px;padding:0}
.feldsw span{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}
.feldsw[aria-checked="true"]{background:var(--blautext)}
.feldsw[aria-checked="true"] span{transform:translateX(14px)}
.feldsw:focus-visible{outline:3px solid var(--blautext);outline-offset:2px}
.karte dl>div .feldsw,.karte>h3 .feldsw{display:none}
.feldmodus .karte dl>div .feldsw{display:inline-block}
.feldmodus .karte>h3 .feldsw{display:inline-block;margin:0 10px 0 6px}
.feldmodus .karte dl>div{grid-template-columns:42% minmax(0,1fr) auto}
.feldmodus .karte dl>div.bildreihe{position:relative}
.feldmodus .karte dl>div.bildreihe .feldsw{position:absolute;right:8px;top:8px;margin:0}
.karte dl>div.feldaus{display:none}
.feldmodus .karte dl>div.feldaus:not(.bildreihe){display:grid}
.feldmodus .karte dl>div.bildreihe.feldaus{display:block}
.feldmodus .karte dl>div.feldaus{opacity:.5}
.karte.feldleer,.karte.feldaus{display:none}
.feldmodus .karte.feldleer,.feldmodus .karte.feldaus{display:block;opacity:.55}
.kartenleiste .nurfeldmodus{display:none}
.feldmodus .kartenleiste .nurfeldmodus{display:inline-block}
.feldmodus .kartenleiste .feldzaehler{display:none}

/* ---- Version 4.36: Leiste in zwei Zeilen, Schalter nur im Modus, Listenansicht ---- */
.feldsw[hidden]{display:none!important}
.kartenleiste{flex-direction:column;align-items:flex-end;gap:6px}
.kartenleiste .klzeile{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px 14px;width:100%}
.kartenleiste .kllinks .feldhinweis{margin-right:auto}
.baum summary.listeaktiv{background:#E4ECF4;box-shadow:inset 3px 0 0 var(--blautext)}
.listekopf{display:flex;align-items:center;gap:6px 14px;flex-wrap:wrap;margin:0 0 10px}
.listekopf h2{margin:0;font-size:17px}
.listekopf h2 i{font-style:normal;font-weight:500;color:var(--muted);font-size:13px;margin-left:4px}
.listehinweis{margin-right:auto;font-size:12.5px;color:var(--muted)}
.listebox{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:12px;max-height:calc(100vh - 230px)}
table.liste{border-collapse:collapse;width:100%;font-size:13px}
.liste th{position:sticky;top:0;z-index:2;background:#F4F6FA;text-align:left;border-bottom:1px solid var(--line);padding:0}
.liste th .ls-sort{display:block;width:100%;background:none;border:0;font:inherit;font-weight:700;color:var(--blautext);text-align:left;padding:9px 10px;cursor:pointer;white-space:nowrap}
.liste th .ls-sort:hover{color:var(--ink)}
.liste td{padding:7px 10px;border-bottom:1px solid #EAEFF4;max-width:340px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}
.liste tbody tr:hover td{background:#F8FAFC}
.liste td.edit{cursor:text;position:relative}
.liste td.edit:hover{background:#EEF4F9;box-shadow:inset 0 0 0 1px #C9D9E6}
.liste td.edit:hover .stift,.liste td.edit:focus-within .stift{opacity:1}
.liste td.edit:focus-visible{outline:3px solid var(--blautext);outline-offset:-2px}
.liste td.aktiv{padding:2px 4px;overflow:visible;background:#fff;box-shadow:none;max-width:none}
.liste td.aktiv .editor,.liste td.aktiv input,.liste td.aktiv select,.liste td.aktiv textarea{width:100%;min-width:140px;box-sizing:border-box}
.liste td.speichert{opacity:.6}
.liste td.fehlerfeld{box-shadow:inset 0 0 0 2px #A82B2B}
.liste td.gespeichert{background:#E8F3E8}
.liste td.ls-auf,.liste th.ls-auf{width:34px;padding:0 4px;text-align:center}
.liste td.ls-auf button{background:none;border:0;color:var(--blautext);font-size:16px;cursor:pointer;padding:4px 6px;border-radius:6px}
.liste td.ls-auf button:hover{background:#E4ECF4;color:var(--ink)}
.liste tr.archiviert td{color:#6B7783;font-style:italic}
.liste td.leer{text-align:center;color:var(--muted);padding:22px}
.spaltenwahl{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px 14px 12px;margin:0 0 10px;max-height:260px;overflow:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:4px 16px}
.spaltenwahl legend{font-weight:700;font-size:13px;padding:0 6px;color:var(--blautext)}
.spaltenwahl label{font-size:13px;display:flex;align-items:center;gap:6px;cursor:pointer}
.spaltenwahl button{justify-self:start;align-self:center}

/* ---- Version 4.37: geöffnetes Objekt im Baum wie ein Link (blau, unterstrichen) ---- */
/* Version 4.41: nur der Name ist blau und unterstrichen, nicht das Leerzeichen und die Anzahl in Klammern */
.baum details>summary.listeaktiv .stitel{color:var(--blautext);text-decoration:underline;text-underline-offset:3px;font-style:normal}
.baum button.eintrag.baumaktiv .et,.baum button.eintrag.baumaktiv.archiviert .et,.baum .eintrag.archiviert.baumaktiv .et{color:var(--blautext);text-decoration:underline;text-underline-offset:3px;font-style:normal}
.baum .wurzel.baumaktiv span{color:var(--blautext);text-decoration:underline;text-underline-offset:3px}

/* ---- Version 4.38: Kartenleiste rechts in der Zeile der Aktions-Buttons links ---- */
#rechts.mitleiste{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,max-content);column-gap:16px;align-items:start}
#rechts.mitleiste>.ansicht{display:contents}
#rechts.mitleiste>*:not(.aktion):not(.ansicht),#rechts.mitleiste>.ansicht>*:not(.kartenleiste){grid-column:1 / -1}
#rechts.mitleiste>.aktion{grid-column:1;min-width:0}
#rechts.mitleiste>.ansicht>.kartenleiste{grid-column:2;grid-row:2;justify-self:end;max-width:100%;margin:-5px 2px 16px}
#rechts.mitleiste>.ansicht>.kartenleiste .feldhinweis{display:block;max-width:min(520px,40vw)}#rechts.mitleiste>.ansicht>.kartenleiste .feldhinweis[hidden]{display:none}   /* Version 5.45: der lange Hinweistext im Modus "Felder anpassen" drückte die Aktions-Knöpfe links auf eine Buchstabenbreite zusammen */
/* Version 4.70: Die Prozess-Buttons standen neben der Kartenleiste nur noch in einer schmalen Spalte, sobald die Akte schmaler wurde
   (die Kartenleiste behielt ihre volle Breite). Ist die Akte schmaler als 1420 px (rechte Seite unter rund 1000 px), rückt die
   Kartenleiste rechtsbündig über die Prozess-Buttons, und die Buttons nutzen die ganze Breite. Gemessen wird die Akte, nicht das Fenster. */
.akte{container-type:inline-size;container-name:akte}
@container akte (max-width:1420px){
  #rechts.mitleiste{grid-template-columns:minmax(0,1fr)}
  #rechts.mitleiste>.aktion{grid-column:1}
  #rechts.mitleiste>.aktion.makroleiste{grid-row:3}
  #rechts.mitleiste>.ansicht>.kartenleiste{grid-column:1;grid-row:2;justify-self:end;max-width:100%;margin:0 2px 10px}
}
@media(max-width:1100px){
  #rechts.mitleiste{grid-template-columns:minmax(0,1fr)}
  #rechts.mitleiste>.aktion{grid-column:1}
  #rechts.mitleiste>.aktion.makroleiste{grid-row:3}
  #rechts.mitleiste>.ansicht>.kartenleiste{grid-column:1;grid-row:2;justify-self:end;max-width:100%;margin:0 2px 10px}
}

/* ---- Version 4.39: Hochladen-Knopf für Foto und Unterschrift wie "Dokument hochladen" (knopf2) ---- */
.bildbox{flex-direction:column;gap:8px;padding:0 0 10px}
.bildbox img{margin-top:8px}
.bildbox .kein{padding:16px 14px 4px}
.bildupload{position:static;opacity:1;align-self:flex-end;margin:0 10px 0 0;display:inline-block;border:1px solid #D5DCE5;background:#fff;color:var(--ink);border-radius:10px;padding:9px 16px;font:inherit;font-weight:600;font-size:14px;line-height:1.3;white-space:nowrap;cursor:pointer;transition:none}
.bildupload:hover{background:#F4F8FB;border-color:var(--blau);color:var(--ink)}

/* ---- Version 4.43: Schalter in der Listenansicht und verschiebbare Spalten ---- */
.listekopf .listeschalter{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 18px;margin-left:4px}
.listekopf .makroschalter .leerschalter{display:inline-block;width:30px;height:16px;padding:0;border:0;border-radius:999px;background:#B9C9D8;text-decoration:none;position:relative;cursor:pointer}
.listekopf .makroschalter .leerschalter[aria-checked="true"]{background:var(--blautext)}
.listekopf .makroschalter .leerschalter span{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}
.listekopf .makroschalter .leerschalter[aria-checked="true"] span{transform:translateX(14px)}
.liste th .spzug{display:inline-block;padding:9px 0 9px 8px;color:var(--muted);cursor:grab;user-select:none;vertical-align:middle}
.liste th[data-n]:has(.spzug){white-space:nowrap}
.liste th[data-n]:has(.spzug) .ls-sort{display:inline-block;width:auto;vertical-align:middle}
.liste th.ghost{opacity:.5;background:#DCE8F2}

/* ---- Version 4.48: Versionsnummer im User-Menü ---- */
.profilknopf .t .version{display:block;margin-top:2px;font-size:11px;letter-spacing:.02em;color:#7C93A8}

/* ---- Version 4.50: eigene Bereiche, Umbenennen und Löschen im Modus "Felder anpassen" ---- */
.bereichsw{display:none;flex:0 0 auto;align-self:center;border:0;background:none;color:var(--blautext);cursor:pointer;font-size:14px;line-height:1;padding:5px 7px;margin-right:2px;border-radius:6px}
.bereichsw:hover{background:#D3E1EC}
.bereichsw:focus-visible{outline:3px solid var(--blautext);outline-offset:1px}
.feldmodus .bereichsw{display:inline-block}
.karte h3 .bereichname{flex:1 1 auto;min-width:0;margin:5px 6px 5px 0;padding:3px 8px;font:inherit;font-weight:700;color:var(--blautext);background:#fff;border:1px solid var(--blautext);border-radius:6px;text-align:left}
.neuerbereich{display:none;width:100%;margin-top:16px;padding:16px;border:2px dashed #9DB6CB;border-radius:12px;background:transparent;color:var(--blautext);font:inherit;font-weight:700;cursor:pointer}
.neuerbereich:hover,.neuerbereich:focus-visible{background:#EEF4F9;border-color:var(--blautext)}
.feldmodus .neuerbereich{display:block}
.karte.bereichleer{display:none}
.feldmodus .karte.bereichleer{display:block}
.feldmodus .karte[data-eigen] dl:empty{min-height:64px;margin:10px;border:2px dashed #C9D8E5;border-radius:10px}
.feldmodus .karte[data-eigen] dl:empty::before{content:"Felder hierher ziehen";display:block;padding:20px 8px;text-align:center;color:var(--muted);font-size:13px}

/* ---- Version 4.53: Hochladen-Knopf bei Foto und Unterschrift mittig im Feld ---- */
.bildupload{align-self:center;margin:0}

/* ---- Version 4.54: Knöpfe "Hochladen" und "Löschen" nebeneinander, mittig, um 30 % kleiner ---- */
.bildaktionen{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;padding:0 4px}
.bildupload,.bildloeschen{margin:0;padding:6px 10px;border-radius:7px;font-size:9.8px;font-weight:600;line-height:1.3}
.bildloeschen{display:inline-block;border:1px solid #E3C3C3;background:#fff;color:var(--rot);font-family:inherit;cursor:pointer;white-space:nowrap}
.bildloeschen:hover{background:var(--rottint);border-color:var(--rot)}
.bildloeschen:focus-visible{outline:3px solid var(--rot);outline-offset:2px}
.bildbox.leer .bildloeschen,.bildbox.laedt .bildloeschen{display:none}

/* ---- Version 4.55: Foto und Unterschrift: zwei Symbol-Knöpfe rechts im Feld, oben Hochladen, darunter Löschen ---- */
.bildbox{flex-direction:row;gap:0;padding:0}
.bildbox img{margin-top:0}
.bildbox .kein{padding:22px 14px}
.bildbox-ed{padding:8px 50px;min-height:92px}
.bildaktionen{position:absolute;right:9px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:8px;padding:0;z-index:2}
.bildupload,.bildloeschen{position:static;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;margin:0;border:1px solid #D5DCE5;background:#fff;color:var(--ink);border-radius:8px;cursor:pointer;opacity:1;font-size:0;line-height:1;transition:none}
.bildupload:hover{background:#F4F8FB;border-color:var(--blau);color:var(--ink)}
.bildloeschen{border-color:#E3C3C3;color:var(--rot);font-family:inherit}
.bildloeschen:hover{background:var(--rottint);border-color:var(--rot)}
.bildbox.leer .bildloeschen,.bildbox.laedt .bildloeschen{display:none}

/* ---- Version 4.56: Anmeldung mit Google, Fenster für die aBA-Zugangsdaten, Profilmenü ---- */
.googleknopf{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:13px 16px;border:1px solid #D5DCE5;border-radius:10px;background:#fff;color:var(--ink);font-weight:700;font-size:15px;text-decoration:none;cursor:pointer}
.googleknopf:hover{background:#F4F8FB;border-color:var(--blau)}
.googleknopf:focus-visible{outline:3px solid var(--blautext);outline-offset:2px}
.googleblock + .form{margin-top:18px}

/* ---- Version 4.57: Profilseite mit drei zuklappbaren Spalten, Zugangsdaten und Verwaltung als Karten ---- */
.profilblock h3 .kkopftext{flex:1;padding:9px 14px;text-align:center}
.profilblock .kbody{padding:14px 16px 16px}
.profiltext{margin:0 0 12px;font-size:14px;line-height:1.5;color:var(--ink)}
.profiltext:last-child{margin-bottom:0}
.profilblock .pk-knoepfe{margin-top:4px}
.knopf2.rot{color:var(--rot);border-color:#E3C3C3}
.knopf2.rot:hover{background:var(--rottint);border-color:var(--rot)}
.profilraster{margin-top:4px;grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:1250px){.profilraster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px){.profilraster{grid-template-columns:1fr}}

/* ---- Version 4.58: Logo auf der Anmeldeseite und in der Seitenleiste, Titel zentriert ---- */
.login .card{text-align:center}
.login h1{margin:0 0 22px}
.login .form{text-align:left}
.login .form h1,.login .form>p{text-align:center}
.loginlogo{display:block;width:246px;max-width:80%;height:auto;margin:4px auto 18px}
.googleblock+.form{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.brand{text-align:center}
.sidelogo{display:block;width:150px;max-width:100%;height:auto;margin:4px auto 10px}

/* ---- Version 4.59: Profilseite in Abschnitten, Karten wie bei Kunde/Vertrag ohne Ausblenden ---- */
.profilabschnitt{margin:28px 0 12px;padding-top:18px;border-top:1px solid var(--line)}
.profilabschnitt h2{margin:0 0 4px;font-size:18px}
.profilabschnitt p{margin:0;color:var(--muted);font-size:13.5px}
.ansicht[data-mask="profil"] .kartenleiste{margin-top:0}
.ansicht[data-mask="profil"] .stamm{margin:0 0 6px}
.ansicht.ohneausblenden.feldmodus .karte dl>div{grid-template-columns:42% minmax(0,1fr)}
.profilraster{margin-top:0}

/* ---- Version 4.60: Aufgabe zum hochgeladenen Dokument (Warteschlange) und zugeordnete Dokumente in der Aufgabenmaske ---- */
.uploadkopf .allehaken{display:inline-flex;align-items:center;gap:8px;margin-right:14px;cursor:pointer}
.uploadkopf .allehaken input{width:17px;height:17px;margin:0}
.uz-aufgabe{display:grid;grid-template-columns:auto minmax(0,2fr) minmax(140px,170px) minmax(0,1fr);gap:10px 14px;align-items:end;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line)}   /* 6.03: Spalte „Fällig“ */
.uz-aufgabe label{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#3C4651}
.uz-aufgabe .uz-haken{flex-direction:row;align-items:center;gap:8px;min-height:42px;cursor:pointer;white-space:nowrap}
.uz-aufgabe .uz-haken input{width:18px;height:18px;margin:0}
.uz-aufgabe input:not([type=checkbox]):not([type=radio]){height:42px;border:1.5px solid #D5DCE5;border-radius:10px;padding:0 12px;font:inherit;font-size:14px;background:#fff;color:var(--ink);font-weight:400;width:100%}
.uz-aufgabe input:not([type=checkbox]):not([type=radio]):focus{outline:3px solid var(--blautint);border-color:var(--blautext)}
.uz-aufgabe input:disabled{background:#F4F6FA;color:var(--muted)}
.uz-aufgabe select{height:42px}
.uz-ov{grid-column:1 / -1;background:#F4F6FA;border:1px solid #DDE3EA;border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.uz-ov[hidden]{display:none}
.uz-ovkopf{display:flex;align-items:center;justify-content:space-between;gap:12px}
.uz-aufgabe .uz-ovkopf>b{font-size:13px;color:#3C4651}
.uz-aufgabe .uz-schalter{flex-direction:row;align-items:center;gap:8px;cursor:pointer;font-weight:600;font-size:12.5px;position:relative}
.uz-schalter input{position:absolute;opacity:0;width:1px;height:1px}
.uz-sw{width:34px;height:20px;border-radius:10px;background:#C5CDD8;position:relative;flex:none;transition:background .15s}
.uz-sw:after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.uz-schalter input:checked+.uz-sw{background:var(--blautext)}.uz-schalter input:checked+.uz-sw:after{transform:translateX(14px)}
.uz-schalter input:focus-visible+.uz-sw{outline:3px solid var(--blautint)}
.uz-ovtage{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.uz-aufgabe .uz-tag{flex-direction:row;position:relative;margin:0;gap:0}
.uz-tag input{position:absolute;opacity:0;width:1px;height:1px}
.uz-tag span{flex:1;text-align:center;border:1.5px solid #D5DCE5;border-radius:10px;padding:10px 8px;background:#fff;cursor:pointer;font-weight:600;font-size:14px}
.uz-tag input:checked+span{border-color:var(--blautext);background:var(--blautint);color:var(--blautext)}
.uz-tag input:focus-visible+span{outline:3px solid var(--blautint)}
.uz-aufgabe .uz-tagfeld{flex-direction:row;align-items:center;gap:8px}
.uz-aufgabe .uz-tagfeld input{text-align:center}
.uz-ovknoepfe{display:flex;gap:10px;flex-wrap:wrap}
.uz-ovknoepfe .knopf,.uz-ovknoepfe .knopf2{height:40px;padding:0 16px}
.uz-ergebnis{font-size:13px;font-weight:600;margin-top:4px;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center}
.uz-ergebnis.gruen{color:#1F6B3A}.uz-ergebnis.rot{color:#A82B2B}
.textknopf{background:none;border:0;padding:0;color:var(--blautext);font:inherit;font-size:13px;font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:2px}
.textknopf:hover{color:var(--ink)}
.karte.dokumente{margin-top:16px}
.dokliste{list-style:none;margin:0;padding:0}
.dokzeile{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,auto) auto;gap:4px 16px;align-items:center;padding:10px 14px;border-top:1px solid var(--line2)}
.dokzeile:first-child{border-top:0}
.dokzeile .dokname{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;font:inherit;font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;text-align:left;min-width:0}
.dokzeile .dokname svg{flex:0 0 auto;color:var(--muted)}
.dokzeile .dokname .dn{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dokzeile .dokname:hover .dn{color:var(--blautext);text-decoration:underline;text-underline-offset:3px}
.dokzeile.offen .dokname .dn{color:var(--blautext)}
.dokzeile .dokname .pfeil{width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(-45deg);transition:transform .15s;flex:0 0 auto;margin-left:2px;color:var(--muted)}
.dokzeile.offen .dokname .pfeil{transform:rotate(45deg) translate(-2px,-2px)}
.dokmeta{font-size:12.5px;color:var(--muted);text-align:right}
.dokaktionen{display:flex;gap:14px;white-space:nowrap}
.dokvorschau{grid-column:1 / -1;padding:8px 0 4px}
.dokvorschau[hidden]{display:none}
.hinweis.klein{padding:8px 12px;border-radius:8px;font-size:13px;margin:10px 14px 0}
@media(max-width:900px){.uz-aufgabe{grid-template-columns:1fr 1fr}.uz-ovtage{grid-template-columns:1fr}.uz-aufgabe .uz-haken{grid-column:1 / -1}.dokzeile{grid-template-columns:1fr}.dokmeta,.dokaktionen{white-space:normal}}

/* ---- Version 4.61: Anmeldebildschirm zweigeteilt (Login-A), schmal untereinander (Login-B); Seitenleiste nur mit Logo; Google-Karte im Profil ---- */
.login2{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.login-links{position:relative;overflow:hidden;background:#222 radial-gradient(rgba(255,255,255,.07) 1px,transparent 1.2px);background-size:22px 22px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:40px 48px;min-height:100vh}
.login-logo{display:block;width:150px;height:auto;position:relative;z-index:1}
.login-claim{position:relative;z-index:1;max-width:420px;margin:48px 0}
.login-claim h1{margin:0;font-size:clamp(32px,3.4vw,46px);line-height:1.08;letter-spacing:-.02em;font-weight:800;color:#fff}
.login-strich{width:48px;height:3px;background:var(--blau);border-radius:2px;margin:26px 0 22px}
.login-claim p{margin:0;font-size:15px;color:#CBD5DF}
.login-fuss{position:relative;z-index:1;font-size:12.5px;color:#8B98A6}
.login-kreise::before,.login-kreise::after{content:"";position:absolute;border:1px solid rgba(115,157,188,.35);border-radius:50%}
.login-kreise::before{width:560px;height:560px;right:-230px;bottom:-250px}
.login-kreise::after{width:360px;height:360px;right:-130px;bottom:-150px}
.login-rechts{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:var(--bg)}
.login-karte{width:100%;max-width:430px;background:#fff;border:1px solid var(--line);border-top:3px solid var(--blau);border-radius:16px;padding:34px 36px 28px;box-shadow:0 12px 32px rgba(34,34,34,.08);text-align:center}
.login-marke{font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--blautext)}
.login-karte h2{margin:8px 0 22px;font-size:28px;letter-spacing:-.02em}
.login2 .googleknopf.dunkel{background:#222;color:#fff;border-color:#222;border-radius:12px;padding:12px 16px}
.login2 .googleknopf.dunkel:hover{background:#000;border-color:#000}
.login2 .gkreis{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;background:#fff}
.login-trenner{height:1px;background:var(--line);margin:24px 0 18px}
.login-hinweis{display:flex;align-items:center;justify-content:center;gap:8px;margin:0;text-align:center;font-size:13px;color:var(--muted)}
.login-hinweis svg{flex:0 0 auto;color:var(--blautext);margin-top:0}
.login-fuss2{margin-top:18px;font-size:12.5px;color:#8B98A6}
.login-karte .loginform{text-align:left}
.login2 .googleknopf + .loginform{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:900px){
  .login2{grid-template-columns:1fr}
  .login-links{min-height:0;padding:32px 24px 28px}
  .login-claim{margin:28px 0 36px}
  .login-kreise::before{width:420px;height:420px;right:-170px;bottom:-240px}
  .login-kreise::after{width:260px;height:260px;right:-90px;bottom:-150px}
  .login-rechts{padding:40px 16px 48px}
}
.brand{padding:4px 8px 0}
.sidelogo{margin:4px auto 6px}

/* ---- Version 4.62: Angaben im Baum wählbar (Schalter rechts neben dem Kundennamen, Chips je Bereich) ---- */
.wurzelzeile{display:flex;align-items:center;gap:6px;margin-bottom:6px}
.wurzelzeile .wurzel{margin-bottom:0;flex:1 1 auto;min-width:0}
.wurzelzeile .wurzel span{overflow:hidden;text-overflow:ellipsis}
.baumschalter{margin:0 4px 0 0}
.baumhinweis{margin:0 0 8px;padding:8px 10px;border-radius:8px;background:var(--gelbtint);color:#5E3C00;font-size:12.5px}
.teilewahl{display:flex;flex-wrap:wrap;gap:5px;padding:6px 8px 8px 10px;margin:0 0 4px;border-bottom:1px dashed var(--line)}
.teilchip{border:1px solid #D5DCE5;background:#fff;color:var(--muted);border-radius:999px;padding:3px 10px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;line-height:1.3}
.teilchip:hover{border-color:var(--blau);color:var(--ink)}
.teilchip.an{background:var(--blautint);border-color:var(--blautext);color:var(--blautext)}
.teilchip.an::before{content:"✓ ";font-size:11px}
/* Version 4.90: F-Knopf am gewählten Chip – Angabe im Baum fett */
.teilpaar{display:inline-flex;align-items:stretch}
.teilpaar.an .teilchip{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}
.teilfett{border:1px solid var(--blautext);background:#fff;color:var(--blautext);border-radius:0 999px 999px 0;padding:0 8px 0 6px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;line-height:1}
.teilfett:hover{background:var(--blautint)}
.teilfett.an{background:var(--blautext);color:#fff}
.baum .et b{font-weight:700}
.teilelabel{font-size:12px;font-weight:700;color:var(--muted);padding:3px 2px 3px 0;flex:0 0 100%}
.teilestandard{border:0;background:none;color:var(--blautext);font:inherit;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:2px;padding:3px 4px}
.baum.anpassen .knoten>summary{background:var(--blautint)}

/* ---- Version 4.62: Frist in den Aufgabenlisten sichtbar und änderbar (einzeln und für alle) ---- */
.aufgzeile .txt{text-decoration:none;color:var(--ink)}
.aufgzeile .txt:hover b{color:var(--blautext);text-decoration:underline;text-underline-offset:3px}
.fristfeld{display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;font-size:13px;color:var(--muted)}
.fristfeld b{color:var(--ink);font-weight:600}
.fristfeld input,.fristzelle input,.fristalledatum{height:36px;border:1.5px solid #D5DCE5;border-radius:10px;padding:0 10px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}
.fristfeld input:focus,.fristzelle input:focus,.fristalledatum:focus{outline:3px solid var(--blautint);border-color:var(--blautext)}
.fristfeld input:disabled,.fristzelle input:disabled{opacity:.5}
.fristalle{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 24px;border-top:1px solid var(--line2);background:#FAFBFD;font-size:13.5px;color:var(--muted)}
.fristalle .knopf2{height:36px;padding:0 14px}
.fristenstatus{font-size:13px;color:var(--blautext);font-weight:600}
.plan-wrap .fristalle{padding:10px 14px;border-top:0;border-bottom:1px solid var(--line2)}
.fristzelle{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
#planerListe>.fristalle{border-radius:0}
@media(max-width:700px){.aufgzeile{flex-wrap:wrap}.fristfeld{flex:1 1 100%;justify-content:flex-start}}

/* ---- Version 4.63: Profil-Karten "Zugänge" und "Verwaltung" verschiebbar; Login-Fußzeile unten; Seiten in den Aufgabenlisten ---- */
.ansicht.nurziehen .stamm{margin-top:0}
.ansicht.nurziehen .karte .kbody .profilinhalt{padding:14px 16px 16px}
.ansicht.nurziehen .karte .profiltext{margin:0 0 12px}
.ansicht.nurziehen .karte .pk-knoepfe{margin-top:0}
.login-links{padding-bottom:84px}
.login-fuss{position:absolute;left:48px;bottom:40px;right:48px}
@media(max-width:900px){.login-links{padding-bottom:28px}.login-fuss{position:static}}
.seiten{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 24px;border-top:1px solid var(--line2);font-size:13px;color:var(--muted)}
.seiten .seitenknoepfe{display:inline-flex;gap:4px}
.seiten button{border:1px solid #D5DCE5;background:#fff;color:var(--ink);border-radius:8px;min-width:32px;height:30px;padding:0 8px;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.seiten button.an{background:var(--blautext);border-color:var(--blautext);color:#fff}
.seiten button:disabled{opacity:.4;cursor:default}
.seiten select{height:30px;border:1.5px solid #D5DCE5;border-radius:8px;padding:0 8px;font:inherit;font-size:13px;background:#fff;color:var(--ink)}
.seiten .seitenrechts{margin-left:auto;display:inline-flex;align-items:center;gap:8px}
#planerListe .seiten{padding:10px 14px}
.fristumfang{height:36px;border:1.5px solid #D5DCE5;border-radius:10px;padding:0 10px;font:inherit;font-size:14px;background:#fff;color:var(--ink)}
.fristumfangtext{font-weight:600;color:var(--ink)}
.seitenpunkte{display:inline-flex;align-items:center;padding:0 4px;color:var(--muted)}

/* ---- Version 4.64: Auswahl per Haken in den Aufgabenlisten; Leiste "Frist setzen" nur bei Auswahl ---- */
.fristalle[hidden]{display:none}
.aufgwahl{width:18px;height:18px;margin:0;flex:0 0 auto;cursor:pointer;accent-color:var(--blautext)}
.auswahlzeile{display:flex;align-items:center;padding:8px 24px;border-top:1px solid var(--line2);font-size:13px;color:var(--muted)}
.wahlalle{display:inline-flex;align-items:center;gap:8px;cursor:pointer}
.wahlalle input{width:17px;height:17px;margin:0;accent-color:var(--blautext)}
.plan th.wahlspalte,.plan td.wahlspalte{width:34px;padding-right:0}
.plan .wahlspalte input{width:17px;height:17px;margin:0;accent-color:var(--blautext);cursor:pointer}
.fristalle .wahlweg{margin-left:4px}

/* ---- Version 4.65: Microsoft 365 – Mail-Karte im SI-Agent, Profilkarte ---- */
.afmail{display:flex;flex-direction:column;gap:6px;margin:4px 0 6px}
.afm-zeile{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;font-size:13px}
.afm-zeile label{color:#5b6773;font-weight:600;font-size:12.5px}
.afm-zeile span{overflow-wrap:anywhere}
.afmail input,.afmail textarea,.afmail select,.afmail .combo input{width:100%;border:1.5px solid #D5DCE5;border-radius:10px;padding:0 10px;font:inherit;font-size:13.5px;background:#fff;color:var(--ink)}
.afmail input,.afmail select,.afmail .combo input{height:36px}
/* Version 4.99: Empfänger-Vorschläge an der Mail-Karte */
.afm-empfchips{display:flex;flex-wrap:wrap;gap:6px}
.afmail select.afm-empfwahl{height:30px;font-size:12.5px;color:var(--blautext);font-weight:600;border-style:dashed;max-width:100%}   /* Version 5.53: Empfänger-Vorschläge als Auswahlfeld */
.afm-empfchip{border:1px solid var(--blautext);background:#fff;cursor:pointer;font-weight:600;font-size:12px;padding:3px 9px;border-radius:999px}
.afm-empfchip:hover{background:var(--blautint)}
.afm-empfchip.leer{border-color:#D5DCE5;color:var(--muted);background:#fff;cursor:default}
.afmail textarea{padding:8px 10px;min-height:120px;resize:vertical;line-height:1.45}
/* Version 5.51: KI-Sternchen im Textfeld und Overlay für den Textwunsch */
.afm-textbox{position:relative}
.afm-textbox textarea{padding-right:38px;padding-bottom:30px}
.afm-ki{position:absolute;right:8px;bottom:10px;width:28px;height:28px;border:0;border-radius:8px;background:#fff;color:var(--blautext);display:grid;place-items:center;cursor:pointer;box-shadow:0 1px 4px rgba(34,34,34,.15)}
.afm-ki:hover{background:var(--blautint)}
.afm-kibox{position:absolute;right:8px;bottom:44px;width:min(340px,calc(100% - 16px));background:#fff;border:1.5px solid var(--blautext);border-radius:12px;box-shadow:0 12px 30px rgba(34,34,34,.22);padding:10px;z-index:5}
.afm-kikopf{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--blautext);margin-bottom:6px}.afm-kikopf b{flex:1}
.afm-kizu{border:0;background:none;font-size:18px;line-height:1;color:#7a8794;cursor:pointer;padding:0 2px}.afm-kizu:hover{color:var(--ink)}
.afmail .afm-kibox textarea.afm-kiwunsch{min-height:64px;padding:8px 10px;resize:vertical}
.afm-kifuss{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}
.afm-kihinweis{font-size:11.5px;color:#7a8794;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.afm-kigo{white-space:nowrap}
.afm-kizurueck{margin-top:4px;text-align:right}
.afmail input:focus,.afmail textarea:focus{outline:3px solid var(--blautint);border-color:var(--blautext)}
.afm-text{margin:0;padding:8px 10px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:13px;line-height:1.45;background:#F7F9FC;border:1px solid var(--line2);border-radius:10px;max-height:260px;overflow:auto}
.afm-hinweis{margin:2px 0 0;font-size:12px;color:#5b6773}
.afkarte-knoepfe a.afk-ja{display:inline-flex;align-items:center;text-decoration:none}
.pk-knoepfe a.knopf2{display:inline-flex;align-items:center;text-decoration:none}

/* ---- Version 4.72: Anhänge an der E-Mail-Karte, Ablagehinweis ---- */
.afm-anhaenge{display:flex;flex-direction:column;gap:6px}
.afm-anhangliste{display:flex;flex-wrap:wrap;gap:6px}
.afm-anhang svg{width:13px;height:13px;flex:none;margin-right:2px}
.afm-anhang small{color:#5b6773;font-weight:400}
.afm-anhangzeile{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.afm-anhangknopf{display:inline-flex;align-items:center;gap:6px}
.afm-anhangknopf svg{width:14px;height:14px}
.afm-anhanginfo{font-size:12px;color:#5b6773}
.afmail.heiss textarea{outline:3px dashed var(--blautext);outline-offset:-3px;background:var(--blautint)}
.afm-ablage{color:#2B5F8A}
.afk-ablage{margin-top:-2px}
/* Version 5.48: Follow-up-Aufgabe neben dem Senden-Knopf */
.afk-folgezeile{margin-top:8px}
.afk-folge{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:#555;cursor:pointer}
.afk-folge input{margin:0;width:15px;height:15px;accent-color:var(--blautext)}
.afk-folge select{font:inherit;font-size:12.5px;color:var(--blautext);font-weight:600;border:0;border-bottom:1px dashed var(--blautext);background:transparent;padding:0 2px;cursor:pointer}

/* ---- Version 4.74: Mail-Knöpfe, Haken Standard-Mail-Anhang ---- */
.mailknopf{display:inline-flex;align-items:center;gap:7px}.mailknopf svg{width:15px;height:15px}
.afm-standard{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#3C4651;cursor:pointer;flex-wrap:wrap}
.afm-standard input{width:16px;height:16px;margin:0}
.afm-standard small{color:#5b6773;font-weight:400}
.afm-standard.leer{color:#8a94a0;cursor:default}
.afm-anhang.standard{border-color:#739DBC;background:#EEF4F9}

/* ---- Version 4.75: Dokumentliste aus aBA an der E-Mail-Karte ---- */
.afm-anhang.aba{border-color:#B9C9D8;background:#F4F7FA}
.afm-aba{border:1px solid var(--line);border-radius:12px;background:#fff;overflow:hidden}
.afm-abakopf{display:flex;align-items:center;gap:10px;padding:8px 10px;border-bottom:1px solid var(--line);background:#F7F9FC}
.afm-abakopf input[type=search]{flex:1;min-width:0;height:34px}
.afm-abaarchiv{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:#3C4651;white-space:nowrap;cursor:pointer}
.afm-abaarchiv input{width:15px;height:15px;margin:0}
.afm-abazu{width:28px;height:28px;border:0;border-radius:50%;background:#E3E9F0;color:#222;cursor:pointer;font-size:16px;line-height:1;padding:0}
.afm-abazu:hover{background:#739DBC;color:#fff}
.afm-abaliste{max-height:280px;overflow:auto;padding:4px 0}
.afm-abagruppe{padding:8px 12px 4px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.afm-abazeile{display:grid;grid-template-columns:18px minmax(0,1fr);gap:10px;align-items:start;padding:7px 12px;cursor:pointer;border-top:1px solid #F0F3F7}
.afm-abazeile:hover{background:#F7F9FC}
.afm-abazeile input{width:16px;height:16px;margin:2px 0 0}
.afm-abazeile[hidden]{display:none}
.afm-abatext{display:flex;flex-direction:column;gap:2px;min-width:0}
.afm-abainfo{font-size:13px;color:var(--ink);overflow-wrap:anywhere}
.afm-abainfo em{font-style:normal;color:var(--muted)}
.afm-abatext small{font-size:11.5px;color:#5b6773;overflow-wrap:anywhere}
.afm-abazeile.standard,.afm-abazeile.gesperrt{color:#8a94a0;cursor:default}
.afm-abazeile.gesperrt .afm-abainfo{color:#8a94a0}
.afm-abafuss{display:flex;align-items:center;gap:12px;padding:8px 10px;border-top:1px solid var(--line);background:#F7F9FC}
.afm-abahinweis{margin:0;padding:12px;font-size:12.5px;color:#5b6773}

/* ---- Version 4.75: SI-Agent-Fenster frei vergrößerbar (Griffe links, oben, Ecke) ---- */
.agentfenster{min-width:340px;min-height:360px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px)}
.afgriff{position:absolute;z-index:6;background:transparent;touch-action:none}
.afgriff-links{left:0;top:16px;bottom:16px;width:8px;cursor:ew-resize}
.afgriff-oben{top:0;left:16px;right:16px;height:8px;cursor:ns-resize}
.afgriff-ecke{left:0;top:0;width:18px;height:18px;cursor:nwse-resize;border-radius:22px 0 0 0}
.afgriff:hover,.agentfenster.ziehen .afgriff{background:rgba(115,157,188,.25)}
.agentfenster.ziehen{user-select:none}
.agentfenster.ziehen *{cursor:inherit}
@media (max-width:560px){.afgriff{display:none}}

/* Version 4.76: Mail-Vorlagen – Auswahl auf der Mail-Karte und Verwaltung im Profil */
.afm-zeile select[data-vorlage]{max-width:100%;font-weight:600;color:var(--blautext)}
.afm-vorlagehinweis{margin:6px 0 0}
.mv-liste{margin-top:12px;display:flex;flex-direction:column;gap:8px}
.mv-eintrag{border:1px solid var(--line);border-radius:10px;padding:8px 10px;background:#fff}
.mv-kopf{display:flex;align-items:center;gap:8px}
.mv-kopf b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13.5px}
.mv-art{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;font-size:12px;font-weight:700;background:#E9ECF1;color:#3C4651;flex:none}
.mv-art.a{background:var(--blautint);color:var(--blautext)}
.mv-art.v{background:#E4F2E8;color:#1F6B3A}
.mv-art.s{background:var(--gelbtint);color:var(--gelbtext)}
.mv-weg{border:0;background:transparent;color:#8a94a0;font-size:18px;line-height:1;cursor:pointer;padding:0 4px;border-radius:6px}
.mv-weg:hover{background:var(--rottint);color:var(--rot)}
.mv-betreff{font-size:12.5px;color:#3C4651;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mv-meta{font-size:11.5px;color:#5b6773;margin-top:2px}
.mv-warn{font-size:11.5px;color:var(--rot);margin-top:3px}
/* Version 4.77: Ablagezone nur über der offenen Mail-Karte */
.afablage.mail{background:rgba(115,157,188,.22);font-size:14px;place-items:start center;padding-top:10px}
.afablage span{background:#fff;padding:5px 14px;border-radius:999px;box-shadow:0 2px 10px rgba(34,34,34,.15)}
/* Version 4.81: Ablagefeld für Mail-Vorlagen (Profil → Verwaltung) */
.mv-zone{margin-top:12px;border:2px dashed #B9C9D8;border-radius:12px;padding:16px 14px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;color:var(--blautext);cursor:pointer;background:#FAFCFE;transition:background .12s,border-color .12s}
.mv-zone svg{opacity:.8}
.mv-zone b{font-size:13.5px}
.mv-zone span{font-size:12px;color:#5b6773}
.mv-zone:hover,.mv-zone:focus-visible{border-color:var(--blau);background:var(--blautint);outline:none}
.mv-zone.heiss{border-color:var(--blautext);background:var(--blautint);border-style:solid}
.mv-zone.laeuft{opacity:.6;pointer-events:none}
/* Version 4.82: Selektionen */
.svg summary .selneu{margin-left:auto;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:6px;background:rgba(255,255,255,.14);color:#fff;text-decoration:none;font-weight:700;font-size:15px;line-height:1}
.svg summary .selneu:hover{background:rgba(255,255,255,.26)}
.selgrp{margin:6px 10px 2px;font-size:11px;color:#8F9BA8;text-transform:uppercase;letter-spacing:.6px}
.seleintrag.aktiv{background:rgba(115,157,188,.25);color:#fff}
.selpin{font-size:11px;opacity:.9}
.selname{font:inherit;font-size:28px;font-weight:700;border:0;border-bottom:2px solid transparent;background:transparent;padding:2px 0;width:100%;min-width:0;color:var(--ink);border-radius:0}
.selname:focus{outline:none;border-bottom-color:var(--blau)}
.selname[readonly]{cursor:default}
.sel-knoepfe{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start;flex:none}
.selkarte{margin-top:20px;overflow:visible}   /* Version 4.95: Auswahllisten (Operator, Feld, Anzahl) dürfen über den Kartenrand hinausragen */
/* Version 4.86: Innenabstände der Selektionskarten (Blöcke, Spalten, Teilen nicht mehr am Kartenrand) */
.selkarte>.selblock{margin:0 24px 14px}
.selkarte>.selblock:first-of-type{margin-top:4px}
.selkarte>.selchips,.selkarte>.selteilen{padding:4px 24px 22px}
.selkarte>p.selhinweis{padding:2px 24px 20px;margin:0}
.selkarte .selmitarbeiter{padding:0 24px 20px;margin-top:0}
.selkarte .kopf{flex-wrap:wrap;gap:10px}
.selkarte .kopf h2{font-size:16px}
.selchips .combo{max-width:260px}
.selhinweis{font-size:12.5px;color:var(--muted);margin:6px 0 0}
.selhaken{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.selhaken input{width:16px;height:16px;margin:0}
.selblock{border:1px solid var(--line);border-radius:12px;padding:16px 18px;margin:12px 0}
.selblock-kopf{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.selblock-kopf b{color:var(--blautext);font-size:14px}
/* Version 5.08: Schrittnummern, eigener Block des Ergebnisobjekts, "+ Filter" und "Filter entfernen" */
.selschritt{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--blau);color:#fff;font-size:13px;font-weight:700;margin-right:10px;vertical-align:middle}
.selblock.eigen{border-color:var(--blau);background:#F7FAFD}
.selablauf{margin:0 24px 12px;padding:10px 14px;background:var(--bg);border-radius:10px;font-size:12.5px;color:var(--muted);line-height:1.7}.selablauf>b{color:var(--ink);margin-right:6px}.selschrittchen b{color:var(--blautext);font-variant-numeric:tabular-nums}.selpfeil{margin:0 8px;color:var(--blau)}
.selkarte>.selinfo{margin:0 24px 10px;padding:8px 12px;background:#F7FAFD;border-left:3px solid var(--blau);border-radius:6px}
.selblock-weg{margin-left:auto;order:9;color:var(--muted);font-size:13px;white-space:nowrap}.selblock-weg:hover{color:var(--rot)}
.selblock-kopf .selanzahl{order:2}.selblock-kopf>.selhinweis{order:10;flex-basis:100%}
.selfilterneu{margin:4px 24px 14px}.selfilterneu select{font:inherit;font-weight:600;padding:8px 14px;border:1px dashed var(--blau);border-radius:10px;background:#fff;color:var(--blautext);cursor:pointer;max-width:100%}.selfilterneu select:hover{background:var(--blautint)}
.selanzahl{display:inline-flex;align-items:center;gap:6px;font-size:13px}
.selanzahl select{height:32px}.selanzahl input{width:80px;height:32px;border:1.5px solid #D5DCE5;border-radius:8px;padding:0 8px;font:inherit}
.selbed{display:grid;grid-template-columns:112px minmax(160px,1.3fr) minmax(150px,1fr) minmax(180px,1.4fr) 32px;gap:8px;align-items:center;margin-bottom:8px}
/* Version 5.10: UND / UND NICHT als kleine Auswahl in der ersten Zeile jeder Gruppe; verneinte Gruppen rot markiert */
.selop select{font:inherit;font-size:11px;font-weight:700;color:var(--muted);border:1px solid var(--line);border-radius:8px;background:#fff;padding:5px 2px;width:100%;cursor:pointer;letter-spacing:0}
.selbed.nicht .selop,.selbed.nicht .selop select{color:var(--rot)}.selbed.nicht .selop select{border-color:#E6C5C5;background:var(--rottint)}
.selbed select,.selbed input{height:36px;border:1.5px solid #D5DCE5;border-radius:9px;padding:0 10px;font:inherit;background:#fff;color:var(--ink);min-width:0;width:100%}
.selbed select[multiple]{height:auto;padding:4px}
/* Version 4.96: Mehrfachauswahl mit Suchfeld und Kontrollkästchen */
.selmulti{border:1.5px solid #D5DCE5;border-radius:9px;background:#fff;padding:6px 8px;width:100%;min-width:0}
.selbed .selmulti input.selmulti-suche{height:30px;border:1px solid #E3E8EE;border-radius:7px;padding:0 8px;font-size:12.5px;margin-bottom:4px}
.selmulti-liste{max-height:170px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.selmulti-liste label{display:flex;align-items:center;gap:7px;font-size:13px;padding:3px 4px;border-radius:6px;cursor:pointer}
.selmulti-liste label:hover{background:var(--bg)}
.selmulti-liste label[hidden]{display:none}
.selmulti-liste label.gewaehlt{font-weight:600}
.selmulti-liste label[data-trenner]{border-top:1px solid var(--line);margin-top:4px;padding-top:6px;border-radius:0}   /* Version 5.05: gewählte oben, Trennlinie */
.selbed .selmulti-liste input[type="checkbox"]{width:15px;height:15px;margin:0;flex:none}
.selmulti-zahl{display:block;margin-top:4px}
.selbed .selwert{display:flex;align-items:center;gap:6px;min-width:0}
.selop{font-size:11.5px;color:var(--muted);text-align:center;font-weight:700}
.selx{border:0;background:transparent;color:#8a94a0;font-size:20px;line-height:1;cursor:pointer;border-radius:6px;height:32px}
.selx:hover{background:var(--rottint);color:var(--rot)}
.selgruppe.mehrere{border-left:3px solid var(--blautint);padding-left:10px;margin:4px 0 8px}
.seloder{display:flex;gap:16px;font-size:12.5px;margin:-4px 0 8px 44px}
.selklein{font-size:12px;color:var(--muted);white-space:nowrap}
.selchips{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.selchip{display:inline-flex;align-items:center;gap:4px}
.selchip button{border:0;background:transparent;color:inherit;font-size:15px;line-height:1;cursor:pointer;padding:0 2px;opacity:.7}.selchip button:hover{opacity:1}
.selchips select{height:32px;border:1.5px dashed #C9D3DE;border-radius:999px;padding:0 10px;font:inherit;font-size:12.5px;background:#fff;color:var(--blautext);max-width:220px}
.selteilen{display:flex;gap:22px;align-items:center;flex-wrap:wrap;font-size:13.5px}
.selteilen label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.selteilen input{margin:0}
.selmitarbeiter{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px 14px;margin-top:10px;font-size:13px}
.selmitarbeiter label{display:flex;align-items:center;gap:8px}.selmitarbeiter small{color:var(--muted)}
.selzahl{font-weight:400;color:var(--muted);font-size:13px;margin-left:8px}
.seltabelle{overflow:auto;margin-top:4px}
.seltabelle table{border-collapse:collapse;width:100%;font-size:13px}
.seltabelle th{text-align:left;color:var(--muted);font-weight:600;border-bottom:1px solid var(--line);padding:6px 7px;white-space:nowrap}   /* 6.03: 6 px zwischen Grifflinie und Text, wie bei den Aufgaben */
.seltabelle th button{border:0;background:transparent;font:inherit;color:inherit;cursor:pointer;padding:0}
.seltabelle td{border-bottom:1px solid var(--line2);padding:8px 10px;white-space:nowrap;max-width:320px;overflow:hidden;text-overflow:ellipsis}
.seltabelle td.zahl{text-align:right;font-variant-numeric:tabular-nums}
.selzeile{cursor:pointer}.selzeile:hover td,.selzeile:focus-visible td{background:#F3F7FB}
.selzeile.archiviert td{color:#8a94a0}
.dashsel .kopf a{color:inherit;text-decoration:none}.dashsel .kopf a:hover{text-decoration:underline}
.dashtabelle td{padding:6px 10px;line-height:19px}.dashtabelle th{line-height:19px}
.dashinhalt{display:flex;flex-direction:column}.dashinhalt .seiten{margin-top:auto}
/* Version 5.31: keine Mindesthöhe mehr – Karten in voller Breite, Höhe nach Inhalt */
.dashinhalt>p.leer,.dashinhalt>.fehler{flex:1 1 auto}
/* Version 4.98: Dashboard-Selektionen verschiebbar, Trefferliste */
.dashsel .kopf{align-items:center;gap:0 10px}
.dashsel .kopf h2{flex:1 1 auto;min-width:0}
.dashgriff{cursor:grab;color:#9AA5B1;font-size:16px;letter-spacing:-3px;margin-right:10px;user-select:none;padding:2px 4px;border-radius:6px}
.dashgriff:hover{background:var(--bg);color:var(--ink)}
.dashziel{flex:1 1 100%;height:44px;border:2px dashed var(--blautext);border-radius:12px;background:var(--blautint);display:flex;align-items:center;justify-content:center;color:var(--blautext);font-weight:600;font-size:13px;pointer-events:none}   /* Version 5.03: Zielbereich beim Verschieben */
.dashsel.ziehen{opacity:.45}
/* Version 5.04: Kartenbreite (voll / halb) und Suchfeld in Selektionen */
.dashsel{flex:1 1 100%;min-width:0}
.dashsel.halb{flex:0 0 calc(50% - 12px)}
@media (max-width:1100px){.dashsel.halb{flex:1 1 100%}}
.dashsel .seltabelle{overflow:auto}
.selsuche{position:relative;width:100%}
.selbed .selsuche input.selsuche-eingabe{height:34px;border:1.5px solid #D5DCE5;border-radius:9px;padding:0 10px;font:inherit;font-size:13px}
.selsuche-chips{margin-bottom:4px}
.selsuche-chips:empty{display:none}
.selsuche .pickerliste{max-height:280px}
.knopf2.klein{height:30px;padding:0 12px;font-size:13px}
@media(max-width:900px){.selbed{grid-template-columns:1fr;gap:4px}.selop{text-align:left}}
/* Version 4.84: Übersicht Selektionen */
.selini{background:var(--blautint);color:var(--blautext);font-weight:700}
.selzeile-liste .txt b .selpin{font-size:12px}

/* Version 5.22: KI-Dokumentenerkennung (Akte und Posteingang) */
.uz-ki{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:13px;color:var(--ink);background:#F4F8FB;border:1px solid #D9E4EE;border-radius:10px;padding:8px 10px;margin:6px 0 8px}
.kipille{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 7px;border-radius:999px;background:var(--blautext);color:#fff;font-size:11px;font-weight:700;letter-spacing:.04em}
.kipille.grau{background:#8A96A3}
.kiziele{flex:1 1 100%;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-weight:600;color:#3C4651}
.kiwahl{display:inline-flex;align-items:center;flex-wrap:wrap;gap:2px 6px;min-height:30px;padding:3px 10px;max-width:100%;text-align:left;border-radius:999px;border:1.5px solid #B9CCDD;background:#fff;color:var(--blautext);font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.kiwahl:hover{background:var(--blautint);border-color:var(--blautext)}
.kiwahl small{font-weight:500;color:var(--muted)}
.kiwahl.aktiv{background:#E3F2E8;border-color:#1F6B3A;color:#1F6B3A;cursor:default}.kiwahl.aktiv small{color:#1F6B3A}
.kihinweis{flex:1 1 100%;color:#8A5A00;font-weight:600}
.pe-felder{grid-template-columns:minmax(200px,1.4fr) minmax(160px,1fr) minmax(150px,1fr) minmax(180px,1.4fr) 150px}
.pe-kunde{display:flex;flex-direction:column;gap:5px;font-size:13px}.pe-label{font-weight:600;color:#3C4651}.pe-kunde b{font-size:15px}.pe-leer{color:var(--muted);font-style:italic}
.pe-kunde .textknopf{align-self:flex-start}
@media (max-width:900px){.pe-felder{grid-template-columns:1fr 1fr}}

/* Version 5.24: Posteingang – Dropzone leuchtet beim Ziehen über der ganzen Seite */
body.ziehen #peDz{background:var(--blautint);border-color:var(--blautext);border-style:solid;box-shadow:0 0 0 4px rgba(115,157,188,.25)}
body.ziehen #peDz .dz-titel::after{content:' – jetzt loslassen'}

/* Version 5.26: Adress-Chips in der Mail-Karte des SI-Agent */
.afmail .afm-adr{display:flex;flex-wrap:wrap;gap:4px;align-items:center;min-height:36px;border:1.5px solid #D5DCE5;border-radius:10px;padding:3px 6px;background:#fff;cursor:text}
.afmail .afm-adr:focus-within{outline:3px solid var(--blautint);border-color:var(--blautext)}
.afm-adrchip{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--blautext);background:var(--blautint);color:var(--blautext);border-radius:999px;padding:2px 4px 2px 9px;font-size:12.5px;font-weight:600;line-height:1.4;max-width:100%;overflow-wrap:anywhere}
.afm-adrchip.ungueltig{border-color:#A82B2B;color:#A82B2B;background:#FBECEC}
.afm-adrchip button{border:0;background:none;color:inherit;font:inherit;font-size:15px;line-height:1;padding:0 4px;cursor:pointer;border-radius:999px}
.afm-adrchip button:hover{background:rgba(0,0,0,.08)}
.afmail input.afm-adrinput,.afmail input.afm-adrinput:focus{flex:1 1 150px;min-width:120px;width:auto;height:28px;border:0;outline:0;padding:0 4px;background:transparent;font-size:13.5px}

/* Version 5.27: Mail-Knopf im SI-Agent, Dokumente aus Baum/Liste in die Mail ziehen */
.afeingabe .afmailknopf{color:var(--blautext)}
.eintrag[draggable],tr[draggable]{cursor:grab}
body.dokzug .afkarte.st-offen .afmail{outline:3px dashed var(--blautext);outline-offset:4px;border-radius:12px}
body.dokzug .eintrag[draggable]:active{cursor:grabbing}

/* Version 5.33: Logo führt zum Dashboard */
a.brand{display:block;cursor:pointer;border-radius:12px}a.brand:hover .sidelogo{opacity:.85}a.brand:focus-visible{outline:3px solid var(--blautint)}

/* Version 5.34: Dashboard – Vorschau-Symbol, Haken, Vorschau-Overlay; Spalten-Chips ziehbar */
.dashtabelle th.dashvs,.dashtabelle td.dashvs{width:26px;min-width:26px;box-sizing:content-box;padding-left:25px;padding-right:0}   /* Version 5.43: Auge auf einer Linie mit den fälligen Aufgaben */
.vsknopf{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:1px solid #D5DCE5;background:#fff;color:var(--blautext);cursor:pointer}
.vsknopf:hover{background:var(--blautint);border-color:var(--blautext)}
.dashtabelle td.dashhaken,.dashtabelle th.dashhaken{text-align:center;width:78px;min-width:78px;box-sizing:content-box;padding-left:7px;padding-right:7px;white-space:nowrap}   /* Version 5.43: Erledigt-Spalte wie bei den Aufgaben (Mitte +98 px) */.dashtabelle td.dashhaken input{width:17px;height:17px;cursor:pointer;accent-color:var(--blautext);vertical-align:middle;margin:0}   /* Version 5.40: Haken und Überschrift mittig */
.vorschaumodal .vorschaukarte{width:min(1100px,94vw);max-width:none;height:min(92vh,1000px);display:flex;flex-direction:column;padding:14px 18px 18px}
.vskopf{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.vsname{flex:1 1 auto;min-width:0;overflow-wrap:anywhere;font-size:15px}
.vslinks{display:flex;align-items:center;gap:14px}.vszu{border:0;background:none;font-size:22px;line-height:1;cursor:pointer;color:var(--muted);padding:0 4px}.vszu:hover{color:var(--ink)}
.vsbox{flex:1 1 auto;min-height:0;overflow:auto}.vsbox .vorschau-pdf{height:100%;min-height:0}.vsbox .vorschau-bild{max-height:100%}
.selchips .selchip{cursor:grab}.selchips .selchip.ghost{opacity:.35}

/* Version 5.35: übergeordneter Vertrag/Schaden des markierten Datensatzes ist mit hinterlegt */
.baum .objzeile.elternzeile{background:#E6EEF5;border-radius:8px}

/* Version 5.36: Spalten-Chips mit Griff und Sortierpfeilen */
.selchip .selgriff{color:#8A96A3;font-size:11px;letter-spacing:-2px;margin-right:2px;cursor:grab}
.selchip .selsort{display:inline-flex;flex-direction:row;align-items:center;gap:2px;margin:0 0 0 6px}
.selchip .selsort button{font-size:12px;line-height:16px;min-width:16px;padding:0 2px;opacity:.45}
.selchip .selsort button:hover{opacity:1}.selchip .selsort button.an{opacity:1;color:var(--blautext)}
.selchip.sortiert{border:1px solid var(--blautext)}
.selchip.sortable-fallback{opacity:.9;box-shadow:0 6px 18px rgba(0,0,0,.2)}

/* Version 5.36: Lupe in der Reiterleiste und Such-Overlay */
.reiter .reitersuche{margin-left:auto;align-self:center;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;border:1px solid transparent;background:transparent;color:var(--blautext);cursor:pointer;margin-bottom:4px}
.reiter .reitersuche:hover{background:var(--blautint);border-color:#D5DCE5}
.suchoverlay{align-items:flex-start;padding-top:8vh}
.suchoverlay .suchkarte{width:min(1100px,94vw);max-width:none;max-height:84vh;display:flex;flex-direction:column;padding:16px 20px 18px}
.suchoverlay .suchfeld{position:relative;display:flex;align-items:center;gap:10px;margin:0 0 12px}
.suchoverlay .suchfeld input{flex:1 1 auto;height:50px;font-size:16px;border-radius:12px;padding-left:52px}
.suchoverlay .suchfeld svg{left:16px;top:14px}
.suchoverlay .suchtreffer{overflow:auto;min-height:0}

/* Version 5.37: Erledigt-Haken und Vorschau an den fälligen Aufgaben; Datensatz-Vorschau */
.aufgzeile .aufgerledigt{width:18px;height:18px;flex:0 0 auto;accent-color:#1F6B3A;cursor:pointer;margin:0}
.aufgzeile .aufgvs{flex:0 0 auto}
/* Version 5.38: Spalten mit Kopfzeile – Vorschau · Erledigt · Auswahl · Aufgabe · Frist */
.aufgkopf{display:flex;align-items:center;gap:14px;padding:8px 24px 6px;border-top:1px solid var(--line2);font-size:12px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);font-weight:600}
.aufgkopf .aufgcell.txt{flex:1 1 auto;justify-content:flex-start}.aufgkopf .aufgcell.frist{flex:0 0 auto;text-align:right}
.aufgcell{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto}
.aufgcell.vs{width:28px}.aufgcell.erl{width:62px}.aufgcell.wahl{width:40px;justify-content:center}   /* Version 5.42: Auswahl ganz rechts, Kopf-Haken bündig */
.aufgkopf .aufgcell.wahl input{width:18px;height:18px;margin:0;accent-color:var(--blautext);cursor:pointer}
.aufgzeile.erledigtweg{opacity:.4;text-decoration:line-through}
.vorschaumodal .datensatzkarte{height:auto;max-height:92vh;overflow:hidden}
.vorschaumodal .datensatzkarte .vsbox{display:block;overflow:auto;min-height:0;flex:1 1 auto;padding-right:4px}   /* Version 5.41: Maske wie in der Akte, rollbar */
.vorschaumodal .kopfzeile .zurueck,.vorschaumodal .dsleiste,.vorschaumodal .makroleiste,.vorschaumodal .kartenleiste .makroschalter:has([data-alle="archivdaten"]),.vorschaumodal .kartenleiste .makroschalter:has([data-alle="makroknoepfe"]){display:none}
.vorschaumodal .ansicht [data-edit]{cursor:default}.vorschaumodal .ansicht .stift{display:none}
.vorschaumodal .ansicht{margin-top:0}

/* ---- Version 5.52: HubSpot-Abgleich ---- */
.hubknopf{display:inline-flex;align-items:center;gap:7px;border-width:1.5px}
.hubknopf svg{flex:none}
.hubknopf.hub-laeuft{color:#7a8794;border-color:#D5DCE5}
.hubknopf.hub-blau{color:#fff;background:var(--blautext);border-color:var(--blautext)}
.hubknopf.hub-gelb{color:#5E3C00;background:#FFF1C2;border-color:#E6B800}
.hubknopf.hub-rot{color:#fff;background:#A82B2B;border-color:#A82B2B}
.hubknopf.hub-fehler{color:#7a8794;border-style:dashed}
.hubkarte{max-width:860px;padding:20px 24px 18px}
.hubkopf{display:flex;align-items:center;gap:10px;margin-bottom:6px}.hubkopf h2{flex:1;margin:0;font-size:19px}
.hubzu{border:0;background:none;font-size:24px;line-height:1;color:#7a8794;cursor:pointer}.hubzu:hover{color:var(--ink)}
.hubpunkt{width:14px;height:14px;border-radius:50%;flex:none}.hubpunkt.hub-blau{background:var(--blautext)}.hubpunkt.hub-gelb{background:#E6B800}.hubpunkt.hub-rot{background:#A82B2B}.hubpunkt.hub-fehler{background:#999}
.hubtext{margin:6px 0 4px;font-size:14.5px}.hubklein{margin:0 0 12px;font-size:12.5px;color:var(--muted)}
.hubraster{display:grid;grid-template-columns:130px minmax(0,1fr) minmax(0,1fr);gap:6px 8px;align-items:stretch;margin:6px 0 14px}
.hubkopfzeile{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:0 4px 2px}
.hubfeld{display:flex;align-items:center;font-size:13px;color:#555;padding:0 4px}
.hubwert{display:flex;align-items:center;gap:8px;min-height:40px;padding:6px 10px;border:1.5px solid var(--line);border-radius:10px;background:#fff;font-size:13.5px;overflow-wrap:anywhere}
.hubwert.gleich{background:#F7F9FC;color:#555}.hubfeld.gleich{color:#8a95a1}
.hubwert.wahl{cursor:pointer}.hubwert.wahl:has(input:checked){border-color:var(--blautext);background:var(--blautint)}
.hubwert.wahl input{margin:0;width:16px;height:16px;flex:none;accent-color:var(--blautext)}
.hubwert.fest{border-color:var(--blautext);background:var(--blautint)}.hubwert small{color:var(--muted);font-size:11.5px}
.hubfuss{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.hubstatus{margin:10px 0 0;font-size:13px;color:var(--muted)}.hubstatus.fehler{color:#A82B2B}

/* ---- Version 5.59: Dubletten ---- */
.dublgruppe{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}
.dublbanner{display:inline-flex;align-items:center;background:#FFF1C2;color:#5E3C00;border:1px solid #E6B800;border-radius:999px;padding:4px 12px;font-size:12.5px;font-weight:600}
.dublknopf.an{border-color:#E6B800;background:#FFF8DC;color:#5E3C00}
.dublmergeknopf{background:var(--blautext);color:#fff;border-color:var(--blautext)}.dublmergeknopf:hover{background:#5f87a6}
.ctxdubl{display:flex;gap:6px;align-items:stretch;padding:2px 0 6px;margin-bottom:4px;border-bottom:1px solid var(--line)}
.ctxdubl .ctxname{flex:1}.ctxdubl .dublmark.an{color:#5E3C00;background:#FFF8DC}.ctxdubl .dublmerge{flex:1;color:#fff;background:var(--blautext)}.ctxdubl .dublmerge:hover{background:#5f87a6}
.dublkarte{max-width:960px;max-height:94vh;overflow:auto}
.dublkarten{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:10px 0 6px}
.dublds{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;background:#fff}
.dublds.an{border-color:var(--blautext);background:var(--blautint)}
.dublds input{margin:4px 0 0;width:16px;height:16px;flex:none;accent-color:var(--blautext)}
.dubldstext{display:flex;flex-direction:column;gap:3px;min-width:0;font-size:13.5px}.dubldstext b{font-size:15px}.dubldstext small{color:var(--muted);font-size:12px}.dubldstext .dublid{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11px;overflow-wrap:anywhere}

/* ---- Version 5.60: Dubletten im Baum gelb, Kopie-Knopf, Kontextmenü "Datensatz kopieren" ---- */
.baum button.eintrag.dubl{background:#FFF8DC;box-shadow:inset 4px 0 0 #E6B800;border-radius:8px}
.baum .objzeile.dublzeile{background:#FFF8DC;border-radius:8px}
.baum button.eintrag.dubl.baumaktiv,.baum .objzeile.dublzeile.aktivzeile,.baum .objzeile.dublzeile button.eintrag.baumaktiv{background:#F3EBC9}
.baum .wurzel.dubl{background:#FFF1C2;box-shadow:inset 4px 0 0 #E6B800;border-radius:8px}
.kopieknopf{border-style:dashed}
.ctxkopie{display:flex;gap:6px;align-items:stretch;padding:2px 0 6px;margin-bottom:4px;border-bottom:1px solid var(--line)}.ctxkopie .ctxname{flex:1}.ctxkopie .kopieweg{flex:0 0 auto;color:var(--muted)}
.kopfknoepfe{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap}

/* ---- Version 5.62: Feldleiste (Stift | Kopieren) bzw. (Einfügen) rechts im Feld; der Inline-Stift bei Links entfällt bei Mausbedienung ---- */
.feldleiste{position:fixed;z-index:60;display:flex;gap:4px}
.feldleiste[hidden]{display:none}
.feldleiste .flk{width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid #C9D9E6;border-radius:6px;background:#fff;color:#5b6773;box-shadow:0 1px 4px rgba(34,34,34,.15);cursor:pointer}
.feldleiste .flk[hidden]{display:none}
.feldleiste .flk:hover{background:#F4F6FA;color:#222}
.feldleiste .fl-stift:hover{color:var(--blautext);background:#DCE8F2}
.feldleiste .fl-einf{color:var(--blautext)}
.feldleiste .flk:focus-visible{outline:3px solid var(--blautext);outline-offset:1px}
.feldleiste .fl-kopie.fertig{color:#2E7D32;border-color:#2E7D32;background:#F1F8F1}
@media(hover:hover){.stift{display:none}.karte dd:has(.stift) a{max-width:calc(100% - 60px)}}

/* ---- Version 5.63: bis zu fünf Dubletten – breiterer Dialog, kleinere Karten ---- */
.dublmodal.breit .dublkarte{max-width:min(1500px,96vw);width:96vw}
.dublmodal.breit .dublds{padding:10px 10px;gap:8px}
.dublmodal.breit .dubldstext b{font-size:14px}
.dublds .dublid{color:var(--muted);font-size:11px}

/* Version 5.64: Objekttyp-Kennzeichen in der Dubletten-Karte */
.dublds .dubltyp{display:inline-block;font-size:11px;padding:1px 7px;border-radius:999px;background:#E6EEF5;color:var(--blautext);margin:2px 0}

/* ---- Version 5.65: Fällige Aufgaben – Spalte Kunde, Sortierpfeile nebeneinander ---- */
.aufgcell.kd{flex:0 0 30%;min-width:0;justify-content:flex-start;font-size:13px}
.aufgcell.fristsp,.aufgkopf .aufgcell.frist{flex:0 0 300px!important;justify-content:flex-end;gap:10px}   /* gleiche Breite im Kopf und in der Zeile, damit die Spalte Kunde bündig steht */
.aufgkopf .aufgcell.kd{font-size:12px}
.aufgzeile .aufgcell.kd .aufgkunde{color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.aufgzeile .aufgcell.kd .aufgkunde:hover{color:var(--blautext);text-decoration:underline;text-underline-offset:3px}
.aufgsort{display:inline-flex;flex-direction:row;align-items:center;gap:2px;margin-left:6px}
.aufgsort button{font-size:11px;line-height:16px;min-width:16px;padding:0 2px;border:0;background:none;color:var(--muted);opacity:.45;cursor:pointer;letter-spacing:0;text-transform:none}
.aufgsort button:hover{opacity:1}.aufgsort button.an{opacity:1;color:var(--blautext)}
@media(max-width:900px){.aufgcell.kd{flex:1 1 100%}.aufgcell.fristsp{flex:1 1 100%!important;justify-content:flex-start}}

/* Version 5.66: Baum-Chips ziehbar */
.teilpaar.an{cursor:grab}.teilpaar.an .teilchip{cursor:grab}.teilpaar.ghost{opacity:.4}
.teilewahl .teilelabel{margin-right:4px}

/* ---- Version 5.67: Griff zum Breitziehen der Baumleiste ---- */
.baumgriff{position:absolute;top:0;bottom:0;left:calc(min(var(--baumb,400px),100%) + 2px);width:16px;cursor:col-resize;z-index:5;display:flex;align-items:flex-start;justify-content:center;padding-top:40px}
.baumgriff::before{content:"";width:4px;height:48px;border-radius:4px;background:#D5DCE5;position:sticky;top:60px;transition:background .15s}
.baumgriff:hover::before,.baumgriff:focus-visible::before,body.baumzieht .baumgriff::before{background:var(--blautext)}
.baumgriff:focus-visible{outline:none}
body.baumzieht{cursor:col-resize;user-select:none}
body.baumzieht iframe{pointer-events:none}

/* ---- Version 5.68: Spalte Mitarbeiter, kompaktere Zeilen ---- */
.aufgcell.kd{flex:0 0 26%}
.aufgcell.mitarb{flex:0 0 14%;min-width:0;justify-content:flex-start;font-size:13px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aufgkopf .aufgcell.mitarb{font-size:12px;color:var(--muted)}
.aufgzeile.zeile{padding:5px 24px}
.aufgzeile .txt b{font-size:14px;line-height:1.3}
.aufgzeile .fristfeld input,.aufgzeile .fristzelle input{height:30px;padding:0 8px;font-size:13px;border-radius:8px}
.aufgzeile .pille{padding:2px 9px;font-size:12px}
.aufgkopf{padding:6px 24px 4px}
@media(max-width:900px){.aufgcell.mitarb{flex:1 1 100%}}

/* ---- Version 5.69: Spaltenbreiten der fälligen Aufgaben einstellbar ---- */
#faellig .aufgcell.kd{flex:0 0 var(--spkd,26%)}
#faellig .aufgcell.mitarb{flex:0 0 var(--spmitarb,14%)}
#faellig .aufgcell.fristsp,#faellig .aufgkopf .aufgcell.frist{flex:0 0 var(--spfrist,300px)!important}
.aufgkopf .aufgcell.kd,.aufgkopf .aufgcell.mitarb,.aufgkopf .aufgcell.frist{position:relative;overflow:visible}
.aufgkopf .aufgcell.frist{justify-content:flex-end}
.spgriff{position:absolute;left:-15px;top:-6px;bottom:-6px;width:10px;cursor:col-resize;z-index:3}   /* 6.03: Grifflinie 11 px vor dem Spaltentext – gleicher Abstand wie in den Selektionstabellen */
.spgriff::before{content:"";position:absolute;left:4px;top:4px;bottom:4px;width:2px;border-radius:2px;background:#D5DCE5;opacity:0;transition:opacity .15s}
.aufgkopf:hover .spgriff::before{opacity:1}
.spgriff:hover::before,body.spzieht .spgriff::before{background:var(--blautext);opacity:1}
body.spzieht{cursor:col-resize;user-select:none}

/* ---- Version 5.70: Spaltengriffe in Tabellen (Listenansicht, Dashboard-Selektionen), Sortierpfeile in Selektionstabellen ---- */
.liste th[data-n],.seltabelle th[data-n]{position:relative}
.liste th[data-n]{position:sticky}
.spgriff2{position:absolute;right:-5px;top:0;bottom:0;width:10px;cursor:col-resize;z-index:3}
.spgriff2::before{content:"";position:absolute;left:4px;top:5px;bottom:5px;width:2px;border-radius:2px;background:#D5DCE5;opacity:0;transition:opacity .15s}
thead:hover .spgriff2::before{opacity:1}
.spgriff2:hover::before,body.spzieht .spgriff2::before{background:var(--blautext);opacity:1}
.seltabelle th[data-n]{white-space:nowrap;overflow:visible}
.seltabelle th .aufgsort{margin-left:4px}
.seltabelle th .aufgsort button{font-size:10px;line-height:14px;min-width:14px}
.liste th[data-n] .ls-sort{padding-right:14px}
.liste th[data-n] .spgriff2{right:0;width:8px}.liste th[data-n] .spgriff2::before{left:3px}   /* innerhalb des Kopfs, sonst verdeckt der nächste (sticky) Kopf den Griff */

/* ---- Version 5.71: Dashboard-Tabellen ohne waagerechte Rollbalken – Griffe bleiben innerhalb der Kopfzeile, zu breite Inhalte werden abgeschnitten ---- */
.dashsel .dashtabelle,.dashtabelle{overflow:hidden}
.dashtabelle table{table-layout:auto;width:100%}
.dashtabelle th[data-n] .spgriff2{right:0;width:8px}.dashtabelle th[data-n] .spgriff2::before{left:3px}
.dashtabelle th[data-n]{overflow:hidden;text-overflow:ellipsis}

/* ---- Version 5.72: Freigaben je Bereich (Verwaltung) ---- */
.re-liste{display:flex;flex-direction:column;gap:6px;padding:4px 0}
.re-zeile{display:flex;align-items:center;gap:12px;padding:6px 0;border-bottom:1px solid var(--line2);position:relative}
.re-zeile.unter{padding-left:22px}.re-zeile.unter .re-name::before{content:"↳ ";color:var(--muted)}
.re-name{flex:1;font-weight:600}
.re-zeile.admin{margin-top:10px;padding-top:12px;border-top:2px solid var(--line)}   /* 6.11: Zeile „Administrator“ abgesetzt */
.re-name small{display:block;font-weight:400;font-size:12px;color:var(--muted)}
.re-fest{font-size:13px;color:var(--muted);white-space:nowrap}
.re-alle{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);cursor:pointer}.re-alle input{accent-color:var(--blautext)}
.re-wahl{position:relative}.re-wahl[hidden]{display:none}
/* Version 5.75: geöffnete Mitarbeiter-Auswahl darf über den Kartenrand hinausragen (Karte hat overflow:hidden) und liegt über den Karten darunter */
.karte:has(.re-wahl[open]){overflow:visible;position:relative;z-index:30}
.re-zeile:has(.re-wahl[open]){position:relative;z-index:31}
.re-wahl summary{list-style:none;cursor:pointer;border:1.5px solid #D5DCE5;border-radius:10px;padding:5px 10px;font-size:13px;background:#fff;white-space:nowrap}
.re-wahl summary::-webkit-details-marker{display:none}
.re-wahl[open] summary{border-color:var(--blautext)}
.re-dropdown{position:absolute;right:0;top:calc(100% + 4px);z-index:20;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(34,34,34,.18);padding:8px;min-width:260px;max-height:320px;overflow:auto;display:flex;flex-direction:column;gap:2px}
.re-mit{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:8px;font-size:13px;cursor:pointer}.re-mit:hover{background:#F4F6FA}.re-mit input{accent-color:var(--blautext)}

/* ---- Version 5.73: Posteingang Cloud ---- */
.pc-raster{display:grid;grid-template-columns:minmax(320px,470px) minmax(0,1fr);gap:20px;align-items:start}
@media(max-width:1100px){.pc-raster{grid-template-columns:1fr}}
/* 6.05: die Liste ist genau so hoch wie der rechte Bereich (schließt unten mit ihm ab), mindestens aber eine Bildschirmhöhe; eigener Rollbalken */
.pc-listewrap{position:relative;align-self:stretch;min-height:calc(100vh - 220px)}
.pc-liste{padding:0;position:absolute;inset:0;overflow:auto}
@media(max-width:1100px){.pc-listewrap{min-height:0;height:60vh}}
.pc-zeilen{display:flex;flex-direction:column}
.pc-zeile{display:flex;flex-direction:column;gap:3px;text-align:left;width:100%;background:none;border:0;border-bottom:1px solid var(--line2);padding:10px 16px;cursor:pointer;font:inherit;color:var(--ink)}
.pc-zeile:hover{background:#F4F6FA}.pc-zeile.aktiv{background:#E6EEF5;box-shadow:inset 4px 0 0 var(--blautext)}
.pc-kopf{display:flex;align-items:center;gap:8px}.pc-name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pc-meta{font-size:12px;color:var(--muted)}.pc-ki{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-kunde{font-size:13px;color:var(--blautext);font-weight:600}
.pc-detail{padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.pc-detailkopf{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pc-detailkopf b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.pc-vorschau{width:100%;height:min(62vh,760px);border:1px solid var(--line);border-radius:12px;background:#F4F6FA}
.pc-vorschau.bild{display:flex;align-items:center;justify-content:center;overflow:auto}.pc-vorschau.bild img{max-width:100%;max-height:100%}
.pc-vorschau.leer{display:flex;align-items:center;justify-content:center;height:120px;color:var(--muted)}
.pc-lesung summary{cursor:pointer;color:var(--blautext);font-size:13px;font-weight:600}
.pc-lesung dl{margin:6px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px 16px;font-size:13px}.pc-lesung dl>div{display:grid;grid-template-columns:120px 1fr;gap:8px}.pc-lesung dt{color:var(--muted)}.pc-lesung dd{margin:0}
.pille.blau{background:#E6EEF5;color:var(--blautext)}.pille.gruen{background:#E8F3E8;color:#1F6B3A}.pille.grau{background:#EEF0F3;color:var(--muted)}
.umschalter button i{font-style:normal;opacity:.7;margin-left:4px}

/* ---- Version 5.74: Feldvergleich und Sammelfreigabe im Posteingang Cloud ---- */
.pc-sammel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 16px;border-bottom:1px solid var(--line);background:#F4F6FA;font-size:13px;position:sticky;top:0;z-index:2}
.pc-sammel .knopf.klein{padding:5px 12px;font-size:13px}
.pc-haken{width:16px;height:16px;margin:0 2px 0 0;accent-color:var(--blautext);flex:0 0 auto}
.pc-vgl{border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;background:#fff}
.pc-vgl.leer{color:var(--muted);font-size:13px}
.pc-vglkopf{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}
.pc-vgltab{width:100%;border-collapse:collapse;font-size:13px}
.pc-vgltab th{text-align:left;color:var(--muted);font-weight:600;padding:4px 8px;border-bottom:1px solid var(--line)}
.pc-vgltab td{padding:5px 8px;border-bottom:1px solid var(--line2)}
.pc-vgltab tr.gleich td{color:var(--muted)}.pc-vgltab tr.anders td:nth-child(3){font-weight:600;color:var(--blautext)}
.pc-vgltab td.mitte{text-align:center}.pc-vgltab input{accent-color:var(--blautext);width:16px;height:16px}
.pc-vglhinweis{display:block;color:#A82B2B;font-weight:400}
.uz-ergebnis .rot{color:#A82B2B}

/* Version 5.76: Ordnerauswahl Posteingang Cloud (Verwaltung) */
.pc-quelle{gap:6px;grid-column:1/-1}.pc-wahlzeile{display:flex;gap:8px;align-items:center}.pc-wahlzeile input{flex:1;min-width:0}.pc-wahlzeile .knopf2{height:42px;white-space:nowrap;flex:none}
.pc-gewaehlt{font-size:13px;color:var(--ink);font-weight:500}.pc-gewaehlt.leer{color:var(--muted);font-weight:400}.pc-gewaehlt small{color:var(--muted);font-weight:400}
.pc-quelle>small{font-size:12.5px;color:var(--muted);font-weight:400;display:block;line-height:1.6}.pc-quelle a.knopf2{display:inline-flex;align-items:center;text-decoration:none;vertical-align:middle;margin:2px 0}.pc-quelle small b{color:var(--ink)}
.linkknopf{background:none;border:0;padding:0;font:inherit;font-size:inherit;color:var(--blautext);text-decoration:underline;cursor:pointer}
.ordnerdialog{max-width:620px}
.od-pfad{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:14px 0 8px;font-size:13.5px}
.od-krume{background:none;border:0;padding:4px 6px;border-radius:8px;font:inherit;font-size:13.5px;font-weight:600;color:var(--blautext);cursor:pointer}.od-krume:hover{background:var(--blautint)}.od-krume:last-child{color:var(--ink);cursor:default}.od-krume:last-child:hover{background:none}
.od-trenner{color:var(--muted)}
.od-liste{border:1px solid var(--line);border-radius:12px;max-height:min(420px,55vh);overflow:auto;padding:4px;display:flex;flex-direction:column;gap:2px;background:#fff}
.od-eintrag{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;border-radius:9px;padding:9px 10px;font:inherit;color:var(--ink);cursor:pointer}
.od-eintrag:hover,.od-eintrag:focus-visible{background:var(--bg);outline:none}
.od-eintrag svg{flex:none;color:var(--blautext)}.od-eintrag b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;font-size:14px}.od-eintrag small{color:var(--muted);font-size:12px;white-space:nowrap}.od-pfeil{color:var(--muted);font-size:18px;line-height:1}
.od-liste .leer{padding:16px 10px}.od-fehler{color:var(--rot)}
.ordnerdialog .modalknoepfe{align-items:center;margin-top:14px}.od-hinweis{flex:1;min-width:0;font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Version 5.77: Posteingang Cloud – Kategorien, automatische Einträge, Protokoll */
.pille.pc-kat{background:#EEF2F7;color:#3C4651;border:1px solid #DDE3EA}.pille.pc-kat.vertrag{background:#E8F0F8;color:#2F5F8A;border-color:#C9DAEA}.pille.pc-kat.schaden{background:#FBEFEF;color:#A82B2B;border-color:#E9C9C9}.pille.pc-kat.courtage,.pille.pc-kat.csv{background:#FFF7E0;color:#7A5A00;border-color:#EBD590}.pille.pc-kat.gdv{background:#EAF6EC;color:#2E6B3A;border-color:#C7E3CD}
.pc-archiv{margin:10px 14px;padding:9px 12px;border-radius:10px;background:#F4F6FA;font-size:13px;line-height:1.5}.pc-archiv.erledigt{background:#EAF6EC}.pc-archiv.fehler{background:#FBEFEF}
.pc-auto{margin:6px 14px 0;display:grid;grid-template-columns:120px 1fr;gap:4px 12px;font-size:13.5px}.pc-auto div{display:contents}.pc-auto dt{color:var(--muted)}.pc-auto dd{margin:0;font-weight:600;overflow-wrap:anywhere}
.pc-protokoll{padding:14px 16px}.pc-protkopf{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.pc-protkopf .umschalter{margin-left:auto}
.umschalter.klein button{padding:4px 9px;font-size:12.5px}
.pc-protbox{max-height:calc(100vh - 260px)}.pc-prottab td{white-space:normal;max-width:none;overflow-wrap:anywhere}.pc-prottab td:last-child{max-width:260px}.pc-prottab td:nth-child(2){max-width:320px}.pc-prottab td.pc-proterg{max-width:420px}.pc-prottab small{color:var(--muted)}
#pcAnsicht{margin-right:8px}.umschalter[hidden],.pc-raster[hidden],.pc-protokoll[hidden]{display:none}

/* Version 5.78: GDV */
.kipille.gdv{background:#EAF6EC;color:#2E6B3A}

/* Version 5.79: Posteingang Cloud – Knopfzeile immer unter dem Titel, linksbündig (springt beim Umschalten nicht) */
.pc-prottab td:nth-child(6){white-space:nowrap}.pc-kopfreihe>div:first-child{flex:1 1 100%}.pc-kopfreihe .kopfrechts{flex:1 1 100%;justify-content:flex-start}

#pcAbholen[hidden]{display:none}

/* Version 5.83: Suchleiste Posteingang Cloud */
.pc-suchzeile{flex:1 1 100%;display:flex;align-items:center;gap:10px;max-width:100%}
.pc-suchzeile input{flex:1;min-width:0;height:40px;border:1.5px solid #D5DCE5;border-radius:10px;padding:0 14px;font:inherit;font-size:14px;background:#fff}
.pc-suchzeile input:focus{outline:3px solid var(--blautint);border-color:var(--blautext)}
.pc-suchtreffer{flex:none;font-size:12.5px;color:var(--muted);white-space:nowrap}
.pc-suchtreffer:empty{display:none}   /* 6.14: ohne Trefferzahl kein Abstand – die Suchleiste endet bündig mit Knopfzeile und Art-Zeile */

/* Version 5.84: Art-Auswahl unter der Suche */
.pc-artzeile{justify-content:space-between;gap:10px 18px;flex-wrap:wrap}
.pc-artzeile[hidden]{display:none}

/* Version 5.87: Sprung-Banner (Posteingang Cloud / Posteingang) und Feld-Historie */
.pc-sprung{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin:0 16px 10px;padding:9px 14px;background:var(--blautint);border:1px solid #CFDDEB;border-radius:10px;font-size:13.5px}
.pc-sprung-link{color:var(--blautext);font-weight:600;text-decoration:none}.pc-sprung-link:hover{text-decoration:underline}
.pc-sprung small{color:var(--muted);margin-left:auto}
.ctxzeile.ctxhist .ctxname{font-weight:600;color:var(--blautext)}
.histbox{position:fixed;z-index:1200;width:max-content;min-width:320px;max-width:min(680px,92vw);box-sizing:border-box;overflow:hidden;background:#fff;border:1px solid #D5DCE5;border-radius:12px;box-shadow:0 12px 32px rgba(20,30,50,.18);padding:10px 12px 12px;font-size:13.5px}
.histbox .histkopf{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:6px}.histbox .histkopf b{font-size:14px}
.histbox .histzu{border:0;background:none;font-size:18px;line-height:1;cursor:pointer;color:var(--muted);padding:2px 6px}
.histliste{display:grid;grid-template-columns:max-content minmax(0,1fr) max-content;column-gap:14px;width:100%}
.histzeile{display:contents}.histzeile>span{padding:6px 2px;border-top:1px solid #EEF1F5}.histzeile:hover>span{background:#F7F9FC}
.histzeit{white-space:nowrap;color:var(--muted);font-size:12.5px}.histwert{overflow-wrap:anywhere;max-width:440px}.histcopyzelle{text-align:right;white-space:nowrap}
.histbox .histalt{color:#8a2424;text-decoration:line-through;text-decoration-color:#c99}.histbox .histneu{color:#1b5e20;font-weight:600}
.histbox .histcopy{border:1px solid #D5DCE5;background:#fff;border-radius:6px;cursor:pointer;padding:2px 6px;font-size:12px;line-height:1.3}.histbox .histcopy:hover{background:var(--blautint)}
.histbox .histleer{color:var(--muted);padding:6px 2px}.histbox .histfuss{color:var(--muted);font-size:12px;margin-top:8px;border-top:1px solid #EEF1F5;padding-top:6px}

/* Version 5.89: Sammelaktionen und Fortschritt */
.pc-sammel .pc-verwerfen-alle{margin-left:auto;color:#8a2424;border-color:#E3C4C4}
.pc-job{margin:0 0 12px;padding:10px 14px;background:#fff;border:1px solid #D5DCE5;border-radius:12px;font-size:13.5px}
.pc-jobkopf{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px}.pc-jobkopf span{color:var(--muted)}.pc-jobkopf button{margin-left:auto}
.pc-jobbalken{height:8px;background:#EEF1F5;border-radius:4px;margin-top:8px;overflow:hidden}.pc-jobbalken i{display:block;height:100%;background:var(--blautext);transition:width .4s}
.pc-jobzeile{display:flex;align-items:baseline;gap:10px;margin-top:8px;height:18px;overflow:hidden;white-space:nowrap;font:12.5px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--muted)}
.pc-jobzeile .jz-n{flex:0 1 34%;overflow:hidden;text-overflow:ellipsis;color:#222}.pc-jobzeile .jz-f{flex:0 0 auto;color:var(--blautext);font-weight:600}.pc-jobzeile .jz-w{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis}
.pc-jobzeile.neu .jz-f::before{content:"●";color:#739DBC;margin-right:6px}
.pc-jobmeldungen{margin:8px 0 0;padding-left:18px;color:#8a2424;font-size:12.5px;max-height:120px;overflow:auto}

/* Version 5.96/5.99: drei Gruppen in einer Zeile – links, Mitte, rechts; kein Umbruch */
.pc-artzeile{justify-content:space-between;flex-wrap:nowrap;gap:12px}.pc-artzeile>.umschalter{flex:0 0 auto}.pc-artzeile #pcZuo{margin-left:0}
.pc-artzeile .umschalter button{padding-left:12px;padding-right:12px}
/* Version 5.99: Cloudabruf und Aktualisieren in Blau */
.knopf-blau{background:var(--blau);color:#fff;border-color:var(--blau)}.knopf-blau:hover{background:var(--blautext);border-color:var(--blautext);color:#fff}.knopf-blau:disabled{opacity:.6}

/* Version 6.00: Zuordnungszeilen und Statuspille blau/rot */
.pille.zuo-ja{background:var(--blau);color:#fff}.pille.zuo-nein{background:var(--rot);color:#fff}.pille.zuo-pruef{background:#C98A00;color:#fff}
.pc-zuoblock{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:13px}
.pc-zuo b{font-weight:600;color:var(--muted)}.pc-zuo{color:var(--blautext)}.pc-zuo.fehlt{color:var(--rot)}.pc-zuo.fehlt b{color:var(--rot)}

/* Version 6.01: Detail zweispaltig – links Zuordnung/Abgleich, rechts Vorschau im DIN-A4-Verhältnis (1 : 1,414), oben haftend */
.pc-zwei{--pc-vorschau:40%;display:grid;grid-template-columns:minmax(0,1fr) 10px minmax(240px,var(--pc-vorschau));gap:0 8px;align-items:start}
.pc-splitter{align-self:stretch;cursor:col-resize;border-radius:5px;background:linear-gradient(to right,transparent 3px,#D5DCE5 3px,#D5DCE5 7px,transparent 7px);position:sticky;top:12px;max-height:calc(100vh - 160px);min-height:120px}
.pc-splitter:hover{background:linear-gradient(to right,transparent 3px,var(--blau) 3px,var(--blau) 7px,transparent 7px)}
.pc-links{display:flex;flex-direction:column;gap:10px;min-width:0}
.pc-rechts{position:sticky;top:12px}
.pc-rechts .pc-vorschau{height:auto;aspect-ratio:1/1.4142;max-height:calc(100vh - 160px)}
.pc-rechts .pc-vorschau.leer{aspect-ratio:auto;height:120px}
@media(max-width:1250px){.pc-zwei{grid-template-columns:1fr}.pc-splitter{display:none}.pc-rechts{position:static}.pc-rechts .pc-vorschau{max-height:70vh}}
.pc-links .pc-vgltab td,.pc-links .pc-vgltab th{padding-left:10px;padding-right:10px}
/* 6.01: in der schmaleren linken Spalte zwei Felder je Zeile (Kunde über die volle Breite) */
.pc-links .pe-felder{grid-template-columns:repeat(2,minmax(0,1fr))}.pc-links .pe-felder .pe-kunde{grid-column:1 / -1}
.pc-links .pe-felder select,.pc-links .pe-felder input{min-width:0;width:100%}

/* 6.04: Selektionsergebnis – Auswahlspalte (erste Spalte eingerückt), Serienaufgabe-Dialog */
.selergtab th.selwahl,.selergtab td.selwahl{width:22px;padding-left:24px;padding-right:6px}
.selergtab th.selwahl input,.selergtab td.selwahl input{width:16px;height:16px;margin:0;display:block;cursor:pointer;accent-color:var(--blautext)}
.selergtab th:nth-child(2),.selergtab td:nth-child(2){padding-left:12px}
.selzeile.gewaehlt td{background:#EEF4FA}
.selwahlzahl{display:inline-block;min-width:20px;padding:0 6px;margin-left:6px;border-radius:10px;background:var(--blautext);color:#fff;font-size:11.5px;line-height:20px;text-align:center;font-weight:700}
.knopf2:disabled .selwahlzahl{display:none}
.serienkarte{max-width:760px}
.serienkopf{display:flex;align-items:flex-start;gap:12px;margin-bottom:4px}.serienkopf>div{flex:1;min-width:0}.serienkopf h2{margin:0 0 2px;font-size:20px}
.modalkarte .serienform{margin:16px 0 14px}
.serientitel{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:10px}
.serienform .serientitel select,.serienform .serienmit select{height:42px;width:100%}
.serienhilfe{font-weight:400;color:var(--muted);font-size:12px}
.serienmit{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:42px}
.serienmit select{flex:1 1 180px;min-width:160px}
.serienchip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 6px 0 10px;border-radius:8px;font-size:13px;font-weight:600;margin:0}
.serienchip small{font-weight:500;color:var(--blautext);opacity:.8}
.serienchip button{border:0;background:transparent;color:inherit;font-size:16px;line-height:1;cursor:pointer;padding:0 2px}
.serienform .serienhaken{min-height:30px;margin-top:2px}
.serienform label{align-self:start}
.serienvorschau{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:13.5px}
.serienvorschau .leer{margin:4px 0;color:var(--muted)}
.serienzahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.9fr);gap:12px;margin-bottom:10px}
.serienzahlen div{display:flex;flex-direction:column;gap:1px;min-width:0}.serienzahlen b{font-size:17px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.serienzahlen span{color:var(--muted);font-size:12px}
.serienzeile{margin:4px 0;line-height:1.5}.serienzeile b{font-weight:600}
.serienvorschau .afwarn{margin:8px 0 0}
.serienknoepfe{align-items:center;margin-top:14px}.serienstand{flex:1;font-size:12.5px;color:var(--muted)}
.serienbalken{height:10px;border-radius:5px;background:var(--line);overflow:hidden;margin:4px 0 10px}.serienbalken div{height:100%;background:var(--blautext);transition:width .4s}
.serienfehler{margin:6px 0 0;padding-left:20px;max-height:180px;overflow:auto;font-size:12.5px;color:var(--rot)}
@media(max-width:640px){.serientitel{grid-template-columns:1fr}.serienzahlen{grid-template-columns:1fr 1fr}}
.baum .stma{color:var(--blautext);font-weight:600;font-size:12px}   /* 6.04 */

/* 6.04: Hervorhebung je Feld – F (fett) und H (gelb), Umschalter im Modus „Felder anpassen“ */
.karte dl>div.ffett dt,.karte dl>div.ffett dd{font-weight:700}
.karte dl>div.ffett dt{color:var(--ink)}
.karte dl>div.fgelb dd{background:#FFF59D;border-radius:4px;padding-left:6px;padding-right:6px;box-decoration-break:clone}
.karte.ffett>h3 .kkopf{font-weight:700}
.karte.fgelb .bf{background:#FFF59D;border-radius:6px}
.feldfh{display:none;flex:0 0 auto;align-self:center;gap:2px;margin-left:2px}
.feldmodus .karte dl>div .feldfh,.feldmodus .karte>h3 .feldfh{display:inline-flex}
.feldmodus .karte dl>div.bildreihe .feldfh{display:none}
.feldfh button{width:19px;height:19px;border:1px solid #C4D3E0;border-radius:5px;background:#fff;color:#5B6470;font:700 10.5px/1 system-ui,sans-serif;cursor:pointer;padding:0}
.feldfh button[data-fh="fett"][aria-pressed="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}
.feldfh button[data-fh="gelb"][aria-pressed="true"]{background:#FFE54D;color:#4A3B00;border-color:#E6C300}
.feldfh button:focus-visible{outline:3px solid var(--blautext);outline-offset:1px}
.feldmodus .karte dl>div{grid-template-columns:34% minmax(0,1fr) auto auto;column-gap:8px}
.feldmodus .karte dl>div .feldsw{margin-left:4px}

/* 6.05: Posteingang Cloud – Aktionsknöpfe rechtsbündig, Suche und Art-Zeile in voller Breite */
.pc-kopfreihe .kopfrechts{flex-wrap:wrap}
.pc-kopfreihe .pc-aktionen{margin-left:auto;display:inline-flex;gap:8px}
.pc-kopfreihe .pc-suchzeile{flex:1 1 100%;width:100%}
.pc-vgltab{min-width:0}.pc-vgl{overflow:hidden}   /* 6.05: Vergleichstabelle bleibt im schmalen linken Bereich (globales table{min-width:620px} ragte rechts heraus) */

/* 6.06: Dokument auslesen und Objektdaten anpassen */
.vorschau-aktion{padding:0 12px 12px;display:flex;justify-content:flex-start}
.auslesekarte{max-width:820px}
.al-lesung{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:10px 14px;font-size:13.5px;margin:12px 0}
.al-lesung .kipille{margin-right:4px}.al-lesung small{color:var(--muted)}
.auslesekarte .pc-vgl{margin-top:6px}.auslesekarte .pc-vgltab{min-width:0}

/* 6.07: KI-Erkennungsring – leuchtender, sich füllender Kreis über dem Objekt, das gerade gelesen/zugeordnet wird */
.uploadzeile,.pc-zeile,.pc-detail{position:relative}
.kiring{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;gap:16px;border-radius:12px;background:radial-gradient(ellipse at center,rgba(255,255,255,.92),rgba(244,246,250,.78));backdrop-filter:blur(2px);pointer-events:none;animation:krEin .25s ease-out}
.kiring.inline{position:relative;inset:auto;min-height:96px;background:radial-gradient(ellipse at center,#fff,var(--bg));border:1px solid var(--line);margin:4px 0}
.kiring .kr{position:relative;width:76px;height:76px;flex:none;filter:drop-shadow(0 0 14px rgba(115,157,188,.45))}
.kiring .kr::before{content:'';position:absolute;inset:-12px;border-radius:50%;background:conic-gradient(from 0deg,rgba(115,157,188,0) 0 45%,rgba(159,208,255,.75) 75%,rgba(47,98,133,1) 100%);filter:blur(8px);animation:krSpin 1.2s linear infinite}
.kiring .kr::after{content:'';position:absolute;inset:-3px;border-radius:50%;border:1px solid rgba(115,157,188,.35);animation:krPuls 1.4s ease-in-out infinite}
.kiring svg{position:relative;width:76px;height:76px;transform:rotate(-90deg);filter:drop-shadow(0 0 6px rgba(115,157,188,.7))}
.kiring .krBg{fill:none;stroke:#DCE5EE;stroke-width:5}
.kiring .krTick{fill:none;stroke:rgba(47,98,133,.35);stroke-width:1.5;stroke-dasharray:2 5.1;animation:krSpinBack 6s linear infinite;transform-origin:32px 32px}
.kiring .krFill{fill:none;stroke:url(#krGrad);stroke-width:5;stroke-linecap:round;stroke-dasharray:170;stroke-dashoffset:170;animation:krFill 16s cubic-bezier(.25,.7,.3,1) forwards}
.kiring .krKern{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;letter-spacing:.1em;color:var(--blautext);text-shadow:0 0 10px rgba(159,208,255,.9);animation:krBlink 1.4s ease-in-out infinite}
.kiring .krText{font-size:14px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--blautext);line-height:1.3;text-shadow:0 0 12px rgba(159,208,255,.8)}
.kiring .krText small{display:block;font-size:12px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--muted)}
.kiring.klein{gap:8px;border-radius:0;background:radial-gradient(ellipse at center,rgba(255,255,255,.9),rgba(244,246,250,.72))}
.kiring.klein .kr{width:42px;height:42px}.kiring.klein svg{width:42px;height:42px}.kiring.klein .kr::before{inset:-7px}.kiring.klein .krKern{font-size:10px}.kiring.klein .krText{font-size:11px}.kiring.klein .krText small{display:none}
@keyframes krSpin{to{transform:rotate(360deg)}}
@keyframes krSpinBack{to{transform:rotate(-360deg)}}
@keyframes krPuls{0%,100%{transform:scale(1);opacity:.6}50%{transform:scale(1.12);opacity:.15}}
@keyframes krBlink{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes krFill{0%{stroke-dashoffset:170}55%{stroke-dashoffset:60}85%{stroke-dashoffset:28}100%{stroke-dashoffset:14}}
@keyframes krEin{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.kiring .kr::before,.kiring .krTick,.kiring .krKern,.kiring .kr::after{animation:none}}
/* 6.07: KI-Karte je Anhang im SI-Agent */
.afdateien{flex-direction:column;align-items:stretch}
.afanhang{display:flex;flex-direction:column;gap:6px;min-width:0}
.afki{background:#F4F6FA;border:1px solid #DDE3EA;border-radius:12px;padding:8px 12px;font-size:12.5px;display:flex;flex-direction:column;gap:6px;min-width:0;overflow:hidden}
.afki .kiziele{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:4px 6px;white-space:normal}.afki .kiwahl{white-space:normal;text-align:left;max-width:100%}.afki .rot{color:var(--rot)}
.afki>div:first-child{overflow-wrap:anywhere}
.afki-fuss{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:2px}
.afki-aufgabe{display:inline-flex;align-items:center;gap:6px;font-weight:600}
.afki-aufgabefelder{display:flex;gap:6px;flex:1 1 100%;min-width:0;flex-wrap:wrap}
.afki-aufgabefelder input,.afki-aufgabefelder select{height:32px;border:1.5px solid #D5DCE5;border-radius:8px;padding:0 8px;font:inherit;font-size:12.5px;background:#fff}
.afki-aufgabefelder input[data-af-titel]{flex:1 1 100%;min-width:0}.afki-aufgabefelder .combo{flex:1 1 120px}.afki-aufgabefelder input[type=date]{flex:1 1 120px}
.afki-knoepfe{margin-left:0;flex:1 1 100%;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;position:sticky;bottom:0;background:#F4F6FA;padding:6px 0 2px;z-index:2}   /* 7.37: Knöpfe unten links (über dem Eingabefeld), nicht mehr rechts abgeschnitten */
.afki-knoepfe .knopf,.afki-knoepfe .knopf2{height:32px;padding:0 12px;font-size:12.5px}
.al-warten{margin:12px 0}

/* 6.08: Baumzähler – mit Archiv die Summe, ohne Archiv nur die aktiven */
.archiv-aus .baum .zarch{display:none}
html:not(.archiv-aus) .baum .zaktiv{display:none}

/* 6.09: Suchfeld in Mehrfachauswahl-Dropdowns und Listen; gewählte Einträge oben */
.mf-suche{position:sticky;top:0;background:#fff;padding:2px 2px 6px;z-index:1}
.mf-suche input{width:100%;height:34px;border:1.5px solid #D5DCE5;border-radius:9px;padding:0 10px;font:inherit;font-size:13px;background:#fff}
.mf-suche input:focus{outline:3px solid var(--blautint);border-color:var(--blautext)}
.re-dropdown{padding-top:6px}.re-mit.gewaehlt{font-weight:600}.re-mit[hidden]{display:none}
.mv-liste .mf-suche{background:transparent;padding:0 0 2px}
.mv-eintrag[hidden]{display:none}
.serienchip small{display:none}

/* 6.10: Auswahl beim Loslassen von Dateien – SI-AGENT oder UPLOAD */
.dropwahl{position:fixed;z-index:1300;background:#fff;border:1px solid #D5DCE5;border-radius:16px;box-shadow:0 18px 50px rgba(20,30,50,.28);padding:12px 14px 14px;animation:krEin .15s ease-out}
.dw-titel{font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;text-align:center}
.dw-knoepfe{display:flex;gap:10px}
.dw-knoepfe button{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:190px;padding:12px 16px;border-radius:12px;border:1.5px solid #D5DCE5;background:#fff;cursor:pointer;text-align:left;font:inherit}
.dw-knoepfe button b{font-size:14px;letter-spacing:.08em}.dw-knoepfe button small{font-size:12px;color:var(--muted);font-weight:400}
.dw-knoepfe .dw-agent{background:var(--blautext);border-color:var(--blautext);color:#fff}.dw-knoepfe .dw-agent small{color:rgba(255,255,255,.8)}
.dw-knoepfe .dw-agent:hover{background:#245072}.dw-knoepfe .dw-upload:hover{background:var(--bg)}
.dw-knoepfe button:focus-visible{outline:3px solid var(--blautint);outline-offset:1px}

/* 6.11: Suche → „Liste anzeigen“; feste Treffer in der Selektion; Spaltenbreite ziehen */
.suchkopfrechts{display:inline-flex;align-items:center;gap:12px}
.suchliste{font-size:13px}
.selbed.selfest .selfesttext{grid-column:2 / span 3;font-size:13px;color:var(--ink);padding:6px 10px;background:var(--blautint);border-radius:8px}
.selergtab th{position:relative}
.selresize{position:absolute;top:0;right:-3px;width:7px;height:100%;cursor:col-resize;user-select:none}
.selresize:hover,body.selresizing .selresize{background:var(--blautext);opacity:.5}
body.selresizing,body.selresizing *{cursor:col-resize!important;user-select:none!important}
.selergtab td.brt{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* 6.12: Menü mit drei verschiebbaren Bereichen (Main, Verlauf, angepinnte Selektionen) und Anpassen-Schalter unten links */
.menuebereiche{display:flex;flex-direction:column;gap:28px;flex:1 1 0;min-height:0}
.menuebereich{position:relative;flex:0 0 auto}
.menuebereich.menueverlauf{flex:0 0 auto}   /* 6.13: Verlauf nur so hoch wie seine Einträge, der Pin-Bereich schließt direkt an; wird es lang, scrollt das ganze Menü */
.menuebereich.menueverlauf .sv{flex:none;min-height:0;overflow:visible;margin:0;padding:0}
.menuebereiche{flex:1 1 auto;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#555 transparent}   /* 6.37: scrollt in sich, Schalter und Profil bleiben darunter stehen */
.menueeintrag{display:flex;align-items:center;gap:4px;min-width:0}.menueeintrag>a{flex:1 1 auto;min-width:0}
.navpins .menuepintext{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.navpins .svleer{margin:0;padding:6px 12px;font-size:12px;color:#8A96A3;font-weight:400}
.menuegriff{display:none;color:#8A96A3;cursor:grab;font-size:13px;letter-spacing:-2px;user-select:none;flex:0 0 auto}
.side.anpassen .menuegriff{display:inline-block}
.side.anpassen .menuegriff.block{position:absolute;left:-12px;top:50%;transform:translateY(-50%);padding:6px 2px;color:#B9C9D8}
.side.anpassen .menuebereich{outline:1px dashed rgba(255,255,255,.28);outline-offset:6px;border-radius:12px}
.side.anpassen .nav a,.side.anpassen .svg summary{cursor:grab}
.side.anpassen .menueeintrag .menuegriff{width:10px;overflow:hidden;flex:0 0 10px}.side.anpassen .menueeintrag>a{padding-left:8px;padding-right:8px;gap:10px}
.side.anpassen .menueeintrag.ghost,.side.anpassen .svg.ghost,.side.anpassen .menuebereich.ghost{opacity:.35}
.svg summary .menuegriff{margin-right:6px}
.menuefuss{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:14px 0 -15px;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.06);border:0}   /* 6.37: eigener Bereich für den Schiebeschalter, nicht mehr über den Verläufen */
.menuefusstext{font-size:12.5px;color:#B9C9D8;font-weight:600}
.menueschalter{position:relative;display:inline-block;width:30px;height:16px;cursor:pointer}
.menueschalter input{position:absolute;opacity:0;width:0;height:0}
.menueschalter span{position:absolute;inset:0;border-radius:999px;background:#4A5461;transition:background .15s}
.menueschalter span::after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}
.menueschalter input:checked+span{background:#739DBC}
.menueschalter input:checked+span::after{transform:translateX(14px)}
.menueschalter input:focus-visible+span{outline:2px solid #fff;outline-offset:2px}
/* 6.12: Ergebnistabelle der Selektion passt immer in die Karte – keine waagrechte Bildlaufleiste; feste Spaltenverteilung, lange Inhalte mit … (Breite per Ziehen am Spaltenkopf) */
.selergtab{overflow:visible}
.selergtab table{table-layout:fixed;width:100%}
.selergtab th{overflow:hidden;text-overflow:ellipsis}
.selergtab th .ls-sortknopf{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;text-align:left}
.selergtab td{max-width:none}
.selergtab table th.selwahl,.selergtab table td.selwahl{width:48px;box-sizing:border-box;overflow:visible}
/* 6.15: Archiv/Papierkorb im Such-Overlay */
.suchoptionen-overlay{padding:10px 16px 0}
.pc-altnummer{margin:4px 0 10px;padding:8px 12px;border-radius:8px;background:#FFF6E0;font-size:13px;color:#5A4600}.pc-altnummer .textknopf{margin-left:6px}

/* 6.18: Freigaben – Dropdown bei wenig Platz nach oben, EX-Schalter */
.re-wahl.oben .re-dropdown{top:auto;bottom:calc(100% + 4px)}
.re-ex{display:flex;align-items:center;gap:8px;margin:0 0 12px;font-size:13.5px;cursor:pointer}
/* 6.22 Prozessdesigner */
.pd{max-width:1500px;margin:0 auto;padding:0 8px}
.pd-klein{font-size:12.5px;color:var(--muted);margin-top:2px;max-width:560px}
.pd-listekarte{padding:8px 8px 12px;overflow-x:auto}
.pd-tabelle{width:100%;border-collapse:collapse;font-size:14px}.pd-tabelle th{text-align:left;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:12px 12px 8px;border-bottom:1px solid var(--line)}
.pd-tabelle td{padding:12px;border-bottom:1px solid var(--line2);vertical-align:top}.pd-tabelle .zahl{text-align:right;font-variant-numeric:tabular-nums}.pd-tabelle tr:last-child td{border-bottom:0}
.pd-tabelle td:first-child a{color:var(--ink);text-decoration:none}.pd-tabelle td:first-child a:hover{color:var(--blautext)}
.pd-aktionen{white-space:nowrap;text-align:right}.pd-aktionen .knopf2{padding:6px 12px;font-size:13px;margin-left:4px}
.pd-chip{display:inline-block;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;white-space:nowrap}
.pd-chip.gruen{background:#E4F3EA;color:#1F6B3F}.pd-chip.grau{background:#EEF1F5;color:var(--muted)}.pd-chip.gelb{background:var(--gelbtint);color:var(--gelbtext)}.pd-chip.blau{background:var(--blautint);color:var(--blautext)}
.pd-leiste{display:flex;align-items:center;gap:12px;margin:0 0 16px;flex-wrap:wrap}.pd-leistebtn{display:flex;gap:8px;margin-left:auto;flex:0 0 auto}.pd-leistebtn .knopf,.pd-leistebtn .knopf2{padding:9px 16px;white-space:nowrap}
.pd-name{flex:1 1 200px;min-width:160px;max-width:280px;font-size:18px;font-weight:700}
.pd-gilt{display:flex;align-items:center}.pd-gilt select{min-width:180px}
.pd-koerper{display:grid;grid-template-columns:minmax(0,1fr) 440px;gap:20px;align-items:start}
.pd-flaeche{padding:28px 20px 32px;min-height:520px;max-height:calc(100vh - 170px);overflow:auto;background:linear-gradient(var(--bg),var(--bg))}
.pd-spalte{display:flex;flex-direction:column;align-items:center;gap:0;max-width:600px;margin:0 auto}
.pd-liste{display:flex;flex-direction:column;align-items:stretch;width:100%}
.pd-schritt{display:flex;flex-direction:column;align-items:stretch;width:100%}
.pd-karte{display:flex;align-items:center;gap:14px;width:100%;box-sizing:border-box;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:12px 16px;text-align:left;font:inherit;color:var(--ink);cursor:pointer;box-shadow:0 1px 2px rgba(34,34,34,.05);min-height:64px}
.pd-karte:hover{border-color:var(--blau)}.pd-karte:focus-visible{outline:2px solid var(--blau);outline-offset:2px}.pd-karte.aktiv{border-color:var(--blau);box-shadow:0 0 0 3px var(--blautint)}.pd-karte.aus{opacity:.55}
.pd-trigger{border-style:dashed}
.pd-badge{flex:0 0 38px;width:38px;height:38px;border-radius:10px;background:var(--blautint);color:var(--blautext);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px}
.pd-badge.trig{background:#222;color:#fff}
.pd-ktext{display:flex;flex-direction:column;min-width:0;flex:1}.pd-ktext small{font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.pd-ktext b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-kurz{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-verb{display:flex;flex-direction:column;align-items:center;height:48px;justify-content:center;width:100%}.pd-verb .pd-linie{flex:1;width:2px;background:var(--line)}
.pd-plus{width:26px;height:26px;border-radius:50%;border:1.5px solid var(--blau);background:#fff;color:var(--blautext);font-size:17px;line-height:1;cursor:pointer;font-weight:700;padding:0;display:flex;align-items:center;justify-content:center}.pd-plus:hover{background:var(--blau);color:#fff}
.pd-ende{font-size:12px;color:var(--muted);padding:2px 0 0;text-align:center}
.pd-zweige{display:flex;flex-direction:column;gap:12px;margin:10px 0 0 22px;padding-left:16px;border-left:2px solid var(--blautint)}
.pd-zweig{background:rgba(255,255,255,.6);border:1px dashed #C9D6E2;border-radius:12px;padding:8px 12px 4px}.pd-zweig.sonst{background:rgba(238,241,245,.7)}
.pd-zweigkopf{font-size:13px;padding:2px 0 0}.pd-zweigkopf b{color:var(--blautext)}.pd-zweigkopf span{color:var(--muted)}
.pd-punkt{flex:0 0 22px;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:#fff}
.pd-punkt.gruen{background:#2E8B57}.pd-punkt.rot{background:var(--rot)}.pd-punkt.blau{background:var(--blau)}.pd-punkt.gelb{background:#C58B00}.pd-punkt.grau{background:#9AA3AF}
.pd-panel{padding:20px 22px 22px;position:sticky;top:12px;max-height:calc(100vh - 170px);overflow:auto}
.pd-pkopf{display:flex;align-items:center;gap:12px;margin-bottom:6px}.pd-pkopf small{color:var(--muted);font-size:12px}.pd-pkopf h2{margin:0;font-size:20px}
.pd-hint{font-size:12.5px;color:var(--muted);line-height:1.45;margin:4px 0 8px;display:block}
.pd-panel .neufeld{margin:0 0 12px}.pd-panel .editor{width:100%;box-sizing:border-box}
.pd-area{min-height:90px;resize:vertical;font:inherit}.pd-area.mono{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:13px}
.pd-mitknopf{display:flex;gap:6px;align-items:stretch;min-width:0}.pd-mitknopf>.editor,.pd-mitknopf>textarea{flex:1;min-width:0}
.pd-tokenknopf{flex:0 0 auto;border:1px solid #D5DCE5;background:#fff;border-radius:8px;padding:0 9px;font:12px ui-monospace,Menlo,Consolas,monospace;color:var(--blautext);cursor:pointer}.pd-tokenknopf:hover{border-color:var(--blau);background:var(--blautint)}
.pd-check{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;margin:6px 0;cursor:pointer}.pd-check input{margin-top:3px}.pd-check.klein{margin:0;white-space:nowrap}
.pd-check small{display:block}
.pd-abschnitt{margin:14px 0 6px;display:flex;flex-direction:column}.pd-pabschnitt{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px}
.pd-zeilen{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.pd-zeile{display:flex;flex-direction:column;gap:6px;padding:10px 40px 10px 10px;border:1px solid var(--line);border-radius:10px;background:#FBFCFD;position:relative}
.pd-zeile .pd-kleinknopf{position:absolute;top:10px;right:8px}
.pd-kleinknopf{width:24px;height:24px;border-radius:6px;border:0;background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:0}.pd-kleinknopf:hover{background:var(--rottint);color:var(--rot)}
.pd-add{align-self:flex-start;padding:6px 12px;font-size:13px}
.pd-bed{display:flex;flex-direction:column;gap:8px;margin-bottom:10px}
.pd-bedzeile{display:flex;flex-direction:column;gap:6px;padding:10px 40px 10px 10px;border:1px solid var(--line);border-radius:10px;background:#FBFCFD;position:relative}.pd-bedzeile .pd-kleinknopf{position:absolute;top:10px;right:8px}
.pd-undoder{align-self:center;width:auto!important;font-weight:700;font-size:12px;padding:3px 8px}
.pd-zweigkarte{border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:12px;background:#fff}.pd-zweigtitel{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.pd-pfuss{margin-top:18px;padding-top:12px;border-top:1px solid var(--line)}.pd-pknoepfe{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pd-pknoepfe .knopf2{padding:6px 12px;font-size:13px}
.pd-textzeile{border-left:3px solid var(--blautint);padding:4px 0 0 10px;margin-bottom:8px}
.pd-htmlbar{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 8px}.pd-htmlbar .knopf2{padding:4px 10px;font-size:12.5px}
.pd-vorschau{width:100%;height:200px;border:1px solid var(--line);border-radius:10px;background:#fff;margin-top:10px}
.pd-erg{margin-top:16px;padding:12px 14px;border-radius:12px;background:var(--bg);font-size:13.5px}.pd-erg.fehler{background:var(--rottint)}.pd-erg p{margin:4px 0}.pd-erg pre,.pd-mailvorschau pre{white-space:pre-wrap;word-break:break-word;font:12.5px/1.45 ui-monospace,Menlo,Consolas,monospace;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px 10px;margin:6px 0 0;max-height:220px;overflow:auto}
.pd-warn{color:var(--rot);font-size:13px}.pd-mini{border-collapse:collapse;width:100%;font-size:12.5px;margin-top:6px}.pd-mini th,.pd-mini td{border:1px solid var(--line);padding:4px 8px;text-align:left}
.pd-urlliste{margin:6px 0 0;padding-left:18px;font-size:12.5px;word-break:break-all}
.pd-probleme{margin:12px 0;padding-left:20px;font-size:14px;line-height:1.6}
.pd-dlgknoepfe{display:flex;gap:10px;align-items:center;margin-top:18px;flex-wrap:wrap}
.pd-addmenu{position:fixed;z-index:400;width:360px;max-height:70vh;overflow:auto;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.25);padding:8px}
.pd-addkopf{font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);padding:8px 10px 4px}
.pd-addmenu button{display:flex;align-items:center;gap:12px;width:100%;border:0;background:none;text-align:left;padding:8px 10px;border-radius:10px;cursor:pointer;font:inherit;color:var(--ink)}.pd-addmenu button:hover,.pd-addmenu button:focus-visible{background:var(--bg);outline:none}
.pd-addmenu button span:last-child{display:flex;flex-direction:column}.pd-addmenu small{color:var(--muted);font-size:12px;line-height:1.35}.pd-addmenu .pd-badge{flex:0 0 34px;width:34px;height:34px}
.pd-tokenliste{max-height:50vh;overflow:auto;border:1px solid var(--line);border-radius:10px;padding:4px 6px}
.pd-tokenzeile{display:flex;justify-content:space-between;gap:12px;align-items:center;width:100%;border:0;background:none;padding:7px 10px;border-radius:8px;cursor:pointer;font:inherit;color:var(--ink);text-align:left}.pd-tokenzeile:hover,.pd-tokenzeile:focus-visible{background:var(--bg);outline:none}.pd-tokenzeile code{font-size:12px;color:var(--blautext);white-space:nowrap}
.pd-testkarte{max-width:980px}.pd-testraster{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:8px}.pd-testraster .editor{width:100%;box-sizing:border-box}
.pd-treffer{display:flex;flex-direction:column;gap:4px;margin-top:10px;max-height:240px;overflow:auto}
.pd-trefferzeile{flex:0 0 auto;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 12px;cursor:pointer;font:inherit;color:var(--ink);text-align:left}.pd-trefferzeile:hover{border-color:var(--blau)}.pd-trefferzeile.aktiv{border-color:var(--blau);background:var(--blautint)}.pd-trefferzeile small{color:var(--muted);font-size:12px}
.pd-gewaehlt{margin-top:10px;min-height:26px}
.pd-eingaben{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:8px}
.pd-testergebnis{margin-top:16px}.pd-zusammen{margin:10px 0;padding:10px 14px;border-radius:10px;background:var(--bg);font-size:14px}.pd-zusammen.ok{background:#E4F3EA}.pd-zusammen.fehler{background:var(--rottint);color:var(--rot)}
.pd-ergzeile{border:1px solid var(--line);border-radius:10px;margin:6px 0;padding:8px 12px;background:#fff}.pd-ergzeile summary{cursor:pointer;display:flex;gap:6px;align-items:center}.pd-ergzeile summary .pd-kurz{flex:1}
.pd-ergliste{margin:12px 0}.pd-ergzeile2{display:flex;gap:6px;align-items:center;padding:6px 0;border-bottom:1px solid var(--line2);font-size:14px}
@media (max-width:1100px){.pd-koerper{grid-template-columns:1fr}.pd-panel{position:static;max-height:none}.pd-flaeche{max-height:none}.pd-testraster{grid-template-columns:1fr}}
.pd-vorlagenbox{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px dashed #C9D6E2;border-radius:12px;background:var(--bg);margin-top:4px}.pd-vorlagenbox .knopf2{white-space:nowrap}.pd-vorlagenbox .pd-hint{margin:2px 0 0}
.pd [hidden],.pd-testkarte [hidden]{display:none!important}.pd-leiste{gap:10px}

/* Version 6.23: Auslöser-Panel (Zeitplan, Feldwert, Dokument) */
.pd-zweispalt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:end}
.pd-zweispalt>.neufeld{margin:0}
.pd-vorschaubox{margin:8px 0 12px}
.pd-trefferliste{margin:6px 0 0;padding:8px 12px 8px 28px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:13px;line-height:1.6;max-height:220px;overflow:auto}

/* Version 6.24: Vorlagendesigner */
.vd{padding:0 0 24px}
.vd-gitter{display:grid;grid-template-columns:320px minmax(0,1fr);gap:20px;align-items:start}
.vd-links,.vd-rechts{background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px}
.vd-links{position:sticky;top:12px;max-height:calc(100vh - 40px);display:flex;flex-direction:column;gap:10px}
.vd-kopf{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.vd-kopf h2{margin:0;font-size:17px}
.vd-kopfknoepfe{display:flex;gap:8px}
.vd-filter{display:flex;gap:6px;flex-wrap:wrap;margin:2px 0 6px}
.vd-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:4px 12px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}
.vd-chip.aktiv{background:var(--ink);color:#fff;border-color:var(--ink)}
.vd-liste{display:flex;flex-direction:column;gap:6px;overflow:auto;min-height:60px}
.vd-eintrag{display:flex;align-items:center;gap:10px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:10px;padding:8px 10px;font:inherit;cursor:pointer}
.vd-eintrag:hover{background:var(--line2)}
.vd-eintrag.aktiv{border-color:var(--ink);box-shadow:0 0 0 1px var(--ink) inset}
.vd-art{flex:0 0 28px;height:28px;border-radius:8px;background:#EAF1F8;color:#244A6B;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.vd-etext{display:flex;flex-direction:column;min-width:0}
.vd-etext b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vd-etext small{font-size:12px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vd-editkopf{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:6px}
.vd-editkopf h2{margin:0;font-size:18px}
.vd-status{font-size:12.5px;color:var(--muted)}
.vd-status.warn{color:#9A5B00;font-weight:600}
.vd-zweispalt{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.vd-bccleiste{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:6px 0 2px}
.knopf2.klein{padding:5px 10px;font-size:12.5px}
.vd-leiste{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-bottom:8px}
.vd-tb{border:1px solid var(--line);background:#fff;border-radius:8px;padding:5px 10px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}
.vd-tb:hover{background:var(--line2)}
.vd-tb.fett{font-weight:800}.vd-tb.kursiv{font-style:italic}.vd-tb.unter{text-decoration:underline}
.vd-trenner{width:1px;height:20px;background:var(--line)}
.vd-html{min-height:240px;max-height:520px;overflow:auto;border:1px solid #C9D6E2;border-radius:10px;padding:12px 14px;background:#fff;font:14px/1.55 Arial,Helvetica,sans-serif;outline:none}
.vd-html:focus{border-color:var(--ink);box-shadow:0 0 0 2px rgba(34,34,34,.12)}
.vd-html p{margin:0 0 10px}.vd-html h3{margin:0 0 8px;font-size:16px}
.vd-text{min-height:240px}
.vd-aktionen{display:flex;align-items:center;gap:10px;margin:16px 0 4px;padding-top:14px;border-top:1px solid var(--line)}
.vd-platz{flex:1}
.vd-vorschau{margin-top:18px}
.vd-treffer{display:flex;flex-direction:column;gap:4px;margin:8px 0;max-height:220px;overflow:auto}
.vd-trefferzeile{display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);background:#fff;border-radius:8px;padding:6px 10px;font:inherit;cursor:pointer;flex:0 0 auto}
.vd-trefferzeile:hover{background:var(--line2)}
.vd-trefferzeile small{color:var(--muted);font-size:12px}
.vd-gewaehlt{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:6px 0 10px}
.vd-mailkopf{border:1px solid var(--line);border-radius:10px;padding:8px 12px;background:#FAFBFC;margin:8px 0}
.vd-kopfzeile{display:grid;grid-template-columns:90px minmax(0,1fr);gap:8px;font-size:13px;padding:2px 0}
.vd-kopfzeile span{color:var(--muted)}
.vd-pre{white-space:pre-wrap;font:14px/1.5 Arial,Helvetica,sans-serif;border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:#fff;margin:0}
.vd-rahmen{width:100%;min-height:260px;border:1px solid var(--line);border-radius:10px;background:#fff}
.vd-hinweis{margin:6px 0 0}
.vd-leerbox{padding:20px 6px}
.vd-tipps{margin:10px 0 0 18px;padding:0;font-size:13.5px;line-height:1.7;color:var(--muted)}
@media (max-width:900px){.vd-gitter{grid-template-columns:1fr}.vd-links{position:static;max-height:none}.vd-zweispalt{grid-template-columns:1fr}}
.vd-zweispalt>.neufeld.breit,.pd-zweispalt>.neufeld.breit{grid-column:auto}
.vd-rechts{display:flex;flex-direction:column;gap:14px}
.vd-rechts .neufeld{margin:0}
.vd-rechts .editor{width:100%;box-sizing:border-box}
.vd-rechts .vd-editkopf,.vd-rechts .vd-aktionen{margin:0}
.vd-rechts .vd-aktionen{margin-top:4px}
.vd-rechts .vd-vorschau{margin-top:6px}
.vd-rechts .vd-leiste{margin-bottom:8px}
.vd-rechts textarea[data-vd="zweck"]{min-height:0;height:68px;resize:vertical}
.pd-mitknopf>.knopf2{padding:7px 14px;font-size:13px;line-height:1.2;align-self:stretch}

/* Version 6.25: KI-Assistent */
.pd-kopfknoepfe{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ki-karte{max-width:640px}
.ki-karte .ki-text{min-height:130px;resize:vertical;width:100%}
.ki-karte .neufeld{margin-bottom:14px}
.ki-karte input[type=file]{width:100%;font-size:14px}
.ki-status{min-height:20px;margin-top:6px;font-size:14px;color:#555}
.ki-status.warte{color:#1a56a0;font-weight:600}
.ki-status.fehler{color:#b3261e;font-weight:600}
.ki-ergebnis .ki-erkl{font-size:16px;margin:0 0 12px}
.ki-block{border-radius:12px;padding:10px 14px;margin:0 0 10px;background:#f4f6f9}
.ki-block ul{margin:6px 0 0;padding-left:20px}
.ki-block.frage{background:#fff7e0}
.ki-block.hinweis{background:#fdecea}
.ki-eingabe{margin-top:14px}
.vd-kopf{flex-direction:column;align-items:stretch}
.vd-kopfknoepfe{display:grid;grid-template-columns:repeat(3,auto);gap:8px;justify-content:space-between}
.vd-kopfknoepfe .knopf,.vd-kopfknoepfe .knopf2{white-space:nowrap;padding-left:12px;padding-right:12px}
/* Version 6.27: Anhänge im Vorlagendesigner */
.vd-anhang{margin:16px 0 4px;padding:12px 14px;border:1px solid var(--line);border-radius:10px}
.vd-anhang-kopf{display:flex;align-items:center;gap:10px}
.vd-anhang-kopf h3{margin:0;font-size:1rem}
.vd-anhang-liste{list-style:none;margin:8px 0 4px;padding:0;display:grid;gap:6px}
.vd-anhang-liste li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px}
.vd-anhang-liste a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vd-gitter>*{min-width:0}
.vd-aktionen{flex-wrap:wrap}.vd-anhang-kopf{flex-wrap:wrap}
.vd-art{flex:0 0 auto;min-width:28px;padding:0 6px;font-size:12px}
.vd-links .vd-filter{display:grid;grid-template-columns:repeat(5,auto);justify-content:space-between;gap:4px}.vd-links .vd-chip{padding:4px 7px;font-size:12px;text-align:center}

/* 6.31: Aufgabenzeile in der SI-Agent-Karte (schmal) */
.afki .uz-aufgabe{grid-template-columns:1fr 1fr;margin-top:4px;padding-top:8px}.afki .uz-aufgabe .uz-haken,.afki .uz-aufgabe .uz-titel{grid-column:1 / -1}.afki .uz-ovtage{grid-template-columns:repeat(3,1fr);gap:6px}.afki .uz-tag span{padding:7px 4px;font-size:13px}.afki .uz-tagfeld{gap:4px}.afki .uz-tagfeld span{font-size:12px}.afki .uz-aufgabe label{font-size:12.5px}.afki .uz-aufgabe input:not([type=checkbox]):not([type=radio]),.afki .uz-aufgabe select{height:34px;font-size:13px}.afki .uz-ovknoepfe .knopf,.afki .uz-ovknoepfe .knopf2{height:34px;font-size:12.5px}
.uz-aufgabe>*{min-width:0}.uz-ovtage>*{min-width:0}.uz-ovtage .uz-tagfeld input{min-width:0;width:100%}
/* 6.32: aufgeklappte Auswahl-Listen (Combo) werden nie vom Kartenrand abgeschnitten, z. B. „je Seite“ im Aufgabenplaner */
.karte:has(.pickerliste:not([hidden])),.afki:has(.pickerliste:not([hidden])),.uploadzeile:has(.pickerliste:not([hidden])),.seitenrechts:has(.pickerliste:not([hidden])){overflow:visible;position:relative;z-index:30}
.afanhang:has(.pickerliste:not([hidden])),.uz-aufgabe:has(.pickerliste:not([hidden])){position:relative;z-index:31}
.dropzone{position:relative}
.card:has(.pickerliste:not([hidden])),section:has(>.seitenrechts .pickerliste:not([hidden])),.seitenrechts:has(.pickerliste:not([hidden])){overflow:visible}
.card:has(.pickerliste:not([hidden])){position:relative;z-index:30}

/* 6.34: Empfängerauswahl mit Suchfeld in der SI-Agent-Mail */
.afm-empfcombo{flex:1;min-width:0}.afm-empfcombo input.editor{width:100%;height:32px;font-size:12.5px;font-weight:600;border:1.5px dashed #B9C7D6;background:#fff;color:var(--blautext)}
/* 6.39: Schalter so breit wie das Profilbild (36 px), Beschriftung bündig mit „Angemeldet“ */
.menuefuss{gap:12px}
.menuefuss .menueschalter{width:36px;height:20px;flex:0 0 36px}
.menuefuss .menueschalter span::after{width:16px;height:16px}
.menuefuss .menueschalter input:checked+span::after{transform:translateX(16px)}

/* ---- 6.40: Posteingang Cloud – Kopfleiste links (Zugeordnet/Nicht zugeordnet + 3 Buttons, links ausgerichtet), Listenblöcke, Buttons statt Textlinks ---- */
.pc-lbox{position:absolute;inset:0;display:flex;flex-direction:column;gap:10px;min-height:0}
.pc-lbox .pc-liste{position:relative;inset:auto;flex:1 1 auto;min-height:0}
.pc-lkopf{flex:0 0 auto;display:flex;flex-direction:column;gap:8px}
.pc-lkopf .umschalter{display:flex;width:100%}
.pc-lkopf .umschalter[hidden]{display:none}
.pc-lkopf .umschalter button{flex:1 1 0;min-width:0;display:flex;align-items:center;justify-content:center;gap:4px;padding:9px 6px;white-space:nowrap}
.pc-laktionen{display:flex;flex-direction:column;align-items:stretch;gap:8px}
.pc-laktionen[hidden]{display:none}
.pc-laktionen .pc-lbtn{width:100%;height:auto;min-height:34px;padding:7px 12px;text-align:left;line-height:1.3;white-space:normal;font-size:13px}
.pc-laktionen .pc-verwerfen-alle{color:#8a2424;border-color:#E3C4C4}
.pc-laktionen .pc-verwerfen-alle:hover{background:#FBEFEF;border-color:#A82B2B}
.pc-mehr{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:12px 16px;font-size:13px;color:var(--muted);background:#F4F6FA;border-top:1px solid var(--line)}
.pc-btnreihe{display:flex;flex-wrap:wrap;gap:8px;align-items:center;flex:1 1 100%;margin-top:4px}
.pe-kunde .pc-btnreihe{margin-top:2px}
.pc-detail a.knopf2,.pc-sprung a.knopf2,.pc-protokoll a.knopf2{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap}
.pc-sprung{gap:8px}.pc-sprung a.knopf2:hover{text-decoration:none}
.pc-protokoll .knopf2.klein{height:26px;padding:0 10px;font-size:12px;margin-left:4px}
.pc-altnummer .knopf2.klein{margin:6px 0 0;height:auto;min-height:30px;padding:5px 10px;white-space:normal;text-align:left}
.pc-sprung{margin:4px 0 10px}
.pc-sprung{flex-direction:column;align-items:flex-start;gap:6px}.pc-sprung .pc-btnreihe{margin-top:0}.pc-sprung small{margin-left:0}
.pd-anhnote{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:6px;padding:8px 12px;border-radius:10px;background:var(--blautint);font-size:13px}.pd-anhnote[hidden]{display:none}

/* 6.45 Import-Verlauf: Dateiname als Vorschau-Link, Overlay, Archiv-Spalte */
.pc-protname{all:unset;cursor:pointer;color:var(--blautext);font:inherit;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}.pc-protname:hover,.pc-protname:focus-visible{color:#222}
.pc-protpfad{display:block;font-size:12px;color:#555;margin-bottom:6px;overflow-wrap:anywhere}
.pc-prottab td:last-child{min-width:200px}.pc-prottab td:last-child .pc-btnreihe{display:flex;gap:6px;flex-wrap:nowrap}.pc-prottab td:last-child .knopf2{white-space:nowrap}
.pc-ov{position:fixed;inset:0;background:rgba(34,34,34,.55);z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px}
.pc-ovbox{background:#fff;border-radius:10px;width:min(1100px,100%);height:min(92vh,100%);display:flex;flex-direction:column;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.35)}
.pc-ovkopf{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid #e3e7ee;background:#F4F6FA}
.pc-ovtitel{display:flex;flex-direction:column;min-width:0;flex:1 1 260px}.pc-ovtitel b{overflow-wrap:anywhere}.pc-ovtitel small{color:#555}
.pc-ovkopf .pc-btnreihe{display:flex;gap:6px;flex-wrap:wrap}
.pc-ovrahmen{flex:1;border:0;width:100%;background:#fff}.pc-ovbox .pc-vorschau.leer{margin:24px}
.pc-prottab th:nth-child(6),.pc-prottab td:nth-child(6){padding-right:18px}
/* 6.46 Posteingang Cloud: Umschalter Zugeordnet/Nicht zugeordnet (und Art) leicht abgedunkelt */
.pc-lkopf .umschalter button:not(.an){background:#E6EAF0}.pc-lkopf .umschalter button:not(.an):hover{background:#DCE2EA}.pc-lkopf .umschalter{border-color:#C9D2DD}

/* 6.48 Reiter: Schließen-X links (verhindert versehentliches Schließen beim Wechseln) */
.reiter .r{padding:0 14px 0 4px;gap:0}.reiter .r a{padding:10px 0 10px 4px}
.alter{color:var(--muted);font-weight:400;white-space:nowrap}

/* 6.49: Snippets (# im Mailtext) */
.afm-snip{right:44px;font-weight:700;font-size:15px;line-height:1}
.afm-textbox textarea.snipbusy{opacity:.6}
.snipmenue{position:fixed;z-index:1100;background:#fff;border:1px solid #C9D2DD;border-radius:10px;box-shadow:0 8px 28px rgba(34,34,34,.22);overflow:auto;padding:4px;font-size:13px}
.snipitem{padding:7px 10px;border-radius:7px;cursor:pointer;display:grid;gap:2px}
.snipitem.aktiv{background:var(--blautint,#E8EEF4)}
.sniptitel{display:flex;gap:8px;align-items:baseline;justify-content:space-between}
.sniptitel b{font-weight:600;color:#222}
.snipordner{font-size:11px;color:#5b6b7b;background:#F4F6FA;border-radius:999px;padding:1px 8px;white-space:nowrap}
.snipitem small{color:#5b6b7b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.snipleer{padding:10px;color:#5b6b7b}
.snipfuss{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:6px 10px 4px;border-top:1px solid #E6EAF0;margin-top:4px;color:#5b6b7b;font-size:11px;position:sticky;bottom:0;background:#fff}
.snipov{position:fixed;inset:0;background:rgba(34,34,34,.55);z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px}
.snipovbox{background:#fff;border-radius:12px;padding:20px 24px;max-width:560px;width:100%;max-height:90vh;overflow:auto}
.snipovbox h3{margin:0 0 8px}
.snipovbox ol{padding-left:20px;line-height:1.5}
.snipzeile{margin:10px 0;display:flex;gap:8px;align-items:center}
.snipzeile.ende{justify-content:flex-end}
.snipmeld{min-height:1.4em;color:#222;font-weight:600}

/* 6.49: Vorschau-Zoom, PowerPoint- und OpenDocument-Ansicht */
.vz-leiste{display:flex;gap:6px;align-items:center;margin:0 0 8px;flex-wrap:wrap}
.vz-leiste button{border:1px solid #C9D2DD;background:#fff;border-radius:8px;padding:4px 10px;cursor:pointer;font:inherit;font-size:13px;min-width:34px}
.vz-leiste button:hover{background:#F4F6FA}
.vz-wert{min-width:52px;text-align:center;font-size:13px;color:#5b6b7b}
.vz-flaeche{overflow:auto;max-height:78vh}
.vsbox .vz-flaeche{max-height:none}
.vz-bild{margin:0}
.pc-vz{display:flex;flex-direction:column;overflow:hidden;padding:8px;background:#fff}
.pc-vz .vz-flaeche{flex:1;min-height:0;max-height:none}
.pc-vz .vorschau-frame{height:60vh}
.pp-folien{display:block}
.pp-nr{font-size:12px;color:#5b6b7b;margin:6px 0 4px}
.pp-folie{position:relative;background:#fff;border:1px solid #cfd6df;box-shadow:0 2px 8px rgba(34,34,34,.12);margin:0 0 18px;overflow:hidden;color:#222}
.pp-feld{line-height:1.2;overflow-wrap:anywhere;box-sizing:border-box;padding:2px 4px}
.pp-tab{border-collapse:collapse;background:#fff}.pp-tab td{border:1px solid #cfd6df;padding:2px 6px;vertical-align:top}
.vorschau-seite{background:#fff;border:1px solid var(--line);border-radius:8px;padding:16px;max-width:820px}
.odf-text table{border-collapse:collapse}.odf-text td{border:1px solid #cfd6df;padding:4px 8px;vertical-align:top}
.odf-folie{border:1px solid #cfd6df;border-radius:8px;padding:12px;margin:0 0 12px}
/* 6.52: „Alle … importieren“ und „… neu zuordnen“ in Firmenblau, „… verwerfen“ in Firmenrot */
.pc-laktionen .pc-lbtn{background:var(--blau);border-color:var(--blau);color:#fff;font-weight:700}
.pc-laktionen .pc-lbtn:hover{background:#628FB0;border-color:#628FB0;color:#fff}
.pc-laktionen .pc-lbtn:disabled{opacity:.55;cursor:default}
.pc-laktionen .pc-verwerfen-alle{background:var(--rot);border-color:var(--rot);color:#fff}
.pc-laktionen .pc-verwerfen-alle:hover{background:#8F2323;border-color:#8F2323;color:#fff}
.pe-kunde{padding:10px 14px;background:var(--blautint);border:1px solid #CFDDEB;border-radius:10px}
/* 6.72: Kundensuche direkt im Feld + „Kunde anlegen“ nebeneinander, bündig mit den Spalten darunter */
.pc-ksuchreihe{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start;margin-top:4px}
.pc-ksuche{position:relative}.pc-ksuche input{width:100%;height:42px;border:1.5px solid #D5DCE5;border-radius:10px;padding:0 12px;font:inherit;font-size:14px;background:#fff;box-sizing:border-box}
.pc-ksuche input:focus{outline:3px solid var(--blautint);border-color:var(--blautext)}
.pc-ksuchreihe>.knopf2{height:42px;width:100%}
.pc-kliste{position:absolute;z-index:30;left:0;right:0;top:46px;max-height:320px;overflow:auto;background:#fff;border:1px solid #D5DCE5;border-radius:10px;box-shadow:0 8px 24px rgba(20,30,50,.15)}
.pc-kitem{display:flex;flex-direction:column;align-items:flex-start;gap:2px;width:100%;text-align:left;padding:8px 12px;border:0;background:#fff;font:inherit;font-size:13.5px;cursor:pointer}
.pc-kitem span{font-size:12.5px;color:var(--muted)}.pc-kitem em{font-style:normal;font-size:11px;background:#EEF1F5;border-radius:6px;padding:1px 6px}
.pc-kitem:hover,.pc-kitem.aktiv{background:var(--blautint)}
/* 6.77: Button „Datensatz neu auslesen und Zuordnung prüfen“ im Blau der Sammelbuttons */
.knopf2.pc-blau{background:var(--blau);border-color:var(--blau);color:#fff;font-weight:700}
.knopf2.pc-blau:hover{background:#628FB0;border-color:#628FB0;color:#fff}
.knopf2.pc-blau:disabled{opacity:.55;cursor:default}
/* 6.81: Prüfen – Gründe in der Liste */
.pc-pruef{display:block;margin-top:6px;padding:6px 10px;border-radius:8px;background:#FFF6E5;color:#8A5A00;font-size:12.5px;line-height:1.4}

.zurueckhaupt{text-decoration:none;display:inline-flex;align-items:center}
.liste td.zelle .haken{display:block;text-align:center;font-size:18px;line-height:1}
.liste td.zelle.edit .haken{cursor:pointer}
/* 7.05: Reiter zeigen den ganzen Namen (Zeilenumbruch statt Auslassungspunkte) */
.reiter .r a{max-width:none;white-space:normal;overflow:visible;text-overflow:clip;line-height:1.25}
.reiter .r{max-width:100%}
.vd-standardanhang{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0;font-weight:600}.vd-standardanhang input{width:18px;height:18px}.vd-standardanhang small{flex-basis:100%;font-weight:400;margin-left:26px}
#pcIntervallHinweis{display:block;flex:1 1 280px;font-size:12.5px;line-height:1.6;color:var(--muted);font-weight:400;margin:0;white-space:normal;max-width:760px}.pc-iv-zeile{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 18px;margin:4px 0 14px}.pc-iv-zeile input{flex:0 0 150px}#pcIntervallHinweis b{font-weight:600}input#pcIntervall{max-width:150px}

label.pc-intervall{grid-column:1/-1}
.pc-iv-zeile{flex-wrap:nowrap}
@media (max-width:640px){.pc-iv-zeile{flex-wrap:wrap}}

/* ---- Version 7.58: Fremdvertrag im Baum – leichtes Grau statt dunklem Blau (Schrift unverändert) ---- */
.baum button.eintrag.fremdv{background:#EDF0F4;border-radius:8px}
.baum button.eintrag.fremdv:hover{background:#E1E6EC}
.baum button.eintrag.fremdv.baumaktiv,.baum .objzeile.aktivzeile>.eintrag.fremdv.baumaktiv{background:#D3DAE3}
/* 7.38: Status der Posteingang-Pipeline in Upload-Zeile und SI-Agent-Karte */
.direktstatus{margin:6px 0 2px;display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.direktstatus .pc-pruef{flex:1 1 100%;font-size:12.5px}
/* 7.38: Anhangbereich im SI-Agent scrollt in sich (max. ~60 % der Fensterhöhe), damit das Eingabefeld sichtbar bleibt und die Knöpfe unten links direkt darüber stehen */
.afdateien{flex:0 1 auto;min-height:0;max-height:60%;overflow-y:auto;overflow-x:hidden}
.afki{overflow:clip}
.afki-knoepfe{flex:0 0 auto;margin:0 -12px -8px;padding:8px 12px;border-top:1px solid #DDE3EA}   /* 7.38: Leiste unten links, über dem Eingabefeld, bleibt beim Scrollen der Anhänge stehen */
/* 7.46: „Dokument verwerfen“ je Dokument, „Liste leeren“ global im Kopf der Warteschlange */
.uz-weg.knopf2{font-size:13px;line-height:1.4;padding:4px 12px;border:1px solid var(--line);background:#fff;color:var(--blautext);font-weight:600;margin-left:auto}.uz-weg.knopf2:hover{background:var(--blautint)}
.uploadkopf #peLeeren{margin:6px 0}
/* 7.47: Upload – Kopf der Warteschlange fluchtet mit dem Dateinamen; Knöpfe je Dokument unten, „Alle hochladen“ im Kopf */
.uploadkopf h3{padding-left:14px;margin-right:auto}
.uploadkopf #peStart{height:36px;padding:0 16px;font-size:13px}.uploadkopf #peStart:disabled{opacity:.45;cursor:not-allowed}
.uz-fuss{display:flex;gap:10px;align-items:center;padding:14px 0 4px}.uz-fuss .knopf:disabled{opacity:.45;cursor:not-allowed}
/* 7.48: „Liste leeren“ und „Alle hochladen“ gleich hoch, Reihenfolge getauscht */
.uploadkopf #peStart,.uploadkopf #peLeeren{height:32px;min-height:32px;padding:0 16px;font-size:13px;line-height:1;box-sizing:border-box;margin:0}
/* 7.49: Miniaturansicht in der Upload-Zeile – Klick öffnet die Vorschau im Overlay */
.uz-kiwrap{position:relative;min-height:130px}.uz-kiwrap .uz-ki{padding-right:130px;height:100%;box-sizing:border-box}
.uz-mini{position:absolute;top:10px;bottom:10px;right:12px;margin:auto 0;height:min(150px,calc(100% - 20px));aspect-ratio:3/4;border:1px solid #C5D3E0;border-radius:6px;background:#fff;overflow:hidden;cursor:zoom-in;padding:0;box-shadow:0 1px 4px rgba(34,34,34,.15);display:flex;align-items:center;justify-content:center;z-index:2}
.uz-mini:hover{box-shadow:0 4px 14px rgba(34,34,34,.25);border-color:var(--blau,#739DBC)}
.uz-mini img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.uz-mini iframe{position:absolute;top:0;left:0;width:300%;height:300%;transform:scale(.3333);transform-origin:0 0;border:0;pointer-events:none;background:#fff}
.uz-mini-ext{font-weight:700;font-size:15px;color:var(--muted)}

/* 7.51: große Vorschau aus der Upload-Zeile */
.vorschaumodal .datensatzkarte.uz-gross{width:min(1100px,94vw);height:min(92vh,1000px);max-height:92vh;display:flex;flex-direction:column;overflow:hidden}
.vorschaumodal .datensatzkarte.uz-gross .vsbox{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:auto;padding:0}
.vorschaumodal .datensatzkarte.uz-gross .vsbox .vorschau-pdf{flex:1 1 auto;width:100%;height:100%;min-height:0}
/* 7.52: mehr Luft über und unter den Knöpfen im Kopf der Warteschlange */
.uploadkopf{padding-top:10px;padding-bottom:10px}

/* 7.54: .knopf und .knopf2 haben dieselbe Grundgröße (Schrift, Zeilenhöhe, Rahmen), damit nebeneinander stehende Knöpfe gleich hoch sind */
.knopf,.knopf2{box-sizing:border-box;font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;border:1px solid transparent;padding:9px 18px;cursor:pointer}
.knopf{border-color:#222}.knopf:hover{border-color:#000}
.knopf2{border-color:#D5DCE5;padding:9px 18px}
button.knopf:disabled,.knopf[disabled]{cursor:not-allowed}

/* ---- Version 7.58: Haken in den Masken (Kunde, Verträge …) wie im Vertragsdatenabgleich: 16 px, blau gefüllt mit weißem Haken – ohne die Zeilenhöhe zu ändern ---- */
.haken,dd.edit .haken{display:inline-block;box-sizing:border-box;width:16px;height:16px;border:1.5px solid #8A97A6;border-radius:4px;background:#fff;vertical-align:middle;position:relative;font-size:0;line-height:0;overflow:hidden;color:transparent}
.haken[aria-label="Ja"]{background:var(--blautext);border-color:var(--blautext)}
.haken[aria-label="Ja"]::after{content:"";position:absolute;left:4px;top:1px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.bearbeiten input[type=checkbox]{width:16px;height:16px;margin:0;accent-color:var(--blautext)}

/* ---- Version 7.59/7.60: Griff zum Verschieben der drei großen Menübereiche sichtbar (Mitte der gestrichelten Oberkante, vorher links außerhalb abgeschnitten) ---- */
.side.anpassen .menuebereiche{padding-top:14px}
.side.anpassen .menuegriff.block{left:50%;top:-6px;right:auto;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:46px;height:16px;padding:0;border-radius:8px;background:#3B424B;color:#DCE6EF;font-size:0;cursor:grab;z-index:2}
.side.anpassen .menuegriff.block::before{content:"\2807\2807\2807";font-size:12px;letter-spacing:1px;line-height:1}
.side.anpassen .menuegriff.block:hover{background:#4A5560}
.side.anpassen .menuebereich:active .menuegriff.block{cursor:grabbing}

/* ---- Version 7.63: Listenspalte (Posteingang/Upload-Prüfansicht) endet unten auf Höhe des Profilfelds im Menü (Höhe setzt posteingang.js: Fensterhöhe – Oberkante – 18 px); bleibt beim Scrollen oben kleben ---- */
@media(min-width:1101px){.pc-listewrap{position:sticky;top:16px;align-self:start;min-height:0}}

/* 7.65: Prozessdesigner im Aufbau des Vorlagendesigners (links Liste, rechts Hinweis bzw. Editor) */
.pd-gitter .vd-eintrag{text-decoration:none;color:inherit}
.pd-hinweiskopf{margin:6px 0 6px;font-size:24px}.pd-hinweisliste{margin:8px 0 0;padding-left:20px;line-height:1.7;color:var(--muted);font-size:14px}
.vd-rechts.pd-edit{background:transparent;border:0;padding:0}
.pd-edit .pd-leiste{margin-top:0}
.pd-gitter .pd-koerper{grid-template-columns:minmax(0,1fr) 400px}
@media (max-width:1500px){.pd-gitter .pd-koerper{grid-template-columns:1fr}.pd-gitter .pd-panel{position:static;max-height:none!important}.pd-gitter .pd-flaeche{max-height:none!important}}
.pd-gitter [hidden]{display:none!important}.pd-gitter .vd-kopfknoepfe{grid-template-columns:repeat(3,auto);justify-content:start}
/* 7.66: Sprung-Buttons (Zum Kunden / Vertrag / Schaden) oben rechts im Kunden-Kasten */
.pe-kunde{position:relative}.pc-sprung-oben{position:absolute;top:8px;right:12px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;max-width:60%}.pc-sprung-oben a.knopf2{display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap;color:var(--blautext);font-weight:600}
@media(max-width:900px){.pc-sprung-oben{position:static;max-width:none;justify-content:flex-start;order:-1}}
/* 7.67: Zuordnung prüfen – ein Block (Kunde, Zuordnung, Optional, Felder) mit SI-Agent-Markierung */
.si-i{width:18px;height:18px;border-radius:50%;object-fit:cover;vertical-align:middle;flex:0 0 18px;box-shadow:0 0 0 1.5px #fff,0 0 0 2.5px #739DBC}
.pe2{display:flex;flex-direction:column;gap:10px;margin:2px 0 4px}
.pe2-z{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pe2-l{flex:0 0 86px;font-weight:600;color:#3C4651;font-size:13px}
.pe2-fill{flex:1}
.pe2-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid #9CCBAE;background:#E4F3EA;color:#1F6B3F;border-radius:999px;padding:5px 12px;font-weight:700;text-decoration:none}.pe2-chip small{font-weight:500;color:#2E6B4A}.pe2-chip:hover{background:#d8eee1}
.pe2-sel{flex:1;min-width:0;display:flex;align-items:center;gap:10px}.pe2-sel select{flex:1;min-width:0}
.pe2-link{color:var(--blautext);font-weight:600;font-size:13px;text-decoration:none;white-space:nowrap}.pe2-link:hover{text-decoration:underline}
.pe2-grund{display:flex;gap:10px;font-size:12.5px;color:var(--muted);margin-top:-4px}.pe2-grund small{opacity:.8}
.pe2-felder{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pe2-f{display:flex;flex-direction:column;gap:4px;min-width:0}.pe2-fl{font-size:12px;font-weight:600;color:#3C4651;display:flex;align-items:center;gap:6px}
.pe2 .pe2-f select,.pe2 .pe2-f input{width:100%}
.pc-sprung-oben{display:none}
@media(max-width:900px){.pe2-felder{grid-template-columns:1fr 1fr}.pe2-l{flex-basis:100%}}
.pe2-z:first-child{flex-wrap:nowrap}.pe2-chip{min-width:0;max-width:100%;overflow:hidden;white-space:nowrap}.pe2-chip small{overflow:hidden;text-overflow:ellipsis}
.pe2 .pe2-f select,.pe2 .pe2-f input{height:36px;box-sizing:border-box}

/* 7.68: Dashboard-Selektionen beim Aktualisieren: Karten abgedunkelt, SI-Ring oben eingeblendet */
#dashSel{position:relative}#dashSel.dash-lade>.dashsel{opacity:.45;transition:opacity .2s;pointer-events:none}
.dash-ring{position:fixed;top:42%;left:calc(50% + 120px);transform:translate(-50%,-50%);z-index:60}.dash-ring .kiring.inline{margin:0;padding:10px 22px;border-radius:16px;box-shadow:0 10px 30px rgba(0,0,0,.15)}
.pe2-ll{color:var(--blautext);text-decoration:none;cursor:pointer}.pe2-ll:hover{text-decoration:underline}
/* 7.70: kleiner Griff mittig am Trenner zwischen Zuordnung und Dateiansicht */
.pc-splitter::after{content:"";position:absolute;left:50%;top:50%;width:14px;height:46px;transform:translate(-50%,-50%);border-radius:8px;background:#fff url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='46'><g fill='%2394A3B8'><circle cx='5' cy='15' r='1.5'/><circle cx='9' cy='15' r='1.5'/><circle cx='5' cy='23' r='1.5'/><circle cx='9' cy='23' r='1.5'/><circle cx='5' cy='31' r='1.5'/><circle cx='9' cy='31' r='1.5'/></g></svg>") center no-repeat;border:1px solid #C5CFDB;box-shadow:0 1px 3px rgba(0,0,0,.12);pointer-events:none}
.pc-splitter:hover::after{border-color:var(--blau)}
.ki-karte .ki-text[rows="3"]{min-height:70px}
.pk-update{margin-left:auto;display:flex;flex-direction:column;gap:10px;flex:0 0 300px;max-width:100%}.profilkopf .pk-text{flex:1 1 0;min-width:0}.upd-status{font-weight:600;color:#222!important;font-size:14px}.upd-status.fehler{color:#a82b2b!important}.upd-drop{padding:18px 16px}.upd-start{height:40px}
.upd-ring{position:relative;width:64px;height:64px;align-self:center}.upd-ring[hidden]{display:none}.upd-ring b{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:13px;color:#222}.upd-ring circle+circle{transition:stroke-dashoffset .6s ease}
.ext-ico{display:inline-block;width:1em;height:1em;vertical-align:-.14em;background:currentColor;-webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><path d=%27M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6%27/><path d=%27M15 3h6v6%27/><path d=%27M10 14L21 3%27/></svg>") center/contain no-repeat;mask:url("data:image/svg+xml;utf8,<svg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27><path d=%27M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6%27/><path d=%27M15 3h6v6%27/><path d=%27M10 14L21 3%27/></svg>") center/contain no-repeat}
.upd-drop{position:relative}.upd-drop.upd-voll{border-style:solid;border-color:#739dbc;background:#f4f6fa}.upd-drop b{word-break:break-all}.upd-x{position:absolute;top:8px;right:10px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:#fff;color:#222;font-size:18px;line-height:1;cursor:pointer;padding:0}.upd-x:hover{background:#a82b2b;color:#fff;border-color:#a82b2b}
.upd-status{text-align:center}.upd-ring{align-self:center}