/* padcom Cockpit – CI: Teal #48C2C5 / #0E7C80, Poppins */
:root{
  --ground:#F3F7F8; --surface:#FFFFFF; --surface2:#F7FAFB; --line:#E3ECEC; --line2:#D3DFDF;
  --ink:#16202A; --ink2:#5B6670; --ink3:#8A949C;
  --brand:#0E7C80; --brand-a:#48C2C5; --brand-dd:#0A5E61;
  --teal:#48C2C5; --teal-d:#0E7C80; --teal-dd:#0A5E61; --teal-s:#E6F6F6;
  --blue:#3B82F6; --blue-s:#E8F0FE; --violet:#8B5CF6; --violet-s:#F1EBFE;
  --amber:#F59E0B; --amber-s:#FEF3DC; --rose:#F43F5E; --rose-s:#FDE8EC; --green:#16A34A; --green-s:#E4F5EA;
  --crit:#C0392B; --crit-s:#FBE9E7; --warn:#B4690E; --warn-s:#FDF1DD;
  --r:14px; --shadow:0 1px 2px rgba(16,32,42,.04),0 8px 24px -12px rgba(16,32,42,.12);
}
:root[data-theme="dark"]{
  --ground:#0C1416; --surface:#121D20; --surface2:#16242A; --line:#22333A; --line2:#2E4249;
  --ink:#E7F0F2; --ink2:#A9B8BE; --ink3:#7C8C93;
  --teal-d:#5FD3D6; --teal-dd:#8BE3E5; --teal-s:#123234;
  --blue-s:#16243D; --violet-s:#221A3A; --amber-s:#33270F; --rose-s:#3A1820; --green-s:#12301E;
  --crit:#F08A80; --crit-s:#3A1A17; --warn:#F2B35E; --warn-s:#33270F;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -14px rgba(0,0,0,.7);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --ground:#0C1416; --surface:#121D20; --surface2:#16242A; --line:#22333A; --line2:#2E4249;
  --ink:#E7F0F2; --ink2:#A9B8BE; --ink3:#7C8C93;
  --teal-d:#5FD3D6; --teal-dd:#8BE3E5; --teal-s:#123234;
  --blue-s:#16243D; --violet-s:#221A3A; --amber-s:#33270F; --rose-s:#3A1820; --green-s:#12301E;
  --crit:#F08A80; --crit-s:#3A1A17; --warn:#F2B35E; --warn-s:#33270F;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 10px 28px -14px rgba(0,0,0,.7);
}}
*{box-sizing:border-box}
html,body{margin:0}
body{background:var(--ground);color:var(--ink);font:14px/1.55 Poppins,"Segoe UI","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--teal-d);text-decoration:none}a:hover{color:var(--teal-dd)}
.ic{width:18px;height:18px;flex:none}
h1{font-size:24px;font-weight:600;margin:0;letter-spacing:-.01em}h2{font-size:15px;font-weight:600;margin:0}h3{font-size:13px;margin:16px 0 6px;color:var(--ink2);font-weight:500}
.muted{color:var(--ink2)}.small{font-size:12px}.sub{color:var(--ink3);font-size:12px}
small.muted{font-size:12px;margin-left:8px;font-weight:400}

/* ---------- Layout ---------- */
body.app{display:flex;min-height:100vh}
.side{width:248px;flex:none;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:18px 14px}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);padding:4px 8px 18px}
.brand b{display:block;font-size:16px;line-height:1.2}.brand small{display:block;color:var(--ink3);font-size:12px}
.logo{width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,var(--teal),var(--teal-d));color:#fff;display:grid;place-items:center;font-weight:700;font-size:20px;box-shadow:0 6px 14px -6px var(--teal-d)}
.side nav{flex:1;display:flex;flex-direction:column;gap:2px;overflow:auto}
.grp{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);padding:14px 10px 6px}
.side nav a{display:flex;align-items:center;gap:11px;padding:9px 12px;border-radius:10px;color:var(--ink2);font-weight:500}
.side nav a:hover{background:var(--surface2);color:var(--ink)}
.side nav a.on{background:var(--teal-d);color:#fff;box-shadow:0 6px 16px -8px var(--teal-d)}
:root[data-theme="dark"] .side nav a.on{color:#0C1416}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .side nav a.on{color:#0C1416}}
.badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--rose);color:#fff;font-size:11px;font-weight:600;display:grid;place-items:center}
.me{display:flex;align-items:center;gap:10px;padding:12px 8px 4px;border-top:1px solid var(--line)}
.me form{margin:0}.who{flex:1;min-width:0}.who b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.who small{color:var(--ink3);font-size:12px}
.avatar{width:34px;height:34px;border-radius:50%;background:var(--teal-s);color:var(--teal-d);display:grid;place-items:center;font-weight:600;font-size:12px}
.iconbtn{background:none;border:0;color:var(--ink3);cursor:pointer;padding:6px;border-radius:8px;display:grid;place-items:center}.iconbtn:hover{background:var(--surface2);color:var(--ink)}
.mainwrap{flex:1;min-width:0}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 32px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--ground) 85%,transparent);backdrop-filter:blur(8px);position:sticky;top:0;z-index:5;min-height:66px}
.crumb b{display:block;font-size:15px}.crumb small{color:var(--ink3);font-size:12px}
.syncpill{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink2);background:var(--surface);border:1px solid var(--line);padding:5px 12px;border-radius:99px}
.syncpill .dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px var(--green-s)}
.syncpill.bad .dot{background:var(--rose);box-shadow:0 0 0 3px var(--rose-s)}
main{padding:28px 32px 48px;max-width:1440px}
body.plain main{max-width:none;padding:0}
/* alte Handy-Regel ersetzt, siehe «Mobil» am Ende */

/* ---------- Bausteine ---------- */
.head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}
.hello{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:22px;flex-wrap:wrap}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:20px 22px;margin-bottom:20px;box-shadow:var(--shadow)}
.card.info{background:var(--teal-s);border-color:transparent;box-shadow:none}
.card.err{background:var(--crit-s);border-color:transparent;box-shadow:none;color:var(--crit)}
.card h2{margin-bottom:12px}
.cardhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px}.cardhead h2{margin:0}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid .card{margin-bottom:0}.grid+.card{margin-top:20px}
.grid.g21{grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
.stack{display:flex;flex-direction:column;gap:20px}.stack .card{margin:0}
@media(max-width:1000px){.grid,.grid.g21{grid-template-columns:1fr}}
.btn{display:inline-flex;align-items:center;gap:8px;background:var(--teal-d);color:#fff;border:0;border-radius:10px;padding:9px 16px;font:inherit;font-weight:500;cursor:pointer;box-shadow:0 6px 16px -8px var(--teal-d)}
.btn:hover{background:var(--teal-dd);color:#fff}.btn:disabled{opacity:.6}.btn.wide{width:100%;justify-content:center}
:root[data-theme="dark"] .btn,:root[data-theme="dark"] .btn:hover{color:#0C1416}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .btn,:root:not([data-theme="light"]) .btn:hover{color:#0C1416}}
.btn.ghost{background:var(--surface);color:var(--teal-d);border:1px solid var(--line2);box-shadow:none}.btn.ghost:hover{background:var(--teal-s)}
.btn .ic{width:16px;height:16px}
.link{font-size:13px;font-weight:500}
input,textarea,select{font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--line2);border-radius:10px;padding:9px 12px;width:100%}
input[type=checkbox],input[type=radio]{width:auto}  /* versteckte Häkchen/Optionen ragen sonst unsichtbar über den Rand (Handy) */
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-s)}
select{width:auto}
.seg{display:inline-flex;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:3px}
.seg a{padding:4px 12px;border-radius:8px;color:var(--ink2);font-size:12px;font-weight:500}.seg a.on{background:var(--surface);color:var(--teal-d);box-shadow:var(--shadow)}

/* KPI-Kacheln */
.kpis{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-bottom:20px}
@media(max-width:1200px){.kpis{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.kpis{grid-template-columns:repeat(2,1fr)}}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow)}
.kpi .ico{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;margin-bottom:12px}
.kpi .ico .ic{width:20px;height:20px}
.ico.c1{background:var(--teal-s);color:var(--teal-d)}.ico.c2{background:var(--blue-s);color:var(--blue)}.ico.c3{background:var(--violet-s);color:var(--violet)}
.ico.c4{background:var(--amber-s);color:var(--amber)}.ico.c5{background:var(--rose-s);color:var(--rose)}
.kpi .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);font-weight:500}
.kpi .v{font-size:26px;font-weight:600;margin:2px 0;font-variant-numeric:tabular-nums;letter-spacing:-.01em}

/* Ranking & Balken */
.ranking{display:flex;flex-direction:column}
.rk{display:grid;grid-template-columns:28px minmax(140px,1.4fr) minmax(80px,1fr) 120px;align-items:center;gap:14px;padding:10px 8px;border-radius:10px;color:var(--ink)}
.rk:hover{background:var(--surface2);color:var(--ink)}
.rk .pos{width:26px;height:26px;border-radius:8px;background:var(--surface2);color:var(--ink2);display:grid;place-items:center;font-size:12px;font-weight:600}
.rk:nth-child(-n+3) .pos{background:var(--teal-s);color:var(--teal-d)}
.rk .nm{min-width:0}.rk .nm b{display:block;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rk .nm small{color:var(--ink3);font-size:12px}
.track{display:block;height:10px;background:var(--surface2);border-radius:99px;overflow:hidden}
.fill{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--teal),var(--teal-d))}
.fill.f1{background:var(--blue)}.fill.f2{background:var(--violet)}.fill.f3{background:var(--amber)}.fill.f4{background:var(--rose)}.fill.f5{background:var(--green)}
.rk .amt{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.rk .amt small{display:block;font-weight:400;color:var(--ink3);font-size:11px}
@media(max-width:700px){.rk{grid-template-columns:28px 1fr 100px}.rk .track{display:none}}
.groups{display:flex;flex-direction:column;gap:12px}
.gr{display:grid;grid-template-columns:minmax(90px,1fr) minmax(60px,1.3fr) 96px;align-items:center;gap:12px}
.gl{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gv{text-align:right;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}

/* Tabellen */
table.list{width:100%;border-collapse:separate;border-spacing:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow)}
.card table.list{border:0;box-shadow:none;border-radius:0}
.list th{text-align:left;font-weight:500;color:var(--ink3);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface2)}
.list td{padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
.list tbody tr:last-child td{border-bottom:0}
.list tbody tr[onclick]{cursor:pointer}.list tbody tr[onclick]:hover td{background:var(--surface2)}
.list tr.dim td{color:var(--ink3)}
.r{text-align:right}
.pill{display:inline-block;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:500;background:var(--surface2);color:var(--ink2)}
.pill.active{background:var(--green-s);color:var(--green)}
.pill.suspended,.pill.pending{background:var(--warn-s);color:var(--warn)}
.pill.terminated,.pill.cancelled,.pill.closed,.pill.fraud,.pill.inactive{background:var(--crit-s);color:var(--crit)}
.err{color:var(--crit)}
dl{display:grid;grid-template-columns:120px 1fr;gap:8px 14px;margin:0}dt{color:var(--ink3)}dd{margin:0}
ul.plain{list-style:none;padding:0;margin:0}ul.plain li{padding:8px 0;border-top:1px solid var(--line)}
.filter{display:flex;gap:16px;align-items:center;margin-bottom:16px}
.filter input[type=search]{max-width:480px;padding-left:14px}
.chk{display:flex;gap:6px;align-items:center;white-space:nowrap;color:var(--ink2)}.chk input{width:auto;box-shadow:none}
.note{border-top:1px solid var(--line);padding:10px 0;white-space:pre-wrap}.note .muted{font-size:12px}
#notizen{margin-top:12px}form textarea{margin-bottom:8px}
.back{display:inline-flex;align-items:center;gap:4px;margin-bottom:10px;font-size:13px}
form.inline{display:flex;gap:8px;flex-wrap:wrap;align-items:center}form.inline input{width:auto}

/* Aufgaben */
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;align-items:center}
.tabs a{padding:6px 14px;border-radius:99px;color:var(--ink2);border:1px solid var(--line);background:var(--surface);font-size:13px;font-weight:500}
.tabs a.on{background:var(--teal-d);color:#fff;border-color:var(--teal-d)}.tabs .sep{width:14px}
.taskform{margin-bottom:14px}.taskform .row{display:flex;gap:12px;align-items:center;margin-top:10px;flex-wrap:wrap}
.taskform label{display:flex;gap:6px;align-items:center;color:var(--ink2)}.taskform label input{width:auto}
.taskform details{margin-top:8px}
.task{display:flex;gap:12px;align-items:flex-start;padding:10px 4px;border-top:1px solid var(--line)}
.task form{margin:0}.task .body{flex:1;min-width:0}.task .det{white-space:pre-wrap;color:var(--ink2);font-size:13px}
.check{width:20px;height:20px;border-radius:6px;border:2px solid var(--line2);background:transparent;color:#fff;cursor:pointer;padding:0;font-size:12px;line-height:14px;margin-top:2px}
.check:hover{border-color:var(--teal)}
.task.done .check{background:var(--teal-d);border-color:var(--teal-d)}.task.done b{text-decoration:line-through;color:var(--ink3)}
.task.ueberfaellig{box-shadow:inset 3px 0 0 var(--rose);padding-left:12px}.task.heute{box-shadow:inset 3px 0 0 var(--amber);padding-left:12px}
.due.ueberfaellig{color:var(--crit);font-weight:600}.due.heute{color:var(--warn);font-weight:600}
.shift input{width:auto;padding:4px 8px;font-size:12px}

/* Login */
.login{max-width:380px;margin:12vh auto;padding:0 16px}.login .brand.big{justify-content:center;margin-bottom:12px}
.login label{display:block;margin-bottom:14px;color:var(--ink2);font-size:13px}.login input{margin-top:6px}

/* Analysen */
main.full{max-width:none;padding:0}
.toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:10px 24px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:66px;z-index:4}
.toolbar .back{margin:0}
.tb-status select{padding:6px 10px;font-weight:500}
.tb-sum{display:flex;gap:18px;font-size:13px;color:var(--ink2)}.tb-sum b{color:var(--ink);font-variant-numeric:tabular-nums}
.tb-act{display:flex;gap:8px;align-items:center;margin-left:auto;flex-wrap:wrap}
.tb-act .btn{padding:7px 12px}
#tool{display:block;width:100%;height:calc(100vh - 66px - 58px);border:0;background:var(--ground)}
.warn{color:var(--warn)}
.btn.pulse{box-shadow:0 0 0 0 var(--teal);animation:pulse 1.6s infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(72,194,197,.6)}70%{box-shadow:0 0 0 10px rgba(72,194,197,0)}100%{box-shadow:0 0 0 0 rgba(72,194,197,0)}}
.pill.st-entwurf{background:var(--surface2);color:var(--ink2)}.pill.st-versendet{background:var(--blue-s);color:var(--blue)}
.pill.st-angenommen{background:var(--green-s);color:var(--green)}.pill.st-abgelehnt{background:var(--crit-s);color:var(--crit)}
.pill.st-bestellt{background:var(--teal-s);color:var(--teal-d)}
select.st-versendet{color:var(--blue)}select.st-angenommen{color:var(--green)}select.st-abgelehnt{color:var(--crit)}select.st-bestellt{color:var(--teal-d)}
.fill.st-entwurf{background:var(--line2)}.fill.st-versendet{background:var(--blue)}.fill.st-angenommen{background:var(--green)}.fill.st-abgelehnt{background:var(--rose)}.fill.st-bestellt{background:linear-gradient(90deg,var(--teal),var(--teal-d))}
a.gr{color:var(--ink)}a.gr:hover .gl{color:var(--teal-d)}
.stackform{display:flex;flex-direction:column;gap:12px}.stackform label{color:var(--ink2);font-size:13px;display:flex;flex-direction:column;gap:6px}.stackform .btn{align-self:flex-start}
.oder{font-size:12px;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em}
.rowlink{display:flex;gap:10px;align-items:center;padding:10px 6px;border-top:1px solid var(--line);color:var(--ink);border-radius:8px}
.rowlink:hover{background:var(--surface2);color:var(--ink)}.rowlink .grow{flex:1;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.link-btn{background:none;border:0;color:var(--teal-d);cursor:pointer;font:inherit;font-size:12px;padding:4px 0}

/* Marke */
.brand{gap:10px;padding:6px 10px 20px;align-items:flex-end}
.brand .wm{height:26px;width:auto;display:block}.brand .wm-d{display:none}
.brand .app{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-d);padding-bottom:1px}
:root[data-theme="dark"] .brand .wm-l{display:none}:root[data-theme="dark"] .brand .wm-d{display:block}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .brand .wm-l{display:none}:root:not([data-theme="light"]) .brand .wm-d{display:block}}

/* Login im Stil des padcom Kundenportals */
/* Anmeldung im laitec-Markenauftritt (laitec.ch/brand) */
.ltlogin{--ltl-navy:#111A2B;--ltl-kachel:#22314A;--ltl-pink:#FF2E7E;--ltl-text:#B7C0C9;min-height:100vh;display:flex;align-items:center;gap:4vw;padding:clamp(24px,6vh,90px) clamp(20px,4.7vw,94px);
  background:radial-gradient(circle,rgba(255,255,255,.07) 1px,transparent 1.4px) 0 0/31px 31px,var(--ltl-navy);color:#fff;font-family:Inter,system-ui,sans-serif;overflow:hidden}
.ltl-links{flex:1 1 0;min-width:0;align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.ltl-claim{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--ltl-text)}
.ltl-claim::before{content:"";display:block;width:36px;height:3px;border-radius:2px;background:var(--ltl-pink);margin-bottom:18px}
.ltl-form{width:100%;max-width:360px}
.ltl-form h1{font-family:Archivo,Inter,sans-serif;font-weight:800;font-size:30px;margin:0 0 26px;color:#fff;line-height:1.15}
.ltl-form h1 span{display:block;font-family:Inter,sans-serif;font-weight:500;font-size:14px;color:var(--ltl-text);margin-top:6px;letter-spacing:.02em}
.ltl-ms{display:flex;align-items:center;gap:12px;background:#fff;color:#1A1F20;border-radius:10px;padding:12px 16px;font-weight:600;font-size:14px;text-decoration:none;transition:transform .15s,box-shadow .15s}
.ltl-ms:hover{transform:translateY(-1px);box-shadow:0 8px 24px -8px rgba(0,201,209,.45);color:#1A1F20}
.ltl-ms svg{flex:none}
.ltl-err{color:#FF8FB5;font-size:13px;margin:14px 0 0}
.ltl-pw{margin-top:18px}.ltl-pw summary{cursor:pointer;font-size:12px;color:var(--ltl-text)}.ltl-pw[open] summary{margin-bottom:14px}
.ltl-form form{display:flex;flex-direction:column;gap:10px}
.ltlogin input{background:var(--ltl-kachel);border:1px solid transparent;border-radius:10px;padding:11px 14px;color:#fff;box-shadow:none;margin:0}
.ltlogin input::placeholder{color:var(--ltl-text);opacity:.8}
.ltlogin input:focus{outline:none;border-color:#00C9D1;box-shadow:none}
.ltl-btn{align-self:flex-start;background:var(--ltl-pink);color:#fff;border:0;border-radius:10px;padding:10px 22px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px}
.ltl-btn:hover{background:#E61F6B}
.ltl-hinweis{font-size:12px;color:var(--ltl-text);opacity:.7;margin:22px 0 0}
.ltl-marke{display:flex;flex-direction:column;gap:12px}
.ltl-marke img{width:221px;height:auto;display:block}
.ltl-marke a{color:var(--ltl-text);font-size:13px;text-decoration:none;letter-spacing:.02em}.ltl-marke a:hover{color:#fff}
.ltl-signet{flex:0 1 auto;width:min(47vw,83vh);max-width:940px;height:auto;display:block}
@media(max-width:900px){.ltlogin{flex-direction:column;align-items:stretch}.ltl-signet{display:none}.ltl-links{min-height:calc(100vh - 2*clamp(24px,6vh,90px))}.ltl-form{max-width:none}}
.list td.r,.list th.r{white-space:nowrap}.list td:first-child b{white-space:nowrap}
.pill.tiny{font-size:10px;padding:0 6px;background:var(--teal-s);color:var(--teal-d);vertical-align:middle}

/* Suche & KI */
.topsearch{position:relative;flex:1;max-width:520px;margin:0 24px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 12px}
.topsearch:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-s)}
.topsearch input{border:0;box-shadow:none!important;padding:8px 0;background:transparent}
.topsearch .ic{color:var(--ink3)}
.dropdown{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:20}
.dropdown:empty{display:none}
.dropdown .sr,.dropdown .sr-leer{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px -12px rgba(16,32,42,.25);padding:6px;max-height:70vh;overflow:auto}
.sr-g{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);padding:10px 10px 4px}
.sr-i{display:flex;flex-direction:column;padding:7px 10px;border-radius:8px;color:var(--ink)}
.sr-i:hover{background:var(--surface2);color:var(--ink)}.sr-i span{font-size:12px;color:var(--ink3)}
.sr-i.sr-ki{flex-direction:row;justify-content:space-between;border-top:1px solid var(--line);margin-top:4px;color:var(--teal-d)}
.sr-leer{padding:12px 14px;color:var(--ink2);font-size:13px}
.card .sr-i{padding-left:0;padding-right:0}
.askbox{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:8px 8px 8px 18px;margin-bottom:20px;box-shadow:var(--shadow)}
.askbox:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-s),var(--shadow)}
.askbox input{border:0;box-shadow:none!important;font-size:15px;padding:10px 0;background:transparent}
.askbox .spark{font-size:20px;background:linear-gradient(135deg,var(--teal),var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}
.askbox.big{padding:10px 10px 10px 20px}.askbox.big .ic{color:var(--ink3);width:22px;height:22px}
.ki-antwort{line-height:1.65}.ki-antwort p{margin:0 0 10px}.ki-antwort ul{margin:0 0 10px;padding-left:20px}.ki-antwort li{margin:3px 0}.ki-antwort h4{margin:12px 0 6px}
.ki-laedt{display:flex;align-items:center;gap:10px;color:var(--ink2)}
.spin{width:16px;height:16px;border:2px solid var(--teal-s);border-top-color:var(--teal-d);border-radius:50%;animation:sp .8s linear infinite}@keyframes sp{to{transform:rotate(360deg)}}
.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:7px 14px;border-radius:99px;border:1px solid var(--line);background:var(--surface2);color:var(--ink2);font-size:13px}.chip:hover{border-color:var(--teal);color:var(--teal-d)}
@media(max-width:900px){.topsearch{margin:0 8px}}
:root{color-scheme:light dark}:root[data-theme="light"]{color-scheme:light}:root[data-theme="dark"]{color-scheme:dark}
.themebtn .t-l,.themebtn .t-d,.themebtn .t-a{display:none}
:root[data-theme="light"] .themebtn .t-l,:root[data-theme="dark"] .themebtn .t-d,:root:not([data-theme]) .themebtn .t-a{display:grid}
.rechte td{vertical-align:middle}.rechte select{width:100%;min-width:130px;font-size:13px;padding:6px 8px}
select.lv0{color:var(--ink3)}select.lv1{color:var(--blue);background:var(--blue-s);border-color:transparent}select.lv2{color:var(--green);background:var(--green-s);border-color:transparent}
.me{flex-wrap:wrap;row-gap:8px}
.me .who{flex:1 1 calc(100% - 46px)}.me .who b{white-space:normal;overflow:visible;line-height:1.3}
.me-act{display:flex;gap:4px;width:100%;justify-content:space-between;padding-left:44px}
.katalog td{vertical-align:top}.katform{display:flex;flex-direction:column;gap:6px;min-width:320px}
.katform label{display:flex;gap:6px;align-items:center;color:var(--ink2);font-size:12px}.katform label input{width:auto}
.katform .row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.katform input[type=file]{max-width:190px;font-size:12px;padding:5px}
.katform input,.katform select{font-size:13px;padding:6px 8px}
.desc{white-space:pre-wrap;color:var(--ink2);max-width:420px;margin-top:4px}
.badge-kunde,.badge-lead{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;padding:2px 9px;border-radius:99px;letter-spacing:.02em;vertical-align:middle}
.badge-kunde{background:var(--teal-s);color:var(--teal-d)}.badge-lead{background:var(--amber-s);color:var(--warn)}
.badge-kunde .ic,.badge-lead .ic{width:12px;height:12px}
.grid.one{grid-template-columns:1fr;max-width:720px}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--ink2)}
.formgrid .span2{grid-column:span 2}.formgrid input[readonly],.formgrid textarea[readonly]{background:var(--surface2);color:var(--ink2)}
.formgrid select{width:100%}

/* ---------- Kontakte & Kontaktakte ---------- */
.seg{display:inline-flex;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:3px;gap:2px}
.seg label{cursor:pointer}.seg input{display:none}
.seg span{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:9px;font-size:13px;color:var(--ink2)}
.seg span .ic{width:13px;height:13px}.seg span b{font-weight:600;color:var(--warn);font-size:11px;background:var(--amber-s);border-radius:99px;padding:0 7px}
.seg input:checked+span{background:var(--teal-d);color:#fff}.seg input:checked+span b{background:rgba(255,255,255,.25);color:#fff}
.akte-aktionen{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}
.aktion{display:flex;align-items:center;gap:14px;text-align:left;font:inherit;padding:16px 18px;border-radius:var(--r);border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);transition:transform .12s,border-color .12s}
.aktion:hover:not(:disabled){transform:translateY(-1px);border-color:var(--teal)}
.aktion b{display:block;font-size:15px}.aktion small{color:var(--ink3);font-size:12px}
.aktion.primaer{background:linear-gradient(135deg,var(--teal-d),var(--teal-dd));border-color:transparent;color:#fff}.aktion.primaer small{color:rgba(255,255,255,.8)}
.aktion:disabled{opacity:.6;cursor:not-allowed}
.a-ic{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--teal-s);color:var(--teal-d);flex:none}
.aktion.primaer .a-ic{background:rgba(255,255,255,.18);color:#fff}

/* Aktuelle Situation */
.sit{padding:0}.sit>details>summary{list-style:none;display:flex;align-items:center;gap:16px;padding:18px 22px;cursor:pointer}
.sit>details>summary::-webkit-details-marker{display:none}
.sit-titel{display:flex;align-items:center;gap:14px;flex:1;min-width:0}.sit-titel b{display:block;font-size:15px}.sit-titel small{color:var(--ink3);font-size:12px}
.sit-stand{display:flex;align-items:center;gap:10px;font-size:13px}
.sit .chip{padding:3px 10px;font-size:12px}
.meter{width:110px;height:8px;border-radius:99px;background:var(--line);overflow:hidden}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--teal-d));border-radius:99px;transition:width .3s}
.sit-pfeil{transform:rotate(-90deg);color:var(--ink3);transition:transform .2s}.sit>details[open] .sit-pfeil{transform:rotate(90deg)}
.sit-body{padding:4px 22px 22px;border-top:1px solid var(--line)}
.sit-leiste{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0}
.speicherstand{font-size:12px;color:var(--ink3)}.speicherstand.err{color:var(--crit)}
.sit-zwei{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sit-block h3{margin:0 0 6px;color:var(--ink);font-weight:600;font-size:13px}
.sit-block textarea{width:100%;resize:vertical}
.sit-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}
.hinweis{font-size:12px;color:var(--ink2)}.hinweis.err{color:var(--crit)}
.btn.sm{padding:6px 12px;font-size:12.5px}.btn .ic{width:15px;height:15px;margin-right:4px;vertical-align:-3px}
.btn.rec{background:var(--rose-s);color:var(--rose);border-color:transparent}
.sit-offen{margin-top:10px;background:var(--amber-s);border-radius:12px;padding:10px 14px;font-size:13px}.sit-offen ul{margin:6px 0 0;padding-left:18px}
.sit-import{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:14px}
.sit-h{color:var(--ink);font-weight:600;margin:22px 0 10px}

/* Ist-Aufnahme */
.ist{display:flex;flex-direction:column;gap:8px}
.ikat.t0{border:1px solid var(--line);border-radius:12px;background:var(--surface2)}
.ikat.t0.offen{background:var(--surface);border-color:var(--teal)}
.ikat.t0>.ischalter{padding:12px 14px}
.ikat-body{padding:4px 16px 16px;display:flex;flex-direction:column;gap:10px}
.ikat.t1,.ikat.t2{border-left:3px solid var(--line);padding-left:12px}.ikat.t1.offen,.ikat.t2.offen{border-left-color:var(--teal)}
.ikat.t1 .ikat-body,.ikat.t2 .ikat-body{padding:8px 0 4px}
.ischalter{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13.5px;color:var(--ink)}
.ischalter.gross{font-weight:600;font-size:14px}
.ischalter input{display:none}
.ischalter .sw{width:34px;height:20px;border-radius:99px;background:var(--line2);position:relative;flex:none;transition:background .15s}
.ischalter .sw::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.ischalter.an .sw{background:var(--teal-d)}.ischalter.an .sw::after{left:16px}
.istat{margin-left:auto;font-style:normal;font-size:12px;font-weight:500;color:var(--ink3);background:var(--surface2);border-radius:99px;padding:1px 9px}
.istat:empty{display:none}.istat.voll{color:var(--green);background:var(--green-s)}
.igrid{display:grid;gap:10px 14px}.igrid.g2{grid-template-columns:1fr 1fr}.igrid.g3{grid-template-columns:1fr 1fr 1fr}
.if{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--ink2)}
.if input,.if select,.if textarea{width:100%;font-size:13.5px}
.fhint{font-size:11.5px;color:var(--ink3)}
.ihint{margin:0;font-size:12px;color:var(--ink3)}
.if.neu input,.if.neu select,.if.neu textarea,.ischalter.neu .sw,.iliste.neu{box-shadow:0 0 0 3px var(--violet-s);border-color:var(--violet)}
.iliste{display:flex;flex-direction:column;gap:8px;align-items:flex-start;border-radius:10px}
.izeile{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;width:100%;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}
.izeile label{display:flex;flex-direction:column;gap:3px;font-size:11px;color:var(--ink3);flex:1 1 150px}
.izeile label.kurz{flex:0 0 90px}.izeile label.breit{flex:2 1 260px}
.izeile input,.izeile select{font-size:13px;padding:6px 8px;width:100%}
.idel{align-self:center}

/* Laufende Services */
.t-warn{color:var(--warn)}
.eol-box{display:flex;gap:18px;justify-content:space-between;background:var(--amber-s);border-radius:12px;padding:12px 16px;margin-bottom:16px;font-size:13px}
.eol-box b{display:block;color:var(--warn)}.eol-box span{color:var(--ink2);font-size:12px}
.eol-box ul{margin:0;padding-left:18px;columns:2;column-gap:28px}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}
.pgruppe{border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--surface2)}
.pgruppe.hat-eol{border-color:color-mix(in srgb,var(--amber) 55%,var(--line))}
.pg-kopf{display:flex;justify-content:space-between;align-items:center;gap:8px}
.pg-kopf b{font-size:13.5px}.pg-n{min-width:26px;height:26px;border-radius:99px;background:var(--teal-s);color:var(--teal-d);font-weight:600;display:grid;place-items:center;font-size:12.5px;padding:0 8px}
.pg-betrag{font-size:18px;font-weight:600;margin:4px 0 8px}.pg-betrag small{font-size:12px;color:var(--ink3);font-weight:400}
.pgruppe ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}
.pgruppe li{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12.5px;color:var(--ink2)}
.pgruppe li.eol .pz-name{color:var(--warn)}
.tag-eol{font-size:10px;font-weight:700;letter-spacing:.04em;color:var(--warn);background:var(--amber-s);border-radius:6px;padding:1px 6px;flex:none}
.beendet{margin-top:14px;font-size:13px;color:var(--ink2)}.beendet summary{cursor:pointer;color:var(--ink3)}.beendet ul{margin:8px 0 0;padding-left:18px}
@media(max-width:900px){.akte-aktionen,.sit-zwei,.igrid.g2,.igrid.g3{grid-template-columns:1fr}.sit-stand .meter{display:none}}
.eol-card{border-color:color-mix(in srgb,var(--amber) 45%,var(--line))}
.eol-liste{display:flex;flex-direction:column;max-height:340px;overflow:auto;margin:0 -8px}
.eol-z{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;color:var(--ink)}
.eol-z:hover{background:var(--surface2);color:var(--ink)}
.ez-name{flex:1;min-width:0}.ez-name b{display:block;font-size:13px;font-weight:500}.ez-name small{display:block;font-size:11.5px;color:var(--warn);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ez-n{min-width:24px;height:22px;border-radius:99px;background:var(--amber-s);color:var(--warn);font-size:12px;font-weight:600;display:grid;place-items:center;padding:0 7px}
.kpi>small{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}.kpi>b{display:block;font-size:22px;margin-top:4px}
.askbox .btn{white-space:nowrap}
.katform{min-width:280px;max-width:420px}.katform select,.katform input[name=kurztext]{max-width:100%}
.eol-produkte{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-bottom:16px}
.eol-p{background:var(--amber-s);border-radius:12px;padding:10px 14px;display:flex;flex-direction:column;gap:2px}
.eol-p b{font-size:13px;color:var(--warn)}.eol-p span{font-size:12px;color:var(--ink2)}.eol-p em{font-style:normal;font-weight:600;font-size:14px}
.eol-tab td{vertical-align:top}.tag-eol.lang{display:inline-block;margin:2px 4px 2px 0;font-size:11.5px;font-weight:500;letter-spacing:0;padding:2px 8px}
/* Dashboard-Karten verschiebbar */
.dash{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.dash>.card{margin:0;position:relative}.dash>.card[data-size="2"]{grid-column:1 / -1}
.w-tools{position:absolute;top:14px;right:14px;display:flex;gap:2px;opacity:.35;transition:opacity .15s}
.dash>.card:hover .w-tools{opacity:1}
.dash>.card .cardhead{padding-right:64px}
.w-griff{cursor:grab}.w-griff:active{cursor:grabbing}
.w-ghost{opacity:.4;outline:2px dashed var(--teal);outline-offset:-2px}
.dash-hinweis{font-size:12px;color:var(--ink3);margin:-6px 0 12px;display:flex;align-items:center;gap:4px}.dash-hinweis .ic{width:14px;height:14px}
.seg-links{display:inline-flex;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px}
.seg-links a{padding:4px 10px;border-radius:8px;font-size:12px;color:var(--ink2)}.seg-links a.on{background:var(--teal-d);color:#fff}
@media(max-width:1000px){.dash{grid-template-columns:1fr}.dash>.card[data-size="2"]{grid-column:auto}}
.gr{grid-template-columns:minmax(90px,1fr) minmax(60px,1.3fr) 130px}.gv{white-space:nowrap}
/* Dashboard: Zonen statt Raster, Karten frei verschiebbar */
.dash{display:flex;flex-direction:column;gap:20px}
.dash .zweispaltig{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:start}
.zone{display:flex;flex-direction:column;gap:20px;min-height:8px;border-radius:var(--r);transition:background .15s,outline-color .15s}
.dash.zieht .zone{min-height:90px;outline:2px dashed var(--line2);outline-offset:4px;background:color-mix(in srgb,var(--teal-s) 40%,transparent)}
.zone>.card{margin:0;position:relative}
.dash>.card[data-size]{grid-column:auto}
@media(max-width:1000px){.dash .zweispaltig{grid-template-columns:1fr}}
/* Laufende Services: Gruppen farbig, Produkte als eigene Zeilen */
.eol-box{display:block}.eol-box b{display:inline;margin-right:8px}
.pgrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.pgruppe{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--gc);padding:14px 16px 12px}
.pgruppe.hat-eol{border-color:var(--line);border-top-color:var(--gc)}
.pg-kopf{align-items:baseline}.pg-kopf b{font-size:14px;color:var(--gc-t)}
.pg-kopf .pg-betrag{font-size:15px;font-weight:600;margin:0;white-space:nowrap}.pg-kopf .pg-betrag small{font-weight:400}
.pg-sub{font-size:12px;color:var(--ink3);margin:2px 0 10px}
.pgruppe ul{gap:6px;margin:0}
.pgruppe li{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:var(--gc-s);border-radius:9px;padding:7px 10px;font-size:12.5px;color:var(--ink)}
.pgruppe li.eol{background:var(--amber-s)}
.pz-n{font-weight:600;color:var(--gc-t);min-width:22px}.pgruppe li.eol .pz-n{color:var(--warn)}
.pz-chf{font-weight:500;color:var(--ink2);white-space:nowrap}
.fc0{--gc:var(--brand);--gc-s:#E6F6F6;--gc-t:var(--brand)}.fc1{--gc:#3B82F6;--gc-s:#E8F0FE;--gc-t:#2563EB}
.fc2{--gc:#8B5CF6;--gc-s:#F1EBFE;--gc-t:#7C3AED}.fc3{--gc:#16A34A;--gc-s:#E4F5EA;--gc-t:#15803D}
.fc4{--gc:#E11D74;--gc-s:#FCE7F1;--gc-t:#BE185D}.fc5{--gc:#0891B2;--gc-s:#E0F4F9;--gc-t:#0E7490}
.fc6{--gc:#64748B;--gc-s:#EEF1F5;--gc-t:#475569}.fc7{--gc:#CA8A04;--gc-s:#FBF3DB;--gc-t:#A16207}
:root[data-theme="dark"] .pgruppe li{background:color-mix(in srgb,var(--gc) 16%,var(--surface))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .pgruppe li{background:color-mix(in srgb,var(--gc) 16%,var(--surface))}}
:root[data-theme="dark"] .pgruppe{--gc-t:var(--gc)}
/* Register in der Kontaktakte */
.akte-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 20px;overflow-x:auto}
.akte-tabs button{font:inherit;font-size:14px;font-weight:500;color:var(--ink2);background:none;border:0;border-bottom:3px solid transparent;padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap}
.akte-tabs button:hover{color:var(--ink)}
.akte-tabs button.on{color:var(--teal-d);border-bottom-color:var(--teal-d)}
.tab-n{font-size:11px;font-weight:600;background:var(--surface2);border:1px solid var(--line);border-radius:99px;padding:0 7px;color:var(--ink2)}
.akte-tabs button.on .tab-n{background:var(--teal-s);border-color:transparent;color:var(--teal-d)}
.kontakt-z{padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.kontakt-z:last-child{border:0}
.mail-z{border-bottom:1px solid var(--line);padding:10px 0}.mail-z summary{cursor:pointer;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.mail-vorschau{width:100%;height:520px;border:1px solid var(--line);border-radius:10px;margin-top:10px;background:#fff}
/* Produkte & Vorlagen: kompakte Liste */
.kat-filter{display:flex;gap:6px;margin:0 0 16px;flex-wrap:wrap}
.kat-filter a{padding:6px 14px;border-radius:99px;border:1px solid var(--line);background:var(--surface);font-size:13px;color:var(--ink2)}
.kat-filter a.on{background:var(--teal-d);border-color:transparent;color:#fff}
.kat-gruppe{border-top:4px solid var(--gc);padding:16px 18px}
.kg-kopf{display:flex;align-items:baseline;gap:10px;margin-bottom:8px}.kg-kopf h2{margin:0;color:var(--gc-t)}
.kat-z{border-top:1px solid var(--line)}
.kat-z>summary{list-style:none;display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1.4fr) 90px minmax(0,1.3fr) 90px;gap:12px;align-items:center;padding:10px 4px;cursor:pointer;font-size:13px}
.kat-z>summary::-webkit-details-marker{display:none}
.kat-z>summary:hover{background:var(--surface2)}
.kat-z.eol .kz-name b{color:var(--ink3)}.kat-z.aus .kz-name b{color:var(--ink2)}
.kz-lb a{display:inline-flex;align-items:center;gap:4px}.kz-lb .ic{width:14px;height:14px}
.kz-edit{font-size:12px;color:var(--teal-d);text-align:right}
.kat-z[open] .kz-edit{color:var(--ink3)}
.kat-form{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;padding:12px 14px 16px;background:var(--surface2);border-radius:10px;margin:0 0 10px}
.kat-form label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--ink2)}.kat-form label.chk{flex-direction:row;align-items:center;align-self:end}
.kat-form .span2{grid-column:span 2}.kat-form .span3{grid-column:1 / -1}
.kf-fuss{display:flex;justify-content:space-between;align-items:center}
@media(max-width:900px){.kat-z>summary{grid-template-columns:1fr 1fr}.kat-form{grid-template-columns:1fr}}
/* ---------- Offerten-Editor ---------- */
.off-kopf{display:flex;justify-content:space-between;align-items:center;gap:20px;position:sticky;top:78px;z-index:4}
.ok-name{font-size:18px;font-weight:600;display:flex;align-items:center;gap:8px}
.ok-zahlen{display:flex;gap:26px}.ok-zahlen small{display:block;font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:.06em}
.ok-zahlen b{font-size:18px;white-space:nowrap}
.off-leiste{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:-6px 0 18px;flex-wrap:wrap}
.off-stufe{display:flex;gap:12px;flex-wrap:wrap}.off-stufe label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink2)}
.off-stufe select{min-width:240px}
.off-sek{padding:0}.off-sek>details>summary{list-style:none;display:flex;align-items:center;gap:14px;padding:16px 22px;cursor:pointer;flex-wrap:wrap}
.off-sek>details>summary::-webkit-details-marker{display:none}
.off-sek h2{margin:0;display:flex;align-items:center;gap:10px}
.snum{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;background:var(--teal);color:#fff;font-size:12px;font-weight:700}
.off-sek .sub{color:var(--ink3);font-size:12px}
.sek-sum{margin-left:auto;font-weight:600;font-size:13px;color:var(--teal-d)}
.sek-body{padding:4px 22px 20px;border-top:1px solid var(--line)}
.sek-body>textarea{width:100%;margin-top:12px}
.prod-wahl{display:flex;gap:8px;margin-top:14px}.prod-wahl select{flex:1}
.prod{border:1px solid var(--line);border-left:4px solid var(--gc);border-radius:12px;padding:14px 16px;margin-top:12px;background:var(--surface)}
.prod.ist-opt{border-style:dashed;border-left-style:solid;background:var(--surface2)}
.prod-kopf{display:flex;gap:14px;align-items:flex-start}.prod-titel{flex:1}.prod-titel b{display:block;font-size:14.5px}
.prod-sum{text-align:right;font-size:14px;white-space:nowrap}
.prod-meta{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;margin:10px 0 6px}
.prod-meta label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--ink3)}
.prod-meta label.chk{flex-direction:row;align-items:center;font-size:12.5px;color:var(--ink2)}
.prod-meta label.kurz input{width:90px}
.opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px 14px;margin-top:10px}
.opt{display:flex;flex-direction:column;gap:4px;font-size:12.5px;background:var(--gc-s);border-radius:9px;padding:8px 10px}
.opt span em{display:block;font-style:normal;font-size:11px;color:var(--ink3)}
.opt.q{flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.opt.q input{width:80px}
.opt.yn{flex-direction:row;align-items:center;gap:8px}
.opt select{width:100%;font-size:12.5px}
.zeilen-kopf,.zeile{display:grid;gap:8px;align-items:center;margin-top:6px}
.zeilen-kopf{font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em;margin-top:10px}
.zeilen-kopf.e,.zeile.e{grid-template-columns:1.6fr 2fr 70px 90px 100px 80px 50px 34px}
.zeilen-kopf.g,.zeile.g{grid-template-columns:1.8fr 2fr 70px 110px 80px 100px 34px}
.zeile input{font-size:13px;padding:7px 9px;width:100%}.zeile .r{text-align:right;font-weight:500}
.paket{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-top:8px;background:var(--surface2)}
.paket-z1{display:grid;grid-template-columns:1fr 170px 120px 100px 34px;gap:8px;align-items:center}
.paket-z1 .r{text-align:right;font-weight:600}
.paket-z2{display:grid;grid-template-columns:1fr 200px;gap:8px;margin-top:6px}
.paket textarea,.paket input,.paket select{font-size:13px;width:100%}
.mini{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--ink3)}
.off-abschluss .if.span2{grid-column:span 2}
.zz{margin:16px 0}.zz tr.tot td{font-weight:700;border-top:2px solid var(--teal)}
.off-knoepfe{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.doc-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.doc-k{text-align:left;font:inherit;border:1px solid var(--line);border-radius:12px;padding:14px 16px;background:var(--surface);cursor:pointer;display:flex;flex-direction:column;gap:4px;color:var(--ink)}
.doc-k:hover{border-color:var(--teal)}.doc-k span{font-size:12px;color:var(--ink3)}.doc-k.aus{opacity:.6;cursor:default}
.mail-vorschau.gross{height:720px}
textarea.code{font-family:ui-monospace,Consolas,monospace;font-size:12px}
/* Pipeline-Board */
.board{display:flex;gap:14px;overflow-x:auto;padding-bottom:12px;align-items:flex-start}
.spalte{flex:0 0 270px;background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:10px}
.spalte.st-art-gewonnen{background:var(--green-s)}.spalte.st-art-verloren{background:var(--rose-s)}
.sp-kopf{display:flex;flex-direction:column;gap:2px;padding:4px 6px 10px}
.sp-liste{display:flex;flex-direction:column;gap:8px;min-height:60px}
.karte{display:flex;flex-direction:column;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;color:var(--ink);box-shadow:var(--shadow);cursor:grab}
.karte:hover{border-color:var(--teal);color:var(--ink)}
.k-firma{font-weight:600;font-size:13px}.k-titel{font-size:12px;color:var(--ink2)}.k-fuss{display:flex;justify-content:space-between;font-size:12px}
@media(max-width:900px){.off-kopf{flex-direction:column;align-items:flex-start;position:static}.zeilen-kopf{display:none}.zeile.e,.zeile.g,.paket-z1,.paket-z2{grid-template-columns:1fr 1fr}}
.opt.yn input{width:auto;flex:none;margin:0}.opt.yn{justify-content:flex-start}
.off-kopf{top:84px}
.gr-det>summary{list-style:none;cursor:pointer;border-radius:8px}.gr-det>summary::-webkit-details-marker{display:none}
.gr-det>summary:hover .gl{color:var(--gc-t)}
.gr-det>summary .gl::before{content:"▸";display:inline-block;width:14px;color:var(--ink3);transition:transform .15s}
.gr-det[open]>summary .gl::before{transform:rotate(90deg)}
.gr-prod{list-style:none;margin:8px 0 4px 14px;padding:0;display:flex;flex-direction:column;gap:5px}
.gr-prod li{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;font-size:12.5px;background:var(--gc-s);border-radius:8px;padding:6px 10px}
.gr-prod li.eol{background:var(--amber-s)}
:root[data-theme="dark"] .gr-prod li{background:color-mix(in srgb,var(--gc) 16%,var(--surface))}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .gr-prod li{background:color-mix(in srgb,var(--gc) 16%,var(--surface))}}
.gr-det>summary.gr{grid-template-columns:minmax(150px,1.3fr) minmax(60px,1fr) 110px}.gr-det .gl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cl-bereiche{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:8px}
.cl-b{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);cursor:pointer}
.cl-b input{width:auto;margin-top:3px}.cl-b b{display:block;font-size:13px}.cl-b small{color:var(--ink3);font-size:12px}
/* Vertragswerk in der Offerte */
.vw-leiste{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0}
.vw-gruppe{margin:22px 0 8px;color:var(--ink);font-weight:600;font-size:14px;display:flex;gap:10px;align-items:baseline}
.vw-block{border:1px solid var(--line);border-radius:12px;margin-bottom:10px;background:var(--surface)}
.vw-block>summary{list-style:none;cursor:pointer;padding:12px 16px;display:flex;gap:12px;align-items:baseline;flex-wrap:wrap}
.vw-block>summary::-webkit-details-marker{display:none}
.vw-block>summary::before{content:"▸";color:var(--ink3);transition:transform .15s}.vw-block[open]>summary::before{transform:rotate(90deg)}
.vw-body{padding:4px 16px 16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:10px}
.vw-body .igrid{margin-top:8px}.vw-body .if.span3{grid-column:1 / -1}
.vw-haken{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:6px 16px}
.vw-chk{font-size:13px;align-items:flex-start}.vw-chk input{width:auto;margin-top:3px}
.vw-h4{margin:12px 0 4px;font-size:13px;font-weight:600}
.vw-meilen{display:grid;grid-template-columns:200px 180px 1fr;gap:6px 10px;align-items:center}
.vw-meilen .if{gap:0}.vm-t{font-size:13px;color:var(--ink2)}
.vw-ent{border-left:3px solid var(--teal);padding:4px 0 4px 12px}
.vw-ent .ihint{margin:2px 0 4px}
@media(max-width:900px){.vw-meilen{grid-template-columns:1fr}}
.vw-chk{white-space:normal!important;display:flex!important;gap:8px;min-width:0;line-height:1.4}
.vw-haken{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}
/* Microsoft-365-Anmeldung */
/* Kommunikation: je Person farbig */
.note.note-p{white-space:normal;display:flex;gap:12px;align-items:flex-start;border:0;border-left:4px solid var(--pf);background:color-mix(in srgb,var(--pf) 6%,#fff);border-radius:0 10px 10px 0;padding:10px 14px;margin:8px 0}
.note-av{flex:0 0 30px;height:30px;border-radius:50%;background:var(--pf);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;letter-spacing:.03em}
.note-b{min-width:0;flex:1}.note-k{font-size:12px;color:var(--muted,#6b7476);margin-bottom:2px}.note-k b{color:var(--pf)}
.note-t{white-space:pre-wrap;word-break:break-word}
.note-legende{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:var(--muted,#6b7476);margin:10px 0 2px}
.note-legende i{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:5px;vertical-align:-1px}
.notiz-zeile{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:8px}
.notiz-zeile .wv{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-left:auto}
.notiz-zeile .wv input[type=date],.notiz-zeile .wv input[type=time]{width:auto;padding:6px 8px}
.kal-meldung{display:block;font-size:13px;padding:8px 12px;border-radius:8px;margin:8px 0}
.kal-meldung.ok{background:var(--teal-s);color:var(--teal-d)}.kal-meldung.err{background:#fdecec;color:#b3261e}
span.kal-meldung{display:inline;padding:2px 8px;margin:0}
.kal-ok{color:var(--teal-d);font-weight:600}
.linkbtn{background:none;border:0;padding:0;color:var(--teal-d);font:inherit;cursor:pointer;text-decoration:underline}
.pers{color:var(--pf);font-weight:600}
.sit-clarity{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sit-clarity .chip{text-decoration:none}
/* Laufende Services: Details je Service */
.pgruppe li:has(> details.pz){display:block;padding:0}
details.pz>summary{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:7px 10px;cursor:pointer;list-style:none}
details.pz>summary::-webkit-details-marker{display:none}
details.pz[open]>summary{border-bottom:1px solid color-mix(in srgb,var(--gc) 25%,transparent)}
.pz-det{padding:6px 10px 9px;display:flex;flex-direction:column;gap:8px}
.pz-s+.pz-s{border-top:1px dashed color-mix(in srgb,var(--gc) 30%,transparent);padding-top:8px}
.pz-kopf{display:flex;justify-content:space-between;gap:8px;align-items:center;font-size:12.5px}
.pz-kopf a{font-size:11.5px;color:var(--teal-d);white-space:nowrap;display:inline-flex;gap:3px;align-items:center}.pz-kopf a .ic{width:11px;height:11px}
.pz-meta{font-size:11.5px;color:var(--muted,#6b7476);margin:2px 0 4px}
.pz-opt{display:grid;grid-template-columns:minmax(90px,auto) 1fr;gap:2px 10px;margin:0;font-size:11.5px}
.pz-opt dt{color:var(--muted,#6b7476)}.pz-opt dd{margin:0;font-weight:500}
.paket-z2 select.leer{color:var(--muted,#8a9092)}
/* Dateiablage IT IST Aufnahme */
.ab-drop{position:relative;border:2px dashed color-mix(in srgb,var(--teal) 45%,transparent);border-radius:12px;padding:18px;text-align:center;background:color-mix(in srgb,var(--teal) 4%,transparent);transition:background .15s}
.ab-drop:hover,.ab-drop:focus-within{background:color-mix(in srgb,var(--teal) 9%,transparent)}
.ab-drop input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.ab-drop label{display:flex;flex-direction:column;gap:4px;pointer-events:none}.ab-drop label span{font-size:12.5px;color:var(--muted,#6b7476)}
.ab-laden{display:none;font-size:12.5px;color:var(--teal-d);margin-top:6px}.ab-drop.htmx-request .ab-laden{display:block}
.ab-filter{display:flex;gap:12px;align-items:center;margin:14px 0 10px}.ab-filter input{flex:1}
.ab-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:12px}
.ab-karte{display:grid;grid-template-columns:96px 1fr;gap:12px;border:1px solid var(--line);border-radius:12px;padding:10px;background:var(--surface,#fff)}
.ab-bild{display:grid;place-items:center;width:96px;height:96px;border-radius:8px;overflow:hidden;background:var(--bg2,#f1f4f4);text-decoration:none}
.ab-bild img{width:100%;height:100%;object-fit:cover}.ab-typ{font-weight:700;color:var(--teal-d);font-size:13px}
.ab-text{min-width:0;display:flex;flex-direction:column;gap:4px;font-size:12.5px}
.ab-kopf{display:flex;gap:6px;flex-wrap:wrap}.ab-art{background:var(--teal-s);color:var(--teal-d);font-weight:600;font-size:11px;padding:1px 8px;border-radius:99px}
.ab-status{font-size:11px;color:var(--warn)}.ab-status.err{color:#b3261e}
.ab-titel{font-size:13.5px;word-break:break-word}.ab-text p{margin:0;color:var(--ink2)}
.ab-fakten,.ab-tags,.ab-geraete{display:flex;flex-wrap:wrap;gap:4px 10px}.ab-fakten span{color:var(--ink2)}
.ab-tags span{background:var(--bg2,#f1f4f4);border-radius:6px;padding:1px 7px;font-size:11px;color:var(--ink2)}
.ab-geraete span{font-size:11.5px;color:var(--ink2)}
.ab-aktionen{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-start;font-size:12px;margin-top:2px}.ab-aktionen a{color:var(--teal-d)}
.linkbtn.rot{color:#b3261e}
.ab-edit summary{cursor:pointer;color:var(--teal-d);text-decoration:underline}
.ab-form{display:grid;gap:6px;margin-top:6px;min-width:240px}.ab-form label{display:flex;flex-direction:column;font-size:11.5px;gap:2px}
/* Offerten in der Akte: Pipeline-Stand und Dokumente */
.of-karte{border:1px solid var(--line);border-radius:12px;padding:12px 14px;margin:10px 0;background:var(--surface,#fff)}
.of-karte.st-gewonnen,.of-karte.st-angenommen{border-color:color-mix(in srgb,var(--teal) 50%,transparent)}
.of-kopf{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;text-decoration:none;color:var(--ink)}
.of-kopf:hover .of-titel{color:var(--teal-d)}
.of-titel{font-weight:500}.of-betrag{text-align:right;font-size:12.5px;color:var(--ink2)}
.of-stand{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px}
.of-pl{font-size:12px;font-weight:600;color:var(--ink2)}
.of-stufen{display:flex;list-style:none;margin:0;padding:0;gap:0;flex-wrap:wrap}
.of-stufen li{position:relative;font-size:11.5px;padding:4px 12px 4px 16px;background:var(--bg2,#eef2f2);color:var(--muted,#6b7476);
  clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%,8px 50%);margin-right:-4px}
.of-stufen li:first-child{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 50%,calc(100% - 8px) 100%,0 100%);padding-left:12px}
.of-stufen li.fertig{background:var(--teal-s);color:var(--teal-d)}
.of-stufen li.akt{background:var(--teal);color:#fff;font-weight:600}
.of-stufen li.akt.verloren{background:#b3261e}.of-stufen li.akt.gewonnen{background:#2e7d32}
.of-zeit{margin-left:auto}
.of-doks{margin-top:10px;border-top:1px solid var(--line);padding-top:6px}
.dok-zeile{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:5px 0;font-size:12.5px}
.dok-zeile a{color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dok-zeile a:hover{color:var(--teal-d)}
.of-alt summary{cursor:pointer;padding:4px 0}
/* Dashboard: Verschieben und Pipeline je Stufe */
.zone>.card .cardhead{padding-right:96px}
.zone>.card:hover .w-tools{opacity:1}
.w-pfeil{font-size:10px;line-height:1}
.dash.zieht .zone>.card:not(.sortable-chosen):not(.w-ghost){max-height:110px;overflow:hidden}
.dash.zieht .zone>.card:not(.sortable-chosen)::after{content:"";position:absolute;inset:auto 0 0 0;height:40px;background:linear-gradient(transparent,var(--surface,#fff))}
.dp+.dp{margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
.dp-kopf{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.dp-z{display:grid;grid-template-columns:minmax(110px,1.2fr) 26px 2fr minmax(110px,auto);gap:10px;align-items:center;padding:4px 0;text-decoration:none;color:var(--ink);font-size:12.5px}
.dp-z.leer{color:var(--muted,#8a9092)}
.dp-n{text-align:right;font-weight:600}.dp-chf{text-align:right;white-space:nowrap}.dp-chf small{color:var(--muted,#8a9092)}
.fill.dp-offen{background:var(--teal)}.fill.dp-gewonnen{background:#2e7d32}.fill.dp-verloren{background:#b3261e}
/* IT IST Aufnahme: schnelle Erfassung, Google Maps, NinjaOne */
.izeile{position:relative}
.izeile.mit-geo{padding-top:8px}
.geo-suche{grid-column:1/-1;flex-basis:100%;width:100%;display:flex;gap:12px;align-items:center;position:relative;margin-bottom:6px}
.geo-suche input{flex:1;background:color-mix(in srgb,var(--teal) 5%,var(--surface,#fff));border-color:color-mix(in srgb,var(--teal) 40%,var(--line))}
.geo-liste{position:absolute;top:100%;left:0;right:0;z-index:30;background:var(--surface,#fff);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px -10px rgba(0,0,0,.25);overflow:hidden}
.geo-t{display:flex;flex-direction:column;align-items:flex-start;width:100%;border:0;background:none;padding:8px 12px;text-align:left;cursor:pointer;font:inherit;font-size:13px}
.geo-t span{font-size:12px;color:var(--muted,#6b7476)}.geo-t.akt,.geo-t:hover{background:var(--teal-s)}
.geo-leer{padding:8px 12px;font-size:12.5px;color:var(--muted,#6b7476)}
.izeile-knoepfe{display:flex;gap:2px;align-self:end}
.ninja-leiste{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:4px 0 10px}
.ninja-tag{position:absolute;top:-8px;right:56px;font-size:10px;font-weight:600;background:#e8eefc;color:#1d4fd8;border-radius:99px;padding:1px 8px}
.ninja-dlg{border:0;border-radius:14px;padding:18px 20px;width:min(760px,94vw);max-height:86vh;box-shadow:0 30px 80px -20px rgba(0,0,0,.45);background:var(--surface,#fff);color:var(--ink)}
.ninja-dlg::backdrop{background:rgba(10,20,22,.45)}
.nd-kopf,.nd-fuss{display:flex;justify-content:space-between;align-items:center;gap:12px}.nd-fuss{margin-top:12px}
.nd-liste{max-height:56vh;overflow:auto;margin-top:10px}.nd-liste h4{display:flex;gap:10px;align-items:center;margin:12px 0 6px}
.nd-tab{width:100%;border-collapse:collapse;font-size:12.5px}.nd-tab td{padding:6px 8px;border-top:1px solid var(--line);vertical-align:top}
.nd-tab tr.off{opacity:.6}.nd-tab td:first-child{width:24px}
/* Pipeline-Stufen bunt */
.of-stufen li{--sf:var(--teal)}
.of-stufen li:not(.fertig):not(.akt){background:color-mix(in srgb,var(--sf) 7%,var(--bg2,#eef2f2));color:color-mix(in srgb,var(--sf) 45%,var(--muted,#6b7476))}
.of-stufen li.fertig{background:color-mix(in srgb,var(--sf) 22%,var(--surface,#fff));color:color-mix(in srgb,var(--sf) 75%,#000)}
.of-stufen li.akt,.of-stufen li.akt.verloren,.of-stufen li.akt.gewonnen{background:var(--sf);color:#fff}
.dp-punkt{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px;vertical-align:1px}
.sp-kopf{border-top:4px solid var(--sf,var(--teal));border-radius:10px 10px 0 0;padding-top:8px}
.sp-kopf b{color:color-mix(in srgb,var(--sf,var(--teal)) 80%,#000)}
.of-weg{font-size:14px;opacity:.8}.of-weg:hover{opacity:1;color:#b3261e}
.of-loeschen{color:#b3261e;border-color:color-mix(in srgb,#b3261e 35%,transparent)}
/* Offertenliste: Pipeline-Stufe */
.ls-stufe{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.ls-chip{background:var(--sf);color:#fff;font-size:11.5px;font-weight:600;padding:2px 10px;border-radius:99px;white-space:nowrap}
.ls-punkte{display:inline-flex;gap:3px}.ls-punkte i{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--sf) 20%,var(--bg2,#e8eded))}
.ls-punkte i.an{background:var(--sf)}
.kg-name{margin-left:auto;font-size:12px}.kg-name summary{cursor:pointer;color:var(--muted,#8a9092)}
.kg-name.fehlt summary{color:var(--warn);font-weight:600}.kg-name form{margin-top:6px}
/* Service-Details uebersichtlich */
.pz-blk{margin-top:6px}.pz-t{display:block;font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--gc-t,var(--teal-d));margin-bottom:3px}
.pz-opt{grid-template-columns:minmax(110px,40%) 1fr;row-gap:5px}
.pz-opt dt small{display:block;font-size:10.5px;opacity:.75;line-height:1.25}
.pz-opt dd{word-break:break-word}.pz-opt dd a{color:var(--teal-d)}.pz-opt dd.geheim{color:var(--muted,#8a9092);font-style:italic;font-weight:400}
.pz-verw{margin-top:7px;font-size:11.5px;background:color-mix(in srgb,var(--gc,var(--teal)) 10%,transparent);border-radius:6px;padding:4px 8px}
.pz-leer{margin-top:4px;font-size:11px}
/* Dashboard-Pipeline als Kacheln */
.dp-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap;text-decoration:none;color:var(--ink);margin-bottom:8px}
.dp-kopf:hover b:first-child{color:var(--teal-d)}
.dp-summe{font-size:12px;color:var(--muted,#6b7476)}.dp-summe b{color:var(--ink);font-weight:600}
.dp-balken{display:flex;height:8px;border-radius:99px;overflow:hidden;gap:2px;margin-bottom:10px}
.dp-kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(104px,1fr));gap:8px}
.dp-k{display:flex;flex-direction:column;gap:2px;padding:9px 10px 8px;border-radius:10px;text-decoration:none;color:var(--ink);
  background:color-mix(in srgb,var(--sf) 9%,var(--surface,#fff));border-top:3px solid var(--sf);transition:transform .12s,box-shadow .12s}
.dp-k:hover{transform:translateY(-1px);box-shadow:0 6px 16px -10px var(--sf)}
.dp-kn{font-size:11.5px;font-weight:600;color:color-mix(in srgb,var(--sf) 75%,#000);line-height:1.25;min-height:2.5em}
.dp-kz{font-size:22px;font-weight:700;line-height:1.1}
.dp-kb{font-size:11px;color:var(--muted,#6b7476);line-height:1.3}
.dp-k.leer{background:var(--bg2,#f1f4f4);border-top-color:color-mix(in srgb,var(--sf) 35%,transparent)}
.dp-k.leer .dp-kz{color:var(--muted,#9aa3a5);font-weight:500}.dp-k.leer .dp-kn{color:var(--muted,#8a9092)}
.t-edit{margin-top:4px;font-size:12px}.t-edit summary{cursor:pointer;color:var(--teal-d);display:inline}
.t-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-top:8px;padding:10px;border-radius:10px;background:var(--bg2,#f3f6f6)}
.t-form label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--ink2)}.t-form label.breit{grid-column:1/-1}
.t-knoepfe{grid-column:1/-1;display:flex;gap:16px;align-items:center}

/* ================= Mobil (Tablet und Handy) ================= */
.nav-auf,.nav-zu,.such-auf,.tabbar,.nav-schleier{display:none}
@media(max-width:900px){
  .side{position:fixed;left:0;top:0;bottom:0;z-index:50;width:min(300px,84vw);height:100dvh;transform:translateX(-105%);transition:transform .22s ease;
        box-shadow:0 0 0 rgba(0,0,0,0);padding-top:max(18px,env(safe-area-inset-top))}
  body.nav-offen .side{transform:none;box-shadow:20px 0 60px -20px rgba(0,0,0,.4)}
  .nav-schleier{display:block;position:fixed;inset:0;z-index:49;background:rgba(10,20,22,.45);opacity:0;pointer-events:none;transition:opacity .2s}
  body.nav-offen .nav-schleier{opacity:1;pointer-events:auto}
  body.nav-offen{overflow:hidden}
  .nav-zu{display:grid;position:absolute;top:max(14px,env(safe-area-inset-top));right:10px}
  .nav-auf{display:grid;flex:none}
  .side nav a{padding:12px 12px}
  .topbar{padding:10px 14px;gap:10px;min-height:56px;padding-top:max(10px,env(safe-area-inset-top))}
  .topbar .crumb{flex:1;min-width:0}.topbar .crumb b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .topbar .crumb small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .syncpill{display:none}
  main{padding:16px 14px 28px}
}
@media(max-width:760px){
  body.app{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
  /* Suche: Lupe oben, Feld klappt ueber die Leiste */
  .such-auf{display:grid;flex:none}
  .topsearch{display:none}
  body.suche-offen .topsearch{display:flex;position:absolute;left:10px;right:10px;top:calc(100% - 4px);margin:0;z-index:20;box-shadow:0 12px 30px -12px rgba(0,0,0,.35)}
  body.suche-offen .topsearch .dropdown{max-height:70vh;overflow:auto}
  /* untere Leiste */
  .tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:40;
          background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(10px);border-top:1px solid var(--line);
          padding:6px 4px calc(6px + env(safe-area-inset-bottom))}
  .tabbar a,.tabbar button{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 2px;border:0;background:none;
          color:var(--ink2);font:inherit;font-size:10.5px;font-weight:500;text-decoration:none;cursor:pointer}
  .tabbar .ic{width:22px;height:22px}
  .tabbar a.on{color:var(--teal-d)}.tabbar a.on .ic{stroke-width:2.2}
  .tabbar em{position:absolute;top:0;left:calc(50% + 6px);font-style:normal;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--rose);color:#fff;font-size:10px;font-weight:700;display:grid;place-items:center}
  /* Eingaben: 16px, damit iOS nicht zoomt; grosse Tippflaechen */
  input,select,textarea{font-size:16px !important}
  .btn{min-height:40px}.iconbtn{min-width:36px;min-height:36px}
  .card{padding:16px 14px;border-radius:14px}
  h1{font-size:20px}
  .head{flex-wrap:wrap;gap:10px}
  /* Tabellen als Karten */
  table.list,table.list tbody,table.list tr,table.list td{display:block;width:100%}
  table.list thead{display:none}
  table.list{background:none;border:0;box-shadow:none}
  table.list tr{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px}
  table.list td{border:0;padding:3px 0;text-align:left !important}
  table.list td[data-label]:not(:first-child):not(:nth-child(2))::before{content:attr(data-label);display:inline-block;min-width:42%;color:var(--muted,#6b7476);font-size:11.5px}
  table.list td:empty{display:none}
  /* Register in der Akte und Filter: waagrecht wischen */
  .akte-tabs,.tabs,.kat-filter{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .akte-tabs::-webkit-scrollbar,.tabs::-webkit-scrollbar,.kat-filter::-webkit-scrollbar{display:none}
  .akte-tabs button,.tabs a,.kat-filter a{flex:none;white-space:nowrap}
  .tabs .sep{display:none}
  /* Kontaktakte */
  .akte-aktionen{grid-template-columns:1fr}
  .of-kopf{grid-template-columns:1fr;gap:4px}.of-betrag{text-align:left}
  .of-stufen{overflow-x:auto;flex-wrap:nowrap;max-width:100%}.of-stufen li{flex:none}
  .of-zeit{margin-left:0}
  .dok-zeile{grid-template-columns:1fr auto}.dok-zeile>span.muted{grid-column:1;font-size:11px}
  .dok-zeile .iconbtn{grid-row:1/3;grid-column:2}
  .pgrid{grid-template-columns:1fr}
  .notiz-zeile .wv{margin-left:0;width:100%}.notiz-zeile .wv input[type=date]{flex:1}
  .taskform .row{flex-wrap:wrap}
  .task{flex-wrap:wrap}.task .body{flex:1;min-width:0}
  .task .shift{width:100%;padding-left:36px}.task .shift input{width:100%}
  .t-form{grid-template-columns:1fr 1fr}
  /* IT IST Aufnahme */
  .izeile{grid-template-columns:1fr 1fr !important;display:grid}
  .izeile label.breit,.izeile .geo-suche{grid-column:1/-1}
  .izeile-knoepfe{grid-column:1/-1;justify-content:flex-end}
  .ab-grid{grid-template-columns:1fr}.ab-karte{grid-template-columns:72px 1fr}.ab-bild{width:72px;height:72px}
  .ninja-dlg{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;border-radius:0;margin:0}
  .nd-liste{max-height:calc(100dvh - 190px)}
  /* Offerte */
  .off-leiste{flex-wrap:wrap;gap:8px}
  .off-knoepfe{flex-direction:column;align-items:stretch}
  .zeile.e,.zeile.g,.paket-z1,.paket-z2{grid-template-columns:1fr !important}
  /* Dashboard */
  .dash-hinweis,.w-griff{display:none}
  .zone>.card .cardhead{padding-right:64px}
  .w-tools{opacity:.8}
  .kpis{gap:10px}
  .dp-kacheln{grid-template-columns:repeat(2,1fr)}
  /* Pipeline-Board: Spalten wischen */
  .board{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}
  .board .spalte{flex:0 0 82vw;scroll-snap-align:start}
  /* Services */
  .pz-opt{grid-template-columns:1fr}.pz-opt dt{margin-top:4px}
}
@media(max-width:760px){
  form.filter{flex-wrap:wrap;gap:8px}form.filter input[type=search],form.filter input[name=q]{flex:1 1 100%;width:100%}
  .seg{flex-wrap:wrap}.seg a,.seg label{white-space:nowrap}
  .t-form label{min-width:0}.t-form input,.t-form select,.t-form textarea{width:100%;min-width:0}
  .off-kopf .ok-zahlen{flex-wrap:wrap;gap:10px 18px}.off-stufe{flex-wrap:wrap}.off-stufe label,.off-stufe select{width:100%}
  .askbox{flex-wrap:wrap}.askbox input{min-width:0}
}
/* Schnellwahl Datum/Uhrzeit */
.tw{display:flex;flex-direction:column;gap:6px;min-width:0}
.tw-zeile{display:flex;flex-wrap:wrap;gap:6px}
.tw-chip{border:1px solid var(--line2,var(--line));background:var(--surface);color:var(--ink2);border-radius:99px;padding:6px 12px;font:inherit;font-size:12.5px;cursor:pointer;line-height:1.2;white-space:nowrap}
.tw-chip:hover{border-color:var(--teal);color:var(--teal-d)}
.tw-chip.an{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
.tw-z{padding:5px 10px;font-size:12px}
.tw-kal{position:relative;overflow:hidden}.tw-kal input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}
.tw-anzeige{font-size:12.5px;color:var(--muted,#6b7476)}.tw.gesetzt .tw-anzeige span{color:var(--teal-d);font-weight:600}
.notiz-zeile{align-items:flex-start}
.notiz-zeile .wv{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-left:0;flex:1;min-width:260px}
.wv-t{font-size:12px;font-weight:600;color:var(--ink2)}
.taskform .row{flex-wrap:wrap;align-items:flex-start}.tf-termin{flex:1 1 100%}
.t-kontakt{margin-top:8px}
.t-kontaktdaten{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12.5px;margin:3px 0}
.t-kontaktdaten a{color:var(--teal-d);text-decoration:none;font-weight:500}.t-kontaktdaten a:hover{text-decoration:underline}
@media(max-width:760px){.t-kontaktdaten a{padding:4px 0}.tw-chip{padding:8px 13px;font-size:13.5px}}
.t-shift{flex:none;font-size:12px;position:relative}.t-shift>summary{cursor:pointer;color:var(--teal-d);list-style:none;border:1px solid var(--line);border-radius:99px;padding:4px 10px;white-space:nowrap}
.t-shift>summary::-webkit-details-marker{display:none}
.t-shift[open]>summary{background:var(--teal-s)}
.t-shift form{position:absolute;right:0;top:calc(100% + 6px);z-index:15;width:260px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px;box-shadow:0 14px 30px -14px rgba(0,0,0,.35)}
@media(max-width:760px){.t-shift{width:100%;padding-left:36px}.t-shift form{position:static;width:auto;box-shadow:none;margin-top:6px}}

/* ================= Mehr Farbe ================= */
:root{--m-dash:var(--brand);--m-aufg:#16A34A;--m-suche:#8B5CF6;--m-kont:#2563EB;--m-off:#DB2777;--m-pipe:#F59E0B;--m-kat:#0891B2;--m-verw:#64748B;--m-ist:#EA580C;--m-komm:#DB2777;--m-serv:#2563EB}
body.app{background:radial-gradient(1200px 500px at 85% -10%,color-mix(in srgb,var(--teal) 9%,transparent),transparent 70%),
  radial-gradient(900px 400px at -10% 110%,color-mix(in srgb,#8B5CF6 6%,transparent),transparent 70%),var(--ground);background-attachment:fixed}
/* Seitenleiste: jedes Modul mit eigener Icon-Farbe */
.side nav a .ic{transition:color .15s}
.side nav a[href="/dashboard"]{--mf:var(--m-dash)}.side nav a[href="/aufgaben"]{--mf:var(--m-aufg)}.side nav a[href="/suche"]{--mf:var(--m-suche)}
.side nav a[href="/kontakte"]{--mf:var(--m-kont)}.side nav a[href="/analysen"]{--mf:var(--m-off)}.side nav a[href="/pipeline"]{--mf:var(--m-pipe)}
.side nav a[href="/katalog"]{--mf:var(--m-kat)}.side nav a[href^="/verwaltung"],.side nav a[href="/benutzer"],.side nav a[href="/rechte"],.side nav a[href="/abgleich"]{--mf:var(--m-verw)}
.side nav a:not(.on) .ic{color:var(--mf,var(--ink2))}
.side nav a:not(.on):hover{background:color-mix(in srgb,var(--mf,var(--teal)) 10%,transparent)}
.side nav a.on{background:linear-gradient(135deg,var(--mf,var(--teal-d)),color-mix(in srgb,var(--mf,var(--teal-d)) 75%,var(--ink)));box-shadow:0 8px 18px -10px var(--mf,var(--teal-d))}
.tabbar a[href="/dashboard"]{--mf:var(--m-dash)}.tabbar a[href="/aufgaben"]{--mf:var(--m-aufg)}.tabbar a[href="/kontakte"]{--mf:var(--m-kont)}.tabbar a[href="/analysen"]{--mf:var(--m-off)}
.tabbar a.on{color:var(--mf,var(--teal-d))}
/* Register der Kontaktakte farbig */
.akte-tabs button[data-tab="uebersicht"]{--mf:var(--m-dash)}.akte-tabs button[data-tab="services"]{--mf:var(--m-serv)}
.akte-tabs button[data-tab="kommunikation"]{--mf:var(--m-komm)}.akte-tabs button[data-tab="offerten"]{--mf:#8B5CF6}
.akte-tabs button[data-tab="ist"]{--mf:var(--m-ist)}.akte-tabs button[data-tab="aufgaben"]{--mf:var(--m-aufg)}
.akte-tabs button::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mf,var(--teal));opacity:.55}
.akte-tabs button.on{color:color-mix(in srgb,var(--mf,var(--teal)) 75%,var(--ink));border-bottom-color:var(--mf,var(--teal))}
.akte-tabs button.on::before{opacity:1}
.akte-tabs button .tab-n,.akte-tabs button.on .tab-n{background:color-mix(in srgb,var(--mf,var(--teal)) 14%,transparent);color:color-mix(in srgb,var(--mf,var(--teal)) 75%,var(--ink))}
/* Karten im jeweiligen Register mit Akzent oben */
[data-panel="uebersicht"]{--akz:var(--m-dash)}[data-panel="services"]{--akz:var(--m-serv)}[data-panel="kommunikation"]{--akz:var(--m-komm)}
[data-panel="offerten"]{--akz:#8B5CF6}[data-panel="ist"]{--akz:var(--m-ist)}[data-panel="aufgaben"]{--akz:var(--m-aufg)}
[data-panel] > section.card,[data-panel] > .grid > section.card,[data-panel] > .card{border-top:3px solid var(--akz)}
[data-panel] .card > h2,[data-panel] .cardhead h2{color:color-mix(in srgb,var(--akz) 70%,var(--ink))}
/* Status farbiger */
.pill.st-entwurf{background:#EEF2FF;color:#4F46E5}
.pill.st-bestellt{background:#F3E8FF;color:#7C3AED}
:root[data-theme="dark"] .pill.st-entwurf{background:#272a4a;color:#a5b4fc}
/* Aufgaben: Fälligkeit farbig */
.task.bald{box-shadow:inset 3px 0 0 var(--blue,#2563EB);padding-left:12px}
.due.ueberfaellig{color:var(--rose,#DB2777);font-weight:600}.due.heute{color:#D97706;font-weight:600}.due.bald{color:#2563EB}
.task .check{border-color:color-mix(in srgb,var(--m-aufg) 55%,var(--line2))}
.task .check:hover{background:color-mix(in srgb,var(--m-aufg) 12%,transparent)}
/* Seitentitel-Akzent */
.head h1{background:linear-gradient(90deg,var(--ink),color-mix(in srgb,var(--teal) 70%,var(--ink)));-webkit-background-clip:text;background-clip:text;color:transparent}
/* Tabellenkopf leicht getönt */
table.list thead th{background:color-mix(in srgb,var(--teal) 6%,var(--surface2))}
/* Lagebild */
.lagebild{border-top:3px solid transparent;border-image:linear-gradient(90deg,#8B5CF6,#DB2777,#F59E0B) 1;border-image-slice:1 0 0 0}
.lb-ic{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:linear-gradient(135deg,#8B5CF6,#DB2777);color:#fff;font-size:13px;margin-right:6px;vertical-align:-3px}
.lb-laden{display:none;color:#7C3AED;font-size:13px;margin:6px 0}.lagebild.htmx-request .lb-laden{display:block}
.lb-lage{font-size:14.5px;line-height:1.6;margin:6px 0 12px}
.lb-fakten{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.lb-fakten span{background:color-mix(in srgb,#8B5CF6 9%,var(--surface2));color:var(--ink2);border-radius:8px;padding:3px 10px;font-size:12.5px}
.lb-tipps{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.lb-tipp{--tf:#2563EB;border-radius:12px;padding:12px 14px;background:color-mix(in srgb,var(--tf) 7%,var(--surface));border-left:4px solid var(--tf)}
.lb-tipp.p-hoch{--tf:#DC2626}.lb-tipp.p-mittel{--tf:#F59E0B}.lb-tipp.p-tief{--tf:#16A34A}
.lb-tipp b{display:block;margin:4px 0 2px}.lb-tipp p{margin:0;font-size:13px;color:var(--ink2)}
.lb-tk{display:flex;justify-content:space-between;font-size:10.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--tf)}
.lb-prio{opacity:.8}
/* Mehr Luft in der IT IST Aufnahme und allgemein */
.sit-block{margin:26px 0;padding-top:20px;border-top:1px solid var(--line)}
.sit-block:first-of-type{border-top:0;padding-top:0}
.sit-block h3{margin:0 0 12px;line-height:1.4}
.sit-block h3 .muted{display:block;font-weight:400;margin-top:2px}
.sit-knoepfe{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:12px}
.sit-import{margin:16px 0}
h3.sit-h{margin:30px 0 14px;padding-top:20px;border-top:1px solid var(--line);line-height:1.4}
h3.sit-h .muted{display:block;font-weight:400;margin-top:2px}
.ablage .ab-drop{margin-top:4px}.ablage>p.muted{margin-top:14px}
.ab-filter{margin:18px 0 12px}
.ikat{margin-bottom:10px}
.card h2{line-height:1.35}.card h3{margin-top:18px}
.cardhead{margin-bottom:14px}
.of-karte,.lb-tipp{margin-bottom:12px}
.notizform textarea{margin-bottom:10px}
.note.note-p{margin:10px 0}
.task{padding:12px 4px}
.kal-meldung{margin:12px 0}
/* Laufende Services: Gruppen in einer Reihe sauber ausgerichtet (Kopf, Unterzeile, Liste je auf gleicher Linie) */
@supports (grid-template-rows:subgrid){
  .pgrid{grid-auto-rows:auto;row-gap:14px}
  .pgruppe{display:grid;grid-row:span 3;grid-template-rows:subgrid;row-gap:0;align-content:start}
  .pgruppe>.pg-kopf{align-self:start}.pgruppe>.pg-sub{align-self:end;margin-bottom:8px}.pgruppe>ul{align-self:start;margin:0}
}
@supports not (grid-template-rows:subgrid){.pg-kopf{min-height:2.9em}}
.pg-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
/* Kopf der Services-Karte: mehr Luft */
[data-panel="services"] .cardhead{margin-bottom:18px}
[data-panel="services"] .cardhead h2{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:6px}
[data-panel="services"] .cardhead h2 .btn{margin-left:4px !important}
[data-panel="services"] .cardhead .muted.small{line-height:1.6}
.eol-box{margin:0 0 20px;padding:12px 16px}
/* Rechnungen und Tickets */
.akte-tabs button[data-tab="rechnungen"]{--mf:#0891B2}.akte-tabs button[data-tab="tickets"]{--mf:#DC2626}
[data-panel="rechnungen"]{--akz:#0891B2}[data-panel="tickets"]{--akz:#DC2626}
[data-panel] > section.card.re,[data-panel] > section.card.tk{border-top:3px solid var(--akz)}
.re-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:14px}
.re-k{border-radius:12px;padding:10px 14px;background:color-mix(in srgb,#0891B2 7%,var(--surface2));display:flex;flex-direction:column}
.re-k small{color:var(--muted,#6b7476);font-size:11.5px}.re-k b{font-size:18px}.re-k span{font-size:11.5px;color:var(--muted,#6b7476)}
.re-k.warn{background:color-mix(in srgb,#F59E0B 12%,var(--surface))}.re-k.krit{background:color-mix(in srgb,#DC2626 10%,var(--surface))}.re-k.krit b{color:#B91C1C}
.re-mini{display:flex;align-items:flex-end;gap:3px;height:44px;margin:4px 0 16px}.re-mini span{flex:1;background:linear-gradient(#22D3EE,#0891B2);border-radius:3px 3px 0 0;min-height:2px}
.re-z{border-top:1px solid var(--line)}.re-z>summary{display:grid;grid-template-columns:150px 1fr auto;gap:12px;align-items:center;padding:10px 4px;cursor:pointer;list-style:none}
.re-z>summary::-webkit-details-marker{display:none}
.re-nr{display:flex;flex-direction:column}.re-nr small,.re-b small{font-size:11.5px;color:var(--muted,#6b7476)}
.re-b{text-align:right;display:flex;flex-direction:column}
.re-st{font-size:12.5px;font-weight:500}
.re-z.st-bezahlt .re-st{color:#16A34A}.re-z.st-offen .re-st{color:#D97706}.re-z.st-ueber .re-st{color:#DC2626;font-weight:600}.re-z.st-storno .re-st{color:var(--muted,#8a9092)}
.re-z.st-ueber{box-shadow:inset 3px 0 0 #DC2626}.re-z.st-offen{box-shadow:inset 3px 0 0 #F59E0B}
.re-det{padding:0 4px 8px}.re-pos{width:100%;border-collapse:collapse;font-size:12.5px}.re-pos td{padding:4px 6px;border-top:1px solid var(--line)}
.re-pos tfoot td{font-weight:600}.re-pos .r{text-align:right;white-space:nowrap}
.tk-z{border-top:1px solid var(--line)}.tk-z>summary{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;padding:11px 4px;cursor:pointer;list-style:none}
.tk-z>summary::-webkit-details-marker{display:none}
.tk-nr{font-weight:600;color:var(--muted,#6b7476);font-size:12.5px}
.tk-b{display:flex;flex-direction:column;min-width:0}.tk-b small,.tk-st small{font-size:11.5px;color:var(--muted,#6b7476)}
.tk-st{text-align:right;display:flex;flex-direction:column;align-items:flex-end}
.tk-status{font-size:11.5px;font-weight:600;padding:1px 9px;border-radius:99px;background:#FEE2E2;color:#B91C1C}
.tk-z.prio-high,.tk-z.prio-hoch{box-shadow:inset 3px 0 0 #DC2626}.tk-z.prio-medium{box-shadow:inset 3px 0 0 #F59E0B}.tk-z.prio-low{box-shadow:inset 3px 0 0 #16A34A}
.tk-verlauf{display:flex;flex-direction:column;gap:8px;padding:4px 4px 10px}
.tv{border-radius:10px;padding:8px 12px;background:var(--surface2);font-size:12.5px}.tv-padcom{background:color-mix(in srgb,var(--teal) 9%,var(--surface))}
.tv-k{color:var(--muted,#6b7476);font-size:11.5px;margin-bottom:3px}.tv-t{white-space:pre-wrap;word-break:break-word}
/* Dashboard Zahlungseingang */
.za-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}
.za-kpis>div{border-radius:12px;padding:10px 12px;background:color-mix(in srgb,#0891B2 7%,var(--surface2));display:flex;flex-direction:column}
.za-kpis small{font-size:11.5px;color:var(--muted,#6b7476)}.za-kpis b{font-size:17px}.za-kpis span{font-size:11.5px;color:var(--muted,#6b7476)}
.za-kpis span.plus{color:#16A34A}.za-kpis span.minus{color:#DC2626}
.za-kpis .offen{background:color-mix(in srgb,#F59E0B 12%,var(--surface))}.za-kpis .krit{background:color-mix(in srgb,#DC2626 10%,var(--surface))}.za-kpis .krit b{color:#B91C1C}
.za-chart{display:grid;grid-template-columns:repeat(12,1fr);gap:6px;height:150px;align-items:end;margin-bottom:6px}
.za-m{display:flex;flex-direction:column;align-items:center;height:100%;gap:4px}.za-m small{font-size:10.5px;color:var(--muted,#6b7476)}
.za-saeulen{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}
.za-saeulen span{width:42%;border-radius:4px 4px 0 0;min-height:2px}
.za-saeulen .vj{background:color-mix(in srgb,#0891B2 22%,var(--surface2))}.za-saeulen .akt{background:linear-gradient(#22D3EE,#0891B2)}.za-saeulen .akt.jetzt{background:linear-gradient(#5EEAD4,var(--teal))}
.za-top{margin-top:12px;border-top:1px solid var(--line);padding-top:10px}
.za-t{display:flex;justify-content:space-between;gap:10px;padding:5px 0;text-decoration:none;color:var(--ink);font-size:13px}.za-t:hover{color:var(--teal-d)}
.za-t .krit{color:#B91C1C;font-weight:600}.za-t small{font-weight:400}
@media(max-width:1000px){.za-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.za-chart{gap:3px;height:120px}.re-z>summary{grid-template-columns:1fr auto}.re-st{grid-column:1/-1;grid-row:2}.tk-z>summary{grid-template-columns:1fr auto}.tk-nr{display:none}}
.re-z>a,.tk-z>a{display:inline-block;margin:0 0 10px 12px}.re-det,.tk-verlauf{padding-left:12px}
/* Knowledgebase */
.side nav a[href="/wissen"]{--mf:#7C3AED}
.kb-suche{display:flex;gap:10px;margin-bottom:14px}.kb-suche input{flex:1;font-size:15px}
.kb-layout{display:grid;grid-template-columns:1fr 320px;gap:20px;align-items:start}
.kb-liste{display:flex;flex-direction:column;gap:10px}
.kb-karte{display:block;background:var(--surface);border:1px solid var(--line);border-left:4px solid #7C3AED;border-radius:12px;padding:12px 16px;text-decoration:none;color:var(--ink);transition:box-shadow .12s,transform .12s}
.kb-karte:hover{box-shadow:0 8px 20px -14px #7C3AED;transform:translateY(-1px)}
.kb-karte.st-entwurf{border-left-color:#F59E0B}.kb-karte.st-verworfen{border-left-color:var(--line2);opacity:.7}
.kb-k-kopf{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.kb-produkt{font-size:11px;font-weight:600;background:#F3E8FF;color:#6D28D9;border-radius:99px;padding:1px 9px;white-space:nowrap}
.kb-karte p{margin:4px 0 6px;font-size:13px;color:var(--ink2)}
.kb-k-fuss{display:flex;flex-wrap:wrap;gap:5px;align-items:center}.kb-tag{font-size:11px;background:var(--surface2);border-radius:6px;padding:1px 7px;color:var(--ink2)}
.kb-n{margin-left:auto}
.kb-stand h2{margin-bottom:8px}.kb-zahlen{display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin:0 0 10px;font-size:13px}.kb-zahlen dd{margin:0;font-weight:600;text-align:right}
.kb-lauf{font-size:12.5px;padding:8px 10px;border-radius:8px;background:var(--surface2)}.kb-lauf.an{background:#F3E8FF;color:#6D28D9}
.kb-start{display:flex;gap:8px;align-items:flex-end;margin:10px 0}.kb-start label{display:flex;flex-direction:column;font-size:11.5px;gap:3px}.kb-start input{width:80px}
.kb-artikel{display:flex;flex-direction:column;gap:12px;border-top:4px solid #7C3AED}.kb-artikel.st-entwurf{border-top-color:#F59E0B}
.kb-f{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--ink2)}.kb-f textarea,.kb-f input{font-weight:400}
.kb-loesung textarea{background:color-mix(in srgb,#16A34A 5%,var(--surface))}.kb-problem textarea{background:color-mix(in srgb,#DC2626 4%,var(--surface))}
.kb-zwei{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kb-status{display:flex;gap:10px;align-items:center}.kb-st{font-size:12px;font-weight:600;border-radius:99px;padding:2px 10px}
.kb-st.st-entwurf{background:#FEF3C7;color:#B45309}.kb-st.st-freigegeben{background:#DCFCE7;color:#15803D}.kb-st.st-verworfen{background:var(--surface2);color:var(--muted,#6b7476)}
.kb-knoepfe{display:flex;gap:10px;flex-wrap:wrap}.kb-frei{background:#16A34A;border-color:#16A34A}
.kb-tk{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-top:1px solid var(--line);font-size:13px}
.kb-vorschlag{margin:6px 12px;padding:8px 12px;border-radius:10px;background:#F3E8FF;font-size:12.5px}.kb-vorschlag a{color:#6D28D9;font-weight:600}
@media(max-width:900px){.kb-layout{grid-template-columns:1fr}.kb-zwei{grid-template-columns:1fr}}
/* Verwaltung hinter dem Zahnrad unten links */
.me{position:relative}
.verw{position:relative}
.verw>summary{list-style:none;cursor:pointer}.verw>summary::-webkit-details-marker{display:none}
.verw>summary .ic{color:var(--m-verw)}.verw[open]>summary,.verw>summary.on{background:color-mix(in srgb,var(--m-verw) 14%,transparent)}
.verw-menu{position:absolute;bottom:calc(100% + 10px);left:-6px;z-index:60;width:240px;background:var(--surface);border:1px solid var(--line);
  border-radius:14px;padding:8px;box-shadow:0 18px 40px -16px rgba(0,0,0,.35);display:flex;flex-direction:column;gap:2px}
.verw-menu .grp{padding:4px 10px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#8a9092)}
.verw-menu a{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:9px;color:var(--ink2);font-weight:500;text-decoration:none}
.verw-menu a .ic{color:var(--m-verw)}
.verw-menu a:hover{background:color-mix(in srgb,var(--m-verw) 10%,transparent);color:var(--ink)}
.verw-menu a.on{background:linear-gradient(135deg,var(--m-verw),color-mix(in srgb,var(--m-verw) 70%,var(--ink)));color:#fff}.verw-menu a.on .ic{color:#fff}
/* Pfad in der Verwaltung */
.crumb-pfad{display:flex;align-items:center;gap:6px;font-size:12px;margin-bottom:2px;flex-wrap:wrap}
.crumb-pfad button{border:0;background:none;font:inherit;cursor:pointer;padding:2px 6px;border-radius:6px;display:inline-flex;align-items:center;gap:5px}
.crumb-zurueck{color:var(--teal-d);font-weight:600;background:var(--teal-s) !important}.crumb-zurueck:hover{filter:brightness(.96)}
.crumb-link{color:var(--m-verw)}.crumb-link:hover{background:color-mix(in srgb,var(--m-verw) 12%,transparent)}.crumb-link .ic{width:14px;height:14px}
.crumb-sep{color:var(--muted,#9aa3a5)}.crumb-akt{font-weight:600;color:var(--ink2)}
.crumb-pfad+b{margin-top:1px}
/* Dashboard: ausblenden / breit */
.dash-aus{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 14px}
.w-tools{gap:4px}.w-aus:hover{color:#B91C1C}
.za-kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}
.za-kpis b{white-space:nowrap;font-size:clamp(14px,1.25vw,18px)}
.zone.voll .za-chart{height:190px}
.dash-aus[hidden]{display:none}
.dash{align-items:stretch}.dash>.zone{width:100%}
/* Knowledgebase übersichtlich */
.kb2{display:grid;grid-template-columns:270px 1fr;gap:24px;align-items:start}
.kb2-nav{position:sticky;top:86px;display:flex;flex-direction:column;gap:3px;max-height:calc(100vh - 100px);overflow:auto}
.kb2-suche input{width:100%;margin-bottom:10px}
.kb2-kat{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:9px;color:var(--ink2);text-decoration:none;font-size:13.5px}
.kb2-kat i{width:9px;height:9px;border-radius:50%;background:var(--gc,#7C3AED);flex:none}
.kb2-kat span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb2-kat em{font-style:normal;font-size:11.5px;color:var(--muted,#8a9092)}
.kb2-kat:hover{background:color-mix(in srgb,var(--gc,#7C3AED) 10%,transparent)}
.kb2-kat.on{background:color-mix(in srgb,var(--gc,#7C3AED) 15%,var(--surface));color:var(--ink);font-weight:600}
.kb2-archiv{margin-top:6px;border-top:1px solid var(--line);border-radius:0;padding-top:10px}
.kb2-lernen{margin-top:14px;border-top:1px solid var(--line);padding-top:10px}.kb2-lernen>summary{cursor:pointer;font-weight:600;font-size:13px;color:#6D28D9;padding:4px 2px}
.kb-stand{padding:8px 2px}
.kb2-kopf{display:flex;align-items:baseline;gap:14px;margin-bottom:14px}.kb2-kopf h1{margin:0}
.kb2-gruppe{background:var(--surface);border:1px solid var(--line);border-top:4px solid var(--gc,#7C3AED);border-radius:14px;padding:6px 6px 8px;margin-bottom:16px}
.kb2-gruppe h2{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--gc-t,#6D28D9);margin:8px 10px 6px}
.kb2-gruppe h2 i{width:9px;height:9px;border-radius:50%;background:var(--gc,#7C3AED)}.kb2-gruppe h2 small{color:var(--muted,#8a9092);font-weight:400}
.kb2-z{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:10px 12px;border-radius:10px;text-decoration:none;color:var(--ink)}
.kb2-z+.kb2-z{border-top:1px solid var(--line)}
.kb2-z:hover{background:color-mix(in srgb,var(--gc,#7C3AED) 7%,transparent)}
.kb2-t{display:flex;flex-direction:column;min-width:0}.kb2-t small{color:var(--muted,#6b7476);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb2-meta{display:flex;gap:8px;align-items:center;white-space:nowrap}
.kb-st.st-ersetzt{background:#E0E7FF;color:#4338CA}
.kb-lesen{border-top:4px solid var(--gc,#7C3AED);padding:24px 28px}
.kb-l-kopf{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.kb-kat{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--gc-t,#6D28D9);background:var(--gc-s,#F3E8FF);border-radius:99px;padding:2px 10px}
.kb-kat i{width:8px;height:8px;border-radius:50%;background:var(--gc,#7C3AED)}
.kb-titel{font-size:22px;margin:12px 0 16px;line-height:1.3}
.kb-ab{border-radius:12px;padding:12px 16px;margin-bottom:12px;--ab:#64748B;background:color-mix(in srgb,var(--ab) 6%,var(--surface));border-left:4px solid var(--ab)}
.kb-ab h3{margin:0 0 6px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ab)}
.kb-ab p{margin:0;line-height:1.6}.kb-ab ol,.kb-ab ul{margin:0;padding-left:22px;line-height:1.6}.kb-ab li+li{margin-top:4px}
.kb-ab-problem{--ab:#DC2626}.kb-ab-ursache{--ab:#D97706}.kb-ab-loesung{--ab:#16A34A}.kb-ab-vor{--ab:#2563EB}.kb-ab-hinweis{--ab:#7C3AED}
.kb-ab-loesung ol li::marker{font-weight:700;color:#16A34A}
.kb-tags{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 14px}
@media(max-width:900px){.kb2{grid-template-columns:1fr}.kb2-nav{position:static;max-height:none;flex-direction:row;flex-wrap:nowrap;overflow-x:auto}
  .kb2-suche{flex:0 0 100%}.kb2-nav{flex-wrap:wrap}.kb2-kat{flex:none}.kb2-lernen{flex:0 0 100%}.kb-lesen{padding:18px}.kb2-z{grid-template-columns:1fr}.kb2-meta{white-space:normal}}
/* Zahlungseingang: wiederkehrend vs. einmalig */
.za-kpis .wk{background:color-mix(in srgb,var(--teal) 12%,var(--surface))}
.za-kpis span.plus,.za-kpis span.minus{font-weight:600}
.za-saeulen span{position:relative;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.za-saeulen span em{display:block;width:100%}
.za-saeulen .akt{background:linear-gradient(#67E8F9,#22D3EE)}.za-saeulen .akt em{background:linear-gradient(#14B8A6,var(--brand))}
.za-saeulen .akt.jetzt{background:linear-gradient(#A5F3FC,#67E8F9)}
.za-saeulen .vj{background:color-mix(in srgb,#0891B2 14%,var(--surface2))}.za-saeulen .vj em{background:color-mix(in srgb,var(--brand) 30%,var(--surface2))}
.za-legende{display:flex;flex-wrap:wrap;gap:14px;font-size:11.5px;color:var(--ink2);margin:0 0 6px}
.za-legende i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.l-wk{background:var(--brand)}.l-ew{background:#22D3EE}.l-vj{background:color-mix(in srgb,#0891B2 14%,#eef3f4)}.l-vjwk{background:color-mix(in srgb,var(--brand) 30%,#eef3f4)}
/* Zahlungseingang Monatsansicht */
.zm-nav{display:flex;align-items:center;gap:10px;margin-bottom:14px}
.zm-nav .iconbtn{font-size:20px;line-height:1;border:1px solid var(--line);border-radius:10px;width:36px;height:36px}
.zm-nav .iconbtn:disabled{opacity:.3;cursor:default}
.zm-titel{display:flex;flex-direction:column;min-width:170px;text-align:center}.zm-titel b{font-size:17px}.zm-titel small{color:var(--muted,#6b7476);font-size:11.5px}
.zm-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}
.zm-hero{border-radius:14px;padding:16px 18px;background:color-mix(in srgb,var(--teal) 6%,var(--surface2))}
.zm-hero>small{color:var(--muted,#6b7476)}.zm-hero>b{display:block;font-size:32px;line-height:1.15;margin:2px 0 6px}
.zm-deltas{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:14px}
.zm-delta{font-weight:600;font-size:13px}.zm-delta small{font-weight:400;color:var(--muted,#6b7476)}
.zm-delta.plus{color:#15803D}.zm-delta.minus{color:#B91C1C}
.zm-balken{display:flex;gap:2px;height:14px;border-radius:7px;overflow:hidden;background:var(--line);margin-bottom:10px}
.zm-balken span{display:block;height:100%}.b-wk,.l-wk{background:var(--brand)}.b-ew,.l-ew{background:#38BDF8}.b-ohne,.l-ohne{background:#CBD5E1}
.zm-tab{width:100%;border-collapse:collapse;font-size:13px}.zm-tab td{padding:5px 4px;border-top:1px solid var(--line)}.zm-tab .r{text-align:right;white-space:nowrap}
.zm-tab i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.zm-seite{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}
.zm-k{border-radius:12px;padding:10px 12px;background:color-mix(in srgb,#0891B2 7%,var(--surface2));display:flex;flex-direction:column;gap:2px}
.zm-k small{font-size:11.5px;color:var(--muted,#6b7476)}.zm-k b{font-size:18px;white-space:nowrap}
.zm-k.wk{background:color-mix(in srgb,var(--teal) 12%,var(--surface))}.zm-k.offen{background:color-mix(in srgb,#F59E0B 12%,var(--surface))}
.zm-k.krit{background:color-mix(in srgb,#DC2626 10%,var(--surface))}.zm-k.krit b{color:#B91C1C}
.zm-listen{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.zm.htmx-request{opacity:.5;transition:opacity .2s}
/* Aufteilung wiederkehrend / einmalig */
.zm-aufteilung{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:16px;border-top:1px solid var(--line);padding-top:12px}
.zm-aufteilung .sub i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:6px}
.zm-gruppen th{font-weight:500;font-size:11px;text-align:left;padding:2px 4px}.zm-gruppen th.r{text-align:right}
.zm-mini{display:inline-block;width:46px;height:6px;border-radius:3px;background:#eef3f4;margin-right:6px;vertical-align:1px;overflow:hidden}
.zm-mini i{display:block!important;height:100%;width:0;margin:0!important;border-radius:3px}
.zm-gruppen.wk .zm-mini i{background:var(--brand)}.zm-gruppen.ew .zm-mini i{background:#38BDF8}
.zm-lade{margin-top:14px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,#38BDF8 10%,#fff);font-size:13px;display:grid;gap:6px}
.zm-lade-b{height:6px;border-radius:3px;background:#e2e8f0;overflow:hidden}.zm-lade-b i{display:block;height:100%;background:var(--brand)}
@media(max-width:1000px){.zm-grid,.zm-listen,.zm-aufteilung{grid-template-columns:1fr}}
@media(max-width:760px){.zm-hero>b{font-size:26px}.zm-seite{grid-template-columns:1fr 1fr}}

/* Zahlungsmoral */
.zm-note b i{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:7px;font-style:normal;color:#fff;margin-right:6px;font-size:13px}
.zm-note.n-A b i{background:#059669}.zm-note.n-B b i{background:var(--brand)}.zm-note.n-C b i{background:#D97706}.zm-note.n-D b i{background:#DC2626}
.zm-note span{font-size:12px;color:var(--muted)}
.zm-note b{font-size:15px;display:flex;align-items:center}

/* Offene Rechnungen: Altersstufen und Zeilen */
.re-stufen{display:flex;flex-wrap:wrap;gap:8px;margin:2px 0 14px}
.re-chip{display:inline-flex;align-items:baseline;gap:8px;padding:6px 12px;border-radius:999px;font-size:13px;border:1px solid transparent}
.re-chip small{font-size:11.5px;opacity:.85}.re-chip em{font-style:normal;font-size:11.5px;opacity:.7}
.re-chip.a-nf,.re-z.a-nf .re-tag{background:#F1F5F9;color:#475569}
.re-chip.a-s1,.re-z.a-s1 .re-tag{background:#FEF3C7;color:#92400E}
.re-chip.a-s2,.re-z.a-s2 .re-tag{background:#FFEDD5;color:#9A3412}
.re-chip.a-s3,.re-z.a-s3 .re-tag{background:#FEE2E2;color:#B91C1C}
.re-chip.a-s4,.re-z.a-s4 .re-tag{background:#B91C1C;color:#fff}
.re-z>summary{grid-template-columns:170px 1fr auto}
.re-fae{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.re-fae small{font-size:12px;color:var(--muted,#6b7476);min-width:110px}
.re-tag{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}
.re-tag.ink{background:#1E293B!important;color:#fff!important}
.re-z.a-nf{box-shadow:inset 3px 0 0 #CBD5E1}.re-z.a-s1{box-shadow:inset 3px 0 0 #F59E0B}.re-z.a-s2{box-shadow:inset 3px 0 0 #EA580C}
.re-z.a-s3,.re-z.a-s4{box-shadow:inset 3px 0 0 #DC2626}
.re-z>summary .re-nr,.re-z>summary .re-fae{padding-left:10px}
.re-b b{font-size:15px}
.re-leer{padding:18px;border-radius:12px;background:#ECFDF5;color:#047857;font-weight:600;text-align:center}
@media(max-width:760px){.re-z>summary{grid-template-columns:1fr auto}.re-fae{grid-column:1/-1;grid-row:2}}

/* Lagebild ruhiger: kurze Lage, Fakten als Zeile, Schritte als aufklappbare Liste */
.lagebild .lb-lage{font-size:14px;line-height:1.55;margin:4px 0 6px;max-width:900px}
.lagebild .lb-fakten{display:block;margin:0 0 14px;font-size:12.5px;color:var(--muted,#6b7476)}
.lagebild .lb-fakten span{background:none;padding:0;border-radius:0}
.lagebild .lb-fakten span+span::before{content:"·";margin:0 8px;color:#C4B5FD}
.lb-liste{border-top:1px solid var(--line)}
.lb-kopf{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted,#6b7476);padding:10px 2px 4px}
.lb-kopf small{display:inline-block;margin-left:6px;background:color-mix(in srgb,#8B5CF6 12%,var(--surface));color:#6D28D9;border-radius:999px;padding:0 7px;font-size:10.5px}
.lb-z{border-bottom:1px solid var(--line)}
.lb-z>summary{display:grid;grid-template-columns:12px 78px 1fr 14px;gap:10px;align-items:center;padding:9px 2px;cursor:pointer;list-style:none}
.lb-z>summary::-webkit-details-marker,.lb-mehr>summary::-webkit-details-marker{display:none}
.lb-z>summary b{font-weight:600;font-size:13.5px}
.lb-dot{width:9px;height:9px;border-radius:50%;background:#16A34A}.lb-z.p-hoch .lb-dot{background:#DC2626}.lb-z.p-mittel .lb-dot{background:#F59E0B}
.lb-z .lb-art{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#6b7476)}
.lb-pfeil{color:var(--muted,#9aa1a3);transition:transform .15s}.lb-z[open] .lb-pfeil{transform:rotate(90deg)}
.lb-z>p{margin:0 0 10px 110px;font-size:13px;color:var(--ink2);line-height:1.5}
.lb-mehr>summary{cursor:pointer;list-style:none;font-size:12.5px;color:#6D28D9;padding:8px 2px}
@media(max-width:760px){.lb-z>summary{grid-template-columns:12px 1fr 14px}.lb-z .lb-art{display:none}.lb-z>p{margin-left:22px}}

/* Clarity: Umfang und Preis */
.cl-zahlen{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:14px 0 14px}
.cl-z{display:flex;flex-direction:column;gap:6px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}
.cl-l{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
.cl-feld{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:0 10px}
.cl-feld:focus-within{border-color:#0891B2;box-shadow:0 0 0 3px color-mix(in srgb,#0891B2 18%,transparent)}
.cl-feld input{border:0!important;box-shadow:none!important;background:transparent;font-size:20px;font-weight:600;padding:6px 0;width:100%;min-width:0}
.cl-feld em,.cl-feld i{font-style:normal;font-size:12px;color:var(--ink3);white-space:nowrap}.cl-feld i{font-weight:600}
.cl-z small{font-size:11.5px;color:var(--ink3)}
.cl-total{background:linear-gradient(135deg,color-mix(in srgb,var(--brand) 12%,var(--surface)),color-mix(in srgb,#22D3EE 10%,var(--surface)));border-color:color-mix(in srgb,var(--brand) 30%,var(--line))}
.cl-total b{font-size:22px;color:var(--brand);padding:6px 0}
.cl-person{max-width:520px;margin-bottom:6px}
.cl-b{transition:border-color .15s,background .15s;opacity:.7}
.cl-b:has(input:checked){opacity:1;border-color:color-mix(in srgb,var(--brand) 45%,var(--line));background:color-mix(in srgb,var(--brand) 6%,var(--surface))}
.cl-b input{accent-color:var(--brand)}
@media(max-width:1100px){.cl-zahlen{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-total{grid-column:1/-1}}
@media(max-width:600px){.cl-zahlen{grid-template-columns:1fr}}

/* Register der Akte: gleitender Unterstrich und eingleitender Inhalt */
.akte-tabs{position:relative}
.akte-tabs button{border-bottom-color:transparent!important;transition:color .2s}
.akte-tabs button .tab-n{transition:background .25s,color .25s}
.tab-strich{position:absolute;left:0;bottom:0;height:3px;width:0;border-radius:3px 3px 0 0;background:linear-gradient(90deg,var(--teal-d),#22D3EE);
  transition:transform .35s cubic-bezier(.2,.8,.2,1),width .35s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.tab-rein{animation:tabRein .38s cubic-bezier(.2,.8,.2,1) both}
.tab-rein.von-links{--tx:-24px}.tab-rein.von-rechts{--tx:24px}
.tab-rein>*{animation:tabKind .45s cubic-bezier(.2,.8,.2,1) both}
.tab-rein>*:nth-child(2){animation-delay:.05s}.tab-rein>*:nth-child(3){animation-delay:.1s}.tab-rein>*:nth-child(n+4){animation-delay:.14s}
@keyframes tabRein{from{opacity:0;transform:translateX(var(--tx,0))}to{opacity:1;transform:none}}
@keyframes tabKind{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.tab-strich,.tab-rein,.tab-rein>*{transition:none;animation:none}}

/* IT IST Aufnahme Schritt für Schritt */
.wz-nav{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 12px;margin:6px 0 10px;border-bottom:1px solid var(--line);scrollbar-width:thin}
.wz-s{flex:0 0 auto;display:flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:5px 12px 5px 5px;font:inherit;font-size:12.5px;color:var(--ink2);cursor:pointer;max-width:220px;transition:all .2s}
.wz-s span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wz-s i{font-style:normal;display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#E2E8F0;color:#475569;font-size:11px;font-weight:700}
.wz-s.aus{opacity:.6}.wz-s.an i{background:#FEF3C7;color:#92400E}.wz-s.voll i{background:#059669;color:#fff}
.wz-s.akt{border-color:var(--teal-d);background:color-mix(in srgb,var(--teal-d) 8%,var(--surface));color:var(--ink);opacity:1;box-shadow:0 2px 8px color-mix(in srgb,var(--teal-d) 18%,transparent)}
.wz-s.akt i{background:var(--teal-d);color:#fff}
.wz-kopf{margin:6px 0 14px}.wz-kopf h3{margin:2px 0 4px;font-size:18px}
.wz-nr{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--teal-d)}
.wz-frage{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:14px}
.wz-jn{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;border:1px solid var(--line);border-radius:999px;cursor:pointer;font-weight:600;background:var(--surface)}
.wz-jn input{position:absolute;opacity:0;pointer-events:none}
.wz-jn.ja{background:#059669;border-color:#059669;color:#fff}.wz-jn.nein{background:#F1F5F9;color:#475569}
.wz-felder{animation:tabKind .35s cubic-bezier(.2,.8,.2,1) both}
.wz-leer{padding:22px;border:1px dashed var(--line);border-radius:12px;color:var(--ink3);text-align:center}
.wz-fuss{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}
.wz-ende{display:grid;gap:6px}
.wz-ez{display:grid;grid-template-columns:1fr auto 90px;gap:12px;align-items:center;text-align:left;font:inherit;font-size:13.5px;border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 14px;cursor:pointer}
.wz-ez:hover{border-color:var(--teal-d)}.wz-ez em{font-style:normal;font-size:12px;color:var(--teal-d);text-align:right}
.wz-tag{font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 10px}
.wz-tag.aus{background:#F1F5F9;color:#64748B}.wz-tag.an{background:#FEF3C7;color:#92400E}.wz-tag.voll{background:#D1FAE5;color:#047857}
@media(max-width:760px){.wz-s span{display:none}.wz-s{padding:4px}.wz-s.akt span{display:inline}.wz-ez{grid-template-columns:1fr auto}.wz-ez em{display:none}.wz-fuss .btn{padding:8px 12px}}

/* Register Angebote: neue Angebotsart wählen */
.ang-neu{margin-bottom:18px}
.ang-neu-kopf{display:flex;gap:10px;align-items:baseline;margin:0 2px 10px}.ang-neu-kopf b{font-size:15px}
.ang-arten{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}
.ang-art{--af:var(--teal-d);position:relative;display:flex;align-items:center;gap:14px;text-align:left;font:inherit;padding:16px 44px 16px 16px;border-radius:var(--r);
  border:1px solid var(--line);border-top:3px solid var(--af);background:var(--surface);color:var(--ink);cursor:pointer;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s,border-color .15s}
.ang-art:hover{transform:translateY(-2px);box-shadow:0 8px 22px color-mix(in srgb,var(--af) 18%,transparent);border-color:color-mix(in srgb,var(--af) 40%,var(--line));border-top-color:var(--af)}
.ang-art .a-ic{background:color-mix(in srgb,var(--af) 12%,var(--surface));color:var(--af)}
.ang-art b{display:block;font-size:15px}.ang-art small{color:var(--ink3);font-size:12px;line-height:1.4}
.ang-art em{position:absolute;right:14px;top:50%;transform:translateY(-50%);font-style:normal;font-size:20px;font-weight:600;color:var(--af);opacity:.6}
.ang-art:hover em{opacity:1}
.ang-art.f-violett{--af:#7C3AED}
.ang-art.bald{--af:#94A3B8;cursor:default;box-shadow:none;border-style:dashed;border-top-style:solid;opacity:.7}.ang-art.bald:hover{transform:none;box-shadow:none}

/* IT IST Aufnahme: weniger Text */
.wz-nav{flex-wrap:wrap;overflow:visible;gap:5px;padding-bottom:10px}
.wz-s{padding:3px;max-width:none}.wz-s.akt{padding-right:12px}
.wz-kopf h3 .muted{font-weight:400;font-size:12.5px;margin-left:6px}
.wz-zeile{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.wz-zeile .wz-frage{margin-top:0}
.wz-i{display:inline-grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#E2E8F0;color:#64748B;font-size:9.5px;font-style:normal;font-weight:700;margin-left:3px;cursor:help;vertical-align:1px}
.wz-start .sit-block{margin-top:10px;padding-top:0;border-top:0}
.wz-leer{padding:14px}

.ab-liste{margin-top:12px}.ab-liste>summary{cursor:pointer;list-style:none;font-size:13px;font-weight:600;padding:8px 2px}
.ab-liste>summary::-webkit-details-marker{display:none}.ab-liste>summary span{color:var(--teal-d);font-weight:500;margin-left:6px}
.ab-liste[open]>summary span{display:none}

/* ================= Mail (Postfach live aus M365) ================= */
.nav-zaehler{margin-left:auto;display:contents}
.mail-hinweis{padding:10px 14px;border-radius:10px;background:var(--teal-s);color:var(--teal-d);font-size:13px;margin:10px}
.mail-hinweis.err{background:var(--crit-s);color:var(--crit)}
.mail-leer{display:grid;place-items:center;text-align:center;color:var(--ink3);padding:40px 16px;font-size:13px}
.mail-leer .ic{width:40px;height:40px;opacity:.4}
.mail-app{display:grid;grid-template-columns:230px minmax(300px,380px) minmax(0,1fr);height:calc(100vh - 66px);background:var(--surface)}
.mail-ordner{border-right:1px solid var(--line);padding:14px 10px;overflow:auto;background:var(--ground)}
.mail-ordner>.btn{margin-bottom:12px}
.mo-liste{display:flex;flex-direction:column;gap:1px}
.mo-liste a{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:9px;color:var(--ink2);font-size:13px;font-weight:500}
.mo-liste a span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mo-liste a .ic{width:16px;height:16px}.mo-liste a.sub{padding-left:28px;font-weight:400}
.mo-liste a:hover{background:var(--surface)}.mo-liste a.on{background:var(--teal-s);color:var(--teal-d)}
.mo-liste em{font-style:normal;font-size:11px;font-weight:600;color:var(--teal-d)}.mo-liste i{font-style:normal;font-size:11px;color:var(--ink3)}
.mail-liste-sp{display:flex;flex-direction:column;border-right:1px solid var(--line);min-height:0}
.mail-such{display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid var(--line);color:var(--ink3)}
.mail-such input[name=q]{border:0;background:transparent;padding:6px 4px;box-shadow:none}
.mail-such .chk{font-size:12px}.mail-such .iconbtn.on{color:var(--teal-d);background:var(--teal-s)}
.mail-ordner-auf{display:none}
.mail-liste-titel{padding:10px 16px 6px;font-size:13px}
.mail-liste{flex:1;overflow:auto;min-height:0}
.ml-z{display:grid;grid-template-columns:1fr auto;gap:1px 8px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);
  padding:10px 16px 10px 13px;border-left:3px solid transparent;font:inherit;color:var(--ink);cursor:pointer}
.ml-z:hover{background:var(--surface2)}.ml-z.on{background:var(--teal-s);border-left-color:var(--teal-d)}
.ml-z.neu{border-left-color:var(--teal)}.ml-z.neu .ml-von,.ml-z.neu .ml-betreff{font-weight:600}.ml-z.neu .ml-betreff{color:var(--teal-d)}
.ml-von{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ml-zeit{font-size:11.5px;color:var(--ink3);display:flex;align-items:center;gap:4px;white-space:nowrap}.ml-zeit .ic{width:13px;height:13px}
.ml-flag{color:var(--rose);display:inline-flex}
.ml-betreff{grid-column:1/-1;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ml-vorschau{grid-column:1/-1;font-size:12px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ml-wichtig{color:var(--crit)}.ml-entwurf{color:var(--crit);font-size:12px}
.ml-mehr{display:block;width:100%;padding:14px;background:none;border:0;color:var(--teal-d);font:inherit;cursor:pointer}
.mail-lesen{display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto}
.mr-kopf{padding:12px 22px 10px;border-bottom:1px solid var(--line)}
.mr-werkzeug{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:10px}.mr-werkzeug h2{margin:0}
.mr-luecke{flex:1}.mr-akt{display:flex;align-items:center;gap:2px;margin:0}.mr-akt .iconbtn.on{color:var(--rose)}
.mr-zurueck{display:none}
.mr-verschieben{position:relative}.mr-verschieben>summary{list-style:none}.mr-verschieben>summary::-webkit-details-marker{display:none}
.mr-menue{position:absolute;right:0;top:36px;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);
  padding:6px;min-width:220px;max-height:360px;overflow:auto;display:flex;flex-direction:column}
.mr-ziel{text-align:left;background:none;border:0;padding:7px 10px;border-radius:8px;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}
.mr-ziel:hover{background:var(--teal-s)}.mr-ziel.sub{padding-left:24px}
.mr-betreff{font-size:18px;margin:0 0 10px}
.mr-meta{display:flex;align-items:flex-start;gap:12px}.mr-wer{flex:1;min-width:0}.mr-wer .small{overflow-wrap:anywhere}.mr-zeit{white-space:nowrap}
.mr-kontakt,.mr-anhaenge{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}
.mr-kontakt .chip,.mr-anhaenge .chip{display:inline-flex;align-items:center;gap:6px}.mr-anhaenge .ic,.mr-kontakt .ic{width:14px;height:14px}
.mr-bilder{margin-top:10px;font-size:12.5px;color:var(--ink2);background:var(--surface2);border-radius:8px;padding:6px 10px;display:flex;align-items:center;gap:6px}
.mr-bilder .ic{width:15px;height:15px}
.mr-inhalt{flex:1;width:100%;min-height:420px;border:0;background:#fff}
.ms-form{display:flex;flex-direction:column;gap:8px;padding:12px 22px 22px}
.ms-z{display:grid;grid-template-columns:70px 1fr;align-items:center;gap:8px;font-size:13px;color:var(--ink2)}
.ms-bcc summary{cursor:pointer;margin-left:78px}
.ms-text{min-height:260px;resize:vertical}
.ms-anhang{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--ink2)}.ms-anhang input{width:auto;border:0;padding:0}
.ms-zitat{background:var(--surface2);border-radius:8px;padding:8px 12px}
.mk-liste{display:flex;flex-direction:column}
.mk-z{display:grid;grid-template-columns:120px 200px 1fr;gap:12px;padding:8px 4px;border-bottom:1px solid var(--line);color:var(--ink);font-size:13px}
.mk-z:last-child{border-bottom:0}.mk-z:hover{background:var(--surface2)}.mk-z.neu .mk-betreff{font-weight:600}
.mk-von,.mk-betreff{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mk-betreff .ic{width:13px;height:13px;margin-right:4px;vertical-align:-2px}
@media(max-width:1200px){.mail-app{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.mail-ordner{display:none}
  .mail-ordner-auf{display:grid}.mail-app.ordner-offen .mail-ordner{display:block;position:fixed;z-index:30;left:0;top:66px;bottom:0;width:260px;box-shadow:var(--shadow)}}
@media(max-width:900px){
  .mail-app{grid-template-columns:1fr;height:calc(100vh - 66px - 64px)}
  .mail-app .mail-lesen{display:none}.mail-app.lesend .mail-lesen{display:flex}.mail-app.lesend .mail-liste-sp{display:none}
  .mr-zurueck{display:grid}.mr-kopf,.ms-form{padding:10px 14px}.mr-lang{display:none}
  .mk-z{grid-template-columns:1fr auto}.mk-z .mk-zeit{order:2}.mk-betreff{grid-column:1/-1}
}

/* ================= Kalender ================= */
.kal{padding:18px 24px 24px;display:flex;flex-direction:column;height:calc(100vh - 66px)}
.kal-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.kal-nav{display:flex;align-items:center;gap:6px}.kal-nav h1{font-size:20px;margin-left:8px}
.kal-wahl{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kal-kollegen{position:relative}.kal-kollegen>summary{list-style:none}.kal-kollegen>summary::-webkit-details-marker{display:none}
.kal-kollegen-menu{position:absolute;right:0;top:40px;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:12px;min-width:240px;display:flex;flex-direction:column;gap:8px}
.kal-punkt{width:10px;height:10px;border-radius:50%;display:inline-block}
.kt{display:flex;flex-direction:column;align-items:flex-start;gap:0;width:100%;height:100%;overflow:hidden;text-align:left;font:inherit;font-size:12px;line-height:1.3;
  background:color-mix(in srgb,var(--f) 14%,var(--surface));border:0;border-left:3px solid var(--f);border-radius:6px;padding:3px 6px;color:var(--ink);cursor:pointer}
.kt:hover{background:color-mix(in srgb,var(--f) 24%,var(--surface))}
.kt-zeit{font-size:11px;color:var(--ink2)}.kt-titel{font-weight:500;overflow:hidden;text-overflow:ellipsis;max-width:100%}.kt-titel .ic{width:12px;height:12px;margin-right:3px;vertical-align:-2px}
.kt-ort{font-size:11px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.kt-tentative{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--f) 14%,var(--surface)) 0 6px,var(--surface) 6px 12px)}
.kt-free{opacity:.7}.kt-offen{border-style:dashed;border-width:1px 1px 1px 3px;border-color:var(--f)}
.kt-kollege{cursor:default;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--f) 10%,var(--surface)) 0 5px,color-mix(in srgb,var(--f) 20%,var(--surface)) 5px 10px)}
.kt-wer{font-size:10px;font-weight:700;color:var(--f)}
.kal-woche{flex:1;min-height:0;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);overflow:hidden}
.kw-kopf,.kw-ganz{display:grid;grid-template-columns:56px repeat(var(--n),minmax(0,1fr));border-bottom:1px solid var(--line)}
.kw-tag{display:flex;flex-direction:column;align-items:center;padding:6px 0;color:var(--ink2);font-size:12px;border-left:1px solid var(--line)}
.kw-tag b{font-size:18px;font-weight:600;color:var(--ink);width:34px;height:34px;display:grid;place-items:center;border-radius:50%}
.kw-tag.heute b{background:var(--teal-d);color:#fff}
.kw-ecke{display:grid;place-items:center;font-size:10px}
.kw-ganz-z{border-left:1px solid var(--line);padding:3px;display:flex;flex-direction:column;gap:2px;min-width:0}.kw-ganz-z .kt{height:auto}
.kw-raster{flex:1;overflow:auto;display:grid;grid-template-columns:56px repeat(var(--n),minmax(0,1fr));min-height:0}
.kw-std div{position:relative;font-size:11px;color:var(--ink3)}.kw-std span{position:absolute;top:-8px;right:8px}.kw-std div:first-child span{display:none}
.kw-spalte{position:relative;border-left:1px solid var(--line)}.kw-spalte.we{background:var(--surface2)}.kw-spalte.heute{background:color-mix(in srgb,var(--teal) 5%,var(--surface))}
.kw-slot{display:block;width:100%;border:0;border-top:1px solid var(--line);background:none;cursor:pointer;padding:0}
.kw-slot:hover{background:var(--teal-s)}
.kw-t{position:absolute;padding:1px 0 1px 2px;z-index:1}.kw-t .kt{box-shadow:0 1px 2px rgba(0,0,0,.06)}
.kw-jetzt{position:absolute;left:0;right:0;height:2px;background:var(--rose);z-index:2;pointer-events:none}
.kw-jetzt::before{content:"";position:absolute;left:-5px;top:-4px;width:10px;height:10px;border-radius:50%;background:var(--rose)}
.kal-monat{flex:1;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:auto repeat(6,minmax(0,1fr));border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:var(--surface);min-height:0}
.km-kopf{padding:6px 8px;font-size:12px;color:var(--ink3);border-bottom:1px solid var(--line);text-align:center}
.km-tag{position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:4px;display:flex;flex-direction:column;gap:2px;min-height:90px;overflow:hidden}
.km-tag.fremd{background:var(--surface2)}.km-tag.fremd .km-nr{color:var(--ink3)}
.km-nr{font-size:12px;font-weight:600;color:var(--ink);width:24px;height:24px;display:grid;place-items:center;border-radius:50%}.km-tag.heute .km-nr{background:var(--teal-d);color:#fff}
.km-neu{position:absolute;top:4px;right:4px;border:0;background:none;color:var(--ink3);font-size:16px;cursor:pointer;opacity:0;border-radius:6px;width:22px;height:22px}
.km-tag:hover .km-neu{opacity:1}.km-neu:hover{background:var(--teal-s);color:var(--teal-d)}
.km-tag .kt{height:auto;flex-direction:row;gap:4px;padding:1px 5px;font-size:11.5px;white-space:nowrap}.km-tag .kt-titel{white-space:nowrap}
.km-mehr{font-size:11px;padding-left:4px}
.kal-agenda{display:none}
.ka-tag{font-size:12px;font-weight:600;color:var(--ink2);padding:12px 2px 4px;text-transform:uppercase;letter-spacing:.05em}.ka-tag.heute{color:var(--teal-d)}
.ka-z{display:grid;grid-template-columns:96px 1fr;gap:8px;align-items:center;margin-bottom:4px}.ka-zeit{font-size:12px;color:var(--ink2)}.ka-z .kt{height:auto;padding:6px 8px}
.kal-dialog{border:0;border-radius:16px;padding:0;width:min(620px,94vw);max-height:90vh;background:var(--surface);color:var(--ink);box-shadow:0 30px 80px -20px rgba(0,0,0,.45)}
.kal-dialog::backdrop{background:rgba(12,20,22,.45)}
#kal-dialog-inhalt{padding:18px 22px 22px}
.kd-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.kd-titel{font-size:17px;color:var(--ink);margin:0 0 12px}
.kd-form{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px}
.kd-form label:not(.chk){display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--ink2)}.kd-form select{width:100%}
.kd-voll{grid-column:1/-1}.kd-form.ganztag .kd-zeit{display:none}
.kd-aktionen{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:6px}.kd-antwort{display:flex;gap:6px;margin:0}.kd-antwort .btn.on{background:var(--teal-s)}
.kd-loeschen{color:var(--crit)}
.kd-text{width:100%;height:180px;border:1px solid var(--line);border-radius:10px;background:#fff;margin:10px 0}
@media(max-width:900px){
  .kal{padding:12px 14px;height:auto}.kal-nav h1{font-size:16px}.nur-breit{display:none}
  .kal-woche,.kal-monat{display:none}.kal-agenda{display:block}
  .kd-form{grid-template-columns:1fr}
}
.kt-aufgabe{border-left-style:solid;background:color-mix(in srgb,var(--rose) 10%,var(--surface))}.kt-aufgabe .kt-titel .ic{color:var(--rose)}
.kal-legende{display:inline-flex;align-items:center;gap:4px}.kal-legende .ic{width:14px;height:14px;color:var(--rose)}
.kd-verschieben{border-top:1px solid var(--line);margin-top:14px;padding-top:6px}
.mr-wv{margin-top:10px}.mr-wv-form{background:var(--surface2);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}
.kw-t.kurz .kt{flex-direction:row;align-items:center;gap:4px;padding:1px 6px;white-space:nowrap}.kw-t.kurz .kt-ort{display:none}

/* Anhänge beim Schreiben */
.ms-anh{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:10px 12px;border:1px dashed var(--line2);border-radius:12px;background:var(--surface2)}
.ms-anh .btn .ic{width:15px;height:15px}
.ms-anh-liste{display:flex;flex-wrap:wrap;gap:6px;width:100%}.ms-anh-liste:empty{display:none}
.ms-anh-chip{display:inline-flex;align-items:center;gap:8px;max-width:100%;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:4px 6px 4px 12px;font-size:12.5px}
.ms-anh-chip b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}
.ms-anh-chip em{font-style:normal;color:var(--ink3);font-size:11.5px;white-space:nowrap}
.ms-anh-chip button{border:0;background:none;color:var(--ink3);cursor:pointer;width:20px;height:20px;border-radius:50%;font-size:15px;line-height:1;display:grid;place-items:center}
.ms-anh-chip button:hover{background:var(--crit-s);color:var(--crit)}
.ms-anh-chip.zu-gross{border-color:var(--crit);background:var(--crit-s)}.ms-anh-chip.zu-gross em{color:var(--crit)}
.ms-form.ziehen{outline:2px dashed var(--teal);outline-offset:-6px;border-radius:12px;background:var(--teal-s)}

/* M365-Status bei Aufgaben */
.m365-chips{display:inline-flex;flex-wrap:wrap;gap:6px;margin-left:8px;vertical-align:middle}
.m365-chip{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:11.5px;font-weight:600;line-height:1;padding:4px 9px;border-radius:99px;
  border:1px dashed var(--line2);background:var(--surface);color:var(--ink2);cursor:pointer;text-decoration:none;white-space:nowrap}
button.m365-chip:hover,a.m365-chip:hover{border-style:solid;border-color:var(--teal);color:var(--teal-d);background:var(--teal-s)}
.m365-chip.an{border:1px solid transparent;background:var(--green-s);color:var(--green);cursor:default}
.m365-chip.fehler{border:1px solid transparent;background:var(--crit-s);color:var(--crit);cursor:help}
.m365-chip.htmx-request{opacity:.5;cursor:progress}
/* Ordnerleiste übersichtlicher */
.mo-grp{font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);padding:14px 10px 4px}
.mo-mehr>summary{list-style:none;cursor:pointer;font-size:12px;color:var(--ink3);padding:5px 10px;border-radius:8px}
.mo-mehr>summary::-webkit-details-marker{display:none}
.mo-mehr>summary::before{content:"›";display:inline-block;margin-right:6px;transition:transform .15s}
.mo-mehr[open]>summary::before{transform:rotate(90deg)}
.mo-mehr>summary.sub{padding-left:28px}.mo-mehr>summary:hover{color:var(--ink);background:var(--surface)}
.mo-system{margin-top:10px;border-top:1px solid var(--line);padding-top:6px}
.mail-app{grid-template-columns:220px minmax(300px,380px) minmax(0,1fr)}
@media(max-width:1200px) and (min-width:901px){
  .mail-app{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}
  .mail-app.ordner-offen .mail-ordner{width:280px;z-index:40}
  .mail-app.ordner-offen::after{content:"";position:fixed;inset:66px 0 0 0;background:rgba(10,20,22,.25);z-index:35}
}
@media(max-width:900px){
  .mail-app.ordner-offen .mail-ordner{display:block;position:fixed;z-index:40;left:0;top:56px;bottom:64px;width:min(300px,85vw);box-shadow:var(--shadow);overflow:auto}
  .mail-app.ordner-offen::after{content:"";position:fixed;inset:56px 0 0 0;background:rgba(10,20,22,.3);z-index:35}
}

/* Ordner auf-/zuklappen */
.mo-z{display:flex;align-items:center}.mo-z>a{flex:1;min-width:0}
.mo-pfeil,.mo-pfeil-leer{flex:none;width:18px;height:28px}
.mo-pfeil{border:0;background:none;cursor:pointer;color:var(--ink3);border-radius:6px;position:relative}
.mo-pfeil::before{content:"›";position:absolute;inset:0;display:grid;place-items:center;font-size:15px;transition:transform .15s}
.mo-pfeil.auf::before{transform:rotate(90deg)}.mo-pfeil:hover{color:var(--ink);background:var(--surface)}
.mo-liste a.sub{padding-left:14px}
.mo-kinder{margin-left:14px;border-left:1px solid var(--line);padding-left:2px}
.mail-ordner-auf{display:grid}
@media(min-width:1201px){.mail-app.ordner-zu{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}.mail-app.ordner-zu .mail-ordner{display:none}}

.mr-zuweisen{display:flex;flex-wrap:wrap;gap:8px;align-items:center;width:100%}.mr-zuweisen input[name=k]{flex:1;min-width:220px}

/* Neue Aufgabe im Fenster */
.af-dialog{width:min(640px,94vw)}
.af-form{display:flex;flex-direction:column;gap:14px;padding:18px 22px 20px}
.af-form .kd-kopf{margin-bottom:0}.af-form .kd-kopf h2{display:flex;align-items:center;gap:8px}
.af-feld{display:flex;flex-direction:column;gap:6px;font-size:12.5px;color:var(--ink2);font-weight:500}
.af-feld>span{display:block}
.af-titel{font-size:16px;padding:11px 14px}
.af-zwei{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.af-m365{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center;min-height:42px}
.af-form select{width:100%}
.af-fuss{border-top:1px solid var(--line);padding-top:14px;margin-top:2px}
@media(max-width:600px){.af-zwei{grid-template-columns:1fr}}

/* KI beim Schreiben */
.ms-ki{position:relative;display:flex;flex-direction:column;gap:8px;padding:10px 12px 10px;border-radius:14px;border:1px solid transparent;
  background:linear-gradient(var(--surface),var(--surface)) padding-box,linear-gradient(120deg,var(--violet),var(--teal)) border-box;
  box-shadow:0 6px 18px -12px rgba(139,92,246,.45)}
.ms-ki-kopf{display:flex;align-items:center;gap:8px;font-size:12.5px}
.ms-ki-kopf b{font-weight:600;background:linear-gradient(90deg,var(--violet),var(--teal-d));-webkit-background-clip:text;background-clip:text;color:transparent}
.ms-ki-ic{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:#fff;background:linear-gradient(135deg,var(--violet),var(--teal))}
.ms-ki-ic .ic{width:13px;height:13px}
.ms-ki-hilfe{margin-left:auto;color:var(--ink3);font-size:12px;text-align:right}
.ms-ki-hilfe.ok{color:var(--green)}.ms-ki-hilfe.warn{color:var(--rose)}
.ms-ki-zeile{display:flex;align-items:flex-end;gap:8px;background:var(--surface2);border:1px solid var(--line);border-radius:11px;padding:4px 4px 4px 12px;transition:border-color .15s,box-shadow .15s}
.ms-ki-zeile:focus-within{border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-s)}
.ms-ki.fehlt .ms-ki-zeile{border-color:var(--rose);box-shadow:0 0 0 3px var(--rose-s)}
.ms-ki textarea{flex:1;min-width:0;resize:none;overflow:auto;min-height:34px;max-height:160px;line-height:1.45;padding:7px 0;border:0;border-radius:0;background:transparent;box-shadow:none;outline:none}
.ms-ki textarea:focus{box-shadow:none}
.ms-ki-los{flex:none;display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border:0;border-radius:9px;cursor:pointer;font:inherit;font-size:13px;font-weight:600;color:#fff;
  background:linear-gradient(135deg,var(--violet),var(--teal-d));box-shadow:0 4px 12px -6px rgba(139,92,246,.7);transition:transform .1s,filter .15s}
.ms-ki-los:hover{filter:brightness(1.08)}.ms-ki-los:active{transform:scale(.97)}
.ms-ki-los .ic{width:14px;height:14px}
.ms-ki-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.ms-ki-chips button{font:inherit;font-size:12px;padding:3px 10px;border-radius:99px;border:1px solid var(--line2);background:var(--surface);color:var(--ink2);cursor:pointer}
.ms-ki-chips button:hover{border-color:var(--violet);color:var(--violet);background:var(--violet-s)}
.ms-ki-luecke{flex:1}
.ms-ki-chips .ms-ki-zurueck{border-style:dashed}
.ms-ki button:disabled{opacity:.55;cursor:wait}
.ms-ki.laeuft{animation:kiPuls 1.2s ease-in-out infinite}
@media(max-width:600px){.ms-ki-kopf{flex-wrap:wrap}.ms-ki-hilfe{margin-left:0;text-align:left;width:100%}.ms-ki-los span{display:none}}
@keyframes kiPuls{50%{opacity:.6}}

/* Adressbuch-Vorschläge */
.ab-box{position:absolute;z-index:1000;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px -16px rgba(0,0,0,.35);padding:4px;max-height:320px;overflow:auto}
.ab-z{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:7px 10px;border-radius:8px;cursor:pointer;font-size:13px}
.ab-z b{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ab-z span{grid-column:1;color:var(--ink3);font-size:12px}
.ab-z em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:10.5px;color:var(--teal-d);background:var(--teal-s);border-radius:99px;padding:1px 8px}
.ab-z.an,.ab-z:hover{background:var(--teal-s)}

/* Dashboard: Mails und Termine */
.dm-liste,.dk-liste{display:flex;flex-direction:column}
.dm-z{display:grid;grid-template-columns:1fr auto;gap:0 10px;padding:8px 6px;border-bottom:1px solid var(--line);color:var(--ink);border-radius:8px}
.dm-z:last-child{border-bottom:0}.dm-z:hover{background:var(--surface2)}
.dm-von{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dm-von em{font-style:normal;font-size:11px;color:var(--teal-d);background:var(--teal-s);border-radius:99px;padding:0 7px;margin-left:4px}
.dm-zeit{font-size:11.5px;color:var(--ink3)}
.dm-betreff{grid-column:1/-1;font-size:12.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dm-z.neu .dm-von,.dm-z.neu .dm-betreff{font-weight:600;color:var(--ink)}.dm-z.neu{box-shadow:inset 3px 0 0 var(--teal)}
.dk-tag{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);padding:10px 4px 4px}
.dk-z{display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:baseline;padding:7px 8px;border-radius:8px;color:var(--ink);border-left:3px solid var(--f);margin-bottom:3px;background:color-mix(in srgb,var(--f) 7%,var(--surface))}
.dk-z:hover{background:color-mix(in srgb,var(--f) 15%,var(--surface))}.dk-z.jetzt{box-shadow:0 0 0 2px var(--rose) inset}
.dk-zeit{font-size:12px;color:var(--ink2);white-space:nowrap}.dk-titel{font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dk-titel em{font-style:normal;font-weight:400;color:var(--ink3);font-size:12px;margin-left:6px}
.dk-teams{font-size:11.5px;margin:-2px 0 6px 108px;display:inline-block}

.ab-grp{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);padding:8px 10px 3px}
.ab-grp small{display:block;text-transform:none;letter-spacing:0;font-weight:400;font-size:11px}
.ab-grp.ab-outlook{border-top:1px solid var(--line);margin-top:4px}
.ab-z.ab-o em{color:var(--ink2);background:var(--surface2)}

/* Suche oben */
.topsearch{height:42px;border-radius:14px;padding:0 8px 0 14px;background:var(--surface);box-shadow:0 1px 2px rgba(16,32,42,.04);transition:box-shadow .15s,border-color .15s}
.topsearch:hover{border-color:var(--line2)}
.topsearch:focus-within{box-shadow:0 0 0 4px var(--teal-s),0 8px 24px -12px rgba(16,32,42,.25)}
.topsearch input{font-size:14px}.topsearch input::placeholder{color:var(--ink3)}
.ts-kbd{font:600 11px/1 ui-monospace,Consolas,monospace;color:var(--ink3);border:1px solid var(--line2);border-bottom-width:2px;border-radius:6px;padding:3px 7px;background:var(--surface2)}
.topsearch:focus-within .ts-kbd{display:none}
.dropdown:not(:empty){background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 24px 50px -20px rgba(0,0,0,.35);padding:6px;max-height:70vh;overflow:auto}
/* Ampel Schnittstellen */
#apiAmpel{flex:none}
.syncpill.ap{position:relative;padding:0;border:0;background:none}
.syncpill.ap>summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:12px;color:var(--ink2);background:var(--surface);border:1px solid var(--line);padding:5px 12px;border-radius:99px;white-space:nowrap}
.syncpill.ap>summary::-webkit-details-marker{display:none}
.syncpill.warn .dot,.ap-menu .st-warn .dot{background:var(--amber);box-shadow:0 0 0 3px var(--amber-s)}
.syncpill.bad>summary{color:var(--crit);border-color:var(--crit-s)}
.ap-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:8px 10px 10px;min-width:290px}
.ap-menu ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.ap-menu li{display:grid;grid-template-columns:14px 110px 1fr;align-items:center;gap:8px;font-size:12.5px;padding:6px 4px;border-radius:8px}
.ap-menu li span:last-child{color:var(--ink2)}
.ap-menu .dot{width:8px;height:8px;border-radius:50%}
.ap-menu .st-ok .dot{background:var(--green);box-shadow:0 0 0 3px var(--green-s)}
.ap-menu .st-fehler .dot{background:var(--rose);box-shadow:0 0 0 3px var(--rose-s)}.ap-menu .st-fehler span:last-child{color:var(--crit)}
.ap-menu .st-aus .dot{background:var(--line2)}.ap-menu .st-aus{opacity:.65}
.ap-link{display:block;font-size:12px;margin-top:6px;padding:4px}

/* Notizen & Kommunikation: Eingabe */
.nf{display:flex;flex-direction:column;gap:10px;margin-bottom:18px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface2)}
.nf textarea{margin:0;background:var(--surface)}
.nf-arten{display:flex;flex-wrap:wrap;gap:6px}
.nf-art{font:inherit;font-size:12.5px;padding:5px 12px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);cursor:pointer}
.nf-art:hover{border-color:var(--teal)}.nf-art.an{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
.nf-wv{display:flex;flex-direction:column;gap:8px;padding:12px;border-radius:12px;background:var(--amber-s)}
.nf-wv-kopf{display:flex;flex-direction:column;gap:2px}.nf-wv-kopf b{font-size:13px}
.nf-fuss{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.nf-wv[hidden],.nf-wv-auf[hidden],.nf-wv-weg[hidden]{display:none}

/* Offerte: PDF und Mail oben */
.off-oben{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;margin:0}
.off-oben .btn .ic{width:15px;height:15px}.off-oben .hinweis:empty{display:none}

/* Dashboard-Karten: Link unten statt neben den Karten-Werkzeugen */
.w-fuss{display:inline-block;margin-top:10px;font-size:13px}
/* Adressbuch-Knopf und -Fenster */
.ab-feld{position:relative;display:block;flex:1;min-width:0}.ab-feld>input{padding-right:42px}
.ab-knopf{position:absolute;right:5px;top:50%;transform:translateY(-50%);border:0;background:none;cursor:pointer;font-size:16px;padding:4px 6px;border-radius:8px}
.ab-knopf:hover{background:var(--teal-s)}
.ab-dialog{width:min(560px,94vw)}.ab-dialog[open]{display:flex;flex-direction:column;padding:16px 18px;gap:10px;max-height:85vh}
.ab-d-kopf{display:flex;justify-content:space-between;align-items:center}.ab-d-kopf h2{margin:0}
.ab-d-liste{overflow:auto;min-height:200px;max-height:55vh;border:1px solid var(--line);border-radius:12px;padding:4px}
.ab-d-z{position:relative;padding-left:34px}
.ab-d-z::before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:1.5px solid var(--line2);border-radius:5px;background:var(--surface)}
.ab-d-z.gewaehlt{background:var(--teal-s)}.ab-d-z.gewaehlt::before{background:var(--teal-d);border-color:var(--teal-d);box-shadow:inset 0 0 0 3px var(--surface)}
.ab-d-fuss{display:flex;justify-content:space-between;align-items:center}
/* Dashboard-Karten passen sich ihrer Breite an (auch «schmal» und kleines Fenster) */
.card.w{container-type:inline-size;min-width:0}
.zm-gruppen td,.zm-gruppen th{white-space:nowrap}.zm-gruppen td:first-child{white-space:normal}
@container (max-width:760px){
  .zm-grid,.zm-listen{grid-template-columns:minmax(0,1fr)}
}
@container (max-width:460px){
  .zm-mini{display:none}
  .zm-hero>b{font-size:26px}
  .zm-gruppen{font-size:12px}
}

/* Dashboard: beide Spalten so hoch wie die längere, damit man auch in die leere Fläche ablegen kann */
.dash .zweispaltig{align-items:stretch}
.dash .zweispaltig>.zone{min-height:120px}
.zone>.card .cardhead{padding-right:124px}

/* Mails markieren und sortieren */
.mail-liste-titel{display:flex;align-items:center;gap:8px}.mail-liste-titel b{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml-sort{width:auto;font-size:12px;padding:4px 8px;border-radius:8px}
.ml-z{grid-template-columns:auto 1fr auto}
.ml-z .ml-chk{grid-row:1/4}
.ml-betreff,.ml-vorschau{grid-column:2/-1}
.ml-chk{width:18px;height:18px;border:1.5px solid var(--line2);border-radius:5px;background:var(--surface);cursor:pointer;flex:none;align-self:start;margin-top:2px;position:relative;opacity:.45;transition:opacity .12s}
.ml-z:hover .ml-chk,.mail-app.mehrfach .ml-chk,.ml-chk-alle{opacity:1}
.ml-chk:hover{border-color:var(--teal)}
.ml-z.markiert{background:var(--teal-s)}
.ml-z.markiert .ml-chk{opacity:1;background:var(--teal-d);border-color:var(--teal-d)}
.ml-z.markiert .ml-chk::after{content:"";position:absolute;left:5px;top:1px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.ml-auswahl{display:flex;align-items:center;gap:2px;padding:6px 10px 6px 16px;background:var(--teal-s);border-bottom:1px solid var(--line);font-size:13px}
.ml-auswahl[hidden],.mail-liste-titel[hidden]{display:none}
.ml-auswahl b{margin-right:8px;color:var(--teal-d)}
.ml-auswahl .iconbtn{display:inline-flex;gap:4px;align-items:center}.ml-auswahl small{font-size:11.5px}

/* ===== Dashboard v3: freies Raster, Apple-Stil ===== */
main:has(.dash3){max-width:none}
.dash3{--spalten:4;display:grid;grid-template-columns:repeat(var(--spalten),minmax(0,1fr));gap:20px;grid-auto-flow:row dense;align-items:start}
.dash3>.card.w{margin:0;position:relative;border-radius:20px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);
  box-shadow:0 1px 1px rgba(0,0,0,.02),0 10px 30px -18px rgba(16,32,42,.25);transition:box-shadow .2s,transform .2s,outline-color .2s;container-type:inline-size;min-width:0}
.dash3>.card.w[data-h="kompakt"] .w-inhalt{max-height:300px;overflow:auto}
.dash3>.card.w[data-h="hoch"] .w-inhalt{min-height:560px}
.dash3 .w-tools{display:none;position:absolute;top:10px;right:10px;z-index:3;gap:2px;align-items:center;padding:3px;border-radius:12px;
  background:color-mix(in srgb,var(--surface) 80%,transparent);backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);
  border:1px solid var(--line);box-shadow:0 6px 18px -8px rgba(0,0,0,.25);opacity:1}
.dash3 .w-tools .iconbtn{width:28px;height:28px;padding:0;border-radius:8px;font-size:15px;font-weight:600;color:var(--ink2)}
.dash3 .w-tools .w-aus:hover{color:var(--crit);background:var(--crit-s)}
.w-groesse{font-size:11px;color:var(--ink3);min-width:26px;text-align:center;font-variant-numeric:tabular-nums}
body.dash-edit .dash3 .w-tools{display:flex}
body.dash-edit .dash3>.card.w{outline:2px dashed color-mix(in srgb,var(--teal) 45%,transparent);outline-offset:3px;animation:wackeln .4s ease-in-out infinite alternate}
body.dash-edit .dash3>.card.w:nth-child(2n){animation-delay:.2s}
@keyframes wackeln{from{transform:rotate(-.25deg)}to{transform:rotate(.25deg)}}
@media (prefers-reduced-motion:reduce){body.dash-edit .dash3>.card.w{animation:none}}
body.dash-edit .dash3 .w-inhalt{pointer-events:none;user-select:none}
.dash3>.card.w-kennzahlen{background:none;border:0;box-shadow:none;padding:0}
.dash3 .w-kennzahlen .kpis{margin:0;grid-template-columns:repeat(5,minmax(0,1fr))}
@container (max-width:900px){.dash3 .w-kennzahlen .kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container (max-width:520px){.dash3 .w-kennzahlen .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.dash3 .kpi{border-radius:18px}
.dash-leiste{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:-4px 0 14px}
.dash-edit-only{display:none;align-items:center;gap:10px;flex-wrap:wrap;flex:1;padding:8px 10px;border-radius:14px;
  background:color-mix(in srgb,var(--surface) 75%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line)}
.dash-edit-only label{display:flex;align-items:center;gap:6px}.dash-edit-only select{width:auto;padding:5px 8px}
.dash-edit-only #dashFertig{margin-left:auto}
body.dash-edit .dash-edit-only{display:flex}body.dash-edit #dashAnpassen{display:none}
.w-ghost{opacity:.35}
/* Widget-Galerie */
.dash-galerie{width:min(640px,94vw)}
.dg-liste{display:flex;flex-direction:column;gap:6px;padding:12px 18px 20px;max-height:65vh;overflow:auto}
.dg-z{display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:12px;padding:10px 12px;border-radius:14px;background:var(--surface2)}
.dg-z b{display:block;font-size:14px}.dg-z small{color:var(--ink2);font-size:12px}
.dg-ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:var(--surface);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.dg-z .dg-aus{display:none}.dg-z.aktiv .dg-an{display:none}.dg-z.aktiv .dg-aus{display:inline-flex}
.dg-z.aktiv{background:var(--teal-s)}
/* Uhr */
.du{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:4px 0}
.du-zeit{font-size:clamp(34px,12cqi,64px);font-weight:300;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.05}
.du-datum{font-size:14px;color:var(--ink2)}.du-kw{font-size:12px;color:var(--ink3)}
/* Wetter */
.dw-jetzt{display:flex;align-items:center;gap:12px}.dw-sym{font-size:44px;line-height:1}
.dw-jetzt b{display:block;font-size:34px;font-weight:300;line-height:1.05}.dw-jetzt span{display:block;font-size:13px;color:var(--ink2)}.dw-jetzt small{color:var(--ink3);font-size:11.5px}
.dw-tage{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:12px}
.dw-tag{display:flex;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;border-radius:12px;background:var(--surface2);font-size:12px}
.dw-tag b{font-size:22px}.dw-tag em{font-style:normal;font-weight:600}.dw-tag small{color:var(--ink3);font-size:10.5px}
.dw-orte{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.dw-orte .tw-chip.an{background:var(--teal-d);color:#fff;border-color:var(--teal-d)}
/* News und Wissen */
.dn-liste,.dkb-liste{display:flex;flex-direction:column}
.dn-z{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;padding:9px 6px;border-bottom:1px solid var(--line);color:var(--ink);border-radius:8px}
.dn-z:last-child,.dkb-z:last-child{border-bottom:0}.dn-z:hover,.dkb-z:hover{background:var(--surface2)}
.dn-q{grid-row:1/3;align-self:start;font-size:10.5px;font-weight:600;color:var(--teal-d);background:var(--teal-s);border-radius:99px;padding:2px 8px;margin-top:2px}
.dn-z b{font-weight:500;font-size:13px;line-height:1.35}.dn-z small{color:var(--ink3);font-size:11.5px}
.dkb-z{display:flex;flex-direction:column;padding:9px 6px;border-bottom:1px solid var(--line);color:var(--ink);border-radius:8px}
.dkb-z b{font-weight:500;font-size:13px}.dkb-z small{color:var(--ink3);font-size:11.5px}
.dash-hinweis{display:none}
@media(max-width:700px){.dash3{--spalten:1!important}.dash3>.card.w{grid-column:auto!important}}

/* Mail: Symbolleiste mit Beschriftung (Apple-Stil) */
.mr-leiste{gap:2px;padding:3px;border-radius:12px;background:var(--surface2)}
.mr-leiste .iconbtn{display:flex;flex-direction:column;align-items:center;gap:2px;width:auto;min-width:58px;height:auto;padding:5px 6px 4px;border-radius:9px;color:var(--ink2)}
.mr-leiste .iconbtn .ic{width:17px;height:17px}
.mr-leiste .iconbtn small{font-size:10.5px;line-height:1;font-weight:500;letter-spacing:.01em}
.mr-leiste .iconbtn:hover{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.mr-leiste [data-loeschen]:hover{color:var(--crit)}
.mr-leiste .iconbtn.on{color:var(--rose)}
.mr-leiste .mr-verschieben>summary{list-style:none}
@media(max-width:1300px){.mr-leiste .iconbtn{min-width:40px}.mr-leiste .iconbtn small{display:none}}

/* ===== Apple-Stil: Flächen, Kacheln, Farben (padcom-Teal bleibt Akzent) ===== */
:root{--r:18px;--shadow:0 1px 1px rgba(0,0,0,.02),0 10px 30px -18px rgba(16,32,42,.22);
  --ios-blau:#0A84FF;--ios-gruen:#30D158;--ios-orange:#FF9F0A;--ios-rot:#FF453A;--ios-lila:#BF5AF2;--ios-pink:#FF375F;--ios-indigo:#5E5CE6}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.card{border-radius:20px;border-color:color-mix(in srgb,var(--line) 70%,transparent)}
.btn{border-radius:12px;font-weight:500;letter-spacing:.005em;box-shadow:0 1px 2px rgba(0,0,0,.08),0 6px 14px -8px var(--teal-d)}
.btn.ghost{background:color-mix(in srgb,var(--surface2) 80%,transparent);border-color:transparent;box-shadow:none}
.btn.ghost:hover{background:var(--teal-s)}
input,textarea,select{border-radius:12px;background:var(--surface2);border-color:transparent}
input:focus,textarea:focus,select:focus{background:var(--surface);border-color:var(--teal)}
/* Seitenleiste wie macOS: halbtransparent, ausgewählter Eintrag getönt */
.side{background:color-mix(in srgb,var(--surface) 72%,transparent);backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8)}
.side nav a{border-radius:10px;padding:8px 12px}
.side nav a.on{background:color-mix(in srgb,var(--teal) 18%,var(--surface));color:var(--teal-dd);box-shadow:none;font-weight:600}
:root[data-theme="dark"] .side nav a.on{color:var(--teal-d)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .side nav a.on{color:var(--teal-d)}}
.topbar{background:color-mix(in srgb,var(--ground) 70%,transparent);backdrop-filter:blur(20px) saturate(1.8);-webkit-backdrop-filter:blur(20px) saturate(1.8)}
/* Kennzahlen als Kacheln mit farbigen Symbolen */
.kpi{border-radius:20px;border:0;background:var(--surface);box-shadow:var(--shadow);position:relative;overflow:hidden}
.kpi .ico{width:40px;height:40px;border-radius:12px;color:#fff;box-shadow:0 6px 14px -6px currentColor}
.kpi .ico .ic{color:#fff}
.kpi .ico.c1{background:linear-gradient(135deg,var(--brand-a),var(--brand));color:var(--brand)}
.kpi .ico.c2{background:linear-gradient(135deg,#64A8FF,var(--ios-blau));color:var(--ios-blau)}
.kpi .ico.c3{background:linear-gradient(135deg,#D58CFF,var(--ios-lila));color:var(--ios-lila)}
.kpi .ico.c4{background:linear-gradient(135deg,#FFC65C,var(--ios-orange));color:var(--ios-orange)}
.kpi .ico.c5{background:linear-gradient(135deg,#FF7A8F,var(--ios-pink));color:var(--ios-pink)}
.kpi .ico .ic{filter:none}
.kpi .v{font-weight:600;letter-spacing:-.02em}
.tabs a,.tw-chip,.chip{border-radius:99px}
.seg,.seg-links{border-radius:11px;background:var(--surface2);border-color:transparent}
.seg a.on,.seg-links a.on{border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.12)}
dialog.kal-dialog{border-radius:22px;box-shadow:0 40px 80px -24px rgba(0,0,0,.45)}

/* Mail schreiben in Calibri 11 (wie Outlook) */
.ms-text{font-family:Calibri,Carlito,"Segoe UI",Arial,sans-serif;font-size:11pt;line-height:1.4;background:#fff;color:#16202A}
/* Zahlungs-Widgets einzeln */
.zm-teil-monat .zm-grid,.zm-teil-jahr .zm-grid{grid-template-columns:minmax(0,1fr)}
.zm-teil-jahr .zm-seite{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.zm-teil-gruppen .zm-aufteilung,.zm-teil-listen .zm-listen{margin-top:0;border-top:0;padding-top:0}
@container (max-width:420px){.zm-teil-jahr .zm-seite{grid-template-columns:1fr}}
@container (max-width:760px){.zm-aufteilung{grid-template-columns:minmax(0,1fr)}}

/* ===== Dashboard v4: frei anordnen (GridStack) ===== */
.grid-stack.dash4{margin:0 -8px}
.dash4>.grid-stack-item>.grid-stack-item-content.card{margin:0;padding:18px 20px;border-radius:20px;overflow:auto;container-type:inline-size;
  border:1px solid color-mix(in srgb,var(--line) 70%,transparent);box-shadow:0 1px 1px rgba(0,0,0,.02),0 10px 30px -18px rgba(16,32,42,.25)}
.dash4>.grid-stack-item.size-to-content>.grid-stack-item-content.card{overflow:hidden}
.dash4 .w-kennzahlen.card{background:none;border:0;box-shadow:none;padding:0}
.dash4 .w-tools{display:none;position:absolute;top:8px;right:8px;z-index:5;gap:2px;align-items:center;padding:3px;border-radius:12px;
  background:color-mix(in srgb,var(--surface) 82%,transparent);backdrop-filter:blur(14px) saturate(1.6);-webkit-backdrop-filter:blur(14px) saturate(1.6);
  border:1px solid var(--line);box-shadow:0 6px 18px -8px rgba(0,0,0,.25)}
.dash4 .w-tools .iconbtn{width:28px;height:28px;padding:0;border-radius:8px;font-size:15px;font-weight:600;color:var(--ink2)}
.dash4 .w-tools .w-aus:hover{color:var(--crit);background:var(--crit-s)}
body.dash-edit .dash4 .w-tools{display:flex}
body.dash-edit .dash4 .grid-stack-item-content.card{outline:2px dashed color-mix(in srgb,var(--teal) 45%,transparent);outline-offset:-2px;cursor:grab}
body.dash-edit .dash4 .grid-stack-item-content.card:active{cursor:grabbing}
body.dash-edit .dash4 .w-inhalt{pointer-events:none;user-select:none}
body.dash-edit .dash4 .w-kennzahlen.card{background:color-mix(in srgb,var(--teal-s) 40%,transparent)}
.dash4 .grid-stack-placeholder>.placeholder-content{border-radius:20px;background:color-mix(in srgb,var(--teal) 14%,transparent);border:2px dashed var(--teal)}
.dash4 .ui-draggable-dragging>.grid-stack-item-content{box-shadow:0 30px 60px -20px rgba(0,0,0,.4);transform:scale(1.01)}
body.dash-edit .dash4{background-image:radial-gradient(color-mix(in srgb,var(--teal) 25%,transparent) 1px,transparent 1px);background-size:calc(100% / 48) 20px;border-radius:16px}
.dash4 .w-kennzahlen .kpis{margin:0;grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.dash4 .w-kennzahlen .kpi{height:100%}

/* Uhr in der Kopfzeile */
.kopf-uhr{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;flex:none;margin-left:auto;padding:0 6px}
.kopf-uhr b{font-size:18px;font-weight:600;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.kopf-uhr small{font-size:11px;color:var(--ink3)}
.topbar .topsearch+.kopf-uhr{margin-left:0}
@media(max-width:760px){.kopf-uhr{display:none}}

/* End of Life Widget (schöner) */
.eol-kpi{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:4px 0 14px}
.eol-kpi>div{background:var(--surface2);border-radius:14px;padding:10px 14px}
.eol-kpi span{display:block;font-size:12px;color:var(--ink2)}
.eol-kpi b{font-size:22px;font-weight:700;letter-spacing:-.01em}
.eol-kpi .eol-kpi-chf{background:var(--amber-s)}.eol-kpi .eol-kpi-chf b{color:var(--warn)}
.eol-rang{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));column-gap:24px}
.eol-rang li{display:flex;align-items:center;gap:12px;padding:10px 4px;border-bottom:1px solid var(--line)}
.eol-nr{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;background:var(--amber-s);color:var(--warn)}
.eol-txt{flex:1;min-width:0}
.eol-txt b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eol-txt span{font-size:12px;color:var(--ink2)}
.eol-bar{display:block;height:4px;border-radius:2px;background:var(--surface2);margin-top:6px;overflow:hidden}
.eol-bar>i{display:block;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--amber),var(--warn))}
.eol-rang em{flex:none;font-style:normal;font-weight:700;font-size:15px;text-align:right}
.eol-rang em small{display:block;font-weight:400;font-size:11px;color:var(--ink2)}
@container (max-width:420px){.eol-kpi{grid-template-columns:1fr 1fr}.eol-kpi .eol-kpi-chf{grid-column:1/-1}}

.dash4 .w-inhalt{flex:none;height:auto}

.dropdown:not(:empty) .sr,.dropdown:not(:empty) .sr-leer{border:0;box-shadow:none;padding:0;max-height:none;overflow:visible;background:none}

/* ===== Aufgaben: kompakt und fein ===== */
.task{position:relative;gap:10px;align-items:flex-start;padding:7px 6px 7px 4px}
.task.ueberfaellig,.task.heute,.task.bald{padding-left:10px;box-shadow:inset 2px 0 0 var(--rose)}
.task.heute{box-shadow:inset 2px 0 0 var(--amber)}.task.bald{box-shadow:inset 2px 0 0 var(--blue,#2563EB)}
.task:hover{background:color-mix(in srgb,var(--surface2) 70%,transparent)}
.task .check{width:17px;height:17px;min-width:17px;border-radius:50%;border-width:1.5px;margin-top:1px;font-size:10px;line-height:1}
.task .body{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:10px;row-gap:1px}
.task .body>div:first-child{font-size:13.5px;line-height:1.35}
.task .body>div:first-child b{font-weight:600}
.task .body>.muted.small{font-size:11.5px;line-height:1.35}
.task .det{order:3;flex-basis:100%;font-size:12px;line-height:1.4}
.task .t-kontaktdaten{order:4;flex-basis:100%;font-size:11.5px}
.task .t-edit{order:5;flex-basis:100%}
.task .m365-chips{gap:4px}
.task .m365-chip{font-size:10px;padding:0 6px;line-height:16px;height:auto}
/* Aktionen erst beim Darüberfahren */
.task .t-edit>summary,.task .t-shift>summary{font-size:11px;padding:1px 8px;border-radius:99px;border:1px solid var(--line);color:var(--ink2);background:var(--surface);cursor:pointer;list-style:none;opacity:0;transition:opacity .12s}
.task .t-edit>summary::-webkit-details-marker,.task .t-shift>summary::-webkit-details-marker{display:none}
.task .t-edit>summary{position:absolute;top:6px;right:96px}
.task .t-shift>summary{margin-top:0}
.task:hover .t-edit>summary,.task:hover .t-shift>summary,.task .t-edit[open]>summary,.task .t-shift[open]>summary,.task:focus-within .t-edit>summary,.task:focus-within .t-shift>summary{opacity:1}
.task .t-edit>summary:hover,.task .t-shift>summary:hover{color:var(--teal);border-color:var(--teal)}
.task .t-edit[open]{margin-top:6px}
@media (hover:none){.task .t-edit>summary,.task .t-shift>summary{opacity:1}}
@media(max-width:760px){.task .t-edit>summary{position:static;display:inline-block;margin-top:4px}}
.task .det{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:var(--ink3)}
.task:hover .det,.task .t-edit[open]~.det{white-space:pre-wrap}
.task .t-kontaktdaten{order:2;flex-basis:auto;display:inline-flex;gap:8px}

/* Termin: Outlook-Kategorien */
.kd-kats{border:0;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.kd-kats legend{font-size:13px;color:var(--ink2);margin-bottom:6px;padding:0}
.kd-kat{display:inline-flex;align-items:center;cursor:pointer;margin:0}
.kd-kat input{position:absolute;opacity:0;pointer-events:none}
.kd-kat span{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:4px 10px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);transition:all .12s}
.kd-kat span::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--kf)}
.kd-kat:hover span{border-color:var(--kf)}
.kd-kat input:checked+span,.kd-kat.an span{background:color-mix(in srgb,var(--kf) 18%,var(--surface));border-color:var(--kf);color:var(--ink);font-weight:600}
.kd-kat input:focus-visible+span{outline:2px solid var(--teal);outline-offset:2px}

/* Kalender: Ziehen */
.kw-t:has(.kt-zieh){cursor:grab;touch-action:none}
.kw-t:has(.kt-zieh)::after{content:"";position:absolute;left:20%;right:20%;bottom:1px;height:4px;border-radius:2px;cursor:ns-resize;background:transparent}
.kw-t:has(.kt-zieh):hover::after{background:color-mix(in srgb,currentColor 25%,transparent)}
.kw-t.kw-zieht{z-index:30;cursor:grabbing;opacity:.92;filter:drop-shadow(0 10px 18px rgba(0,0,0,.25));transition:none}
.kw-t.kw-zieht .kt{pointer-events:none}
.kt-zieh-zeit{position:absolute;left:4px;top:-20px;font-size:11px;font-weight:700;background:var(--ink);color:#fff;border-radius:6px;padding:1px 6px;white-space:nowrap;pointer-events:none}
.kt-zieh[draggable]{cursor:grab}.kt-weg{opacity:.4}
.kal-drop{outline:2px dashed var(--teal);outline-offset:-3px;background:var(--teal-s)!important}
.kal-busy{cursor:progress}
.kal-toast{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:1000;padding:9px 16px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 14px 30px -10px rgba(0,0,0,.35);background:var(--ink);color:#fff}
.kal-toast.err{background:#B91C1C}

/* Termin-Antwort: grün / orange / rot */
.kd-antwort .btn.kd-ja,.kd-antwort .btn.kd-vb,.kd-antwort .btn.kd-nein{--a:#16A34A;background:color-mix(in srgb,var(--a) 10%,var(--surface));color:color-mix(in srgb,var(--a) 85%,#000);border:1px solid color-mix(in srgb,var(--a) 35%,transparent);box-shadow:none;font-weight:600}
.kd-antwort .btn.kd-vb{--a:#EA8A0C}.kd-antwort .btn.kd-nein{--a:#DC2626}
.kd-antwort .btn.kd-ja:hover,.kd-antwort .btn.kd-vb:hover,.kd-antwort .btn.kd-nein:hover{background:color-mix(in srgb,var(--a) 20%,var(--surface))}
.kd-antwort .btn.on{background:var(--a);color:#fff;border-color:var(--a)}

/* Notiz: Besprechung planen */
.nf-plan{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;padding:10px 12px;border-radius:12px;
  background:color-mix(in srgb,var(--teal) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--teal) 25%,transparent)}
.nf-plan>div{display:flex;flex-direction:column;gap:2px}.nf-plan b{font-size:13.5px}
.kd-vorschlag{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:-4px}
.kd-vorschlag .tw-chip.an{background:var(--teal-s);color:var(--teal-d)}
/* Anpassen-Modus: Platz für die Werkzeuge (⠿ ↕ ✕), damit «alle →», Top-Auswahl usw. nicht überdeckt werden */
body.dash-edit .dash4 .cardhead{padding-right:100px}
body.dash-edit .dash4 .w-kennzahlen .kpis{padding-top:40px}

/* Kopfzeilen-Uhr: prominenter, mit KW, klickbar */
.kopf-uhr-w{position:relative;flex:none;margin-left:auto}
.topbar .topsearch+.kopf-uhr-w{margin-left:0}
.kopf-uhr{display:flex;flex-direction:column;align-items:flex-end;gap:2px;line-height:1.05;margin:0;padding:5px 12px;border:1px solid transparent;border-radius:14px;background:none;cursor:pointer;color:var(--ink);font:inherit;transition:background .15s,border-color .15s}
.kopf-uhr:hover,.kopf-uhr[aria-expanded="true"]{background:var(--surface);border-color:var(--line)}
.kopf-uhr b{font-size:24px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.kopf-uhr small{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink2)}
.kopf-uhr small em{font-style:normal;font-weight:700;font-size:10.5px;color:var(--teal-d);background:var(--teal-s);border-radius:6px;padding:1px 6px}
.kopf-kal{position:absolute;right:0;top:calc(100% + 8px);z-index:60;width:300px;padding:12px;border-radius:18px;background:var(--surface);border:1px solid var(--line);
  box-shadow:0 24px 50px -18px rgba(16,32,42,.35)}
.kk-kopf{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.kk-kopf b{font-size:15px}.kk-kopf .iconbtn{font-size:20px;line-height:1;width:30px;height:30px}
.kk-raster{display:grid;grid-template-columns:34px repeat(7,1fr);gap:2px;text-align:center}
.kk-raster a,.kk-raster span{display:grid;place-items:center;height:32px;border-radius:9px;font-size:13px;color:var(--ink);text-decoration:none;font-variant-numeric:tabular-nums}
.kk-raster .kk-k{font-size:11px;color:var(--ink3);height:22px;font-weight:600}
.kk-raster .kk-kw{font-size:11px;font-weight:700;color:var(--teal-d);background:var(--teal-s);border-radius:7px;margin-right:4px}
.kk-raster span.kk-kw{background:none;color:var(--ink3)}
.kk-raster a.kk-kw:hover{background:var(--teal);color:#fff}
.kk-raster .kk-t:hover{background:var(--surface2)}
.kk-raster .kk-t.we{color:var(--ink3)}
.kk-raster .kk-t.fremd{color:var(--ink3);opacity:.5}
.kk-raster .kk-t.heute{background:var(--teal);color:#fff;font-weight:700}
.kk-raster .kk-t.mark{outline:2px solid var(--amber);outline-offset:-2px;font-weight:700}
.kk-fuss{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:10px}
.kk-such{display:flex;align-items:center;gap:6px;font-size:13px;margin:0}
.kk-such input{padding:4px 8px;font-size:12.5px;height:30px}
.kk-info{margin-top:8px;text-align:center}

/* Adressbuch-Seite (Outlook-Kontakte) */
.ab-s-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}
.ab-s-kopf p{margin:4px 0 0;max-width:720px}.ab-s-tools{display:flex;gap:8px}
.ab-s-leiste{display:flex;align-items:center;gap:14px;margin:14px 0 8px}
.ab-s-suche{flex:1;max-width:560px;display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 14px;height:44px;margin:0}
.ab-s-suche:focus-within{border-color:var(--teal);box-shadow:0 0 0 4px var(--teal-s)}
.ab-s-suche input{border:0;box-shadow:none!important;background:transparent;padding:0;font-size:14px}
.ab-s-abc{display:flex;flex-wrap:wrap;gap:3px;margin:6px 0 12px}
.ab-s-abc a{min-width:26px;text-align:center;padding:3px 6px;border-radius:8px;font-size:12px;font-weight:600;color:var(--teal-d);background:var(--surface);border:1px solid var(--line)}
.ab-s-abc a:hover{background:var(--teal);color:#fff;border-color:var(--teal)}
.ab-s-liste{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:6px 18px 12px}
.ab-s-b{font-size:12px;letter-spacing:.06em;color:var(--ink3);margin:14px 0 4px;padding-bottom:4px;border-bottom:1px solid var(--line);scroll-margin-top:90px}
.ab-s-z{display:grid;grid-template-columns:38px minmax(180px,1.1fr) 2fr;gap:12px;align-items:center;padding:8px 4px;border-radius:12px}
.ab-s-z:hover{background:var(--surface2)}
.ab-s-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:var(--pf,var(--teal))}
.ab-s-txt{display:flex;flex-direction:column;min-width:0}.ab-s-txt b{font-size:14px}.ab-s-txt small{font-size:12px;color:var(--ink2)}
.ab-s-kanal{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px}.ab-s-kanal a{white-space:nowrap}
@media(max-width:760px){.ab-s-z{grid-template-columns:34px 1fr}.ab-s-kanal{grid-column:2}}
.ab-d-fuss{gap:12px}

/* M365-Chips: Klick = wieder entfernen */
.m365-chip.m365-weg{cursor:pointer;border:0;font:inherit}
.m365-chip.m365-weg .nein{display:none}
.m365-chip.m365-weg:hover{background:#FEE2E2;color:#B91C1C}
.m365-chip.m365-weg:hover .ja{display:none}.m365-chip.m365-weg:hover .nein{display:inline}
.t-m365{display:flex;flex-wrap:wrap;gap:6px 18px}

/* Aufgabe bearbeiten: Fenster */
.t-dialog{width:min(560px,94vw)}
.t-dialog .t-form{grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:0;background:none}
.t-dialog .t-form label{font-size:12.5px;gap:5px}
.t-dialog .t-form label.breit,.t-dialog .t-form .breit{grid-column:1/-1}
.t-dialog .t-form label.chk{flex-direction:row;align-items:center;gap:8px;font-size:13px;color:var(--ink)}
.t-dialog .t-m365{padding:10px 12px;border-radius:12px;background:var(--surface2);flex-direction:column;gap:6px}
.t-dialog .t-knoepfe{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;margin-top:4px}
.t-dialog textarea{min-height:80px}

/* Mehrfachauswahl Mails: klare Aktionsleiste */
.ml-auswahl{display:block;padding:10px 12px;background:color-mix(in srgb,var(--teal) 9%,var(--surface));border-bottom:1px solid var(--line)}
.mla-kopf{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.mla-kopf b{color:var(--teal-d);font-size:13.5px;margin:0}
.mla-knoepfe{display:flex;flex-wrap:wrap;gap:6px}
.mla-b{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);
  font:inherit;font-size:12.5px;font-weight:500;color:var(--ink);cursor:pointer;list-style:none;transition:all .12s}
.mla-b::-webkit-details-marker{display:none}
.mla-b svg{width:15px;height:15px}
.mla-b:hover{border-color:var(--teal);color:var(--teal-d);background:var(--teal-s)}
.mla-flag svg{color:#DC2626}
.mla-weg:hover{border-color:#DC2626;color:#B91C1C;background:#FEE2E2}
.mla-punkt{width:8px;height:8px;border-radius:50%;background:var(--teal);display:inline-block}
.ml-auswahl .mr-verschieben{position:relative}
.ml-auswahl .mr-menue{left:0;right:auto}

/* ===== Alle Fenster (Dialoge): Kopf mit ✕ oben und Knöpfe unten immer sichtbar ===== */
.kal-dialog{--dpx:22px;--dpt:18px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.t-dialog[open]{padding:18px 22px 22px}
.kal-dialog .kd-kopf{position:sticky;top:0;z-index:6;background:var(--surface);
  margin:calc(-1 * var(--dpt)) calc(-1 * var(--dpx)) 12px;padding:14px var(--dpx) 10px;border-bottom:1px solid var(--line)}
.kal-dialog .kd-kopf .iconbtn{flex:none}
.af-form .kd-kopf{margin-bottom:0}
.dash-galerie .kd-kopf{margin:0;padding:14px 22px 10px!important}
.kal-dialog .kd-aktionen,.t-dialog .t-knoepfe{position:sticky;bottom:0;z-index:6;background:var(--surface);
  margin-left:calc(-1 * var(--dpx));margin-right:calc(-1 * var(--dpx));padding:12px var(--dpx);
  border-top:1px solid var(--line);box-shadow:0 -10px 18px -14px rgba(16,32,42,.25)}
.kal-dialog .af-fuss{padding-top:12px;margin-top:0}
.t-dialog[open]{padding:0}.t-dialog{--dpt:0px}.t-dialog .kd-kopf{margin-top:0}.t-d-inhalt{padding:0 22px}
.t-dialog .kd-kopf{margin:0 0 12px}

/* Mails in der Akte: «In Notizen» */
.mk-hinweis{margin:-6px 0 8px}
.mk-zw{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}
.mk-zw .mk-z{flex:1;min-width:0;border-bottom:0}
.mk-notiz{flex:none;font:inherit;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--teal-d);cursor:pointer;opacity:.55;transition:opacity .12s}
.mk-zw:hover .mk-notiz,.mk-notiz:focus{opacity:1}.mk-notiz:hover{background:var(--teal-s);border-color:var(--teal)}
@media (hover:none){.mk-notiz{opacity:1}}
.mk-ok{flex:none;font-size:11.5px;font-weight:600;color:#15803D;background:#DCFCE7;border-radius:99px;padding:4px 10px}
.note-mv>summary{cursor:pointer;list-style:none}.note-mv>summary::-webkit-details-marker{display:none}
.note-mv>summary .muted{text-decoration:underline}.note-mv[open]>summary .muted{display:none}
.note-mv-t{margin-top:8px;padding:10px 12px;border-left:3px solid var(--line2);background:var(--surface2);border-radius:8px;font-size:13px;max-height:420px;overflow:auto}

/* Notizen: Dateien anhängen (Drag & Drop) */
.nf-drop{display:flex;align-items:center;gap:8px;margin:8px 0 0;padding:9px 12px;border:1.5px dashed var(--line2);border-radius:12px;cursor:pointer;font-size:13px;color:var(--ink2);background:var(--surface);transition:all .12s}
.nf-drop:hover{border-color:var(--teal);color:var(--teal-d)}
.nf-drop small{margin-left:6px}
.nf.nf-zieht{outline:2px dashed var(--teal);outline-offset:3px;background:var(--teal-s)}
.nf.nf-zieht .nf-drop{border-color:var(--teal);background:var(--teal-s);color:var(--teal-d)}
.nf-dateien{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.nf-datei{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 10px;border-radius:99px;background:var(--surface);border:1px solid var(--line);font-size:12.5px}
.nf-datei small{color:var(--ink3)}
.nf-datei button{border:0;background:none;cursor:pointer;color:var(--ink3);font-size:12px;padding:2px 4px;border-radius:50%}.nf-datei button:hover{color:#B91C1C;background:#FEE2E2}
.note-dateien{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.note-datei{display:flex;flex-direction:column;width:150px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface);color:var(--ink);font-size:12px;text-decoration:none}
.note-datei:hover{border-color:var(--teal)}
.note-datei img{width:100%;height:90px;object-fit:cover;background:var(--surface2);border-bottom:1px solid var(--line)}
.note-datei span{padding:6px 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.note-datei small{display:block;color:var(--ink3);font-size:11px}

/* ===== Tickets: Alter (Farbe) und Status ===== */
.tk-legende{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 0 10px;font-size:11.5px;color:var(--ink2)}
.tk-lg{display:inline-flex;align-items:center;gap:6px}
.tk-bar{display:inline-block;width:4px;height:14px;border-radius:2px}
.tk-bar.frisch{background:#16A34A}.tk-bar.alt7{background:#F59E0B}.tk-bar.alt30{background:#DC2626}
.tk-lg-trenner{width:1px;height:14px;background:var(--line2);margin:0 2px}
.tk-z.tk-frisch{box-shadow:inset 4px 0 0 #16A34A}
.tk-z.tk-alt7{box-shadow:inset 4px 0 0 #F59E0B;background:color-mix(in srgb,#F59E0B 6%,transparent)}
.tk-z.tk-alt30{box-shadow:inset 4px 0 0 #DC2626;background:color-mix(in srgb,#DC2626 6%,transparent)}
.tk-z>summary{padding-left:12px}
.tk-nr{display:flex;flex-direction:column;line-height:1.2}
.tk-tage{font-size:11px;font-weight:700}
.tk-frisch .tk-tage{color:#15803D}.tk-alt7 .tk-tage{color:#B45309}.tk-alt30 .tk-tage{color:#B91C1C}
.tk-st-b{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:99px;white-space:nowrap}
.tk-blau{background:#DBEAFE;color:#1D4ED8}.tk-amber{background:#FEF3C7;color:#B45309}.tk-teal{background:var(--teal-s);color:var(--teal-d)}
.tk-gruen{background:#DCFCE7;color:#15803D}.tk-grau{background:var(--surface2);color:var(--ink2)}
/* Dashboard-Widget Tickets */
.dt-zahlen{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}
.dt-zahlen>div{background:var(--surface2);border-radius:14px;padding:8px 12px}
.dt-zahlen b{display:block;font-size:22px;font-weight:700;line-height:1.1}.dt-zahlen span{font-size:11.5px;color:var(--ink2)}
.dt-zahlen .dt-o{background:#FEF3C7}.dt-zahlen .dt-o b{color:#B45309}
.dt-zahlen .dt-r{background:#FEE2E2}.dt-zahlen .dt-r b{color:#B91C1C}
.dt-zahlen .dt-k b{color:#B45309}
.dt-liste{display:flex;flex-direction:column}
.dt-z{display:flex;align-items:center;gap:10px;padding:7px 8px 7px 12px;border-top:1px solid var(--line)}
.dt-z.tk-frisch{box-shadow:inset 3px 0 0 #16A34A}.dt-z.tk-alt7{box-shadow:inset 3px 0 0 #F59E0B}.dt-z.tk-alt30{box-shadow:inset 3px 0 0 #DC2626}
.dt-tage{flex:none;width:42px;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}
.dt-z.tk-frisch .dt-tage{color:#15803D}.dt-z.tk-alt7 .dt-tage{color:#B45309}.dt-z.tk-alt30 .dt-tage{color:#B91C1C}
.dt-b{flex:1;min-width:0;display:flex;flex-direction:column}
.dt-b b{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.dt-b small{font-size:11.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dt-fuss{display:flex;justify-content:space-between;align-items:center;margin-top:10px}
@container (max-width:460px){.dt-zahlen{grid-template-columns:1fr 1fr}}

/* Termineinladung in der Mail */
.ev-karte{margin:12px 0 4px;padding:14px 16px;border-radius:16px;border:1px solid color-mix(in srgb,var(--teal) 30%,var(--line));background:color-mix(in srgb,var(--teal) 6%,var(--surface))}
.ev-karte.ev-lade,.ev-karte.ev-fehler{font-size:13px;color:var(--ink2)}
.ev-karte.ev-abgesagt{border-color:#FCA5A5;background:#FEF2F2}
.ev-karte.ev-ok{border-color:#86EFAC;background:#F0FDF4;font-size:13px}
.ev-kopf{display:flex;gap:14px;align-items:flex-start}
.ev-datum{flex:none;width:58px;text-align:center;border-radius:12px;background:var(--surface);border:1px solid var(--line);padding:4px 0;line-height:1.15}
.ev-datum small{display:block;font-size:11px;color:var(--ink2);text-transform:uppercase}.ev-datum b{display:block;font-size:22px;color:var(--teal-d)}
.ev-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px;font-size:13.5px}
.ev-titel{font-weight:700;font-size:15px}
.ev-konflikt{font-size:12.5px;color:#B45309;background:#FEF3C7;border-radius:8px;padding:3px 8px;align-self:flex-start}
.ev-frei{font-size:12.5px;color:#15803D}
.ev-status{flex:none;display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.ev-tag{display:inline-block;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--surface2);color:var(--ink2)}
.ev-tag.gruen{background:#DCFCE7;color:#15803D}.ev-tag.orange{background:#FEF3C7;color:#B45309}.ev-tag.rot{background:#FEE2E2;color:#B91C1C}
.ev-akt{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}
.ev-akt .btn.kd-ja,.ev-akt .btn.kd-vb,.ev-akt .btn.kd-nein{--a:#16A34A;background:color-mix(in srgb,var(--a) 10%,var(--surface));color:color-mix(in srgb,var(--a) 85%,#000);border:1px solid color-mix(in srgb,var(--a) 35%,transparent);box-shadow:none;font-weight:600}
.ev-akt .btn.kd-vb{--a:#EA8A0C}.ev-akt .btn.kd-nein{--a:#DC2626}
.ev-akt .btn.on{background:var(--a);color:#fff}
.ev-mehr{flex-basis:100%}.ev-mehr textarea{width:100%;margin:6px 0}
@media(max-width:700px){.ev-kopf{flex-wrap:wrap}.ev-status{align-items:flex-start;flex-direction:row}}
/* Hinweis: automatische Antworten aktiv */
.mail-abwesend{display:flex;align-items:center;gap:12px;margin:0 0 10px;padding:10px 14px;border-radius:14px;background:#FEF3C7;border:1px solid #FCD34D;color:#78350F;font-size:13.5px}
.mail-abwesend .ma-ic{font-size:20px}.mail-abwesend>div{flex:1;min-width:0}
.mail-abwesend small{display:block;font-size:12px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ===== Benutzerverwaltung ===== */
.bz-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.bz-kopf p{margin:4px 0 0}
.bz-so{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;margin:14px 0 18px}
.bz-so>div{display:flex;gap:12px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:12px 14px;font-size:13px;color:var(--ink2)}
.bz-so b{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-size:13px}
.bz-so strong{display:block;color:var(--ink);font-size:14px;margin-bottom:2px}
.bz-anfragen{border:2px solid #FCD34D;background:#FFFBEB}
.bz-anfrage{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 0;border-top:1px solid #FDE68A}
.bz-av{flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;color:#fff;background:var(--pf,var(--teal))}
.bz-wer{flex:1;min-width:180px;display:flex;flex-direction:column}.bz-wer b{font-size:15px}.bz-wer small{color:var(--ink2);font-size:12.5px}
.bz-rolle{display:flex;align-items:center;gap:8px;font-size:13px;margin:0}
.bz-nein:hover{color:#B91C1C;border-color:#FCA5A5}
.bz-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(520px,1fr));gap:14px;margin-bottom:12px}
@media(max-width:700px){.bz-liste{grid-template-columns:1fr}}
.bz-k{margin:0}.bz-k.bz-aus{opacity:.65}
.bz-k-kopf{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.bz-status{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.bz-chip{font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:99px;white-space:nowrap}
.bz-chip.ok{background:#DCFCE7;color:#15803D}.bz-chip.bereit{background:var(--teal-s);color:var(--teal-d)}.bz-chip.warn{background:#FEF3C7;color:#B45309}
.bz-form{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:10px;align-items:end}
.bz-form label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--ink2);margin:0}
.bz-form label a{float:right}
.bz-form .btn{justify-self:end}
.bz-schalter{flex-direction:row!important;align-items:center;gap:8px!important;cursor:pointer;color:var(--ink)!important;font-size:13px!important}
.bz-schalter input{position:absolute;opacity:0}
.bz-schalter i{width:38px;height:22px;border-radius:99px;background:var(--line2);position:relative;transition:background .15s}
.bz-schalter i::after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.bz-schalter input:checked+i{background:#16A34A}.bz-schalter input:checked+i::after{left:19px}
@media(max-width:700px){.bz-form{grid-template-columns:1fr}}
.bz-mehr{margin-top:12px;border-top:1px solid var(--line);padding-top:8px}
.bz-mehr>summary{cursor:pointer;font-size:12.5px;color:var(--teal-d)}
.bz-mehr-in{display:flex;flex-direction:column;gap:10px;margin-top:10px}
.bz-pw{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:center}
.bz-pw b,.bz-pw>span{grid-column:1/-1}.bz-pw b{font-size:13px}
.bz-trennen{display:flex;align-items:center;gap:10px}
.ab-fehler{white-space:normal;overflow-wrap:anywhere;max-width:820px}
.bz-form{grid-template-columns:1fr 1.3fr 1fr}.bz-form .bz-schalter{grid-column:1/3}.bz-form>.btn{grid-column:3;justify-self:end}

/* Termine-Widget: Teams-Knopf in der Zeile */
.dk-z{display:flex;align-items:center;gap:10px}
.dk-z .dk-link{flex:1;min-width:0;display:grid;grid-template-columns:92px 1fr;gap:10px;align-items:baseline;color:var(--ink)}
.dk-z .dk-teams{flex:none;margin:0;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:99px;font-size:12px;font-weight:600;
  color:#fff;background:#5B5FC7;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.12)}
.dk-z .dk-teams:hover{background:#4B4FB5;color:#fff}

/* Kalender: Seite selbst scrollt nicht, nur das Raster */
@media(min-width:901px){html:has(.kal),body:has(.kal){overflow:hidden}.kal{box-sizing:border-box}}
.mk-notiz.mk-schon{opacity:1;color:#15803D;background:#F0FDF4;border-color:#BBF7D0}

/* Adressbuch: Kanäle mit Art (E-Mail, Geschäft, Mobil, Privat) */
.ab-s-z{grid-template-columns:38px minmax(200px,.9fr) 2.2fr}
.ab-s-kanal{gap:6px}
.ab-k{display:inline-flex;align-items:center;gap:0;border-radius:10px;overflow:hidden;border:1px solid var(--line);background:var(--surface);font-size:12.5px;color:var(--ink);text-decoration:none;white-space:nowrap}
.ab-k i{font-style:normal;font-size:11px;font-weight:700;padding:4px 8px;background:var(--surface2);color:var(--ink2);border-right:1px solid var(--line)}
.ab-k{gap:8px;padding-right:10px}
.ab-legende .ab-k{padding-right:0}
.ab-k:hover{border-color:var(--teal)}
.ab-mail i{background:#E0F2FE;color:#0369A1}
.ab-fest i{background:#EDE9FE;color:#6D28D9}
.ab-mobil i{background:#DCFCE7;color:#15803D}
.ab-privat i{background:#FEF3C7;color:#B45309}
.ab-legende{display:inline-flex;gap:6px;margin-left:auto}
.ab-legende .ab-k{border:0}
@media(max-width:900px){.ab-legende{display:none}}
/* Adressbuch: eigene Filter */
.ab-filter{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0 0 10px;font-size:12.5px;color:var(--ink2)}
.ab-filter b{font-weight:600;color:var(--ink)}
.ab-fg{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center}
.ab-chip{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:3px 10px;font:inherit;font-size:12px;cursor:pointer;color:var(--ink2)}
.ab-chip.an{background:var(--teal);border-color:var(--teal);color:#fff}
.ab-s-liste.ohne-mail .ab-mail,.ab-s-liste.ohne-fest .ab-fest,.ab-s-liste.ohne-mobil .ab-mobil,.ab-s-liste.ohne-privat .ab-privat{display:none}

/* Adressbuch als Kacheln */
.ab-s-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:12px;background:none;border:0;padding:0}
.ab-s-b{grid-column:1/-1;margin:10px 0 0;font-size:13px}
.ab-s-liste>.ab-s-nichts,.ab-s-liste>p{grid-column:1/-1}
.ab-s-z{display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);
  box-shadow:0 1px 2px rgba(16,32,42,.04);grid-template-columns:none}
.ab-s-z:hover{background:var(--surface);border-color:color-mix(in srgb,var(--teal) 45%,var(--line));box-shadow:0 8px 22px -14px rgba(16,32,42,.3)}
.ab-s-z[hidden]{display:none}
.ab-s-z>.ab-s-av{position:absolute}
.ab-s-z{position:relative;padding-left:62px;min-height:64px}
.ab-s-z>.ab-s-av{left:14px;top:14px}
.ab-s-txt b{font-size:14.5px}
.ab-s-kanal{display:flex;flex-direction:column;gap:4px;margin-left:-48px}
.ab-k{display:grid;grid-template-columns:96px 1fr;border:0;border-radius:8px;background:var(--surface2);padding:0!important}
.ab-k i{border-right:0;border-radius:8px 0 0 8px;padding:6px 8px;text-align:left}
.ab-k>i+*,.ab-k{font-size:13px}
.ab-k{align-items:center}
.ab-k::after{content:none}
.ab-k:hover{background:var(--teal-s)}
.ab-w{padding:6px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}

/* ===================================================================
   Feiner & kompakter (gesamtes Cockpit) – zuletzt geladen, überschreibt
   =================================================================== */
:root{--r:14px;--shadow:0 1px 1px rgba(0,0,0,.02),0 6px 18px -12px rgba(16,32,42,.18)}
body{font-size:13px;line-height:1.5}
h1{font-size:20px;font-weight:600}
h2{font-size:14px}
h3{font-size:12.5px}
main{padding:22px 26px 40px}
.head{margin-bottom:12px}
.card{padding:14px 16px;margin-bottom:14px;border-radius:14px}
.card h2{margin-bottom:10px}
.cardhead{margin-bottom:10px}
.sub{font-size:11.5px}
.btn{padding:7px 13px;font-size:12.5px;border-radius:10px;gap:6px;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.btn.sm{padding:4px 10px;font-size:12px;border-radius:8px}
.btn .ic{width:14px;height:14px}
.iconbtn{width:30px;height:30px}
.iconbtn .ic{width:15px;height:15px}
input,textarea,select{padding:7px 10px;border-radius:9px;font-size:13px}
label{font-size:12px}
/* Seitenleiste und Kopfzeile */
.side{width:220px;padding:14px 10px}
.side nav a{padding:7px 10px;gap:9px;font-size:13px;border-radius:9px}
.side nav a .ic{width:16px;height:16px}
.topbar{min-height:56px;padding:10px 26px}
.topsearch{height:36px;border-radius:11px}
.kopf-uhr b{font-size:20px}
.kopf-uhr small{font-size:11px}
.syncpill{font-size:11.5px}
/* Listen, Tabellen, Chips */
table.list th,table.list td{padding:8px 10px}
.pill,.badge{font-size:11px}
.kal-meldung{font-size:12.5px}
/* Dashboard-Kacheln */
.dash4>.grid-stack-item>.grid-stack-item-content.card{padding:14px 16px;border-radius:16px}
.kpi .v{font-size:20px}
/* Dialoge */
.kal-dialog{--dpx:18px;--dpt:14px}
#kal-dialog-inhalt{padding:14px 18px 18px}
.af-form{padding:14px 18px 16px;gap:10px}
.kd-kopf h2{font-size:15px}

/* Adressbuch-Kacheln: sauberer Aufbau, nichts überlappt */
.ab-s-liste{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px}
.ab-s-z{display:grid;grid-template-columns:30px 1fr;column-gap:10px;row-gap:8px;align-items:center;padding:11px 12px;min-height:0;border-radius:12px}
.ab-s-z>.ab-s-av{position:static;width:30px;height:30px;font-size:11px}
.ab-s-txt b{font-size:13px;font-weight:600}.ab-s-txt small{font-size:11.5px}
.ab-s-kanal{grid-column:1/-1;margin:0;gap:3px}
.ab-k{grid-template-columns:76px 1fr;border-radius:7px;font-size:12px}
.ab-k i{font-size:10.5px;padding:4px 7px;border-radius:7px 0 0 7px}
.ab-w{padding:4px 8px;font-size:12px}
.ab-s-b{font-size:12px;margin-top:6px}
.ab-filter{font-size:12px}.ab-chip{font-size:11.5px;padding:2px 9px}

/* Schrift: Inter für Text und Bedienung (feiner), Poppins (padcom CI) nur für Seitentitel */
body,button,input,select,textarea{font-family:Inter,"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;font-feature-settings:"cv11","ss01";letter-spacing:-.003em}
h1,.head h1{font-family:Poppins,Inter,"Segoe UI",sans-serif;font-weight:500;letter-spacing:-.015em}
b,strong{font-weight:600}
h2,.card h2{font-weight:600;letter-spacing:-.005em}
.btn{font-weight:500}
/* dünnere Akzentlinien */
[data-panel] > section.card,[data-panel] > .grid > section.card,[data-panel] > .card,[data-panel] > section.card.re,[data-panel] > section.card.tk{border-top-width:2px}
.lagebild{border-top-width:2px}
/* Kennzahl-Kacheln kompakter */
.kpi{padding:12px 14px}
.kpi .ico{width:30px;height:30px;border-radius:9px}.kpi .ico .ic{width:16px;height:16px}
.kpi .lbl{font-size:10.5px;margin-top:8px}
.kpi .v{font-size:19px;font-weight:600}
.kpi .sub{font-size:11.5px}
/* Reiter in der Akte */
.tabs a,.akte-tabs a,[role=tablist] a,[role=tab]{font-size:13px}
.nf-art{font-size:12px;padding:4px 10px}
.kpi .ico{margin-bottom:8px}.kpi .lbl{margin-top:0}
.akte-tabs button{font-size:13px;padding-top:8px;padding-bottom:8px}
.nf-plan[hidden],.nf-dateien[hidden],.nf-wv[hidden]{display:none!important}

/* Kontaktliste: Kundennummer eigene Spalte, Art als feiner Punkt-Chip */
th.k-nr{width:90px}td.k-nr{font-variant-numeric:tabular-nums;color:var(--ink2);font-size:12.5px}
.badge-kunde,.badge-lead{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:2px 9px 2px 7px;border-radius:99px;white-space:nowrap}
.badge-kunde{background:#ECFDF5;color:#047857}.badge-lead{background:#FFF7ED;color:#C2410C}
.badge-kunde .ic,.badge-lead .ic{display:none}
.art-punkt{width:7px;height:7px;border-radius:50%;background:currentColor;display:inline-block}
/* Neue Aufgabe: Felder linksbündig und volle Breite */
.af-form .af-feld{align-items:stretch;text-align:left}
.af-form .af-feld>span{text-align:left}
.af-form .af-feld input,.af-form .af-feld textarea,.af-form .af-feld select{width:100%;max-width:none;box-sizing:border-box}
.af-form .af-titel{font-size:13.5px;padding:10px 12px;min-height:42px}
.mwst,small.mwst{font-size:10.5px;font-weight:500;color:var(--ink3);margin-left:4px;letter-spacing:0;text-transform:none;white-space:nowrap}
.kpi .lbl .mwst{font-size:9.5px}

/* ===== Konnektoren ===== */
.kn-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.kn-kopf p{margin:4px 0 0;max-width:760px}
.kn-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:12px;margin:12px 0 22px}
.kn-k{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:8px;border-top:3px solid var(--kf)}
.kn-k-kopf{display:flex;align-items:center;gap:10px}
.kn-k-kopf>div{flex:1;min-width:0;display:flex;flex-direction:column}.kn-k-kopf b{font-size:14px}.kn-k-kopf small{font-size:11.5px;color:var(--ink3)}
.kn-sym{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:17px;background:color-mix(in srgb,var(--kf,var(--teal)) 12%,var(--surface))}
.kn-st{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:99px;white-space:nowrap}
.kn-st i{width:7px;height:7px;border-radius:50%;background:currentColor}
.kn-ok .kn-st{background:#DCFCE7;color:#15803D}.kn-warn .kn-st{background:#FEF3C7;color:#B45309}
.kn-fehler .kn-st{background:#FEE2E2;color:#B91C1C}.kn-aus .kn-st{background:var(--surface2);color:var(--ink3)}
.kn-text{margin:0;font-size:12.5px;color:var(--ink2)}
.kn-meldung{margin-top:-4px}
.kn-einr>summary{cursor:pointer;font-size:12px;color:var(--teal-d);font-weight:500}
.kn-einr ol{margin:8px 0;padding-left:18px;font-size:12px;color:var(--ink2);display:flex;flex-direction:column;gap:4px}
.kn-vars{display:flex;flex-wrap:wrap;gap:6px}
.kn-var{display:inline-flex;align-items:center;gap:6px;font-size:11px;padding:2px 8px 2px 2px;border-radius:7px;background:var(--surface2)}
.kn-var code{font-size:10.5px;background:var(--surface);padding:1px 6px;border-radius:5px}
.kn-var.ok{color:#15803D}.kn-var.fehlt{color:#B45309}
.kn-neu{border-style:dashed;border-top:3px dashed var(--line2)}
.kn-geplant{display:flex;flex-wrap:wrap;gap:6px}.kn-geplant span{font-size:12px;padding:3px 10px;border-radius:99px;background:var(--surface2);color:var(--ink2)}
.kn-titel{margin:6px 0 10px}
.mwst,small.mwst{display:inline-block;vertical-align:middle;background:var(--surface2);border:1px solid var(--line);color:var(--ink2);border-radius:6px;padding:0 6px;line-height:16px;font-size:10px;font-weight:600}

/* Adressbuch: Kachel anklickbar, Bearbeiten-Fenster */
.ab-s-z{cursor:pointer;align-content:start}
.ak-dialog{width:min(620px,94vw)}
.ak-form{padding:14px 18px 18px}
.ak-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.ak-grid label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink2);margin:0}
.ak-grid label:has(.ab-k){display:grid;grid-template-columns:96px 1fr;align-items:center;gap:0;background:var(--surface2);border-radius:9px;overflow:hidden}
.ak-grid label:has(.ab-k) .ab-k{border-radius:0;background:none;height:100%}.ak-grid label:has(.ab-k) .ab-k i{height:100%;display:flex;align-items:center;border-radius:0}
.ak-grid label:has(.ab-k) input{border-radius:0;background:var(--surface);border:0}
.ak-voll{grid-column:1/-1}
.ak-grid h3{margin:8px 0 0;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
@media(max-width:600px){.ak-grid{grid-template-columns:1fr}}
.ak-grid label:has(.ab-k){display:flex;flex-direction:row;align-items:stretch;gap:0}
.ak-grid label:has(.ab-k) .ab-k{display:flex;flex:none;width:100px;padding:0!important;border:0}
.ak-grid label:has(.ab-k) .ab-k i{width:100%;padding:0 10px;font-size:11px}
.ak-grid label:has(.ab-k) input{flex:1;min-width:0;width:auto;padding:8px 10px}
.ak-grid label:has(.ab-k){border:1px solid var(--line);background:var(--surface)}
.ak-grid label:has(.ab-k):focus-within{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-s)}
.ak-grid label:has(.ab-k) input{background:var(--surface);box-shadow:none!important}

/* Standortkarte */
.karte{margin-top:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface2)}
.karte-frame{display:block;width:100%;height:200px;border:0}
.karte-leer{display:flex;align-items:center;gap:10px;padding:18px 14px;font-size:12.5px;color:var(--ink2)}
.karte-links{display:flex;flex-wrap:wrap;gap:4px 14px;padding:8px 12px;background:var(--surface);border-top:1px solid var(--line);font-size:12px}
.tm-form{margin:8px 0}.tm-akt{display:flex;gap:8px;align-items:center;margin-top:6px}.tm-akt form{margin:0}
.kn-einr ol li{word-break:break-word}

/* Versandschutz (Konnektoren → System-Mail) */
.vs-badge{margin:6px 0 2px;padding:5px 9px;border-radius:7px;font-size:12px;line-height:1.35}
.vs-badge.an{background:#e8f6ee;color:#1d6b3e;border:1px solid #bfe5cd}
.vs-badge.aus{background:#fff1e6;color:#9a4a0b;border:1px solid #f4cfae}
.vs-form{display:flex;flex-direction:column;gap:6px;margin:10px 0;padding:10px;border:1px solid #e3e9ea;border-radius:8px;background:#fafcfc}
.vs-form textarea{font:12px/1.4 ui-monospace,Menlo,monospace;padding:6px 8px;border:1px solid #cfd8da;border-radius:6px;resize:vertical}
.vs-schalter{display:flex;gap:6px;align-items:center;font-size:13px}
.vs-form .btn{align-self:flex-start}
.vs-form .vs-schalter{flex-direction:row;justify-content:flex-start}
.vs-form .vs-schalter input{width:auto;flex:0 0 auto;margin:0}

/* Versandprotokoll System-Mail */
.ml-kurz{margin:8px 0 4px;border:1px solid #e3e9ea;border-radius:8px;padding:8px 10px;background:#fff}
.ml-kopf{display:flex;gap:8px;align-items:baseline;margin-bottom:4px}
.ml-kopf a{margin-left:auto;white-space:nowrap}
.ml-tab{width:100%;border-collapse:collapse;font-size:12px}
.ml-tab td{padding:4px 6px;border-top:1px solid #eef2f3;vertical-align:top}
.ml-tab.kurz td{padding:3px 4px}
.ml-tab.kurz .ml-an,.ml-tab.kurz .ml-betr{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml-zeit{white-space:nowrap;color:#5f6b6d;font-variant-numeric:tabular-nums}
.ml-st{display:inline-block;padding:1px 7px;border-radius:10px;font-size:11px;white-space:nowrap}
.ml-st-gesendet{background:#e8f6ee;color:#1d6b3e}
.ml-st-blockiert{background:#eef1fb;color:#3b4ea0}
.ml-st-fehler{background:#fde9e9;color:#a12a2a}
.ml-art{display:inline-block;padding:1px 6px;border-radius:5px;background:#f1f4f5;color:#44504f;font-size:11px;white-space:nowrap}
.ml-fehler{color:#a12a2a;font-size:11px;margin-top:2px}
.ml-filter{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0}
.ml-filter input[type=search]{min-width:240px}
.ml-seiten{display:flex;gap:10px;align-items:center;justify-content:center;margin:12px 0}

/* Offerten-Karte: klare Knöpfe Bearbeiten / Löschen */
.of-aktionen{display:flex;gap:6px}
.btn.sm.of-loeschen{background:#fff;color:#b3261e;border:1px solid #f0c4c1}
.btn.sm.of-loeschen:hover{background:#b3261e;color:#fff;border-color:#b3261e}
.ml-filter input[type=search]{width:auto;flex:1 1 280px}

/* NinjaOne-Bestandsaufnahme */
.ni-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:10px}
.ni-k{border:1px solid #e3e9ea;border-radius:10px;padding:10px 12px;background:#fff}
.ni-kopf{display:flex;flex-direction:column;gap:2px;margin-bottom:6px}
.ni-kopf code{font-size:11px;color:#6b7476}
.ni-st{display:inline-block;font-size:12px;padding:2px 8px;border-radius:10px;margin-right:4px}
.ni-st.ok{background:#e8f6ee;color:#1d6b3e}.ni-st.leer{background:#f1f4f5;color:#5f6b6d}
.ni-st.err{background:#fde9e9;color:#a12a2a}.ni-st.warn{background:#fff1e6;color:#9a4a0b}
.ni-felder{display:flex;flex-wrap:wrap;gap:3px;margin:6px 0;max-height:180px;overflow:auto}
.ni-felder code{font-size:10.5px;background:#f4f7f7;padding:1px 5px;border-radius:4px}
.ni-bsp{font-size:10.5px;max-height:260px;overflow:auto;background:#f7f9f9;padding:8px;border-radius:6px;white-space:pre-wrap}
.ni-tab td{padding:4px 8px}.ni-tab tr.ni-unbekannt td{background:#fffaf4}

/* Services nach Bereichen */
.sb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px}
.sb-k{border:1px solid var(--line);border-left:4px solid var(--bf);border-radius:12px;padding:12px 14px;background:var(--surface2,#fff)}
.sb-k.hat-eol{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--amber,#d97706) 35%,transparent)}
.sb-kopf{display:flex;gap:10px;align-items:center}
.sb-kopf small{display:block;color:var(--muted,#6b7476);font-size:11.5px}
.sb-sym{font-size:20px;width:30px;text-align:center}
.sb-betrag{margin-left:auto;font-weight:600;white-space:nowrap}.sb-betrag small{font-weight:400;color:var(--muted,#6b7476)}
.sb-fam{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:8px 0 2px;padding:6px 8px;border-radius:8px;background:color-mix(in srgb,var(--bf) 9%,#fff);font-size:12.5px}
.sb-menge{background:var(--bf);color:#fff;border-radius:10px;padding:1px 8px;font-size:11.5px}
.sb-k ul{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:5px}
.sb-k li{font-size:12.5px;color:var(--ink2)}
.tag-fam{font-size:10.5px;background:#e8f6f6;color:#0b5f62;border-radius:5px;padding:0 5px;margin-left:4px;white-space:nowrap}

/* Geräte aus NinjaOne */
.ng-kopf{display:flex;flex-wrap:wrap;gap:8px;align-items:stretch;margin-bottom:10px}
.ng-k{border:1px solid var(--line);border-radius:10px;padding:6px 10px;font-size:12px;background:#fff}
.ng-k b{font-size:16px;margin-right:3px}.ng-k small{display:block;color:var(--muted,#6b7476)}
.ng-k.ok{border-color:#bfe5cd;background:#f3fbf6}.ng-k.warn{border-color:#f4cfae;background:#fffaf4}.ng-k.err{border-color:#f2c0c0;background:#fff6f6}
.ng-quelle{align-self:center;margin-left:auto}
.ng-h{font-size:13px;margin:12px 0 4px}
.ng-tab{width:100%;border-collapse:collapse;font-size:12px}
.ng-tab th{text-align:left;font-weight:600;color:var(--muted,#6b7476);font-size:11px;padding:4px 6px;border-bottom:1px solid var(--line)}
.ng-tab td{padding:5px 6px;border-bottom:1px solid #eef2f3;vertical-align:top}
.ng-amp{display:inline-block;width:9px;height:9px;border-radius:50%;margin-top:4px}
.ng-amp-gruen{background:#22a05a}.ng-amp-orange{background:#f59e0b}.ng-amp-rot{background:#dc2626}
.ng-b{display:inline-block;font-size:11px;padding:1px 7px;border-radius:10px;margin:0 3px 2px 0;white-space:nowrap}
.ng-b.gruen{background:#e8f6ee;color:#1d6b3e}.ng-b.orange{background:#fff1e6;color:#9a4a0b}.ng-b.rot{background:#fde9e9;color:#a12a2a}.ng-b.grau{background:#f1f4f5;color:#5f6b6d}
.mono{font-family:ui-monospace,Menlo,monospace}

/* Rentabilität */
.rb-kz{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin:10px 0 14px}
.rb-k{border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:#fff;display:flex;flex-direction:column;gap:2px}
.rb-k small{color:var(--muted,#6b7476);font-size:11.5px}.rb-k b{font-size:20px}.rb-k span{font-size:11.5px;color:var(--muted,#6b7476)}
.rb-k.gut{border-color:#bfe5cd;background:#f3fbf6}.rb-k.schlecht{border-color:#f2c0c0;background:#fff6f6}
.rb-tab td.r,.rb-tab th.r,.rb-pos .r{text-align:right}
.rb-tab tr.rb-offen td{color:var(--muted,#6b7476)}
.rb-bar{display:inline-block;width:80px;height:7px;border-radius:4px;background:#eef2f3;vertical-align:middle;margin-right:6px;overflow:hidden}
.rb-bar i{display:block;height:100%}
.rb-pos{width:100%;border-collapse:collapse;margin-bottom:6px}.rb-pos td{padding:3px 4px}.rb-pos th{font-size:11.5px;text-align:left;color:var(--muted,#6b7476)}
.rb-pos input,.rb-pos select{width:100%}.rb-pos td:nth-child(2){width:110px}.rb-pos td:nth-child(3){width:190px}.rb-pos td:nth-child(4){width:34px}
.rb-form textarea{width:100%}
.rb-tab td{white-space:nowrap}.rb-tab td:first-child{white-space:normal}

/* Rentabilität: Navigation, Belege */
.rb-nav{display:flex;gap:4px;margin:4px 0 12px;border-bottom:1px solid var(--line)}
.rb-nav a{padding:7px 12px;font-size:13px;color:var(--ink2);text-decoration:none;border-bottom:2px solid transparent;margin-bottom:-1px}
.rb-nav a.on{color:var(--teal-d,#0b5f62);border-bottom-color:var(--teal,var(--brand));font-weight:600}
.kb-drop{border:2px dashed #b9cfd0;border-radius:14px;padding:22px;text-align:center;display:flex;flex-direction:column;gap:4px;align-items:center;background:#f7fbfb;margin-bottom:14px}
.kb-drop.ueber{border-color:var(--teal,var(--brand));background:#e8f6f6}.kb-sym{font-size:28px}
.kb-st{display:inline-block;font-size:11px;padding:1px 8px;border-radius:10px;background:#f1f4f5;color:#44504f}
.kb-st.kb-vorschlag{background:#fff1e6;color:#9a4a0b}.kb-st.kb-gebucht{background:#e8f6ee;color:#1d6b3e}.kb-st.kb-fehler{background:#fde9e9;color:#a12a2a}
.kb-split{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:12px;align-items:start}
@media (max-width:1100px){.kb-split{grid-template-columns:1fr}}
.kb-pdf iframe{width:100%;height:78vh;border:0;border-radius:8px}
.kb-kopf{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:8px;margin-bottom:10px}
.kb-kopf label{display:flex;flex-direction:column;font-size:11.5px;color:var(--muted,#6b7476);gap:2px}
.kb-pos{width:100%;border-collapse:collapse;font-size:12.5px}
.kb-pos th{font-size:11px;color:var(--muted,#6b7476);text-align:left;padding:3px 4px}.kb-pos th.r,.kb-pos td.r{text-align:right}
.kb-pos td{padding:3px 4px;vertical-align:top;border-top:1px solid #eef2f3}
.kb-pos input,.kb-pos select{width:100%;font-size:12.5px}.kb-pos .kb-n{width:70px}
.kb-pos tr.kb-gelernt td:first-child{box-shadow:inset 3px 0 0 #7c3aed}.kb-pos tr.kb-ki td:first-child{box-shadow:inset 3px 0 0 var(--brand)}
.kb-q{color:#6b7476;margin-top:2px}.kb-mtl{white-space:nowrap;padding-top:8px!important}
.kb-aktion{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.kb-weg{color:#b3261e}
.kb-split{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.kb-pos td:first-child{min-width:240px}.kb-pos td:nth-child(5){min-width:170px}.kb-pos td:nth-child(6){min-width:130px}
.kb-split{grid-template-columns:1fr}.kb-pdf iframe{height:70vh}
.rb-monat{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 12px}
.rb-mwahl{display:flex;gap:4px;align-items:center}.rb-mwahl select{font-weight:600;min-width:170px}
.rb-stand{font-size:12px;color:var(--muted,#6b7476)}.rb-stand.live{color:#1d6b3e}
.rb-aktion{margin-left:auto;display:flex;gap:6px}
.rb-tab tr.rb-gruppe td{background:color-mix(in srgb,var(--gc,var(--brand)) 8%,#fff);border-top:2px solid color-mix(in srgb,var(--gc,var(--brand)) 45%,#fff);padding-top:8px;padding-bottom:6px}
.rb-gpunkt{display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--gc,var(--brand));margin-right:6px}
.rb-pos td:nth-child(3){width:260px}
.lead-neu-btn{margin-left:auto;margin-right:12px}
.lead-dlg{border:0;border-radius:14px;padding:18px;width:min(420px,92vw);box-shadow:0 20px 60px rgba(0,0,0,.25)}
.lead-dlg::backdrop{background:rgba(15,25,30,.35)}
.lead-dlg form{display:flex;flex-direction:column;gap:6px}
.lead-dlg-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:15px}
.lead-dlg-fuss{display:flex;justify-content:flex-end;gap:6px;margin-top:10px}
.ng-quelle{display:flex;flex-direction:column;align-items:flex-end;gap:4px}
.re-chip{align-self:flex-start;flex-direction:row}

/* Suche in der Seitenleiste (statt oben) */
.side .side-suche{flex:none;max-width:none;margin:2px 4px 14px;height:36px;display:flex}
.side .side-suche .dropdown{left:0;right:auto;width:min(460px,86vw);top:calc(100% + 6px);z-index:60}
.topbar .kopf-uhr-w{margin-left:auto}
@media(max-width:900px){.side .side-suche{display:flex}}
.side{z-index:40}.side:focus-within{z-index:200}

/* Benutzer: Schalter-Fix (unsichtbares Häkchen lag über dem Speichern-Knopf) + aufklappbare Karten */
.bz-schalter{position:relative}
.bz-schalter input{position:absolute;opacity:0;width:38px!important;height:22px!important;left:0;top:0;margin:0;padding:0;cursor:pointer}
details.bz-k>summary{list-style:none;cursor:pointer;margin:0}
details.bz-k>summary::-webkit-details-marker{display:none}
details.bz-k[open]>summary{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.bz-auf{font-size:20px;color:var(--ink3);transition:transform .15s;margin-left:6px}
details.bz-k[open] .bz-auf{transform:rotate(90deg)}
.bz-liste{align-items:start}
.bz-liste{grid-template-columns:1fr;gap:8px}details.bz-k{padding:12px 16px}

/* NinjaOne manuelle Zuordnung */
.nz-tab td{vertical-align:middle}.nz-tab tr.nz-offen td:first-child{box-shadow:inset 3px 0 0 #f59e0b}
.nz-wahl{min-width:280px;max-width:420px}.nz-wahl.gesetzt{border-color:var(--teal,var(--brand));background:#f2fbfb}
.nz-tag{display:inline-block;font-size:11px;padding:1px 8px;border-radius:10px;background:#f1f4f5;color:#44504f}
.nz-tag.man{background:#e8f6f6;color:#0b5f62}.nz-tag.auto{background:#e8f6ee;color:#1d6b3e}.nz-tag.offen{background:#fff1e6;color:#9a4a0b}
.nz-ok{color:#1d6b3e;margin-left:6px}
.rb-nav a b{font-weight:600;margin-left:3px;color:var(--muted,#6b7476)}
.kn-knoepfe{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.side .side-suche input,.side .side-suche input:focus{height:100%;min-width:0;padding:0;margin:0;border:0;background:transparent!important;box-shadow:none!important;outline:none}
.side .side-suche:focus-within{box-shadow:0 0 0 3px var(--teal-s);border-color:var(--teal)}
.side .side-suche{overflow:visible}

/* KI-Suche nur in der Knowledgebase */
.kbki{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:6px 6px 6px 14px;margin-bottom:10px}
.kbki:focus-within{border-color:#8B5CF6;box-shadow:0 0 0 3px #F1EBFE}
.kbki-sym{color:#8B5CF6;font-size:15px}
.kbki input{flex:1;border:0!important;box-shadow:none!important;background:transparent!important;padding:6px 0}
.kbki-laedt{display:none;margin:0 0 10px 4px}.kbki-laedt.htmx-request{display:block}
.kbki-a{border:1px solid #e3d9fb;background:#faf8ff;border-radius:12px;padding:12px 14px;margin-bottom:14px;font-size:13.5px;line-height:1.55}
.kbki-qs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:10px;padding-top:8px;border-top:1px solid #ece6fb}
.kbki-q{font-size:12px;background:#fff;border:1px solid #e3d9fb;border-radius:8px;padding:2px 8px;color:#6d28d9;text-decoration:none}

/* Pipeline: kompakte, hervorgehobene Karten (aufklappbar) */
.pboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;align-items:start;padding-bottom:12px}
.pspalte{background:color-mix(in srgb,var(--sf,var(--teal)) 5%,var(--surface2,#f7fafa));border:1px solid var(--line);border-radius:14px;padding:8px;min-width:0}
.pspalte.st-art-gewonnen{background:color-mix(in srgb,#16a34a 7%,#fff)}.pspalte.st-art-verloren{background:color-mix(in srgb,#dc2626 6%,#fff)}
.ps-kopf{display:flex;align-items:center;gap:6px;padding:6px 6px 10px;border-top:3px solid var(--sf,var(--teal));border-radius:8px 8px 0 0;margin:-8px -8px 8px;padding:10px 12px 8px}
.ps-name{font-weight:700;font-size:13px;color:color-mix(in srgb,var(--sf,var(--teal)) 80%,#000)}
.ps-n{font-size:11px;font-weight:600;background:color-mix(in srgb,var(--sf,var(--teal)) 16%,#fff);color:color-mix(in srgb,var(--sf,var(--teal)) 75%,#000);border-radius:9px;padding:0 7px}
.ps-summe{margin-left:auto;font-size:11.5px;color:var(--ink2);white-space:nowrap}.ps-summe small{color:var(--muted,#6b7476)}
.ps-leer{font-size:11.5px;color:var(--muted,#6b7476);text-align:center;padding:10px 0;border:1px dashed var(--line);border-radius:10px}
.pspalte .sp-liste{gap:6px;min-height:44px}
.pk{background:var(--surface,#fff);border:1px solid var(--line);border-left:4px solid var(--sf,var(--teal));border-radius:10px;padding:7px 8px 7px 10px;box-shadow:0 1px 3px rgba(16,32,42,.08);cursor:grab;transition:box-shadow .15s,transform .15s}
.pk:hover{box-shadow:0 6px 16px -6px rgba(16,32,42,.25);transform:translateY(-1px)}
.pk-z{display:flex;align-items:center;gap:6px;min-width:0}
.pk-firma{font-weight:600;font-size:13px;color:var(--ink);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}
.pk-firma:hover{color:var(--teal-d,#0b5f62)}
.pk-chf{font-size:12px;font-weight:700;color:color-mix(in srgb,var(--sf,var(--teal)) 75%,#000);background:color-mix(in srgb,var(--sf,var(--teal)) 12%,#fff);border-radius:8px;padding:1px 7px;white-space:nowrap}
.pk-chf small{font-weight:500;opacity:.75;margin-left:1px}.pk-chf.einm{background:#f1f4f5;color:#44504f}
.pk-auf{border:0;background:none;cursor:pointer;font-size:16px;line-height:1;color:var(--ink3,#9aa3a5);padding:0 2px;transition:transform .15s}
.pk.offen .pk-auf{transform:rotate(90deg)}
.pk-sub{font-size:11.5px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:2px}
.pk-det{display:none;margin-top:8px;padding-top:8px;border-top:1px solid var(--line);font-size:12px}
.pk.offen .pk-det{display:block}.pk.offen .pk-sub{white-space:normal}
.pk-det dl{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;margin:6px 0 8px}.pk-det dt{color:var(--muted,#6b7476)}.pk-det dd{margin:0}

/* Offerte: alle Produkte sichtbar (wie IT Analyse Tool) */
.ka-hint{margin:0 0 10px}
.pg-blk{border:1px solid var(--line);border-left:4px solid var(--gc,var(--brand));border-radius:12px;padding:8px 10px;margin-bottom:10px;background:color-mix(in srgb,var(--gc,var(--brand)) 4%,#fff)}
.pg-h{display:flex;align-items:center;gap:8px;margin:2px 2px 6px;font-size:13px;color:var(--gc-t,var(--brand))}
.pg-n{font-size:11px;background:var(--gc,var(--brand));color:#fff;border-radius:9px;padding:0 8px}
.ka-neu{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:#fff;border:1px solid var(--line);border-radius:9px;padding:6px 10px;margin:4px 0;cursor:pointer;font:inherit;font-size:13px;color:var(--ink)}
.ka-neu:hover{border-color:var(--gc,var(--brand));box-shadow:0 2px 8px -4px rgba(16,32,42,.25)}
.ka-plus{color:var(--gc,var(--brand));font-weight:700}
.ka-nm{flex:1;min-width:0}.ka-nm em{font-style:normal;color:var(--muted,#6b7476);font-size:11.5px;margin-left:4px}
.ka-pr{font-size:12px;color:var(--ink2);white-space:nowrap}
.ka-neu.nochmal{background:transparent;border-style:dashed;padding:3px 10px;font-size:12px;color:var(--ink2)}
.pg-blk .prod.gewaehlt{margin:6px 0;background:#fff}

/* Tabellen: rechtsbündige Spalten auch im Kopf rechtsbündig (Kopf und Werte auf einer Linie) */
.list th.r,.list td.r,table th.r,table td.r{text-align:right}
.list th.c,.list td.c{text-align:center}
/* Rentabilität: Produkt-Zuordnung direkt in der Übersicht */
.rb-tab tr.rb-leer td{color:var(--muted,#6b7476)}
.rb-ohne{font-size:10.5px;color:var(--muted,#6b7476);background:#f1f4f5;border-radius:6px;padding:1px 6px;margin-left:4px}
.rb-zu-btn{margin-left:6px;font-size:11px;border:1px solid var(--line);background:#fff;border-radius:6px;padding:1px 7px;color:var(--teal-d,#0b5f62);cursor:pointer}
.rb-zu-btn:hover{background:var(--teal-s,#e6f6f6)}
.rb-tab tr.rb-zu>td{background:#f8fbfb;padding:8px 12px 12px;white-space:normal}
.rb-zu-box{border:1px solid var(--line);border-radius:10px;background:#fff;padding:10px 12px}
.rb-zu-tab{width:100%;border-collapse:collapse;margin-top:6px}
.rb-zu-tab td{padding:6px 4px;border-top:1px solid var(--line);vertical-align:middle;white-space:normal}
.rb-zu-tab td:last-child{width:470px;text-align:right}.rb-zu-tab select{width:380px;margin-left:6px}
.kb-kurs{display:flex;flex-wrap:wrap;gap:10px 14px;align-items:flex-end;margin:8px 0 12px}
.kb-kurs label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted,#6b7476)}
.kb-kurs select{width:110px}.kb-kurs input{width:130px}
.kb-kursinfo{flex:1;min-width:260px;line-height:1.5}
.linkbtn{background:none;border:0;padding:0;color:var(--teal-d,#0b5f62);cursor:pointer;font:inherit;text-decoration:underline}
/* Dashboard nutzt die ganze Bildschirmbreite (Platz für weitere Widgets auf breiten Bildschirmen) */
main.breit{max-width:none}
/* Abo Produkte → NinjaOne */
.an-kz{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin:6px 0 14px}
.an-k{border:1px solid var(--line);border-radius:12px;padding:10px 14px;background:#fff;display:flex;flex-direction:column;gap:2px}
.an-k small{color:var(--muted,#6b7476);font-size:11.5px}.an-k b{font-size:20px}.an-k span{font-size:11.5px;color:var(--muted,#6b7476)}
.an-k.warn{border-color:#f5d39a;background:#fffaf0}.an-k.info{border-color:#bcd7f5;background:#f5f9ff}.an-k.schlecht{border-color:#f2c0c0;background:#fff6f6}
.an-filter{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:0 0 10px}
.an-filter .chip{cursor:pointer;padding:4px 11px;font-size:12.5px}.an-filter .chip b{font-weight:600;color:var(--muted,#6b7476);margin-left:3px}
.an-filter .chip.on{background:var(--teal-s,#e6f6f6);border-color:var(--teal,var(--brand));color:var(--teal-d,#0b5f62)}
.an-filter input{width:220px;margin-left:auto}
.an-tab td{white-space:nowrap;vertical-align:top}.an-tab td:first-child{white-space:normal;min-width:240px}
.an-tab th.r,.an-tab td.r{text-align:right}
.an-diff{display:inline-block;min-width:34px;text-align:center;border-radius:6px;padding:1px 6px;font-weight:600;font-size:12.5px}
.an-ok{color:#1d6b3e;background:#eaf7ef}.an-zu_wenig,.an-ohne_abo{color:#9a4a0b;background:#fff1dc}
.an-zu_viel,.an-ohne_ninja{color:#1f4f8a;background:#e8f1fc}
.an-plus{color:#9a4a0b;font-weight:600}.an-warn{color:#9a4a0b}
.an-amp{font-size:12.5px}.an-amp .ng-amp{margin:0 2px 0 4px;vertical-align:middle}
.an-tag{font-size:10.5px;background:#f1f4f5;border-radius:6px;padding:1px 6px;color:var(--ink2)}
.an-ohne{margin-top:14px;padding:12px 14px}
.an-tot{color:var(--muted,#6b7476);margin-right:4px}
.an-alt{margin-top:14px}.an-alt-tab td{vertical-align:middle}.an-alt-tab th.r,.an-alt-tab td.r{text-align:right}
.an-alt-tab tr.an-alt-kunde td{background:#f8fbfb;padding-top:9px}
.an-alt-geraet{padding-left:22px!important}
.an-altlink{color:#9a4a0b;font-weight:600}
/* NinjaOne Kundenseite: KI oben, Geräte nach Organisation */
.an-ki{margin-bottom:14px}.an-ki .cardhead{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}
.an-ki-akt{display:flex;gap:8px;align-items:center;flex:none}
.an-ki-liste{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:8px;margin-top:10px}
.an-ki-e{display:flex;gap:10px;border:1px solid var(--line);border-left:4px solid #9fb3b5;border-radius:10px;padding:8px 10px;background:#fff}
.an-ki-e.an-p-hoch{border-left-color:#dc2626}.an-ki-e.an-p-mittel{border-left-color:#f59e0b}.an-ki-e.an-p-tief{border-left-color:#22a05a}
.an-ki-prio{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#6b7476);min-width:44px;padding-top:2px}
.ng-alle{margin-left:auto;display:flex;gap:6px;align-items:center}
.ng-org{border:1px solid var(--line);border-radius:10px;margin:8px 0;background:#fff}
.ng-org>summary{cursor:pointer;padding:9px 12px;display:flex;gap:8px;align-items:center;list-style:none;background:#f8fbfb;border-radius:10px}
.ng-org[open]>summary{border-bottom:1px solid var(--line);border-radius:10px 10px 0 0}
.ng-org>summary::before{content:"▸";color:var(--muted,#6b7476);transition:transform .15s}.ng-org[open]>summary::before{transform:rotate(90deg)}
.ng-org-name{font-weight:600}.ng-org-z{margin-left:auto;font-size:12px;color:var(--ink2);display:flex;gap:4px;align-items:center}
.ng-org .ng-tab{margin:0}.ng-einfach td{vertical-align:middle}.ng-einfach th.r,.ng-einfach td.r{text-align:right}
.an-orgs{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.an-org{font-size:11px;background:#f3f6f7;border:1px solid #e3eaeb;border-radius:6px;padding:1px 6px;color:var(--ink2)}
.an-org i{font-style:normal;color:var(--muted,#6b7476)}.an-org b{font-weight:600;color:var(--muted,#6b7476);margin-left:2px}
.an-org.mehr{background:none;border-style:dashed}
button.an-org.mehr{cursor:pointer;color:var(--teal-d,#0b5f62);font:inherit;font-size:11px}
button.an-org.mehr:hover{background:var(--teal-s,#e6f6f6)}
/* NinjaOne Kundenberichte */
.nb-tab td{vertical-align:middle}.nb-tab th.r,.nb-tab td.r{text-align:right}.nb-tab th.c{text-align:center}
.nb-form{display:grid;grid-template-columns:minmax(170px,1.3fr) minmax(140px,1fr) 64px 92px auto;gap:8px;align-items:center}
.nb-form input{width:100%}.nb-mon{display:flex;justify-content:center}.nb-mon input{width:auto}
.nb-akt{display:flex;gap:6px;justify-content:flex-end;flex-wrap:nowrap;white-space:nowrap}
.nb-frei{border-color:#f5d39a;background:#fffdf7}
.nb-einst{margin-top:14px;padding:12px 14px}.nb-einst summary{cursor:pointer}
.nb-einst-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;margin-top:12px;align-items:end}
.nb-einst-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted,#6b7476)}
.nb-einst-form label.nb-cb{flex-direction:row;align-items:center;gap:6px;color:var(--ink2)}
#nbSuche{width:260px}
.nb-tab thead th:nth-child(4),.nb-tab thead th:nth-child(5),.nb-tab thead th:nth-child(6),.nb-tab thead th:nth-child(7){}
.nb-tab td.c{text-align:center}.nb-tab input.nb-mail{width:100%;min-width:180px}.nb-tab input.nb-anrede{width:100%;min-width:150px}
.nb-emp{max-width:320px}.nb-e{display:inline-block;font-size:11.5px;background:#eef6f6;border:1px solid #d6e9ea;border-radius:6px;padding:1px 7px;margin:1px 3px 1px 0}
.an-badge{display:inline-block;min-width:18px;padding:0 5px;border-radius:9px;background:#f59e0b;color:#fff!important;font-size:11px;text-align:center}
.an-tabs{margin:4px 0 14px}.an-tabs .an-warn-n{background:#fff1dc;border-color:#f5d39a;color:#9a4a0b}
.akte-tabs a.vm-tab{font-size:14px;font-weight:500;color:var(--ink2);border-bottom:3px solid transparent;padding:10px 16px;text-decoration:none;white-space:nowrap}
.akte-tabs a.vm-tab.on{color:var(--teal-d);border-bottom-color:var(--teal-d)}
.eg-box{border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin:10px 0;background:#fbfdfd}
.eg-form{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.eg-form select{margin-left:6px}
/* Register überall wie in der Kundenakte: farbiger Punkt, Farbe beim aktiven Register, Zähler in Registerfarbe */
.akte-tabs a,.rb-nav a{font:inherit;font-size:14px;font-weight:500;color:var(--ink2);background:none;border:0;border-bottom:3px solid transparent;
  padding:10px 16px;cursor:pointer;display:flex;align-items:center;gap:8px;white-space:nowrap;text-decoration:none;margin-bottom:-1px}
.akte-tabs a:hover,.rb-nav a:hover{color:var(--ink)}
.akte-tabs a::before,.rb-nav a::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mf,var(--teal));opacity:.55;flex:none}
.akte-tabs a.on,.rb-nav a.on{color:color-mix(in srgb,var(--mf,var(--teal)) 75%,var(--ink));border-bottom-color:var(--mf,var(--teal));font-weight:500}
.akte-tabs a.on::before,.rb-nav a.on::before{opacity:1}
.rb-nav{gap:4px;margin:4px 0 16px;border-bottom:1px solid var(--line);overflow-x:auto}
.rb-nav a b,.akte-tabs a .tab-n{font-size:11px;font-weight:600;border-radius:99px;padding:0 7px;margin-left:0;
  background:color-mix(in srgb,var(--mf,var(--teal)) 14%,transparent);color:color-mix(in srgb,var(--mf,var(--teal)) 75%,var(--ink))}
.akte-tabs a.vm-tab{font-weight:500}
/* Farben der Register */
.an-tabs [data-an="kunden"]{--mf:#2563EB}.an-tabs [data-an="bereinigen"]{--mf:#EA580C}.an-tabs [data-an="ohne"]{--mf:#64748B}.an-tabs [data-an="berichte"]{--mf:var(--brand)}
.an-tabs .an-warn-n{background:color-mix(in srgb,#EA580C 14%,transparent)!important;border-color:transparent!important;color:#9a3d0b!important}
.vm-tab[data-k="offerte"]{--mf:#DB2777}.vm-tab[data-k="ninja_bericht"]{--mf:var(--brand)}
.rb-nav a[href="/rentabilitaet"]{--mf:var(--brand)}.rb-nav a[href="/rentabilitaet/belege"]{--mf:#2563EB}.rb-nav a[href="/rentabilitaet/regeln"]{--mf:#8B5CF6}
.rb-nav a[href*="filter=offen"]{--mf:#EA580C}.rb-nav a[href*="filter=manuell"]{--mf:#2563EB}.rb-nav a[href*="filter=alle"]{--mf:#64748B}
.badge.an-nav-badge{background:#EA580C}
.nb-srv{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ink2);white-space:nowrap}
/* ganze Bildschirmbreite auf allen Seiten nutzen */
main{max-width:none}
/* Beratungsinteresse */
.bi-info{border:1px solid color-mix(in srgb,#F59E0B 35%,var(--line));background:color-mix(in srgb,#F59E0B 6%,#fff);border-radius:12px;padding:12px 16px;margin:0 0 14px}
.bi-info b{color:#9a4a0b}.bi-info p{margin:4px 0 0;font-size:13px;line-height:1.55;color:var(--ink2)}
.bi-nav a[data-s="offen"]{--mf:#EA580C}.bi-nav a[data-s="zugewiesen"]{--mf:#2563EB}.bi-nav a[data-s="erledigt"]{--mf:#64748B}
.bi-liste{display:grid;gap:10px}
.bi-karte{padding:12px 16px;border-left:4px solid var(--teal)}
.bi-karte.bi-offerte{border-left-color:#DB2777}.bi-karte.bi-bericht{border-left-color:var(--brand)}.bi-karte.bi-antwort{border-left-color:#64748B}
.bi-kopf{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline}
.bi-tag{font-size:11px;font-weight:600;border-radius:99px;padding:1px 8px;background:#f1f4f5;color:var(--ink2)}
.bi-offerte .bi-tag{background:#fde7f1;color:#9d174d}.bi-bericht .bi-tag{background:#e3f4f4;color:#0b5f62}
.bi-betreff{font-weight:600;margin:6px 0 2px}
.bi-text summary{cursor:pointer;color:var(--ink2);font-size:13px;list-style:none}.bi-text div{white-space:pre-wrap;font-size:13px;margin-top:6px}
.bi-akt{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}.bi-akt form{display:inline-flex;gap:4px;align-items:center}
.bi-an select{min-width:160px}
.side nav a[href="/beratung"]{--mf:#EA580C}
.badge.bi-badge{background:#EA580C}
.t-kat{display:inline-block;font-size:10.5px;font-weight:600;border-radius:99px;padding:0 7px;background:#fff1dc;color:#9a3d0b;vertical-align:1px}
.off-kopf .ok-felder{display:grid;grid-template-columns:minmax(260px,1fr) 170px;gap:10px;flex:1;max-width:620px;margin:0 16px}
.off-kopf .ok-felder input{width:100%}
@media(max-width:900px){.off-kopf .ok-felder{grid-template-columns:1fr;margin:8px 0;max-width:none}}

/* NinjaOne Abgleich: Neu laden gut sichtbar links */
.an-kopf{margin-bottom:14px}.an-kopf h1{margin:0 0 4px}.an-kopf p{margin:0 0 10px;max-width:1100px}
.an-kopf .an-neu{font-weight:600}

/* ===== Aufgaben neu: klare Liste, Gruppen nach Fälligkeit, Klick öffnet das Aufgabenfenster ===== */
.ta-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.ta-kopf h1{margin:0 0 2px}.ta-kopf p{margin:0}
.ta-filter{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}
.ta-filter .seg a{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:5px 12px}
.ta-filter .seg small{font-size:10.5px;background:var(--teal-s);color:var(--teal-d);border-radius:99px;padding:0 6px}
.seg-dot{width:8px;height:8px;border-radius:50%;background:var(--pf,#9AA3A6)}
.ta-liste{padding:6px 0}
.tg{padding:4px 0 8px}.tg+.tg{border-top:1px solid var(--line)}
.tg-kopf{display:flex;align-items:center;gap:8px;padding:10px 18px 4px;font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}
.tg-kopf small{font-weight:600;background:var(--surface2);border-radius:99px;padding:0 7px;letter-spacing:0}
.tg-ueberfaellig .tg-kopf{color:var(--rose)}.tg-heute .tg-kopf{color:#b45309}.tg-woche .tg-kopf{color:var(--blue,#2563EB)}
.tz{display:flex;align-items:center;gap:12px;padding:9px 18px;cursor:pointer;border-left:3px solid transparent;transition:background .1s}
.tz:hover,.tz:focus-visible{background:color-mix(in srgb,var(--teal-s) 55%,transparent);outline:0}
.tz.ueberfaellig{border-left-color:var(--rose)}.tz.heute{border-left-color:var(--amber)}.tz.bald{border-left-color:var(--blue,#2563EB)}
.tz-check{margin:0;flex:none}
.tz .check{width:20px;height:20px;min-width:20px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--m-aufg,var(--brand)) 55%,var(--line2));background:var(--surface);cursor:pointer;font-size:11px;color:#fff;display:grid;place-items:center;padding:0}
.tz .check:hover{background:color-mix(in srgb,var(--m-aufg,var(--brand)) 14%,transparent)}
.tz.done .check{background:var(--teal-d);border-color:var(--teal-d)}.tz.done .tz-titel b{text-decoration:line-through;color:var(--ink3)}
.tz-haupt{flex:1;min-width:0}
.tz-titel{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.35;min-width:0}
.tz-titel b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tz-unter{display:flex;gap:10px;font-size:12px;color:var(--ink3);margin-top:1px;min-width:0;white-space:nowrap}
.tz-unter a{color:var(--teal-d);flex:none}
.tz-det{overflow:hidden;text-overflow:ellipsis;min-width:0}
.tz-rechts{display:flex;align-items:center;gap:10px;flex:none}
.tz-due{font-size:12px;color:var(--ink2);background:var(--surface2);border-radius:99px;padding:2px 9px;white-space:nowrap}
.tz-due.ueberfaellig{background:#fde8ea;color:#b4232f}.tz-due.heute{background:#fff1dc;color:#9a3d0b}.tz-due.bald{background:#e6efff;color:#1d4ed8}
.tz-pers{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;color:#fff;background:var(--pf,#7c8a8d)}
.tz-pfeil{color:var(--ink3);font-size:20px;line-height:1}
.tz-leer{padding:14px 18px}
#aufgaben>.kal-meldung{margin:8px 18px}
@media(max-width:760px){.tz{padding:9px 12px}.tz-det{display:none}.tz-pfeil{display:none}.ta-kopf{flex-direction:column}}

/* Aufgabenfenster */
dialog.af-dialog{width:min(1080px,96vw);max-height:92vh;overflow:auto}
.af{display:flex;flex-direction:column}
.af-kopf{display:flex;gap:14px;justify-content:space-between;align-items:flex-start;padding:20px 24px 14px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--surface);z-index:2}
.af-titel h2{margin:4px 0 8px;font-size:20px;line-height:1.25}
.af-meta{display:flex;flex-wrap:wrap;gap:6px}
.af-chip{font-size:12px;border-radius:99px;padding:3px 10px;background:var(--surface2);color:var(--ink2);border:1px solid var(--line)}
a.af-chip.af-kunde{color:var(--teal-d);font-weight:600}
.af-chip.af-due.ueberfaellig{background:#fde8ea;color:#b4232f;border-color:#f6c9ce}.af-chip.af-due.heute{background:#fff1dc;color:#9a3d0b;border-color:#f7d9a8}
.af-chip.pers::before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pf);margin-right:6px;vertical-align:0}
.af-chip.af-ok{background:#e3f6ec;color:#11734b;border-color:#bfe8d3}
.af-x{font-size:16px}
.af-meldung{margin:12px 24px 0}
.af-raster{display:grid;grid-template-columns:minmax(260px,1fr) minmax(0,1.7fr);gap:16px;padding:16px 24px}
.af-links,.af-rechts{display:flex;flex-direction:column;gap:14px;min-width:0}
.af-karte{border:1px solid var(--line);border-radius:14px;padding:14px 16px;background:var(--surface)}
.af-karte h3{margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}
.af-person{display:flex;flex-direction:column;margin-bottom:6px}.af-person b{font-size:15px}
.af-zeile{display:block;padding:5px 0;font-size:13.5px;color:var(--teal-d);text-align:left}
.af-antwort{margin-top:8px;padding-top:8px;border-top:1px dashed var(--line);display:flex;flex-direction:column;gap:2px}
.af-antwort .linkbtn{text-align:left;font-size:13px}
.af-details{white-space:pre-wrap;font-size:13px;line-height:1.5;color:var(--ink2);max-height:260px;overflow:auto}
.af-erstellt{margin-top:8px}
.af-schieben{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.af-schieben form{margin:0}
.af-bearb>summary{list-style:none;cursor:pointer}.af-bearb>summary::-webkit-details-marker{display:none}
.af-bearb>summary h3{margin:0;color:var(--teal-d)}.af-bearb[open]>summary h3{margin-bottom:10px}
.af-bearb .t-form{display:grid;grid-template-columns:1fr 1fr;gap:8px}.af-bearb .t-form .breit{grid-column:1/-1}
.af-bearb .t-form label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--ink2)}
.af-tun{border-color:color-mix(in srgb,var(--teal) 35%,var(--line));background:linear-gradient(180deg,color-mix(in srgb,var(--teal-s) 45%,var(--surface)),var(--surface) 60%)}
.af-aktionen{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:14px}
.af-akt{display:flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-size:13.5px;font-weight:600;padding:11px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--teal-d);cursor:pointer;text-decoration:none}
.af-akt span{font-size:17px}.af-akt:hover{border-color:var(--teal);box-shadow:0 6px 16px -10px rgba(14,124,128,.6)}
.af-form{display:flex;flex-direction:column;gap:8px}
.af-arten,.af-ergebnis{display:flex;flex-wrap:wrap;gap:6px}
.af-ergebnis .tw-chip{cursor:pointer;font-size:12px}
.af-ergebnis .tw-chip:has(input:checked){background:var(--teal-d);border-color:var(--teal-d);color:#fff}
.af-form textarea{width:100%;font:inherit;font-size:13.5px;border-radius:10px}
.af-form-fuss{display:flex;justify-content:space-between;align-items:center;gap:10px}
.af-verlauf{flex:1}
.af-v{padding:9px 0;border-top:1px solid var(--line)}.af-v:first-of-type{border-top:0}
.af-v-kopf{display:flex;gap:8px;align-items:baseline;font-size:12.5px}
.af-v-text{white-space:pre-wrap;font-size:13px;line-height:1.45;color:var(--ink2);margin-top:2px}
.af-v-mail .af-v-text{color:var(--teal-d)}
.af-fuss{display:flex;gap:10px;align-items:center;padding:14px 24px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--surface);z-index:2}
.af-abschluss{display:flex;gap:8px;flex:1;margin:0}.af-abschluss input{flex:1;min-width:0}
.af-fertig{background:#11734b;border-color:#11734b;font-weight:600}.af-fertig:hover{background:#0d5e3d}
.af-done .af-titel h2{text-decoration:line-through;color:var(--ink3)}
dialog.af-pop{width:min(760px,94vw)}
dialog.af-pop .ms-form{padding:16px 20px}
@media(max-width:820px){.af-raster{grid-template-columns:1fr;padding:12px}.af-kopf,.af-fuss{padding:12px}.af-abschluss{flex-direction:column}}

/* ===== STANDARD (10.10.2026): Knöpfe immer links bündig, damit sie nicht untergehen =====
   Seitenköpfe: Titel, Beschreibung, darunter die Knöpfe links. Kartenköpfe: Knöpfe direkt nach dem Titel.
   Fusszeilen/Leisten: Knöpfe links. Ausnahme: Schliessen-✕ in Fenstern bleibt oben rechts. */
.head,.ta-kopf,.hello,.ab-s-kopf,.bz-kopf,.kn-kopf{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:8px}
.head>*,.ta-kopf>*,.ab-s-kopf>*,.bz-kopf>*,.kn-kopf>*{max-width:100%}
.head>div:last-child:not(:first-child),.ta-kopf>div:last-child:not(:first-child){display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.cardhead{justify-content:flex-start;flex-wrap:wrap}
.cardhead>:not(:first-child){margin-left:0}
.an-ki .cardhead{justify-content:flex-start;flex-wrap:wrap}
.off-leiste,.sit-leiste,.kal-kopf,.pg-kopf,.dp-kopf{justify-content:flex-start}
.kf-fuss,.nd-fuss,.wz-fuss,.dt-fuss,.ab-d-fuss,.kk-fuss,.af-form-fuss,.t-dialog .t-knoepfe,.t-knoepfe{justify-content:flex-start;flex-wrap:wrap}
.mr-luecke{flex:0 0 12px}
.tb-act,.rb-aktion,.ng-alle,.dash-edit-only #dashFertig{margin-left:0}
.lead-neu-btn{margin-left:0}
.kd-aktionen,.nf-fuss,.ms-form .mr-werkzeug{justify-content:flex-start}

/* Beratungsinteresse im Stil der Aufgaben */
.bi-warum{margin-top:6px;font-size:12.5px}.bi-warum>summary{cursor:pointer;color:var(--teal-d);list-style:none;display:inline}
.bi-warum>summary::-webkit-details-marker{display:none}
.bi-warum p{margin:8px 0 0;max-width:1000px;color:var(--ink2);line-height:1.55;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px}
.bi-z>summary{list-style:none}.bi-z>summary::-webkit-details-marker{display:none}
.bi-z{border-left:3px solid transparent}.bi-z.bi-alt>summary{border-left-color:var(--rose)}
.bi-z[open]>summary{background:color-mix(in srgb,var(--teal-s) 55%,transparent)}
.bi-z[open] .tz-pfeil{transform:rotate(90deg)}
.bi-punkt{width:10px;height:10px;border-radius:50%;flex:none;background:#E8590C;margin:0 5px}
.bi-bericht .bi-punkt{background:#2563EB}.bi-antwort .bi-punkt{background:#9AA3A6}
.bi-z .bi-tag{flex:none}
.bi-detail{padding:4px 18px 16px 50px;display:flex;flex-direction:column;gap:8px}
.bi-detail .bi-akt{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.bi-detail .bi-akt form{margin:0;display:flex;gap:6px}
.bi-volltext{white-space:pre-wrap;font-size:13px;line-height:1.5;color:var(--ink2);background:var(--surface2);border-radius:12px;padding:12px 14px;max-height:340px;overflow:auto}
/* Aufgaben in Kundenakte / Lead wie die Aufgabenliste */
.ak-aufgaben{padding:0 0 6px}
.ak-a-kopf{padding:16px 18px 6px;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ak-a-kopf h2{margin:0}.ak-a-kopf p{margin:0}
.ak-aufgaben .tg-kopf{padding-top:12px}
.tg-fertig>summary{list-style:none;cursor:pointer}.tg-fertig>summary::-webkit-details-marker{display:none}
.tg-fertig>summary em{font-style:normal;font-weight:500;text-transform:none;letter-spacing:0;color:var(--teal-d)}
.tg-fertig[open]>summary em{display:none}
.ak-aufgaben #aufgaben>.tg:first-child{border-top:1px solid var(--line)}

/* Angebote: feinere Liste im Stil der Aufgaben */
.of-liste{padding:0 0 4px;overflow:auto}
.of-tab{margin:0;border:0;box-shadow:none;background:transparent;font-size:13px}
.of-tab thead th{font-size:10.5px;letter-spacing:.05em;padding:8px 12px;background:transparent;border-bottom:1px solid var(--line);color:var(--ink3);font-weight:600;vertical-align:bottom}
.of-tab thead th .mwst{font-size:9px}
.of-tab tbody td{padding:9px 12px;vertical-align:middle;border-top:1px solid var(--line)}
.of-tab tbody tr{cursor:pointer;transition:background .1s}
.of-tab tbody tr:hover{background:color-mix(in srgb,var(--teal-s) 55%,transparent)}
.of-tab td b{font-weight:600}
.of-tab td:first-child{padding-left:18px;white-space:nowrap}
.of-tab .muted.small{font-size:12px}
.of-tag{display:inline-block;font-size:10px;font-weight:600;border-radius:99px;padding:0 6px;margin-left:4px;background:var(--surface2);color:var(--ink2);vertical-align:1px}
.of-tag.of-cl{background:#efe7ff;color:#6d28d9}
.of-tab .ls-chip{font-size:10.5px;padding:1px 8px;font-weight:600;background:color-mix(in srgb,var(--sf) 16%,var(--surface));color:color-mix(in srgb,var(--sf) 75%,var(--ink));border:1px solid color-mix(in srgb,var(--sf) 35%,transparent)}
.of-tab .ls-punkte i{width:5px;height:5px}
.of-tab .pill{font-size:10.5px;padding:1px 8px}
.of-pers{display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.of-pers .tz-pers{width:22px;height:22px;font-size:9.5px}
.of-tab .of-weg{opacity:.35}.of-tab tr:hover .of-weg{opacity:1}

/* ===== Sitzungen & Protokolle ===== */
.side nav a[href="/sitzungen"]{--mf:#7C3AED}
.sz-knoepfe{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.sz-knoepfe form.inline{display:inline;margin:0}
.sz-loeschen{color:#b3261e}
.sz-tabs{margin:6px 0 14px}
.sz-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--gf,var(--teal));margin-right:6px;flex:none}
.tg-kopf .sz-dot{vertical-align:0}
a.tz.sitz-z{color:inherit;text-decoration:none}
.sz-punkt{width:10px;height:10px;border-radius:50%;background:var(--gf,var(--teal));flex:none}
.sz-offen{color:#9a3d0b;font-weight:600}
.sz-kat{background:color-mix(in srgb,var(--gf) 15%,var(--surface));color:color-mix(in srgb,var(--gf) 75%,var(--ink))}
.tz-check .check.an,.sz-fr .check.an{background:var(--teal-d);border-color:var(--teal-d)}
.sz-drei{grid-template-columns:1.4fr 1fr 1fr}
.sz-kal{border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:var(--surface2)}
.sz-kal summary{cursor:pointer;font-size:13px;font-weight:500;color:var(--teal-d);display:flex;align-items:center;gap:6px}
.sz-kal-t{display:flex;flex-direction:column;gap:2px;max-height:260px;overflow:auto}
.sz-kal-z{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 2px;border-top:1px solid var(--line)}
.sz-kal-z div{display:flex;flex-direction:column;min-width:0}.sz-kal-z b{font-size:13px;font-weight:600}
.sz-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}
.sz-chip{font-size:11px;font-weight:600;border-radius:99px;padding:2px 9px;background:color-mix(in srgb,var(--gf,var(--teal-d)) 14%,var(--surface));color:color-mix(in srgb,var(--gf,var(--teal-d)) 78%,var(--ink))}
.sz-chip.sz-entwurf{--gf:#F59E0B}.sz-chip.sz-fertig{--gf:#16A34A}
.sz-kopf h1{margin:0 0 2px}
.sz-span2{grid-column:span 2}
.sz-zeit{display:flex;align-items:center;gap:6px}.sz-zeit input{flex:1;min-width:0}
.sz-tn{display:flex;flex-wrap:wrap;gap:8px}
.sz-person{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:6px 12px 6px 6px;cursor:pointer;font:inherit;text-align:left;transition:all .15s}
.sz-person span:last-of-type{display:flex;flex-direction:column;line-height:1.2}.sz-person b{font-size:12.5px;font-weight:600;color:var(--ink)}
.sz-person small{font-size:11px;color:var(--ink3)}
.sz-person.st-anwesend{border-color:color-mix(in srgb,#16A34A 45%,var(--line));background:color-mix(in srgb,#16A34A 8%,var(--surface))}
.sz-person.st-anwesend small{color:#15803d}
.sz-person.st-entschuldigt{border-color:color-mix(in srgb,#F59E0B 45%,var(--line));background:color-mix(in srgb,#F59E0B 8%,var(--surface))}
.sz-person.st-entschuldigt small{color:#b45309}
.sz-person.st-weg{opacity:.55}.sz-person.st-weg .tz-pers{filter:grayscale(1)}
.sz-h3{font-size:13px;margin:16px 0 8px}
.sz-gaeste{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}
.sz-gast{display:grid;grid-template-columns:1.2fr 1fr 1.3fr 130px 32px;gap:6px;align-items:center}
.sz-trs-kopf h2{margin:6px 0 10px;font-size:16px}
.sz-trs{display:flex;flex-direction:column}
.sz-tr{padding:14px 18px;border-left:3px solid color-mix(in srgb,var(--gf,#7C3AED) 45%,var(--line))}
.sz-tr-kopf{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.sz-griff{cursor:grab;color:var(--ink3);font-size:15px;letter-spacing:-3px;user-select:none;padding:0 2px}
.sz-nr{width:24px;height:24px;border-radius:50%;background:var(--gf,#7C3AED);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;flex:none}
.sz-tr-titel{flex:1;font-size:14.5px;font-weight:600}
.sz-feld{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--ink2);font-weight:500;margin-top:8px}
.sz-feld textarea{width:100%;box-sizing:border-box;resize:vertical;font-size:13px;line-height:1.5}
.sz-beschluss{background:color-mix(in srgb,var(--teal-s) 55%,var(--surface))}
.sz-pds{display:flex;flex-direction:column;gap:6px}
.sz-pd{display:grid;grid-template-columns:24px 1fr 190px 140px 32px;gap:6px;align-items:center}
.sz-pd-ok{display:grid;place-items:center;cursor:pointer}.sz-pd-ok input{display:none}
.sz-pd-ok i{width:18px;height:18px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--m-aufg) 55%,var(--line2));display:grid;place-items:center;font-style:normal;font-size:11px;color:#fff}
.sz-pd-ok input:checked+i{background:var(--teal-d);border-color:var(--teal-d)}.sz-pd-ok input:checked+i::after{content:"✓"}
.sz-plus{align-self:flex-start;margin-top:4px}
.sz-weg{opacity:.45}.sz-weg:hover{opacity:1;color:#b3261e}
.sz-fuss{position:sticky;bottom:0;z-index:5;display:flex;gap:12px;align-items:center;padding:12px 0;margin-top:16px;background:linear-gradient(transparent,var(--ground) 30%)}
.sz-frueher{border-left:3px solid #F59E0B}
.sz-fr{display:flex;align-items:flex-start;gap:10px;padding:7px 0;border-top:1px solid var(--line)}
.sz-fr:first-of-type{border-top:0}
.sz-fr span{display:flex;flex-direction:column;font-size:13px}.sz-fr small{font-size:11.5px}
.sz-fr .check{width:20px;height:20px;min-width:20px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--m-aufg) 55%,var(--line2));background:var(--surface);cursor:pointer;font-size:11px;color:#fff;display:grid;place-items:center;padding:0;margin-top:1px}
.sz-dl{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;margin:0;font-size:13px}.sz-dl dt{color:var(--ink3)}.sz-dl dd{margin:0}
.sz-tn-lesen{display:flex;flex-wrap:wrap;gap:8px}
.sz-tl{display:inline-flex;align-items:center;gap:7px;font-size:13px;padding:3px 10px 3px 3px;border-radius:99px;background:var(--surface2)}
.sz-tl .tz-pers{width:24px;height:24px;font-size:9.5px}.sz-tl.ent{opacity:.65}
.sz-gast-av{background:#94a3b8}
.sz-tr-lesen h3{margin:0;font-size:15px}
.sz-text{white-space:pre-wrap;font-size:13.5px;line-height:1.55;margin:0 0 8px}
.sz-b{font-size:13px;padding:6px 10px;border-radius:8px;background:var(--teal-s);color:var(--teal-dd,var(--teal-d));margin:4px 0}
.sz-nachtrag{padding:8px 0;border-top:1px solid var(--line);white-space:pre-wrap;font-size:13px}.sz-nachtrag:first-of-type{border-top:0}
.sz-nachtrag-form{display:flex;flex-direction:column;gap:8px;margin-top:10px;align-items:flex-start}.sz-nachtrag-form textarea{width:100%;box-sizing:border-box}
.sz-pdf-dlg{width:min(1000px,96vw);height:92vh;padding:0}
.sz-pdf-dlg[open]{display:flex;flex-direction:column}
.sz-pdf-dlg .kd-kopf{padding:12px 18px;margin:0}
.sz-pdf-dlg iframe{flex:1;width:100%;border:0;background:#525659}
.sz-pdf-k{display:flex;gap:8px;align-items:center}
.sz-vertr{border-left:3px solid #8B5CF6;font-size:13px}
.sz-vertr-ok{margin-top:10px;white-space:normal;font-size:12.5px}
@media(max-width:900px){.sz-span2{grid-column:auto}.sz-pd{grid-template-columns:24px 1fr 32px}.sz-pd select,.sz-pd input[type=date]{grid-column:2}
  .sz-gast{grid-template-columns:1fr 32px}.sz-gast>*:not(input:first-child):not(button){grid-column:1}.sz-drei{grid-template-columns:1fr}}
/* Gruppen */
.gr-liste{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.gr-liste .card{margin:0}
.gr-kopf{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none}.gr-kopf::-webkit-details-marker{display:none}
.gr-kopf>div:nth-child(2){display:flex;flex-direction:column;flex:1;min-width:0}.gr-kopf small{font-size:12px}
.gr-av{display:flex;gap:3px}.gr-av .tz-pers{width:24px;height:24px;font-size:9.5px}
.gr-k[open] .bz-auf{transform:rotate(90deg)}
.gr-aus{opacity:.6}
.gr-form{display:flex;flex-direction:column;gap:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}
.gr-fs{display:flex;gap:8px;align-items:center}.gr-fs input[type=color]{width:46px;height:34px;padding:2px;border-radius:8px}
.gr-schalter{display:flex;flex-wrap:wrap;gap:18px}
.gr-mitgl{display:flex;flex-wrap:wrap;gap:6px 18px}
.gr-neu{display:flex;gap:10px;align-items:center}.gr-neu input{flex:1;max-width:340px}
.mod-schalter{display:flex;flex-direction:column;gap:8px}.mod-schalter h2{margin:0}.mod-schalter p{margin:0}
.mod-schalter .bz-schalter{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.gr-auto{opacity:.6}
.anhang-dlg .kd-kopf h2{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.anhang-inhalt{flex:1;display:flex;min-height:0;background:#525659}
.anhang-inhalt iframe{flex:1;width:100%;border:0}
.anhang-inhalt img{max-width:100%;max-height:100%;margin:auto;object-fit:contain;background:#fff}
.ml-flag-filter.on{color:#d97706;background:#fff4e0}
/* Sitzung: alle Eingabefelder gleich hoch */
.sz-form .igrid{align-items:end}
.sz-form .if input:not([type=checkbox]):not([type=color]),.sz-form .if select,
.sz-gast input,.sz-gast select,.sz-pd input:not([type=checkbox]),.sz-pd select,.sz-tr-titel{height:38px;min-height:38px;box-sizing:border-box;padding-top:0;padding-bottom:0;line-height:36px}
.sz-form .if>span{display:block}
/* Text-Editor (Sitzungsprotokoll) */
.rt{border:1px solid var(--line);border-radius:10px;background:var(--surface);overflow:hidden}
.rt:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 18%,transparent)}
.rt-leiste{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:4px 6px;border-bottom:1px solid var(--line);background:var(--surface2)}
.rt-leiste button{font:inherit;font-size:12.5px;color:var(--ink2);background:none;border:0;border-radius:6px;padding:4px 8px;min-width:28px;cursor:pointer;line-height:1.2}
.rt-leiste button:hover{background:var(--teal-s);color:var(--teal-d)}
.rt-leiste button.an{background:var(--teal-s);color:var(--teal-d)}
.rt-trenn{width:1px;height:18px;background:var(--line2);margin:0 4px}
.rt-mark{background:#FFF3B0;color:#1a1f20;padding:0 3px;border-radius:3px}
.rt-feld{min-height:72px;max-height:520px;overflow:auto;padding:9px 12px;font-size:13.5px;line-height:1.55;color:var(--ink);outline:none;font-weight:400}
.rt-feld:empty::before{content:attr(data-placeholder);color:var(--ink3)}
.rt-feld p,.rt-anzeige p{margin:0 0 6px}.rt-feld ul,.rt-feld ol,.rt-anzeige ul,.rt-anzeige ol{margin:2px 0 6px;padding-left:22px}
.rt-feld h3,.rt-anzeige h3{font-size:14px;margin:8px 0 4px;color:var(--teal-d)}
.rt-feld mark,.rt-anzeige mark{background:#FFF3B0;color:inherit;padding:0 2px;border-radius:2px}
.rt-feld blockquote,.rt-anzeige blockquote{margin:4px 0;padding-left:10px;border-left:3px solid var(--line2);color:var(--ink2)}
.rt-feld a,.rt-anzeige a{color:var(--teal-d);text-decoration:underline}
.sz-text.rt-anzeige{white-space:normal}

/* ===== Dateien ===== */
.side nav a[href="/dateien"]{--mf:#D97706}
.dm-knoepfe{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.dm-neu{position:relative}.dm-neu>summary{list-style:none;cursor:pointer}.dm-neu>summary::-webkit-details-marker{display:none}
.dm-menu{position:absolute;z-index:30;top:calc(100% + 4px);left:0;min-width:210px;background:var(--surface);border:1px solid var(--line);border-radius:12px;
  box-shadow:0 14px 34px -14px rgba(0,0,0,.35);padding:5px;display:flex;flex-direction:column}
.dm-menu button,.dm-menu a{font:inherit;font-size:13px;text-align:left;background:none;border:0;border-radius:8px;padding:7px 10px;color:var(--ink);cursor:pointer;
  display:flex;align-items:center;gap:8px;text-decoration:none}
.dm-menu button:hover,.dm-menu a:hover{background:var(--teal-s)}.dm-menu .rot{color:#b3261e}
.dm-hinweis{background:#fff7e6;color:#8a5a00}
.dm-app{display:grid;grid-template-columns:250px 1fr;gap:16px;align-items:start}
.dm-app>.card{margin:0}
.dm-seite{padding:12px;position:sticky;top:12px}
.dm-suche{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:0 8px;background:var(--surface2);margin-bottom:8px}
.dm-suche input{border:0;background:none;box-shadow:none;padding:8px 2px;flex:1;min-width:0;font-size:13px}.dm-suche .ic{width:15px;height:15px;color:var(--ink3)}
.dm-grp{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin:12px 6px 4px}
.dm-b{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:9px;color:var(--ink);font-size:13.5px;text-decoration:none}
.dm-b i{width:9px;height:9px;border-radius:50%;background:var(--bf,var(--teal-d));flex:none}
.dm-b span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-b small{font-size:11px}
.dm-b:hover{background:var(--surface2)}.dm-b.on{background:color-mix(in srgb,var(--bf,var(--teal-d)) 13%,var(--surface));font-weight:600}
.dm-b-k .ic{width:15px;height:15px;color:var(--ink3)}.dm-b-k.on{--bf:#64748B}
.dm-plus{margin:6px 4px 0}
.dm-haupt{padding:0;position:relative;min-height:420px;overflow:visible}
.dm-kopf{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 18px 10px;border-bottom:1px solid var(--line)}
.dm-kopf h2{margin:0;font-size:15px}
.dm-pfad{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px}.dm-pfad a{color:var(--ink2)}.dm-pfad span{color:var(--ink3)}
.dm-lock{font-size:11.5px;color:#6d28d9;background:#f1ebff;border-radius:99px;padding:1px 8px;margin-left:6px}
.dm-z{display:grid;grid-template-columns:34px 1fr 130px 80px 34px;gap:10px;align-items:center;padding:7px 18px;border-top:1px solid var(--line);
  cursor:pointer;color:inherit;text-decoration:none;transition:background .1s}
.dm-z:first-child{border-top:0}
.dm-z:hover{background:color-mix(in srgb,var(--teal-s) 55%,transparent)}
.dm-z-kopf{cursor:default;font-size:10.5px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);padding-top:9px;padding-bottom:6px}
.dm-z-kopf:hover{background:none}
.dm-ic{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;font-size:10px;font-weight:800;color:#fff;background:var(--ic,#94A3B8);letter-spacing:-.02em}
.dm-ic-o{background:#FEF3C7;color:#D97706;font-size:15px}.dm-ic-o .ic{width:17px;height:17px}
.dm-n{display:flex;flex-direction:column;min-width:0;color:inherit;text-decoration:none}
.dm-n b{font-weight:500;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dm-n small{font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dm-zeit,.dm-gr{font-size:12px;color:var(--ink2);white-space:nowrap}.dm-gr{text-align:right}
.dm-mehr{position:relative}.dm-mehr>summary{list-style:none;cursor:pointer;width:28px;height:28px;border-radius:8px;display:grid;place-items:center;color:var(--ink3);font-size:16px}
.dm-mehr>summary::-webkit-details-marker{display:none}.dm-mehr>summary:hover{background:var(--surface2);color:var(--ink)}
.dm-mehr .dm-menu{left:auto;right:0}
.dm-z-pk{grid-template-columns:34px 1fr auto;cursor:default}
.dm-z-pk form{margin:0}
.dm-leer{padding:18px}
.dm-leer-gross{display:flex;flex-direction:column;align-items:center;gap:6px;padding:60px 20px;color:var(--ink3);text-align:center}
.dm-leer-gross .ic{width:34px;height:34px;color:var(--teal)}.dm-leer-gross b{color:var(--ink2)}
.dm-drop{position:absolute;inset:0;border-radius:inherit;background:color-mix(in srgb,var(--teal-s) 85%,transparent);border:2px dashed var(--teal);
  display:none;place-items:center;z-index:20;pointer-events:none}
.dm-drop.an{display:grid}.dm-drop div{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--teal-d)}.dm-drop .ic{width:36px;height:36px}
.dm-fortschritt{position:sticky;bottom:0;background:var(--surface);border-top:1px solid var(--line);padding:10px 18px;border-radius:0 0 var(--r) var(--r)}
.dm-fortschritt>div{height:6px;border-radius:99px;background:var(--surface2);overflow:hidden}
.dm-fortschritt span{display:block;height:100%;width:0;background:var(--teal-d);transition:width .2s}
.dm-fortschritt small{display:block;margin-top:5px;color:var(--ink2);font-size:12px}
.dm-prot{padding:4px 0}
.dm-p{display:grid;grid-template-columns:120px 150px 150px 1fr auto;gap:10px;align-items:center;padding:6px 18px;border-top:1px solid var(--line);font-size:12.5px}
.dm-p:first-child{border-top:0}
.dm-akt{font-size:11px;font-weight:600;border-radius:99px;padding:1px 8px;background:var(--surface2);color:var(--ink2);justify-self:start;text-transform:capitalize}
.dm-akt-geloescht,.dm-akt-papierkorb_geleert{background:#fdecec;color:#b3261e}.dm-akt-bearbeitet,.dm-akt-neue_version,.dm-akt-hochgeladen{background:var(--teal-s);color:var(--teal-d)}
.dm-baum{width:100%;font-size:13px}
.dm-versionen-dlg{width:min(720px,94vw);padding:0}
.dm-ver-kopf{padding:14px 18px;margin:0}
.dm-ver{padding:0 18px 16px;display:flex;flex-direction:column}
.dm-v{display:grid;grid-template-columns:44px 1fr auto auto;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.dm-v div{display:flex;flex-direction:column}.dm-v form{margin:0}.dm-v.aktuell b{color:var(--teal-d)}
.dm-editor-dlg{width:98vw;max-width:none;height:96vh;max-height:none;padding:0}
.dm-editor-dlg[open]{display:flex;flex-direction:column}
.dm-editor-dlg .kd-kopf{padding:8px 14px;margin:0;border-bottom:1px solid var(--line)}
.dm-editor-dlg iframe{flex:1;width:100%;border:0;background:#f3f7f8}
@media(max-width:900px){.dm-app{grid-template-columns:1fr}.dm-seite{position:static}.dm-z{grid-template-columns:34px 1fr 34px}.dm-zeit,.dm-gr{display:none}
  .dm-p{grid-template-columns:1fr 1fr}}
/* Fensterkopf Vorschau/Editor: Knöpfe links neben dem Titel, nur ✕ rechts */
.sz-pdf-dlg .kd-kopf,.dm-editor-dlg .kd-kopf{justify-content:flex-start;gap:14px}
.sz-pdf-dlg .sz-pdf-k,.dm-editor-dlg .sz-pdf-k{flex:1}
.sz-pdf-k .iconbtn,.sz-pdf-k [data-zu]{margin-left:auto}

/* ===== Dateien im Explorer-/Finder-Stil ===== */
.fx{padding:0;overflow:visible;display:flex;flex-direction:column;min-height:560px}
.fx-leiste{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line)}
.fx-leiste2{padding:7px 14px;background:var(--surface2);flex-wrap:wrap;gap:6px}
.fx-nav{display:flex;gap:2px}
.fx-nav .iconbtn{width:30px;height:30px;font-size:17px;line-height:1;color:var(--ink2);text-decoration:none;display:grid;place-items:center;border-radius:8px}
.fx-nav .iconbtn:hover{background:var(--surface2);color:var(--ink)}.fx-nav .iconbtn.aus{opacity:.3;pointer-events:none}
.fx-pfad{flex:1;min-width:0;display:flex;align-items:center;gap:2px;flex-wrap:wrap;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:3px 6px;min-height:34px}
.fx-seg{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:7px;font-size:13px;color:var(--ink2);text-decoration:none;white-space:nowrap}
.fx-seg:hover{background:var(--surface);color:var(--ink)}.fx-seg.on{color:var(--ink);font-weight:600}.fx-seg .ic{width:14px;height:14px}
.fx-sep{color:var(--ink3);font-size:12px}
.fx-bdot{width:8px;height:8px;border-radius:50%;background:var(--bf,var(--teal-d));flex:none;display:inline-block}
.fx-kunde{margin-left:auto;display:inline-flex;align-items:center;gap:5px;font-size:12px;color:var(--teal-d);padding:3px 8px;border-radius:7px;text-decoration:none}
.fx-kunde:hover{background:var(--teal-s)}.fx-kunde .ic{width:14px;height:14px}
.fx-suche{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:0 9px;background:var(--surface);width:250px;min-height:34px}
.fx-suche input{border:0;background:none;box-shadow:none;padding:6px 0;flex:1;min-width:0;font-size:13px}.fx-suche .ic{width:14px;height:14px;color:var(--ink3)}
.fx-dd{position:relative}.fx-dd>summary{list-style:none}.fx-dd>summary::-webkit-details-marker{display:none}
.fx-trenn{width:1px;height:20px;background:var(--line2);margin:0 4px}
.fx-auswahl{display:flex;gap:6px;flex-wrap:wrap}.fx-auswahl[hidden]{display:none}
.fx-rot{color:#b3261e!important}
.fx-luecke{flex:1}
.fx-ansicht a{font-size:14px;padding:3px 10px}
.fx-info-k{width:30px;height:30px;border-radius:8px;font-size:15px;color:var(--ink2)}.fx-info-k.on{background:var(--teal-s);color:var(--teal-d)}
.fx-body{flex:1;display:grid;grid-template-columns:240px 1fr 250px;min-height:460px}
.fx-ohne-info .fx-body{grid-template-columns:240px 1fr}.fx-ohne-info .fx-info{display:none}
.fx-eingebettet .fx-body{grid-template-columns:1fr 250px}.fx-eingebettet.fx-ohne-info .fx-body{grid-template-columns:1fr}
/* Seitenleiste mit Baum */
.fx-seite{border-right:1px solid var(--line);padding:8px 8px 14px;overflow:auto;max-height:calc(100vh - 210px);position:sticky;top:0}
.fx-seite .dm-grp{margin:10px 8px 4px}
.fx-baum,.fx-baum ul{list-style:none;margin:0;padding:0}
.fx-baum li>ul{display:none}.fx-baum li.offen>ul{display:block}
.fx-tk{display:flex;align-items:center;gap:2px;padding:0 6px 0 calc(4px + var(--t,0) * 14px);border-radius:8px;min-height:30px;color:var(--ink);text-decoration:none;font-size:13px}
.fx-tk:hover{background:var(--surface2)}
.fx-tk.on{background:color-mix(in srgb,var(--bf,var(--teal-d)) 13%,var(--surface));font-weight:600}
.fx-tk>a{display:flex;align-items:center;gap:7px;flex:1;min-width:0;color:inherit;text-decoration:none;padding:5px 0}
.fx-tk>a>span:not(.fx-ordner){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.fx-tk small{font-size:10.5px}
.fx-pf{width:16px;height:16px;flex:none;border:0;background:none;color:var(--ink3);font-size:13px;line-height:1;padding:0;cursor:pointer;transition:transform .15s;display:grid;place-items:center}
li.offen>.fx-tk>.fx-pf{transform:rotate(90deg)}
.fx-tk-x{padding-left:10px;gap:9px}.fx-tk-x .ic{width:15px;height:15px;color:var(--ink3)}
.fx-b-ic{width:15px;height:15px;color:#2563EB}
.fx-leer-b{padding:4px 10px}
.drop-ziel{background:color-mix(in srgb,var(--teal) 22%,var(--surface))!important;outline:2px solid var(--teal);outline-offset:-2px}
/* Ordner-Symbol */
.fx-ordner{width:22px;height:22px;flex:none;display:inline-grid;place-items:center}
.fx-ordner svg{width:22px;height:22px;fill:#F5B83D;stroke:#D99A1E;stroke-width:.8}
.fx-ordner.kunde svg{fill:#7FB0F5;stroke:#3B7DDB}
.fx-ordner.gross,.fx-ordner.gross svg{width:56px;height:56px}
.dm-ic.klein{width:20px;height:20px;font-size:8px;border-radius:5px}
.dm-ic.gross{width:56px;height:56px;font-size:16px;border-radius:12px}
/* Liste */
.fx-haupt{position:relative;min-width:0;display:flex;flex-direction:column}
.fx-liste{flex:1;user-select:none}
.fx-z{display:grid;grid-template-columns:minmax(0,1fr) 150px 130px 90px;gap:10px;align-items:center;padding:0 16px;min-height:36px;font-size:13px;
  border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);cursor:default;outline:none}
.fx-zeilen .fx-z:nth-child(even){background:color-mix(in srgb,var(--surface2) 55%,transparent)}
.fx-zeilen .fx-z:hover{background:color-mix(in srgb,var(--teal-s) 60%,transparent)}
.fx-zeilen .fx-z.sel{background:color-mix(in srgb,var(--teal) 26%,var(--surface))}
.fx-zeilen .fx-z.sel:focus{background:color-mix(in srgb,var(--teal) 34%,var(--surface))}
.fx-kopf{min-height:30px;position:sticky;top:0;z-index:2;background:var(--surface);border-bottom:1px solid var(--line)}
.fx-kopf button,.fx-kopf span{font:inherit;font-size:11px;font-weight:600;color:var(--ink3);background:none;border:0;padding:0;text-align:left;cursor:pointer;letter-spacing:.02em}
.fx-kopf span{cursor:default}
.fx-kopf button::after{content:attr(data-pfeil);margin-left:4px;font-size:9px;color:var(--teal-d)}
.fx-kopf button:hover{color:var(--ink)}
.fx-z .r{text-align:right}
.fx-n{display:flex;align-items:center;gap:10px;min-width:0}
.fx-n .dm-ic{width:22px;height:22px;font-size:8px;border-radius:5px;flex:none}
.fx-nt{display:flex;align-items:baseline;gap:8px;min-width:0}
.fx-nt b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-nt small{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-v{font-size:10px!important;background:var(--surface2);border-radius:99px;padding:0 6px}
.fx-ell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-pk{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 230px 130px}
.fx-prot{grid-template-columns:120px 150px 150px minmax(0,1fr) minmax(0,1fr)}
.fx-kopfinfo{display:flex;align-items:center;justify-content:flex-start;gap:12px;padding:10px 16px;font-size:12.5px;color:var(--ink2);border-bottom:1px solid var(--line)}
.fx-kopfinfo form{margin:0}
.fx-leer{display:flex;flex-direction:column;align-items:center;gap:6px;padding:70px 20px;color:var(--ink3);text-align:center;grid-template-columns:none;border:0}
.fx-leer .ic{width:34px;height:34px;color:var(--teal)}.fx-leer b{color:var(--ink2)}
/* Symbol-Ansicht */
.fx-symbole .fx-zeilen{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px;padding:12px}
.fx-symbole .fx-liste>.fx-kopf{display:none}
.fx-symbole .fx-zeilen .fx-z{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;border:0;border-radius:10px;min-height:0;background:none;text-align:center}
.fx-symbole .fx-zeilen .fx-z.sel{background:color-mix(in srgb,var(--teal) 22%,var(--surface))}
.fx-symbole .fx-zeilen .fx-z>span:not(.fx-n){display:none}
.fx-symbole .fx-n{flex-direction:column;gap:6px}
.fx-symbole .fx-n .dm-ic{width:46px;height:46px;font-size:13px;border-radius:10px}
.fx-symbole .fx-ordner,.fx-symbole .fx-ordner svg{width:52px;height:52px}
.fx-symbole .fx-nt{flex-direction:column;align-items:center;gap:2px;max-width:100%}
.fx-symbole .fx-nt b{font-size:12px;white-space:normal;word-break:break-word;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.fx-symbole .fx-leer{grid-column:1/-1}
/* Info-Bereich */
.fx-info{border-left:1px solid var(--line);padding:16px;overflow:auto;max-height:calc(100vh - 210px);position:sticky;top:0}
.fx-info-leer{text-align:center;margin-top:40px}
.fx-info-ic{display:grid;place-items:center;padding:10px 0 12px}
.fx-info-name{display:block;text-align:center;font-size:14px;word-break:break-word}
.fx-info-art{display:block;text-align:center;margin-top:2px}
.fx-info dl{display:grid;grid-template-columns:70px 1fr;gap:6px 10px;margin:16px 0;font-size:12.5px}.fx-info dt{color:var(--ink3)}.fx-info dd{margin:0;word-break:break-word}
.fx-info-k2{display:flex;flex-direction:column;gap:6px}.fx-info-k2 .btn{justify-content:center}
.fx-info-viele{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:40px}
/* Statusleiste */
.fx-status{display:flex;align-items:center;gap:14px;padding:6px 16px;border-top:1px solid var(--line);background:var(--surface2);font-size:12px;color:var(--ink2);border-radius:0 0 var(--r) var(--r);min-height:32px}
.fx-status .dm-fortschritt{position:static;flex:1;border:0;background:none;padding:0;display:flex;align-items:center;gap:10px}
.fx-status .dm-fortschritt[hidden]{display:none}
.fx-status .dm-fortschritt>div{flex:1}.fx-status .dm-fortschritt small{margin:0}
/* Kontextmenü */
.fx-kontext{position:fixed;z-index:1000;top:0;left:0;min-width:220px}
.fx-kontext hr{border:0;border-top:1px solid var(--line);margin:4px 2px}
.fx-kontext kbd{margin-left:auto;font:inherit;font-size:10.5px;color:var(--ink3)}
.fx-kontext button{width:100%}
/* eingebettet (Kundenakte) */
.dm-rahmen{margin:0;padding:0;background:transparent;min-height:auto}
.dm-rahmen .fx{margin:0;border-radius:0;border:0;box-shadow:none;min-height:100vh}
.dm-rahmen .kal-meldung{margin:8px 12px}
.akte-dateien{width:100%;height:calc(100vh - 230px);min-height:560px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface);box-shadow:var(--shadow)}
@media(max-width:1100px){.fx-body{grid-template-columns:200px 1fr}.fx-info{display:none}.fx-suche{width:170px}}
@media(max-width:760px){.fx-body,.fx-ohne-info .fx-body{grid-template-columns:1fr}.fx-seite{position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line)}
  .fx-z{grid-template-columns:minmax(0,1fr) 80px}.fx-z>span:nth-child(2),.fx-z>span:nth-child(3),.fx-kopf button:nth-child(2),.fx-kopf button:nth-child(3){display:none}
  .fx-leiste{flex-wrap:wrap}.fx-suche{width:100%}}
/* Konnektoren-Status kompakt (ⓘ für Details) */
.ap-menu{min-width:230px;padding:6px 8px 8px}
.ap-menu li{display:block;padding:0}
.ap-menu li details>summary{list-style:none;display:grid;grid-template-columns:12px 1fr auto 18px;align-items:center;gap:8px;padding:5px 4px;border-radius:7px;cursor:pointer}
.ap-menu li details>summary::-webkit-details-marker{display:none}
.ap-menu li details>summary:hover{background:var(--surface2)}
.ap-menu li b{font-weight:500;font-size:12.5px;color:var(--ink)}
.ap-menu li em{font-style:normal;font-size:11.5px;color:var(--ink3)}
.ap-menu .st-warn em{color:#b45309}.ap-menu .st-fehler em{color:var(--crit)}
.ap-i{width:16px;height:16px;border-radius:50%;border:1px solid var(--line2);display:grid;place-items:center;font-size:10px;font-style:normal;font-weight:600;color:var(--ink3);font-family:Georgia,serif}
.ap-menu li details[open] .ap-i{background:var(--teal-s);border-color:transparent;color:var(--teal-d)}
.ap-det{font-size:11.5px;color:var(--ink2);padding:2px 6px 7px 24px;line-height:1.4}
.ap-menu .grp{margin:2px 4px 4px}
.ap-link{margin-top:4px}
/* Editor-Fenster: verschiebbar, Grösse ziehbar, maximieren, Vollbild */
.dm-editor-dlg{width:min(1500px,94vw);height:90vh;max-width:none;max-height:none;padding:0;resize:both;overflow:hidden;min-width:520px;min-height:360px}
.dm-editor-dlg.frei{margin:0;inset:auto;position:fixed}
.dm-editor-dlg.max{width:100vw!important;height:100vh!important;margin:0;inset:0;border-radius:0;resize:none}
.dm-editor-dlg:fullscreen{width:100vw;height:100vh;border-radius:0;resize:none}
.dm-editor-dlg.zieht iframe{pointer-events:none}
.dm-editor-dlg.zieht{user-select:none}
.dm-ed-kopf{cursor:move}
.dm-ed-kopf a,.dm-ed-kopf button{cursor:pointer}
.dm-ed-knoepfe{margin-left:auto;display:flex;gap:2px}
.dm-ed-knoepfe .iconbtn{width:30px;height:30px;font-size:14px;color:var(--ink2);border-radius:8px}
.dm-ed-knoepfe .iconbtn:hover{background:var(--surface2);color:var(--ink)}
.dm-ed-knoepfe #dmEdZu:hover{background:#fdecec;color:#b3261e}
/* Dateien: ganze Fensterhöhe nutzen, Bereiche scrollen innen */
.fx.fx-voll{min-height:0}
.fx.fx-voll .fx-body{min-height:0;flex:1}
.fx.fx-voll .fx-haupt{overflow:auto}
.fx.fx-voll .fx-seite,.fx.fx-voll .fx-info{max-height:none;position:static;overflow:auto}
.dm-rahmen .fx{height:100vh;min-height:0}
.dm-rahmen .fx .fx-body{min-height:0}.dm-rahmen .fx .fx-haupt{overflow:auto}.dm-rahmen .fx .fx-info{max-height:none;position:static}
/* Pipeline: alle Spalten gleich hoch, Kopf einzeilig */
.pboard{align-items:stretch}
.pspalte{display:flex;flex-direction:column}
.pspalte .sp-liste{flex:1}
.ps-kopf{min-height:40px;flex-wrap:nowrap}
.ps-name{flex:0 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ps-n{flex:none}

/* ===== Telefonie (3CX) ===== */
.tel-demo{background:var(--violet-s);color:var(--ink);border:1px solid color-mix(in srgb,var(--violet) 30%,transparent)}
.tel-filter{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 12px}
.tel-filter select,.tel-filter input[type=search]{height:34px;padding:0 10px;border:1px solid var(--line2);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px}
.tel-filter input[type=search]{min-width:220px;flex:1 1 220px;max-width:340px}
.tel-filter .chips{display:inline-flex;gap:4px;flex-wrap:wrap}
.tel-filter .chip{cursor:pointer;user-select:none;padding:6px 12px}
.tel-filter .chip.on{background:var(--teal-s);border-color:var(--teal);color:var(--teal-d)}
.tel-sum{margin:0 0 8px}
.tel-liste{display:flex;flex-direction:column;gap:4px}
.tel-tag{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);margin:10px 2px 2px;font-weight:600}
.tel-tag:first-child{margin-top:0}
.tel-leer{padding:14px 2px}
.tel-z{background:var(--surface);border:1px solid var(--line);border-radius:12px}
.tel-z>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:30px 54px minmax(0,2.2fr) minmax(0,1.3fr) 82px 64px;gap:10px;align-items:center;padding:8px 12px}
.tel-z>summary::-webkit-details-marker{display:none}
.tel-z>summary:hover{background:var(--surface2);border-radius:12px}
.tel-z[open]{box-shadow:var(--shadow);border-color:var(--line2)}
.tel-z[open]>summary{border-bottom:1px solid var(--line);border-radius:12px 12px 0 0}
.tel-z.st-verpasst:not(.erl){border-left:3px solid var(--rose)}
.tel-z b,.tel-z small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tel-z small{color:var(--ink3);font-size:12px}
.tel-zeit{font-variant-numeric:tabular-nums;font-weight:600}
.tel-int{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tel-dauer{text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
.tel-dauer em{font-style:normal;font-weight:500;font-size:12px;color:var(--ink3)}
.st-verpasst .tel-dauer em{color:var(--rose)}
.tel-tags{text-align:right;white-space:nowrap}.tel-tags i{font-style:normal;margin-left:3px}
.tel-unbek{color:var(--warn)}
.tel-ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;background:var(--surface2);color:var(--ink2)}
.tel-ic.r-ein{background:var(--green-s);color:var(--green)}
.tel-ic.r-aus{background:var(--blue-s);color:var(--blue)}
.tel-ic.r-verpasst{background:var(--rose-s);color:var(--rose)}
.tel-ic.r-warte{background:var(--amber-s)}
.tel-det{padding:12px 14px;display:flex;flex-direction:column;gap:10px}
.tel-det-kopf{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.tel-det-info{margin-left:4px}
.tel-summary{background:var(--surface2);border-radius:10px;padding:8px 12px}
.tel-summary p{margin:4px 0 0;white-space:pre-wrap;font-size:13px}
.tel-audio{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tel-audio audio{height:36px;max-width:100%}
.tel-notiz{display:flex;gap:8px;align-items:flex-end}
.tel-notiz textarea{flex:1;min-height:52px;border:1px solid var(--line2);border-radius:10px;padding:8px 10px;font:inherit;background:var(--surface);color:var(--ink)}
.tel-zuo>summary{cursor:pointer;color:var(--teal-d)}
.tel-zuo-f{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:8px}
.tel-zuo-f input,.tel-zuo-f select{height:32px;padding:0 8px;border:1px solid var(--line2);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px}
.tel-zuo-f select{min-width:220px}
.tel-zuo-f small{flex-basis:100%}
@media (max-width:760px){
  .tel-z>summary{grid-template-columns:28px 46px minmax(0,1fr) 64px;gap:8px}
  .tel-int,.tel-tags{display:none}
  .tel-notiz{flex-direction:column;align-items:stretch}
}
/* Live */
.tel-live{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:14px;align-items:start}
.tel-live-rechts{display:flex;flex-direction:column;gap:14px}
@media (max-width:1000px){.tel-live{grid-template-columns:1fr}}
.tel-g{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(0,1.3fr) auto;gap:12px;align-items:center;padding:10px 4px;border-top:1px solid var(--line)}
.tel-warte .tel-g{grid-template-columns:30px minmax(0,1fr) auto}
.tel-g:first-of-type{border-top:0}
.tel-g.ich{background:var(--teal-s);border-radius:10px;padding:10px 8px}
.tel-g b,.tel-g small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tel-g small{color:var(--ink3);font-size:12px}
.tel-nr{font-variant-numeric:tabular-nums}
.tel-g-st{text-align:right;font-size:12px;color:var(--ink2);white-space:nowrap}
.tel-g-st b{font-size:16px;font-variant-numeric:tabular-nums;color:var(--ink)}
.tel-puls{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--green);margin-right:6px;animation:telPuls 1.6s infinite}
.st-ringing .tel-puls{background:var(--amber)}
@keyframes telPuls{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--green) 60%,transparent)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}
.tel-warte.hat{border-color:var(--amber);background:color-mix(in srgb,var(--amber-s) 50%,var(--surface))}
.tel-team ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.tel-team li{display:grid;grid-template-columns:12px 1fr;column-gap:8px;padding:6px 2px;align-items:center}
.tel-team li small{grid-column:2;color:var(--ink3);font-size:12px}
.tel-team .dot{width:10px;height:10px;border-radius:50%;background:var(--ink3)}
.tel-team .frei .dot{background:var(--green)}
.tel-team .belegt .dot{background:var(--rose)}
.tel-team .weg .dot{background:var(--amber)}
/* Auswertung */
.tel-ausw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
@media (max-width:1000px){.tel-ausw{grid-template-columns:1fr}}
.tel-balken{display:flex;align-items:flex-end;gap:3px;height:170px;padding-top:6px;overflow-x:auto}
.tel-b{flex:1 0 14px;display:flex;flex-direction:column;align-items:center;height:100%}
.tel-b-s{flex:1;width:100%;display:flex;flex-direction:column-reverse;border-radius:4px 4px 0 0;overflow:hidden}
.tel-b-s i{display:block;width:100%}
.tel-b small{font-size:10px;color:var(--ink3);margin-top:3px}
.tel-b i.ein,.tel-lg.ein{background:var(--green)}
.tel-b i.aus,.tel-lg.aus{background:var(--blue)}
.tel-b i.verpasst,.tel-lg.verpasst{background:var(--rose)}
.tel-lg{display:inline-block;width:9px;height:9px;border-radius:2px;margin:0 4px 0 8px}
/* Dashboard */
.tel-dash-kz{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px}
.tel-dash-kz a{background:var(--surface2);border-radius:10px;padding:8px;text-decoration:none;color:var(--ink);text-align:center}
.tel-dash-kz b{display:block;font-size:20px;font-variant-numeric:tabular-nums}
.tel-dash-kz small{font-size:11px;color:var(--ink3)}
.tel-dash-kz a.warn{background:var(--rose-s)}
.tel-dash-z{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:5px 0;text-decoration:none;color:var(--ink);border-top:1px solid var(--line)}
.tel-dash-z b,.tel-dash-z small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tel-dash-z small{color:var(--ink3);font-size:12px}
.tel-badge{background:var(--rose)!important;color:#fff!important}
.tel-ns input{height:32px;padding:0 8px;border:1px solid var(--line2);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;width:90px}

/* ===================== KI-Assistent ===================== */
.assi-raster{display:grid;grid-template-columns:minmax(360px,1fr) minmax(420px,1.15fr);gap:20px;align-items:start}
@media(max-width:1100px){.assi-raster{grid-template-columns:1fr}}
.assi-raster>.card{margin-bottom:0}
.assi-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px;margin-bottom:16px}
.assi-kachel{display:flex;flex-direction:column;gap:1px;padding:12px 14px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);color:var(--ink);min-height:84px;transition:border-color .15s,transform .15s}
.assi-kachel:hover{border-color:var(--teal);transform:translateY(-1px);color:var(--ink)}
.assi-kachel b{font-size:24px;font-weight:600;line-height:1.1;color:var(--teal-d)}
.assi-kachel span{font-size:12.5px;font-weight:600}
.assi-kachel small{font-size:11.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.assi-kachel.warn b{color:var(--warn)}
.assi-kachel.lade{background:linear-gradient(90deg,var(--surface2),var(--line),var(--surface2));background-size:200% 100%;animation:assi-schimmer 1.4s infinite}
@keyframes assi-schimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}
.assi-plan{position:relative}
.assi-gruss{font-size:17px;font-weight:600;color:var(--ink);margin:0 0 2px}
.assi-lage{margin:0 0 14px;color:var(--ink2)}
.assi-top3{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.assi-top{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--ink)}
a.assi-top:hover{border-color:var(--teal);color:var(--ink)}
.assi-top em{font-style:normal;flex:none;width:24px;height:24px;border-radius:50%;background:var(--teal-d);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:600}
.assi-top b{display:block;font-size:13.5px}.assi-top small{display:block;color:var(--ink2);font-size:12px}
.assi-h{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin:6px 0 8px;font-weight:600}
.assi-zeitplan{list-style:none;margin:0 0 12px;padding:0}
.assi-z{display:grid;grid-template-columns:52px 14px 1fr auto;gap:10px;align-items:start;padding:6px 0;position:relative}
.assi-z-zeit{font-variant-numeric:tabular-nums;font-weight:600;font-size:13px;text-align:right}.assi-z-zeit small{display:block;font-weight:400;color:var(--ink3);font-size:11px}
.assi-z-punkt{width:10px;height:10px;border-radius:50%;margin-top:5px;background:var(--teal);box-shadow:0 0 0 3px var(--teal-s)}
.assi-z:not(:last-child) .assi-z-punkt::after{content:"";position:absolute;left:68px;top:22px;bottom:-6px;width:2px;background:var(--line)}
.assi-z-text b{display:block;font-size:13px;font-weight:500}.assi-z-text small{display:block;color:var(--ink2);font-size:12px}
.assi-z-art{font-size:11px;color:var(--ink3);border:1px solid var(--line);border-radius:99px;padding:1px 8px;white-space:nowrap}
.assi-z.fix .assi-z-punkt{background:var(--teal-d)}
.assi-z-fokus .assi-z-punkt{background:var(--violet);box-shadow:0 0 0 3px var(--violet-s)}
.assi-z-mail .assi-z-punkt,.assi-z-anruf .assi-z-punkt{background:var(--blue);box-shadow:0 0 0 3px var(--blue-s)}
.assi-z-pause .assi-z-punkt,.assi-z-puffer .assi-z-punkt{background:var(--ink3);box-shadow:0 0 0 3px var(--line)}
.assi-z-aufgabe .assi-z-punkt{background:var(--amber);box-shadow:0 0 0 3px var(--amber-s)}
.assi-z.vorbei{opacity:.45}
.assi-tipp{background:var(--amber-s);border-radius:10px;padding:8px 12px;font-size:12.5px;margin:4px 0 12px}
.assi-plan-fuss{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:8px}
.assi-leer{padding:6px 0}.assi-leer p{margin:0 0 12px;color:var(--ink2)}
.assi-laedt,.assi-denkt{display:none;align-items:center;gap:10px;color:var(--ink2);font-size:13px;padding:10px 0}
.assi-plan.htmx-request .assi-laedt{display:flex}.assi-plan.htmx-request>:not(.assi-laedt){opacity:.35}
.assi-chat.htmx-request .assi-denkt{display:flex}
.assi-punkte{display:inline-flex;gap:4px}.assi-punkte i{width:7px;height:7px;border-radius:50%;background:var(--teal-d);animation:assi-hupf 1s infinite}
.assi-punkte i:nth-child(2){animation-delay:.15s}.assi-punkte i:nth-child(3){animation-delay:.3s}
@keyframes assi-hupf{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
/* Chat */
.assi-chat{display:flex;flex-direction:column;height:calc(100vh - 210px);min-height:520px;position:sticky;top:86px}
.assi-chat-k{display:flex;gap:6px;align-items:center;position:relative}
.assi-alt summary{list-style:none}.assi-alt summary::-webkit-details-marker{display:none}
.assi-alt-liste{position:absolute;right:0;top:36px;z-index:20;width:300px;max-height:360px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px}
.assi-alt-liste a{display:block;padding:7px 10px;border-radius:8px;color:var(--ink)}.assi-alt-liste a:hover,.assi-alt-liste a.on{background:var(--teal-s)}
.assi-alt-liste b{display:block;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assi-alt-liste small{color:var(--ink3);font-size:11px}
.assi-verlauf{flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px;padding:4px 2px 8px}
.assi-msg{display:flex;gap:10px;align-items:flex-start}
.assi-ich{justify-content:flex-end}
.assi-ich .assi-blase{background:var(--teal-d);color:#fff;border-radius:14px 14px 4px 14px;padding:9px 13px;max-width:80%;white-space:pre-wrap}
:root[data-theme="dark"] .assi-ich .assi-blase{color:#0C1416}
.assi-av{flex:none;width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--teal-d));color:#fff;display:grid;place-items:center;font-size:14px}
.assi-ki .assi-blase{background:var(--surface2);border:1px solid var(--line);border-radius:4px 14px 14px 14px;padding:10px 14px;max-width:92%;min-width:0}
.assi-fehler .assi-blase{background:var(--crit-s);border-color:transparent;color:var(--crit)}
.assi-md p{margin:0 0 6px}.assi-md ul,.assi-md ol{margin:2px 0 8px;padding-left:20px}.assi-md li{margin:2px 0}
.assi-md h4{font-size:13px;margin:8px 0 4px}.assi-md .md-abstand{height:4px}.assi-md code{background:var(--surface);border:1px solid var(--line);border-radius:5px;padding:0 4px;font-size:12px}
.assi-md>:last-child{margin-bottom:0}
.assi-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.assi-quellen{margin-top:8px;font-size:11px;color:var(--ink3)}
.assi-eingabe{display:flex;gap:8px;align-items:flex-end;border-top:1px solid var(--line);padding-top:12px}
.assi-eingabe textarea{flex:1;resize:none;border:1px solid var(--line2);border-radius:12px;padding:10px 12px;font:inherit;background:var(--surface);color:var(--ink);min-height:46px;max-height:180px}
.assi-eingabe textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-s)}
.assi-eingabe .btn{height:46px}
.assi-fuss{margin:8px 0 0;font-size:11px}
/* Vorschläge (Knöpfe) */
.assi-aktionen{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.assi-akt{display:flex;gap:12px;align-items:center;justify-content:space-between;background:var(--surface);border:1px solid var(--line);border-left:3px solid var(--teal);border-radius:10px;padding:9px 12px}
.assi-akt-termin{border-left-color:var(--violet)}.assi-akt-mail{border-left-color:var(--blue)}
.assi-akt-text{display:flex;gap:10px;align-items:flex-start;min-width:0}.assi-akt-ic{font-size:16px;line-height:1.4}
.assi-akt-text b{display:block;font-size:13px;font-weight:500}.assi-akt-text small{display:block;font-size:11.5px}
.assi-akt-det{color:var(--ink2)}
.assi-akt form{margin:0}.assi-akt .btn{white-space:nowrap;flex:none}
.assi-akt-vorschau summary{cursor:pointer}.assi-akt-vorschau div{white-space:pre-wrap;font-size:12px;background:var(--surface2);border-radius:8px;padding:8px 10px;margin-top:4px;max-height:220px;overflow:auto}
.assi-erledigt{font-size:12.5px;color:var(--green);font-weight:500;white-space:nowrap}
@media(max-width:760px){.assi-chat{height:auto;min-height:0;position:static}.assi-verlauf{max-height:60vh}.assi-akt{flex-direction:column;align-items:stretch}}
.w-assistent .assi-top3{margin-bottom:8px}.w-assistent .assi-gruss{font-size:14px}

/* ===================== Anhänge im Kundenordner ===================== */
.dms-chips{margin-top:6px}
.af-dateien{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border:1px dashed var(--line2);border-radius:10px;padding:7px 12px;margin-top:6px;cursor:pointer;font-size:12.5px;color:var(--ink2)}
.af-dateien:hover{border-color:var(--teal);color:var(--teal-d)}
.af-dateien-liste{font-style:normal;color:var(--teal-d);font-weight:500}
.af-form.ziehen .af-dateien{border-color:var(--teal);background:var(--teal-s)}
.ms-anh-chip.dms{border-color:var(--teal);background:var(--teal-s)}
.aw{border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-top:8px;padding:10px;box-shadow:var(--shadow)}
.aw-kopf{display:flex;gap:8px;align-items:center;margin-bottom:8px}
.aw-kopf input{flex:1;border:1px solid var(--line2);border-radius:9px;padding:7px 10px;font:inherit;background:var(--surface);color:var(--ink)}
.aw-liste{max-height:260px;overflow:auto}
.aw-titel{margin:0 0 6px}
.aw-z{display:flex;gap:10px;align-items:flex-start;padding:6px 8px;border-radius:8px;cursor:pointer}.aw-z:hover{background:var(--surface2)}
.aw-z input{margin-top:3px}.aw-n b{display:block;font-size:12.5px;font-weight:500;word-break:break-word}.aw-n small{font-size:11px}
.mr-anh{display:inline-flex;gap:4px;align-items:center}
.mr-ablegen{cursor:pointer;font:inherit;font-size:12px}
.chip.ok{background:var(--green-s);color:var(--green);border-color:transparent}
.mr-anh-hinweis{margin:4px 0 0}
/* ===== Konnektoren als Liste (einfach, aufklappbar) ===== */
.kn2-leiste{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:10px}
.kn2-sum{display:flex;flex-wrap:wrap;gap:6px}
.kn2-p{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:3px 10px;border-radius:99px;background:var(--surface2);color:var(--ink3);white-space:nowrap}
.kn2-p i{width:7px;height:7px;border-radius:50%;background:currentColor}
.kn2-p.ok{background:var(--green-s);color:var(--green)}
.kn2-p.warn{background:var(--amber-s);color:var(--warn)}
.kn2-p.fehler{background:var(--crit-s);color:var(--crit)}
.kn2{display:flex;flex-direction:column;gap:6px;margin:14px 0 16px}
.kn2-z{background:var(--surface);border:1px solid var(--line);border-radius:12px;border-left:4px solid var(--kf)}
.kn2-z>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:36px minmax(0,1.4fr) minmax(0,1fr) auto 18px;gap:12px;align-items:center;padding:10px 14px}
.kn2-z>summary::-webkit-details-marker{display:none}
.kn2-z>summary:hover{background:var(--surface2);border-radius:0 12px 12px 0}
.kn2-name b{display:block;font-size:14px}
.kn2-name small{display:block;font-size:12px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kn2-info{font-size:12px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kn2-pfeil{font-size:18px;color:var(--ink3);transition:transform .15s;text-align:center}
.kn2-z[open]>summary{border-bottom:1px solid var(--line)}
.kn2-z[open] .kn2-pfeil{transform:rotate(90deg)}
.kn2-det{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:22px;padding:14px 16px 16px}
.kn2-links{display:flex;flex-direction:column;gap:12px;min-width:0}
.kn2-links .kn-knoepfe{margin:0}
.kn2-rechts{background:var(--surface2);border-radius:10px;padding:12px 14px;min-width:0;align-self:start}
.kn2-rechts ol{margin:6px 0 12px;padding-left:18px;font-size:12.5px;color:var(--ink2);display:flex;flex-direction:column;gap:5px}
.kn2-rechts ol li{word-break:break-word}
.kn2-h{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
.kn2-block{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.kn2-bk{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.kn2-bk a{margin-left:auto}
.kn2-block .vs-form{display:flex;flex-direction:column;gap:6px;margin:0}
.kn2-block textarea{width:100%;border:1px solid var(--line2);border-radius:8px;padding:6px 8px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink)}
.kn2-tab{overflow-x:auto;max-width:100%}
.kn2-tab table{width:100%}
.kn2-runs th,.kn2-runs td{font-size:12.5px}
.kn2-geplant span{white-space:nowrap}
@media (max-width:900px){
  .kn2-det{grid-template-columns:1fr}
  .kn2-z>summary{grid-template-columns:32px minmax(0,1fr) auto 14px}
  .kn2-info{display:none}
}
.kn2-form{display:flex;flex-direction:column;gap:8px;margin:8px 0 12px}
.kn2-form fieldset{border:0;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;min-width:0}
.kn2-feld{display:flex;flex-direction:column;gap:3px}
.kn2-feld>span{display:flex;justify-content:space-between;font-size:12px;font-weight:600;color:var(--ink2)}
.kn2-feld>span i{font-style:normal;font-weight:500;font-size:11px}
.kn2-feld>span i.ok{color:var(--green)}.kn2-feld>span i.fehlt{color:var(--warn)}
.kn2-feld input{height:34px;padding:0 10px;border:1px solid var(--line2);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;width:100%;min-width:0}
.kn2-feld input:focus{outline:2px solid color-mix(in srgb,var(--teal) 40%,transparent);border-color:var(--teal)}
.kn2-form fieldset[disabled] input{opacity:.7}
.kn2-weg{display:flex;align-items:center;gap:5px;color:var(--ink3)}
.kn2-schalter{display:flex;gap:8px;align-items:flex-start;font-size:13px;cursor:pointer}
.kn2-schalter input{margin-top:3px}
.kn2-schalter small{display:block;color:var(--ink3);font-size:11.5px}
.kn2-anl>summary{cursor:pointer;font-size:12.5px;color:var(--teal-d);font-weight:500}
.kn2-anl ol{margin:8px 0 0;padding-left:18px;font-size:12.5px;color:var(--ink2);display:flex;flex-direction:column;gap:5px}
.kn2-anl ol li{word-break:break-word}
.kn2-form input[type=checkbox]{width:16px;height:16px;min-width:16px;margin:2px 0 0;padding:0;flex:none}
.kn2-schalter{display:grid!important;grid-template-columns:18px minmax(0,1fr);gap:8px;align-items:start;text-align:left}
.kn2-schalter>span{display:block}
.kn2-weg{display:flex!important;flex-direction:row;align-items:center;gap:6px;justify-content:flex-start;font-size:11.5px}
.kn2-msg{margin:0}
.kn2-feld>span i.opt{color:var(--ink3)}

/* ===================== Assistent mit Registern ===================== */
.assi-schnell{display:flex;gap:8px;margin:4px 0 10px}
.assi-schnell input,.assi-w-frage input{flex:1;border:1px solid var(--line2);border-radius:10px;padding:8px 12px;font:inherit;background:var(--surface);color:var(--ink);min-width:0}
.assi-schnell input:focus,.assi-w-frage input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-s)}
.assi-top{position:relative}.assi-top-pfeil{margin-left:auto;align-self:center;color:var(--ink3);font-size:20px;line-height:1}
a.assi-top:hover .assi-top-pfeil{color:var(--teal-d)}
.assi-plan-karte{max-width:900px}
.assi-chat-raster{display:grid;grid-template-columns:260px 1fr;gap:20px;align-items:start}
.assi-chat-raster>.card{margin-bottom:0}
.assi-chats{display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 230px);overflow:auto;position:sticky;top:86px}
.assi-chats-liste{display:flex;flex-direction:column;gap:2px}
.assi-chats-liste a{display:block;padding:7px 10px;border-radius:8px;color:var(--ink)}.assi-chats-liste a:hover,.assi-chats-liste a.on{background:var(--teal-s)}
.assi-chats-liste b{display:block;font-size:12.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.assi-chats-liste small{color:var(--ink3);font-size:11px}
.assi-chat-raster .assi-chat{height:calc(100vh - 230px)}
@media(max-width:900px){.assi-chat-raster{grid-template-columns:1fr}.assi-chats{position:static;max-height:220px}}
.assi-md a.assi-link{font-weight:500;text-decoration:underline;text-decoration-color:var(--teal-s);text-underline-offset:2px}
.assi-md a.assi-link:hover{text-decoration-color:var(--teal-d)}
.assi-z-text a.assi-link b{color:var(--teal-d)}
.assi-widget{position:relative}.assi-widget .assi-plan-fuss{margin-top:4px}
.assi-w-frage{display:flex;gap:6px;margin-top:10px}
.assi-w-antwort:not(:empty){margin-top:10px;max-height:340px;overflow:auto}
.assi-w-antwort .assi-msg .assi-blase{max-width:100%}
.assi-widget.htmx-request .assi-denkt{display:flex}
.assi-weiter{display:inline-block;margin-top:6px}

/* ===================== Team-Performance ===================== */
.tp-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:10px}
.tp-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-bottom:18px}
.tp-k{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px}
.tp-k>span{font-size:12px;color:var(--ink2);font-weight:500}.tp-k b{font-size:22px;font-weight:600;color:var(--teal-d)}.tp-k b small{font-size:12px;font-weight:400;color:var(--ink3)}
.tp-k b.warn{color:var(--warn)}.tp-k>small{font-size:11.5px;color:var(--ink3)}
.tp-karten{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.tp-karten .card{margin-bottom:0}
.tp-person{display:inline-flex;align-items:center;gap:10px}.tp-person .note-av{position:static;flex:none}
.tp-person b{display:block;font-size:13px}.tp-person small{display:block;color:var(--ink3);font-size:11px}
.tp-werte{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:12px 0 0}
.tp-werte div{display:flex;flex-direction:column}.tp-werte dt{font-size:11px;color:var(--ink3)}.tp-werte dd{margin:0;font-weight:600;font-size:15px;font-variant-numeric:tabular-nums}
.tp-d{font-size:10.5px;font-weight:600;margin-left:6px}.tp-d.gut{color:var(--green)}.tp-d.schlecht{color:var(--crit)}
.tp-warn{color:var(--warn)!important;font-weight:600}
.tp-tab{width:100%;border-collapse:collapse}.tp-tab th{font-size:11.5px;color:var(--ink3);font-weight:500;text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
.tp-tab td{padding:8px 10px;border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums}.tp-tab .num{text-align:right;white-space:nowrap}
.tp-tab tfoot td{font-weight:600;border-bottom:0;border-top:2px solid var(--line)}
.tp-liste{list-style:none;padding:0;margin:6px 0 0}.tp-liste li{padding:5px 0;border-bottom:1px solid var(--line);font-size:12.5px}
.tp-alter{display:inline-block;min-width:38px;font-weight:600;font-size:11px;color:var(--ink2)}.tp-alter.orange{color:var(--warn)}.tp-alter.rot{color:var(--crit)}
.tp-hinweis{margin-top:14px}
.tp-ki{position:relative}.tp-ki.htmx-request .assi-laedt{display:flex}
.tp-ki-personen{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:10px 0}
.tp-ki-personen div{background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:9px 12px}.tp-ki-personen b{display:block;font-size:13px}.tp-ki-personen span{font-size:12.5px;color:var(--ink2)}
.tp-empf{margin:4px 0 0;padding-left:20px}.tp-empf li{margin:4px 0}
.akte-tabs button[data-tab="a-heute"]{--mf:var(--teal)}.akte-tabs button[data-tab="a-plan"]{--mf:var(--violet)}.akte-tabs button[data-tab="a-chat"]{--mf:var(--blue)}
.akte-tabs button[data-tab="tp-tickets"]{--mf:var(--amber)}.akte-tabs button[data-tab="tp-aufgaben"]{--mf:var(--green)}.akte-tabs button[data-tab="tp-verkauf"]{--mf:var(--violet)}.akte-tabs button[data-tab="tp-aktiv"]{--mf:var(--blue)}.akte-tabs button[data-tab="tp-ki"]{--mf:#D97757}
.tp-person .note-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:600;color:#fff;background:var(--pf);margin:0}
.assi-kachel span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.assi-plan-fuss.oben{margin:0 0 14px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.assi-neu .ic{width:16px;height:16px}
.tp-zuo summary{cursor:pointer;list-style:none}.tp-zuo summary::-webkit-details-marker{display:none}
.tp-zuo-tab input:not([type=checkbox]),.tp-zuo-tab select{border:1px solid var(--line2);border-radius:8px;padding:5px 8px;font:inherit;background:var(--surface);color:var(--ink);width:100%;max-width:260px}
.tp-zuo form{margin-top:10px}.tp-zuo .btn{margin-top:10px}

/* ===================== Seitenleiste: Bereiche einklappen, Favoriten ===================== */
.side nav .nav-g{display:flex;flex-direction:column;gap:2px}
.side nav button.grp{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:0;font:inherit;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);padding:12px 10px 5px;cursor:pointer;border-radius:8px;text-align:left}
.side nav button.grp:hover{color:var(--ink)}
.nav-chev{font-size:14px;letter-spacing:0;transform:rotate(90deg);transition:transform .15s;opacity:.6}
.nav-g.zu .nav-chev{transform:rotate(0)}
.nav-g-in{display:flex;flex-direction:column;gap:2px}
.nav-g.zu .nav-g-in>a:not(.on){display:none}
.nav-fav button.grp{color:var(--amber)}
.side nav a{position:relative}
.nav-stern{margin-left:auto;font-size:14px;line-height:1;color:var(--ink3);opacity:0;padding:0 2px;cursor:pointer;transition:opacity .12s}
.side nav a:hover .nav-stern{opacity:.8}.nav-stern:hover{color:var(--amber)!important;opacity:1!important}
.nav-stern.an{color:var(--amber)}
.nav-fav .nav-stern{opacity:0}.nav-fav a:hover .nav-stern{opacity:1}
.nav-g-in a .badge,.nav-g-in a .nav-zaehler{margin-left:auto}
.nav-g-in a .badge+.nav-stern,.nav-g-in a .nav-zaehler+.nav-stern{margin-left:6px}
.side nav a.on .nav-stern{color:#fff}
/* Dashboard: grosses Fragefeld oben (ohne Begrüssung) */
.askbox.dash-frage{padding:12px 12px 12px 24px;border-radius:18px;margin:0 0 22px;min-height:68px}
.askbox.dash-frage input{font-size:17px;padding:12px 0;width:100%}
.askbox.dash-frage .spark{font-size:24px}
.askbox.dash-frage .btn{padding:12px 22px;font-size:15px}

/* ── Assistent: «Frag mich» direkt in «Heute», Diktieren ── */
.assi-heute{display:grid;grid-template-columns:minmax(340px,1fr) minmax(460px,1.3fr);gap:20px;align-items:start}
.assi-links{display:flex;flex-direction:column;gap:20px;min-width:0}
.assi-links>.card,.assi-heute>.card{margin-bottom:0}
.assi-heute .assi-chat{height:calc(100vh - 200px);min-height:540px;position:sticky;top:86px;scroll-margin-top:90px}
.assi-chat-k .assi-alt{position:relative}
.assi-chat-k .assi-alt summary{cursor:pointer}
.assi-chat-k .assi-alt-liste{left:0;right:auto}
.assi-mic{height:46px;width:46px;padding:0;justify-content:center;flex:none}
.assi-mic.an{background:var(--crit);border-color:var(--crit);color:#fff;animation:assi-mic-puls 1.3s infinite}
@keyframes assi-mic-puls{0%{box-shadow:0 0 0 0 rgba(220,38,38,.45)}70%{box-shadow:0 0 0 10px rgba(220,38,38,0)}100%{box-shadow:0 0 0 0 rgba(220,38,38,0)}}
.assi-mic-info{margin:6px 0 0;font-size:12px}
@media(max-width:1100px){.assi-heute{grid-template-columns:1fr}.assi-heute .assi-chat{position:static;height:auto;min-height:0}.assi-heute .assi-verlauf{min-height:280px;max-height:60vh}}

/* ── Dateien: Navigationsbaum links kompakt ── */
.fx-body{grid-template-columns:190px 1fr 250px}.fx-ohne-info .fx-body{grid-template-columns:190px 1fr}
.fx-seite{padding:4px 4px 10px}
.fx-seite .dm-grp{margin:8px 6px 2px;font-size:10px}
.fx-tk{min-height:22px;font-size:12px;border-radius:6px;padding:0 4px 0 calc(2px + var(--t,0) * 11px);gap:1px}
.fx-tk>a{gap:5px;padding:2px 0}
.fx-seite .fx-ordner,.fx-seite .fx-ordner svg{width:15px;height:15px}
.fx-pf{width:13px;height:13px;font-size:11px}
.fx-tk-x{padding-left:6px;gap:6px}.fx-tk-x .ic,.fx-seite .fx-b-ic{width:13px;height:13px}
.fx-seite .fx-bdot{transform:scale(.8)}
.fx-seite .dm-plus{font-size:11.5px;padding:2px 8px;min-height:0;height:24px;margin:4px 0 2px 4px}
@media(max-width:1100px){.fx-body{grid-template-columns:170px 1fr}}
@media(max-width:760px){.fx-body,.fx-ohne-info .fx-body{grid-template-columns:1fr}}

/* ── Kleine Bildschirme: Assistent und Dateien ── */
.assi-chat-k{flex-wrap:wrap}
.assi-chat-k .assi-alt-liste{max-width:calc(100vw - 48px)}
.assi-heute .assi-chat .cardhead{flex-wrap:wrap;gap:8px}
@media(max-width:1100px){
  .assi-heute .assi-chat{order:-1}                      /* Chat zuerst, Überblick darunter */
  .assi-heute .assi-verlauf{min-height:240px;max-height:55vh}
}
@media(max-width:600px){
  .assi-heute{gap:14px}.assi-links{gap:14px}
  .assi-heute .assi-chat .cardhead h2{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
  .assi-chat-k .btn.sm{padding:4px 8px;font-size:12px}
  .assi-eingabe{gap:6px}
  .assi-eingabe textarea{font-size:16px;padding:9px 10px}   /* 16px: iPhone zoomt sonst beim Antippen */
  .assi-eingabe .btn,.assi-mic{height:42px;width:42px;padding:0;justify-content:center}
  .assi-ich .assi-blase{max-width:88%}.assi-ki .assi-blase{max-width:100%}
  .assi-av{width:24px;height:24px;font-size:12px}
  .assi-kacheln{grid-template-columns:repeat(2,1fr);gap:8px}
  .assi-kachel{min-height:70px;padding:10px 12px}.assi-kachel b{font-size:20px}
  .assi-fuss{display:none}
  .fx-seite{max-height:180px;overflow:auto}
}

/* ── Assistent: erledigte Aktionen und Anrufe ── */
.assi-akt-ok{border-left-color:var(--green)}.assi-akt-anruf{border-left-color:var(--amber)}
.assi-akt-knoepfe{display:flex;gap:6px;align-items:center;flex:none;flex-wrap:wrap}
.assi-akt-knoepfe form{margin:0}
.assi-weg{color:var(--ink3)}
@media(max-width:760px){.assi-akt-knoepfe{justify-content:flex-start}}

/* ── Beratungsinteresse: ruhigere Zeile ── */
.bi-z .tz-unter{gap:0;align-items:baseline}
.bi-z .tz-unter>*:not(:first-child)::before{content:"·";margin:0 7px;color:var(--line2)}
.bi-z .bi-von{color:var(--ink2)}
.bi-z .bi-kurz{color:var(--ink2);font-style:italic}
.bi-z .tz-titel .bi-tag{font-size:10.5px;padding:0 7px;line-height:18px}
.bi-z .tz-due{background:none;padding:0;color:var(--ink3)}
.bi-z .tz-due.ueberfaellig{background:#fde8ea;padding:2px 9px;color:#b4232f}

/* ── Mein Konto: Schalter, Name unten links als Link ── */
.bz-schalter{display:inline-flex;align-items:center}
.bz-schalter i{flex:none;display:inline-block}
.me-link{display:flex;align-items:center;gap:10px;flex:1;min-width:0;color:var(--ink);text-decoration:none;border-radius:10px;padding:4px 6px;margin:-4px -6px;transition:background .15s}
.me-link:hover,.me-link.on{background:var(--surface2);color:var(--ink)}
.me-link .who{display:block;flex:1;min-width:0}
.me .me-link{flex:1 1 calc(100% - 46px)}
.konto-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;max-width:1100px;align-items:start}
.konto-raster>.card{margin:0}
.konto-person{display:flex;gap:14px;align-items:center}.konto-person h2{margin:0}
.avatar.gross{width:48px;height:48px;font-size:17px}
.konto-ok{color:var(--green);font-weight:600;font-size:13px}.konto-nein{color:var(--crit);font-weight:600;font-size:13px}

/* ── Mein Konto: Einstellungsseite mit Navigation (erweiterbar) ── */
.ko{max-width:1080px}
.ko-kopf{display:flex;gap:18px;align-items:center;padding:22px 24px;border-radius:16px;margin-bottom:18px;
  background:linear-gradient(120deg,color-mix(in srgb,var(--teal) 14%,var(--surface)),var(--surface) 70%);border:1px solid var(--line)}
.ko-avatar{width:64px;height:64px;border-radius:50%;flex:none;display:grid;place-items:center;font-size:22px;font-weight:600;color:#fff;
  background:linear-gradient(135deg,var(--teal),var(--teal-d));box-shadow:0 6px 18px color-mix(in srgb,var(--teal-d) 30%,transparent)}
.ko-wer{min-width:0}.ko-wer h1{margin:0 0 6px;font-size:22px}
.ko-meta{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;font-size:12.5px;color:var(--ink2)}
.ko-meta>span{display:inline-flex;align-items:center;gap:5px}.ko-meta .ic{width:14px;height:14px}
.ko-rolle{background:var(--surface2);border:1px solid var(--line);border-radius:99px;padding:1px 9px}
.ko-status i{width:8px;height:8px;border-radius:50%;background:var(--ink3)}
.ko-status.ok i{background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 18%,transparent)}.ko-status.nein i{background:var(--crit)}
.ko-meldung{border-radius:12px;padding:10px 14px;margin-bottom:16px;font-size:13px}
.ko-meldung.ok{background:color-mix(in srgb,var(--green) 10%,var(--surface));color:var(--green)}.ko-meldung.err{background:var(--crit-s);color:var(--crit)}
.ko-raster{display:grid;grid-template-columns:200px minmax(0,1fr);gap:28px;align-items:start}
.ko-nav{position:sticky;top:86px;display:flex;flex-direction:column;gap:2px}
.ko-nav a{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:9px;color:var(--ink2);font-size:13px;font-weight:500;text-decoration:none}
.ko-nav a .ic{width:16px;height:16px;color:var(--ink3)}
.ko-nav a:hover{background:var(--surface2);color:var(--ink)}
.ko-nav a.on{background:var(--teal-s);color:var(--teal-d)}.ko-nav a.on .ic{color:var(--teal-d)}
.ko-teil{scroll-margin-top:90px;margin-bottom:30px}
.ko-teil>h2{font-size:16px;margin:0}.ko-sub{margin:2px 0 10px;color:var(--ink3);font-size:12.5px}
.ko-karte{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.04));overflow:hidden}
.ko-zeile{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px 18px}
.ko-zeile+.ko-zeile{border-top:1px solid var(--line)}
.ko-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:var(--surface2);color:var(--ink2);font-size:18px}
.ko-ic .ic{width:18px;height:18px}.ko-ic.ms{background:#E8F1FD;color:#0F6CBD}.ko-ic.sonne{background:var(--amber-s)}
.ko-text b{display:block;font-size:13.5px;font-weight:600}.ko-text small{display:block;color:var(--ink2);font-size:12.5px;line-height:1.5;margin-top:2px}
.ko-steuer{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap}
.ko-form{margin:0}
.ko-pill{font-size:11.5px;font-weight:600;border-radius:99px;padding:3px 10px;background:var(--surface2);color:var(--ink2)}
.ko-pill.ok{background:color-mix(in srgb,var(--green) 12%,var(--surface));color:var(--green)}.ko-pill.nein{background:var(--crit-s);color:var(--crit)}
.ko-hinweis{margin:0;padding:10px 18px 14px 70px;font-size:12px;color:var(--ink3)}.ko-hinweis.err{color:var(--crit)}
.ko-fuss{display:flex;gap:8px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface2)}
.ko-aufklapp{border-top:1px solid var(--line)}
.ko-aufklapp>summary{cursor:pointer;padding:12px 18px 12px 70px;font-size:13px;color:var(--teal-d);font-weight:500}
.ko-pw{display:grid;gap:10px;padding:0 18px 16px 70px;max-width:420px}
.ko-pw label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink2)}
@media(max-width:900px){.ko-raster{grid-template-columns:1fr;gap:12px}
  .ko-nav{position:static;flex-direction:row;overflow-x:auto;gap:4px;padding-bottom:4px}.ko-nav a{white-space:nowrap}}
@media(max-width:600px){.ko-kopf{padding:16px;gap:12px}.ko-avatar{width:48px;height:48px;font-size:17px}.ko-wer h1{font-size:18px}
  .ko-zeile{grid-template-columns:32px minmax(0,1fr);gap:10px;padding:14px}.ko-ic{width:32px;height:32px}
  .ko-steuer{grid-column:2;justify-content:flex-start}.ko-hinweis,.ko-aufklapp>summary,.ko-pw{padding-left:56px}}

/* ── Mein Konto: Laufwerk (WebDAV) ── */
.ko-teil>.ko-karte+.ko-karte{margin-top:12px}
.ko-ic.lw{background:#FDF3E1;color:#B7791F}
.ko-pill.warn{background:var(--amber-s);color:#9a5b0b}
.ko-lw{padding:0 18px 16px 70px;display:flex;flex-direction:column;gap:8px}
.ko-kopier{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ko-kopier>span:first-child{width:70px;flex:none;font-size:12px;color:var(--ink3)}
.ko-kopier code{background:var(--surface2);border:1px solid var(--line);border-radius:8px;padding:5px 10px;font-size:12.5px;user-select:all;word-break:break-all}
.ko-lw-hinweis{margin:4px 0;background:var(--amber-s);border-radius:10px;padding:9px 12px;font-size:12.5px;color:#7a4a08}
.ko-anl{display:flex;flex-direction:column;gap:6px;margin-top:4px}
.ko-anl details{border:1px solid var(--line);border-radius:10px;padding:0 12px}
.ko-anl summary{cursor:pointer;padding:9px 0;font-size:13px;font-weight:600}
.ko-anl ol,.ko-anl ul{margin:0 0 10px;padding-left:20px;font-size:12.5px;line-height:1.6;color:var(--ink2)}
.ko-anl code{background:var(--surface2);border-radius:5px;padding:1px 5px;font-size:12px}
.ko-anl p{margin:0 0 10px}
.ko-zeile-oben{align-items:start}
.ko-neu-pw{margin:10px 0 4px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--green) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--green) 35%,var(--line))}
.ko-neu-pw b{display:block;font-size:12.5px;margin-bottom:8px;color:var(--green)}
.ko-neu-pw code{font-size:15px;letter-spacing:.04em;background:var(--surface)}
.ko-pw-liste{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.ko-pw-liste li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.ko-pw-ic .ic{width:15px;height:15px;color:var(--ink3)}
.ko-pw-text{flex:1;min-width:0}.ko-pw-text b{display:block;font-size:13px}.ko-pw-text small{margin:0}
.ko-rot{color:var(--crit)!important}
.ko-pw-neu{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.ko-pw-neu input{flex:1;min-width:200px;border:1px solid var(--line2);border-radius:10px;padding:7px 11px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink)}
@media(max-width:600px){.ko-lw{padding-left:14px}.ko-kopier>span:first-child{width:100%}}

/* ── Team-Performance: WHMCS-Admins zuordnen ── */
.tp-zuo{padding:0;overflow:hidden}
.tz2-kopf{display:flex;gap:14px;align-items:flex-start;flex-wrap:wrap;padding:16px 18px 10px}
.tz2-kopf h2{margin:0;font-size:15px}
.tz2-status{margin:0 18px 12px;padding:10px 14px;border-radius:10px;font-size:12.5px;line-height:1.55}
.tz2-status.ok{background:color-mix(in srgb,var(--green) 9%,var(--surface));color:var(--ink2)}.tz2-status.ok b{color:var(--green)}
.tz2-status.warn{background:var(--amber-s);color:#6b4106}.tz2-status.warn b{color:#9a5b0b}.tz2-status .muted{display:block;margin-top:2px}
.tz2-form{margin:0}
.tz2-liste{border-top:1px solid var(--line)}
.tz2-z{display:grid;grid-template-columns:90px minmax(180px,1.3fr) minmax(170px,1fr) 90px 90px;gap:12px;align-items:center;padding:8px 18px;border-bottom:1px solid var(--line)}
.tz2-z:hover{background:var(--surface2)}
.tz2-z.aus{opacity:.5}
.tz2-titel{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);font-weight:600;padding-top:10px;padding-bottom:8px;background:var(--surface2)}
.tz2-titel:hover{background:var(--surface2)}
.tz2-z .num{text-align:right}
.tz2-nr{display:inline-block;font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;background:var(--surface2);border:1px solid var(--line);border-radius:99px;padding:2px 10px;color:var(--ink2)}
.tz2-nr.leer{color:var(--ink3)}
.tz2-z input:not([type=checkbox]),.tz2-z select{width:100%;border:1px solid var(--line2);border-radius:8px;padding:6px 9px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink)}
.tz2-z input:focus,.tz2-z select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-s)}
.tz2-hint{display:block;font-size:11px;color:var(--teal-d);margin-top:2px}
.tz2-name{font-size:13px;font-weight:500}
.tz2-fuss{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding:12px 18px;background:var(--surface2)}
.tz2-fuss .btn{margin:0}
@media(max-width:800px){.tz2-titel{display:none}.tz2-z{grid-template-columns:70px 1fr;row-gap:6px}.tz2-z>span:nth-child(n+3){grid-column:2}.tz2-z .num{text-align:left}}
.tz2-form{display:flex;flex-direction:column}
.tz2-such{order:-1;display:flex;gap:12px;align-items:center;flex-wrap:wrap;padding:0 18px 12px}
.tz2-such input{flex:0 1 340px;border:1px solid var(--line2);border-radius:10px;padding:7px 11px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink)}
.tz2-vorschlag{display:flex;flex-wrap:wrap;gap:4px;align-items:center;margin-top:4px;font-size:11px;color:var(--ink3)}
.tz2-chip{border:1px solid var(--line);background:var(--surface2);border-radius:99px;padding:1px 8px;font:inherit;font-size:11px;color:var(--teal-d);cursor:pointer}
.tz2-chip:hover{border-color:var(--teal)}.tz2-chip em{font-style:normal;color:var(--ink3);margin-left:2px}
.tz2-z>span:first-child{display:flex;flex-direction:column;align-items:flex-start;gap:3px}
.tz2-link{font-size:11px;color:var(--teal-d);white-space:nowrap}
.tz2-z{grid-template-columns:130px minmax(180px,1.3fr) minmax(170px,1fr) 90px 90px}
@media(max-width:800px){.tz2-z{grid-template-columns:100px 1fr}}

/* ── Team-Performance: Berichte ── */
.tb-wahl{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:4px 0 14px}
.tb-wahl>label:first-child{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--ink2)}
.tb-wahl select{border:1px solid var(--line2);border-radius:9px;padding:6px 10px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink)}
.tb-ki small{font-size:11.5px}
.tb-liste{display:flex;flex-direction:column;border-top:1px solid var(--line)}
.tb-z{display:grid;grid-template-columns:minmax(200px,1fr) minmax(0,1.3fr) auto;gap:14px;align-items:center;padding:9px 4px;border-bottom:1px solid var(--line)}
.tb-z:hover{background:var(--surface2)}
.tb-hinweis{margin:12px 0 0}
@media(max-width:760px){.tb-z{grid-template-columns:1fr auto}.tb-kurz{display:none}}

/* ---------- Beratungsinteresse: Zeile neu (12.10.2026) ---------- */
.bi-z{border-left:0}.bi-z+.bi-z{border-top:1px solid var(--line)}
.bi-zeile{--bc:#DB2777;--bs:#FDE7F1;display:grid;grid-template-columns:40px minmax(240px,1.1fr) minmax(0,1.4fr) auto;align-items:center;gap:16px;padding:12px 18px;cursor:pointer;list-style:none;position:relative;transition:background .12s}
.bi-zeile::-webkit-details-marker{display:none}
.bi-bericht>.bi-zeile{--bc:var(--brand);--bs:#E3F4F4}.bi-antwort>.bi-zeile{--bc:#64748B;--bs:#EEF1F3}
.bi-zeile::before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;border-radius:0 3px 3px 0;background:var(--bc);opacity:.85}
.bi-z.bi-alt>.bi-zeile::before{background:var(--rose)}
.bi-zeile:hover{background:color-mix(in srgb,var(--teal-s) 45%,transparent)}
.bi-z[open]>.bi-zeile{background:color-mix(in srgb,var(--teal-s) 60%,transparent)}
.bi-z[open] .tz-pfeil{transform:rotate(90deg)}
.bi-ico{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-size:13px;font-weight:700;letter-spacing:.02em;color:var(--bc);background:var(--bs)}
.bi-mitte{min-width:0;display:flex;flex-direction:column;gap:4px}
.bi-l1,.bi-l2{display:flex;align-items:center;gap:8px;min-width:0;white-space:nowrap}
.bi-firma{font-weight:600;font-size:14px;color:var(--ink);overflow:hidden;text-overflow:ellipsis}
a.bi-firma:hover{color:var(--teal-d)}.bi-firma.ohne{color:var(--ink3);font-weight:500}
.bi-von{font-size:12px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis}
.bi-zeile .bi-tag{flex:none;font-size:11px;font-weight:600;line-height:20px;padding:0 8px;border-radius:6px;background:var(--bs);color:var(--bc)}
.bi-thema{font-size:12.5px;color:var(--ink2);overflow:hidden;text-overflow:ellipsis}
.bi-zitat{position:relative;justify-self:start;max-width:100%;font-size:13px;line-height:1.45;color:var(--ink);background:var(--surface2);border:1px solid var(--line);border-radius:4px 14px 14px 14px;padding:7px 12px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bi-zitat.leer{color:var(--ink3);font-style:italic;background:none;border-style:dashed}
.bi-rechts{display:flex;align-items:center;gap:12px;flex:none}
.bi-zeit{display:flex;flex-direction:column;align-items:flex-end;font-size:12.5px;font-weight:600;color:var(--ink2);line-height:1.25;white-space:nowrap}
.bi-zeit small{font-size:11px;font-weight:400;color:var(--ink3)}
.bi-offen{font-size:11.5px;font-weight:600;color:#b4232f;background:#fde8ea;border-radius:99px;padding:2px 9px;white-space:nowrap}
.bi-zuw{display:flex;align-items:center;gap:6px;padding:2px 10px 2px 2px;border-radius:99px;background:var(--surface2);border:1px solid var(--line)}
.bi-zuw .tz-pers{width:24px;height:24px;font-size:9.5px}
.bi-zuw-n{font-size:12px;font-weight:500;color:var(--ink2)}
.bi-z .bi-detail{padding:6px 18px 16px 74px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .bi-zeile{--bs:color-mix(in srgb,var(--bc) 22%,var(--surface));--bc:#F472B6}:root:not([data-theme="light"]) .bi-bericht>.bi-zeile{--bc:#5FD3D6}:root:not([data-theme="light"]) .bi-antwort>.bi-zeile{--bc:#A9B8BE}:root:not([data-theme="light"]) .bi-offen{background:var(--rose-s);color:#F9A8B8}}
:root[data-theme="dark"] .bi-zeile{--bs:color-mix(in srgb,var(--bc) 22%,var(--surface));--bc:#F472B6}:root[data-theme="dark"] .bi-bericht>.bi-zeile{--bc:#5FD3D6}:root[data-theme="dark"] .bi-antwort>.bi-zeile{--bc:#A9B8BE}:root[data-theme="dark"] .bi-offen{background:var(--rose-s);color:#F9A8B8}
@media(max-width:1000px){.bi-zeile{grid-template-columns:40px minmax(0,1fr) auto;row-gap:8px}.bi-zitat{grid-column:2/4;grid-row:2}}
@media(max-width:640px){.bi-zeile{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px}.bi-ico{width:34px;height:34px;font-size:12px}.bi-zitat{grid-column:1/3}.bi-rechts{grid-column:1/3;justify-content:flex-start}.bi-zeit{flex-direction:row;gap:6px;align-items:baseline}.bi-zuw-n,.tz-pfeil{display:none}.bi-z .bi-detail{padding:6px 12px 14px}}

/* ---------- Aufgabenzeile neu (12.10.2026) ---------- */
.tg+.tg{border-top:1px solid var(--line)}
.tz2{display:grid;grid-template-columns:24px minmax(0,1fr) auto auto;gap:14px;padding:11px 18px;border-left:0;position:relative}
.tz2+.tz2{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.tz2::before{content:"";position:absolute;left:0;top:9px;bottom:9px;width:3px;border-radius:0 3px 3px 0;background:transparent}
.tz2.ueberfaellig::before{background:var(--rose)}.tz2.heute::before{background:var(--amber)}.tz2.bald::before{background:var(--blue,#2563EB)}
.tz2 .check{width:22px;height:22px;min-width:22px;color:transparent;font-size:12px;transition:all .12s}
.tz2 .check:hover{color:var(--teal-d);border-color:var(--teal-d);background:var(--teal-s)}
.tz2.done .check{color:#fff}
.tz2 .tz-titel{gap:8px}.tz2 .tz-titel b{font-size:14px}
.tz2 .t-kat{flex:none;font-size:10.5px;line-height:18px;padding:0 8px;border-radius:6px}
.t-kat-beratungsinteresse{background:#FDE7F1!important;color:#9d174d!important}
.tz2 .tz-unter{display:flex;align-items:baseline;gap:0;margin-top:3px;font-size:12.5px}
.tz2 .tz-unter>*:not(:first-child)::before{content:"·";margin:0 8px;color:var(--line2);font-style:normal}
.tz2 .tz-kunde{font-weight:500}
.tz2 .tz-det{color:var(--ink3)}
.tz2 .tz-zitat{color:var(--ink);font-style:italic;overflow:hidden;text-overflow:ellipsis;min-width:0}
.tz2 .tz-link{flex:none;color:var(--teal-d);font-weight:500}
.tz-schnell{display:flex;gap:6px;opacity:0;transition:opacity .12s;align-self:center}
.tz2:hover .tz-schnell,.tz2:focus-within .tz-schnell{opacity:1}
.tz-schnell form{margin:0}
.tz-schnell button{font:inherit;font-size:11.5px;font-weight:500;color:var(--ink2);background:var(--surface);border:1px solid var(--line2);border-radius:8px;padding:3px 9px;cursor:pointer}
.tz-schnell button:hover{color:var(--teal-d);border-color:var(--teal-d);background:var(--teal-s)}
.tz-faellig{display:flex;flex-direction:column;align-items:flex-end;min-width:86px;line-height:1.25;white-space:nowrap}
.tz-faellig b{font-size:12.5px;font-weight:600;color:var(--ink2)}
.tz-faellig small{font-size:11px;color:var(--ink3)}
.tz-faellig.ueberfaellig b{color:#b4232f}.tz-faellig.heute b{color:#b45309}.tz-faellig.bald b{color:var(--blue,#2563EB)}
.tz2.done .tz-titel b{text-decoration:line-through;color:var(--ink3)}
@media (hover:none){.tz-schnell{display:none}}
@media(max-width:760px){.tz2{grid-template-columns:24px minmax(0,1fr) auto;padding:11px 12px;gap:10px}.tz-schnell{display:none}.tz2 .tz-unter{flex-wrap:wrap;white-space:normal}.tz2 .tz-zitat{white-space:normal}.tz-faellig{min-width:0}}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .t-kat-beratungsinteresse{background:#3A1A2C!important;color:#F9A8D4!important}}
:root[data-theme="dark"] .t-kat-beratungsinteresse{background:#3A1A2C!important;color:#F9A8D4!important}

/* ---------- Kundenakte/Lead: Kopf Aufgaben und leerer Zustand (12.10.2026) ---------- */
.ak-a-kopf{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:14px;row-gap:4px;padding:20px 22px 16px}
.ak-a-kopf h2{grid-column:1;grid-row:1;font-size:16px}
.ak-a-kopf>.btn{grid-column:2;grid-row:1;justify-self:start;padding:6px 12px;font-size:12.5px}
.ak-a-kopf p{grid-column:1/3;grid-row:2;color:var(--ink3)}
.ak-aufgaben #aufgaben{border-top:1px solid var(--line)}
.ak-aufgaben #aufgaben>.tg:first-child{border-top:0}
.ak-aufgaben .tg-kopf{padding:14px 22px 6px}
.ak-aufgaben .tz2{padding-left:22px;padding-right:22px}
.tz-leerzustand{display:flex;align-items:center;gap:14px;margin:18px 22px 20px;padding:18px 20px;border:1px dashed var(--line2);border-radius:14px;background:var(--surface2)}
.tz-leer-ico{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex:none;font-size:17px;font-weight:700;color:var(--teal-d);background:var(--teal-s)}
.tz-leerzustand b{display:block;font-size:14px;font-weight:600;color:var(--ink)}
.tz-leerzustand span:not(.tz-leer-ico){display:block;font-size:12.5px;color:var(--ink3)}
.ak-aufgaben .tg-fertig{border-top:1px solid var(--line)}
.ak-aufgaben .tg-fertig>summary{cursor:pointer;list-style:none}
.ak-aufgaben .tg-fertig>summary::-webkit-details-marker{display:none}

/* Aufgabenzeilen passen sich der Breite des Behälters an (z. B. schmales Dashboard-Widget) */
#aufgaben{container-type:inline-size;container-name:aufg}
@container aufg (max-width:720px){
  .tz2{grid-template-columns:24px minmax(0,1fr) auto;gap:10px;padding:10px 12px}
  .tz2 .tz-schnell,.tz2 .tz-pfeil{display:none}
  .tz2 .tz-unter{flex-wrap:wrap;white-space:normal;row-gap:2px}
  .tz2 .tz-titel{flex-wrap:wrap;row-gap:3px}.tz2 .tz-titel b{white-space:normal}
  .tz-faellig{min-width:0}
}
@container aufg (max-width:420px){
  .tz2 .tz-det,.tz2 .tz-zitat{display:none}
  .tz2 .tz-pers{width:22px;height:22px;font-size:9px}
}

/* ---------- Abo Produkte als Liste (12.10.2026) ---------- */
.abp .cardhead{margin-bottom:12px}
.abp-balken{display:flex;height:8px;border-radius:99px;overflow:hidden;gap:2px;margin:0 0 14px;background:var(--surface2)}
.abp-balken span{background:var(--gc);min-width:4px}
.abp-werkzeug{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px}
.abp-such{display:flex;align-items:center;gap:8px;flex:0 1 320px;min-width:200px;border:1px solid var(--line2);border-radius:10px;padding:0 10px;background:var(--surface);color:var(--ink3)}
.abp-such svg{width:15px;height:15px;flex:none}
.abp-such input{border:0;outline:0;background:none;padding:7px 0;font:inherit;font-size:13px;color:var(--ink);width:100%;box-shadow:none}
.abp-such:focus-within{border-color:var(--teal-d);box-shadow:0 0 0 3px var(--teal-s)}
.abp-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1;min-width:0}
.abp-chip{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12px;font-weight:500;color:var(--ink2);background:var(--surface);border:1px solid var(--line2);border-radius:99px;padding:3px 10px;cursor:pointer;white-space:nowrap}
.abp-chip i{width:8px;height:8px;border-radius:50%;background:var(--gc)}
.abp-chip small{font-size:10.5px;color:var(--ink3)}
.abp-chip:hover{border-color:var(--teal-d)}
.abp-chip.on{background:var(--teal-s);border-color:var(--teal-d);color:var(--teal-d)}
.abp-chip-eol{color:var(--warn)}.abp-chip-eol.on{background:var(--amber-s);border-color:var(--warn);color:var(--warn)}
.abp-eol-hinweis{font-size:12.5px;color:var(--ink2);background:var(--amber-s);border-radius:10px;padding:8px 12px;margin-bottom:12px}
.abp-eol-hinweis b{color:var(--warn)}
.abp-tab{border:1px solid var(--line);border-radius:12px;overflow:hidden}
.abp-thead,.abp-z>summary{display:grid;grid-template-columns:minmax(0,1fr) 64px 120px 130px var(--ab-chf,110px);gap:12px;align-items:center}
.abp-tab:not(:has(.abp-chf)) .abp-thead,.abp-tab:not(:has(.abp-chf)) .abp-z>summary{--ab-chf:0px}
.abp-thead{padding:8px 16px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);background:var(--surface2);border-bottom:1px solid var(--line)}
.abp .r{text-align:right;justify-self:end}
.abp-g{border-bottom:1px solid var(--line)}
.abp-g:last-of-type{border-bottom:0}
.abp-gkopf{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;cursor:pointer;list-style:none;background:color-mix(in srgb,var(--gc) 6%,var(--surface))}
.abp-gkopf::-webkit-details-marker{display:none}
.abp-gkopf:hover{background:color-mix(in srgb,var(--gc) 11%,var(--surface))}
.abp-gname{display:flex;align-items:center;gap:8px;min-width:0}
.abp-gname::before{content:"›";color:var(--ink3);font-size:16px;line-height:1;transition:transform .12s;width:10px}
.abp-g[open]>.abp-gkopf .abp-gname::before{transform:rotate(90deg)}
.abp-gname i{width:10px;height:10px;border-radius:3px;background:var(--gc);flex:none}
.abp-gname b{font-size:13.5px;color:var(--gc-t)}
.abp-gname small{font-size:12px;color:var(--ink3)}
.abp-gsum{font-size:13.5px;font-weight:600;color:var(--ink);white-space:nowrap;font-variant-numeric:tabular-nums}
.abp-gsum small{font-weight:500;color:var(--ink3);margin-right:10px;font-size:11.5px}
.abp-z{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.abp-z>summary{padding:8px 16px 8px 42px;cursor:pointer;list-style:none;font-size:13px;position:relative}
.abp-z>summary::-webkit-details-marker{display:none}
.abp-z>summary:hover{background:color-mix(in srgb,var(--teal-s) 45%,transparent)}
.abp-z[open]>summary{background:color-mix(in srgb,var(--teal-s) 60%,transparent)}
.abp-z>summary::before{content:"";position:absolute;left:24px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--gc);opacity:.7}
.abp-name{display:flex;align-items:baseline;gap:8px;min-width:0}
.abp-name b{font-weight:500;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abp-name small{font-size:11.5px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.abp-menge{font-weight:600;color:var(--ink2);font-variant-numeric:tabular-nums}
.abp-zyk,.abp-fl{font-size:12.5px;color:var(--ink2);white-space:nowrap}
.abp-chf{font-weight:600;font-variant-numeric:tabular-nums}
.abp-z.eol>summary{background:color-mix(in srgb,var(--amber-s) 70%,transparent)}
.abp-z.eol>summary::before{background:var(--warn);opacity:1}
.abp-z.eol .abp-name b{color:var(--warn)}
.abp-det{padding:4px 16px 14px 42px;background:var(--surface2)}
.abp-det .pz-s{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.abp-nichts{padding:16px}
.abp-total{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;background:var(--surface2);border-top:1px solid var(--line);font-size:13px;color:var(--ink2)}
.abp-total b{color:var(--ink);font-variant-numeric:tabular-nums}
@media(max-width:860px){
  .abp-such{flex:1 1 100%}.abp-chips{flex:1 1 100%}.abp-werkzeug>.btn{margin-left:0}
  .abp-thead{display:none}
  .abp-z>summary{grid-template-columns:minmax(0,1fr) auto;row-gap:2px;padding-left:34px}
  .abp-z>summary::before{left:18px}
  .abp-menge{order:-1;display:none}
  .abp-zyk,.abp-fl{grid-column:1;font-size:11.5px;color:var(--ink3)}
  .abp-fl::before{content:"nächste Rechnung "}
  .abp-chf{grid-column:2;grid-row:1}
  .abp-name b{white-space:normal}
  .abp-det{padding-left:16px}
}
@media(max-width:860px){.abp-gname small,.abp-gsum small{display:none}.abp-gname b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.abp-name{flex-wrap:wrap}.abp-name small{white-space:normal}.abp-gkopf{padding:10px 12px}}

/* ---------- Abo Produkte: Monatswert und Abrechnung WHMCS (12.10.2026) ---------- */
.abp-thead,.abp-z>summary{grid-template-columns:minmax(0,1fr) 56px 190px 132px var(--ab-chf,120px)}
.abp-zyk{display:flex;flex-direction:column;gap:1px;line-height:1.3;white-space:nowrap}
.abp-zyk-z{font-size:12px;color:var(--ink3)}.abp-zyk-z b{font-weight:500;color:var(--ink2);font-variant-numeric:tabular-nums}
.abp-chf{font-size:13.5px;color:var(--ink)}
.abp-kpi{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:flex-end;margin:0 0 12px;padding:14px 18px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(135deg,var(--teal-s),var(--surface) 70%)}
.abp-kpi>div{display:flex;flex-direction:column;gap:1px}
.abp-kpi small{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3)}
.abp-kpi b{font-size:17px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.abp-kpi-haupt{margin-right:auto}
.abp-kpi-haupt b{font-size:26px;color:var(--teal-d);letter-spacing:-.01em}
.abp-kpi-haupt span{font-size:11.5px;color:var(--ink3)}
.abp-kpi-eol b{color:var(--warn)}
@media(max-width:860px){.abp-z>summary{grid-template-columns:minmax(0,1fr) auto}.abp-zyk{flex-direction:row;flex-wrap:wrap;gap:0 8px;white-space:normal}.abp-kpi-haupt{flex-basis:100%}.abp-kpi-haupt b{font-size:22px}}

/* ---------- Entwickler / Module in Entwicklung (12.10.2026) ---------- */
.dev-tag{display:inline-block;font-size:9.5px;font-weight:700;letter-spacing:.06em;line-height:15px;padding:0 5px;border-radius:4px;color:#fff;background:#7C3AED;vertical-align:1px}
.bz-dev{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:10px 18px;border-top:1px solid var(--line)}
.dev-karte{border-left:4px solid #7C3AED}
.dev-karte h2{display:flex;align-items:center;gap:8px}
.dev-prot{margin:6px 0 0;padding-left:18px;color:var(--ink2)}

/* ---------- Visitenkarte scannen (12.10.2026) ---------- */
.vk{border:1.5px dashed color-mix(in srgb,var(--teal) 50%,var(--line2));border-radius:12px;padding:10px 12px;margin:0 0 12px;background:color-mix(in srgb,var(--teal) 5%,transparent);transition:background .15s,border-color .15s}
.vk.ueber{background:color-mix(in srgb,var(--teal) 14%,transparent);border-color:var(--teal-d)}
.vk-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.vk-btn{cursor:pointer}
.vk-hinweis{flex:1 1 220px}
.vk .gesperrt{pointer-events:none;opacity:.5}
.vk-kamera{margin-top:10px;display:flex;flex-direction:column;gap:8px}
.vk-kamera video{width:100%;max-height:300px;border-radius:10px;background:#000;object-fit:contain}
.vk-status{display:flex;align-items:center;gap:10px;margin-top:10px;color:var(--ink2)}
.vk-status.ok{color:var(--teal-d)}.vk-status.err{color:#b4232f}
.vk-bilder{display:flex;gap:6px;flex:none}
.vk-bilder img{height:44px;width:auto;border-radius:6px;border:1px solid var(--line);object-fit:cover}
.vk-lauf::before{content:"";display:inline-block;width:12px;height:12px;margin-right:8px;border-radius:50%;border:2px solid var(--teal);border-right-color:transparent;vertical-align:-2px;animation:vk-dreh .8s linear infinite}
@keyframes vk-dreh{to{transform:rotate(360deg)}}
.ak-form .vk-neu{animation:vk-neu 2.4s ease-out;border-color:var(--teal-d)!important}
@keyframes vk-neu{0%{background:color-mix(in srgb,var(--teal) 30%,var(--surface))}100%{background:var(--surface2,inherit)}}
.vk-kamera[hidden],.vk-status[hidden]{display:none}

/* ---------- Mail: Unterhaltungen (12.10.2026) ---------- */
#mailGruppe.on{color:var(--teal-d);background:var(--teal-s)}
.ml-anzahl{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;margin-right:6px;border-radius:99px;font-size:10.5px;font-weight:700;color:var(--teal-d);background:var(--teal-s);vertical-align:1px}
.ml-z.neu .ml-anzahl{color:#fff;background:var(--teal-d)}
.mr-verlauf:empty{display:none}
.mv{margin:0 0 10px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.mv-kopf{display:flex;align-items:center;gap:10px;padding:8px 12px;cursor:pointer;list-style:none;background:var(--surface2);font-size:13px}
.mv-kopf::-webkit-details-marker{display:none}
.mv-kopf::before{content:"›";color:var(--ink3);transition:transform .12s}.mv[open]>.mv-kopf::before{transform:rotate(90deg)}
.mv-n{font-size:11px;font-weight:600;color:var(--teal-d);background:var(--teal-s);border-radius:99px;padding:0 8px}
.mv-kopf .muted{margin-left:auto}
.mv-z{border-top:1px solid var(--line)}
.mv-z>summary{display:grid;grid-template-columns:28px minmax(0,1fr) auto;column-gap:10px;row-gap:1px;align-items:center;padding:8px 12px;cursor:pointer;list-style:none}
.mv-z>summary::-webkit-details-marker{display:none}
.mv-z>summary:hover{background:color-mix(in srgb,var(--teal-s) 45%,transparent)}
.mv-av{grid-row:1/3;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;color:var(--ink2);background:var(--surface2)}
.mv-z.ich .mv-av{color:var(--teal-d);background:var(--teal-s)}
.mv-wer{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.mv-wer small{color:var(--ink3)}
.mv-z.neu .mv-wer b{color:var(--teal-d)}
.mv-zeit{font-size:11.5px;color:var(--ink3);white-space:nowrap}
.mv-vorschau{grid-column:2/4;font-size:12px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mv-z[open] .mv-vorschau{display:none}
.mv-z.aktuell>summary{background:var(--teal-s);cursor:default}
.mv-text{padding:0 12px 4px 50px}
.mv-inhalt{width:100%;height:260px;border:0;background:#fff;border-radius:8px}
.mv-akt{padding:0 12px 10px 50px}

/* ---------- Schreibmaske: Mail, auf die man antwortet (12.10.2026) ---------- */
.ms-verlauf{margin-top:14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.ms-verlauf>summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:9px 14px;cursor:pointer;list-style:none;background:var(--surface2);font-size:13px}
.ms-verlauf>summary::-webkit-details-marker{display:none}
.ms-verlauf>summary::before{content:"›";color:var(--ink3);transition:transform .12s}.ms-verlauf[open]>summary::before{transform:rotate(90deg)}
.ms-verlauf-box{padding:0}
.ms-verlauf-inhalt{display:block;width:100%;height:480px;border:0;background:#fff;resize:vertical;overflow:auto}
.mail-liste-titel{flex-wrap:wrap;row-gap:6px}
.ml-unterh{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:12px;color:var(--ink2);background:var(--surface);border:1px solid var(--line2);border-radius:8px;padding:4px 9px;cursor:pointer}
.ml-unterh .ic{width:14px;height:14px}
.ml-unterh.on{color:var(--teal-d);background:var(--teal-s);border-color:var(--teal-d)}

/* ---------- Mail: Unterhaltung auffächern, gekennzeichnete rötlich (12.10.2026) ---------- */
.ml-auf{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:2px;border-radius:5px;font-size:15px;line-height:1;color:var(--ink3);cursor:pointer;transition:transform .12s,background .12s;vertical-align:-1px}
.ml-auf:hover{background:var(--teal-s);color:var(--teal-d)}
.ml-z.auf .ml-auf{transform:rotate(90deg);color:var(--teal-d)}
.ml-subs{border-left:3px solid var(--teal-s);background:color-mix(in srgb,var(--surface2) 70%,transparent)}
.ml-z.ml-sub{padding-left:28px}
.ml-z.ml-sub .ml-von{font-size:12.5px}
.ml-z.ml-sub .ml-vorschau{font-size:11.5px}
.ml-ich{font-weight:600;color:var(--teal-d)}
.ml-sub-fehler{padding:8px 14px 8px 28px;color:var(--ink3)}
.ml-z.gekennzeichnet{background:#FDECEC}
.ml-z.gekennzeichnet:hover{background:#FBE0E0}
.ml-z.gekennzeichnet.on{background:#F9D6D6;border-left-color:#DC2626}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .ml-z.gekennzeichnet{background:#3A1A1F}:root:not([data-theme="light"]) .ml-z.gekennzeichnet:hover,:root:not([data-theme="light"]) .ml-z.gekennzeichnet.on{background:#4A2027}}
:root[data-theme="dark"] .ml-z.gekennzeichnet{background:#3A1A1F}
:root[data-theme="dark"] .ml-z.gekennzeichnet:hover,:root[data-theme="dark"] .ml-z.gekennzeichnet.on{background:#4A2027}
.ml-z.gekennzeichnet.markiert{background:var(--teal-s)}

/* ---------- Automatische Antworten im Cockpit (12.10.2026) ---------- */
.ma-knoepfe{display:flex;gap:6px;margin-left:auto;flex:none}
.ma-link{display:block;width:100%;margin-top:10px;padding:7px 10px;font:inherit;font-size:12.5px;text-align:left;color:var(--ink2);background:none;border:1px dashed var(--line2);border-radius:10px;cursor:pointer}
.ma-link:hover{color:var(--teal-d);border-color:var(--teal-d);background:var(--teal-s)}
.abw-dialog{width:min(640px,94vw)}
.abw-form{padding:18px 22px;display:flex;flex-direction:column;gap:12px}
.abw-form p{margin:0}
.abw-status{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px}
.abw-status label{display:flex;align-items:center;gap:6px;cursor:pointer}
.abw-zeit{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.abw-zeit[hidden],[data-abw-ext][hidden]{display:none}
.abw-form label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink2)}
.abw-form label.chk{flex-direction:row;align-items:center;gap:6px;font-size:12.5px}
.abw-form textarea{font:inherit;font-size:13.5px;resize:vertical}
.abw-extern{display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 18px;margin:10px 0}
[data-abw-text].aus{opacity:.45}
@media(max-width:560px){.abw-zeit{grid-template-columns:1fr}}

/* ---------- Seitenleiste etwas dunkler (12.10.2026) ---------- */
:root{--side-bg:#E9F0F1;--side-line:#D6E2E3;--side-hover:#DDE8E9}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--side-bg:#0A1214;--side-line:#1C2A2F;--side-hover:#142226}}
:root[data-theme="dark"]{--side-bg:#0A1214;--side-line:#1C2A2F;--side-hover:#142226}
.side{background:var(--side-bg);border-right-color:var(--side-line)}
.side nav a:not(.on):hover{background:var(--side-hover)}
.side .me-link:hover{background:var(--side-hover)}

/* ---------- Mail: Suchleiste oben, Filter, KI-Suche, Spaltenbreiten (12.10.2026) ---------- */
.msl{position:relative;margin:0 0 10px;z-index:20}
.msl-zeile{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.msl-feld{flex:1 1 380px;display:flex;align-items:center;gap:8px;height:42px;padding:0 12px;border:1.5px solid var(--line2);border-radius:12px;background:var(--surface);color:var(--ink3);transition:border-color .12s,box-shadow .12s}
.msl-feld:focus-within{border-color:var(--teal-d);box-shadow:0 0 0 4px var(--teal-s)}
.msl-feld .ic{width:18px;height:18px;flex:none}
.msl-feld input{flex:1;border:0;outline:0;background:none;box-shadow:none;padding:0;font:inherit;font-size:14.5px;color:var(--ink);min-width:0}
.msl-x{border:0;background:none;color:var(--ink3);cursor:pointer;font-size:13px;padding:4px}
.msl-x:hover{color:var(--ink)}
.msl-ort{height:42px;width:auto;border-radius:12px;font-size:13px}
.msl .btn{height:42px}
.msl-filter-btn.on,.msl-ki-btn.on{background:var(--teal-s);color:var(--teal-d);border-color:var(--teal-d)}
.msl-n{display:inline-grid;place-items:center;min-width:18px;height:18px;margin-left:4px;border-radius:99px;font-size:10.5px;font-weight:700;color:#fff;background:var(--teal-d)}
.msl.ki .msl-feld{border-color:#8B5CF6;background:color-mix(in srgb,#8B5CF6 5%,var(--surface))}
.msl.ki .msl-feld:focus-within{box-shadow:0 0 0 4px color-mix(in srgb,#8B5CF6 18%,transparent)}
.msl.ki .msl-ki-btn{background:color-mix(in srgb,#8B5CF6 14%,var(--surface));color:#7C3AED;border-color:#8B5CF6}
.msl-filter{position:absolute;left:0;right:0;top:calc(100% + 6px);display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px 14px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);box-shadow:var(--shadow)}
.msl-filter[hidden],.msl-eigen[hidden]{display:none}
.msl-filter label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--ink3);min-width:150px;flex:1 1 150px}
.msl-filter label.chk{flex-direction:row;align-items:center;gap:6px;flex:0 0 auto;min-width:0;font-size:12.5px;color:var(--ink2);padding-bottom:8px}
.msl-eigen{display:flex;gap:10px;flex:1 1 300px}
.msl-filter-akt{display:flex;align-items:center;gap:12px;margin-left:auto}
.mail-such-info{font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-app.suche-aktiv .mail-liste-titel b{color:var(--teal-d)}
/* KI-Antwort im Lesebereich */
.ks{padding:22px 26px;display:flex;flex-direction:column;gap:12px;max-width:820px}
.ks-kopf{display:flex;align-items:center;gap:12px}
.ks-kopf small{display:block;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:#7C3AED}
.ks-kopf b{font-size:16px}
.ks-ic{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;flex:none;color:#7C3AED;background:color-mix(in srgb,#8B5CF6 14%,var(--surface))}
.ks-antwort{font-size:14px;line-height:1.6;padding:14px 16px;border-radius:12px;background:color-mix(in srgb,#8B5CF6 6%,var(--surface));border:1px solid color-mix(in srgb,#8B5CF6 25%,var(--line));white-space:pre-wrap}
.ks-titel{font-size:11.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);margin-top:4px}
.ks-mail{display:grid;gap:2px;text-align:left;font:inherit;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer}
.ks-mail:hover{border-color:var(--teal-d);background:var(--teal-s)}
.ks-wer{display:flex;justify-content:space-between;gap:10px;font-size:13px}.ks-wer small{color:var(--ink3)}
.ks-betreff{font-size:13px;color:var(--ink)}
.ks-warum{font-size:12px;color:var(--ink3)}
.ks-fuss code{font-size:11px;background:var(--surface2);padding:1px 5px;border-radius:5px}
.ks-lauf::before{content:"";display:inline-block;width:13px;height:13px;margin-right:8px;border-radius:50%;border:2px solid #8B5CF6;border-right-color:transparent;vertical-align:-2px;animation:vk-dreh .8s linear infinite}
/* Spaltenbreiten ziehen */
.mail-ordner,.mail-liste-sp{position:relative}
.mail-griff{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;z-index:5}
.mail-griff::after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;background:transparent;transition:background .12s}
.mail-griff:hover::after,.mail-app.zieht .mail-griff::after{background:var(--teal)}
.mail-app.zieht{user-select:none;cursor:col-resize}
.mail-app.zieht iframe{pointer-events:none}
@media(min-width:1201px){
  .mail-app{grid-template-columns:var(--mo,220px) var(--ml,360px) minmax(0,1fr)}
  .mail-app.ordner-zu{grid-template-columns:var(--ml,380px) minmax(0,1fr)}
}
@media(max-width:1200px){.mail-griff{display:none}}
@media(max-width:700px){.msl-ort,.msl-ki-btn span{display:none}.msl-feld{flex-basis:100%}}

/* ---------- Adressbuch: ohne Kürzel, Ansicht als Liste (12.10.2026) ---------- */
.ab-s-z{padding-left:14px!important}
.ab-s-sp,.ab-s-kopfzeile{display:none}
.ab-ansicht{display:inline-flex;margin-left:auto;border:1px solid var(--line2);border-radius:10px;overflow:hidden}
.ab-ansicht button{font:inherit;font-size:12.5px;padding:5px 12px;border:0;background:var(--surface);color:var(--ink2);cursor:pointer}
.ab-ansicht button+button{border-left:1px solid var(--line2)}
.ab-ansicht button.an{background:var(--teal-s);color:var(--teal-d);font-weight:600}
.ab-s-liste.als-liste{display:block;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:0;overflow:hidden}
.ab-s-liste.als-liste .ab-s-kopfzeile,.ab-s-liste.als-liste .ab-s-z{display:grid;grid-template-columns:minmax(200px,1.3fr) minmax(200px,1.4fr) repeat(3,minmax(130px,1fr));gap:12px;align-items:center}
.ab-s-liste.als-liste .ab-s-kopfzeile{position:sticky;top:0;z-index:2;padding:9px 16px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink3);background:var(--surface2);border-bottom:1px solid var(--line)}
.ab-s-liste.als-liste .ab-s-z{min-height:0;padding:8px 16px!important;border:0;border-bottom:1px solid var(--line);border-radius:0;background:none;box-shadow:none}
.ab-s-liste.als-liste .ab-s-z:nth-of-type(even){background:color-mix(in srgb,var(--surface2) 60%,transparent)}
.ab-s-liste.als-liste .ab-s-z:hover{background:var(--teal-s)}
.ab-s-liste.als-liste .ab-s-z[hidden]{display:none}
.ab-s-liste.als-liste .ab-s-kanal{display:none}
.ab-s-liste.als-liste .ab-s-sp{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:12.5px}
.ab-s-liste.als-liste .ab-s-sp a{color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ab-s-liste.als-liste .ab-s-sp a:hover{color:var(--teal-d)}
.ab-s-liste.als-liste .ab-s-txt b{font-size:13.5px}
.ab-s-liste.als-liste .ab-s-b{margin:0;padding:6px 16px;font-size:11px;background:var(--surface2);border-bottom:1px solid var(--line)}
.ab-s-liste.als-liste.ohne-mail .ab-sp-mail,.ab-s-liste.als-liste.ohne-fest .ab-sp-fest,.ab-s-liste.als-liste.ohne-mobil .ab-sp-mobil,.ab-s-liste.als-liste.ohne-privat .ab-sp-privat{visibility:hidden}
@media(max-width:900px){.ab-s-liste.als-liste .ab-s-kopfzeile{display:none}.ab-s-liste.als-liste .ab-s-z{grid-template-columns:1fr 1fr}.ab-s-liste.als-liste .ab-s-txt{grid-column:1/3}}
.ab-s-liste:not(.als-liste) .ab-s-z{grid-template-columns:1fr}
.ab-s-liste:not(.als-liste) .ab-s-z>*{grid-column:1}

/* ---------- Mail: Abwesenheit schmal, Suchleiste im Raster (12.10.2026) ---------- */
.mail-abwesend{display:inline-flex;align-items:center;gap:8px;margin:0 0 8px;padding:4px 6px 4px 10px;border-radius:99px;font-size:12px;max-width:100%}
.mail-abwesend .ma-ic{font-size:14px}
.mail-abwesend>div{flex:0 1 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mail-abwesend small{display:none}
.mail-abwesend .ma-knoepfe .btn{height:24px;padding:0 9px;font-size:11.5px;border-radius:99px}
.msl-n[hidden]{display:none}
.mail-app{grid-template-rows:auto minmax(0,1fr)}
.mail-app>.mail-ordner{grid-row:1/3}
.mail-app>.mail-liste-sp,.mail-app>.mail-lesen{grid-row:2}
.mail-app>.msl{grid-column:2/-1;grid-row:1;margin:0;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--surface);z-index:20}
.mail-app.ordner-zu>.msl{grid-column:1/-1}
.msl-zeile{flex-wrap:nowrap;gap:6px}
.msl-feld{flex:1 1 auto;max-width:640px;height:36px;border-width:1px;border-radius:10px;padding:0 10px}
.msl-feld input{font-size:13.5px}
.msl-feld .ic{width:16px;height:16px}
.msl-ort{height:36px;font-size:12.5px;border-radius:10px;max-width:190px;flex:0 1 auto}
.msl .btn{height:36px;flex:none}
.msl-filter{left:14px;right:14px;top:calc(100% - 4px)}
@media(max-width:1200px){.mail-app>.msl{grid-column:1/-1}.mail-app>.mail-ordner{grid-row:auto}}
@media(max-width:900px){.msl-ort{display:none}.msl-zeile{flex-wrap:wrap}.msl-feld{max-width:none;flex-basis:100%}}

/* ---------- Mail: mehrere Postfächer (12.10.2026) ---------- */
.mk-liste{display:flex;flex-direction:column;gap:2px;margin:10px 0 8px;padding:0 0 8px;border-bottom:1px solid var(--line)}
.mk-z{display:flex;align-items:center;gap:9px;padding:6px 10px;border-radius:10px;color:var(--ink2);font-size:13px;text-decoration:none}
.mk-z:hover{background:color-mix(in srgb,var(--kf,var(--teal)) 10%,transparent);color:var(--ink)}
.mk-z.on{background:color-mix(in srgb,var(--kf,var(--teal)) 16%,var(--surface));color:var(--ink);font-weight:600;box-shadow:inset 3px 0 0 var(--kf,var(--teal))}
.mk-z>span{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.mk-z small{font-size:10.5px;font-weight:400;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mk-z em{font-style:normal;font-size:11px;font-weight:700;color:#fff;background:var(--kf,var(--teal-d));border-radius:99px;padding:0 7px;line-height:18px}
.mk-alle em{background:var(--teal-d)}
.mk-punkt{width:10px;height:10px;border-radius:50%;flex:none;background:var(--kf,var(--teal));display:inline-block}
.mk-punkte{display:flex;flex:none}.mk-punkte i{width:9px;height:9px;border-radius:50%;background:var(--kf);margin-right:-3px;border:1.5px solid var(--surface)}
.mk-alle>span:not(.mk-punkte){margin-left:4px}
.mk-warn{color:#b4232f;font-weight:800}
.ml-konto{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--kf);margin-right:6px;vertical-align:1px}
.ml-z[data-konto]{box-shadow:inset 3px 0 0 var(--kf)}
.ms-von select{max-width:420px}
.ms-von-fix{display:inline-flex;align-items:center;gap:7px;font-weight:500;font-size:13px}
/* Dialog Postfächer */
.mk-dialog{width:min(720px,94vw)}
.mkf{padding:18px 22px;display:flex;flex-direction:column;gap:12px}
.mkf-liste{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.mkf-z{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-bottom:1px solid var(--line);margin:0}
.mkf-z:last-child{border-bottom:0}
.mkf-z>.mk-punkt{margin-top:6px}
.mkf-z>div:not(.mkf-akt){flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.mkf-z small{font-size:11.5px;color:var(--ink3)}
.mkf-felder input[name=name]{max-width:260px;font-weight:600}
.mkf-farben{display:flex;gap:6px}
.mkf-farben label{cursor:pointer}.mkf-farben input{position:absolute;opacity:0}
.mkf-farben i{display:block;width:18px;height:18px;border-radius:50%;background:var(--kf);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line2)}
.mkf-farben input:checked+i{box-shadow:0 0 0 2px var(--ink)}
.mkf-akt{display:flex;flex-direction:column;align-items:flex-end;gap:6px}
.mkf-weg{color:#b4232f}
.mkf-neu{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mkf-karte{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px dashed var(--line2);border-radius:12px;background:var(--surface2)}
.mkf-karte p{margin:0}.mkf-karte .btn{align-self:flex-start}
@media(max-width:640px){.mkf-neu{grid-template-columns:1fr}}

/* ---------- Automatische Antworten als Karte unten links ---------- */
.mail-ordner{display:flex;flex-direction:column}
.abw-karte{margin-top:auto;padding-top:12px;position:sticky;bottom:0;background:inherit}
.mab{border-radius:12px;border:1px solid var(--line);background:var(--surface);overflow:hidden;font-size:12.5px}
.mab-kopf{display:flex;align-items:center;gap:9px;width:100%;padding:9px 11px;font:inherit;text-align:left;background:none;border:0;color:inherit}
button.mab-kopf{cursor:pointer}button.mab-kopf:hover{background:var(--teal-s)}
.mab-ic{font-size:16px}
.mab-kopf>span:last-child{display:flex;flex-direction:column;min-width:0}
.mab-kopf b{font-size:12.5px}
.mab-kopf small{font-size:10.5px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mab-aktiv{border-color:#FCD34D;background:#FEF6D8}
.mab-geplant{border-color:#93C5FD;background:#EFF6FF}
.mab-aktiv .mab-kopf b{color:#92400E}.mab-geplant .mab-kopf b{color:#1D4ED8}
.mab-dauer{padding:0 11px 6px 36px;font-size:12px;font-weight:600;color:var(--ink2)}
.mab-knoepfe{display:flex;gap:6px;padding:0 10px 10px 36px}
.mab-knoepfe .btn{height:26px;padding:0 10px;font-size:11.5px;background:var(--surface)}
.mab-aus{border-style:dashed}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mab-aktiv{background:#33270F;border-color:#7A5A12}:root:not([data-theme="light"]) .mab-geplant{background:#16243D;border-color:#2D4A7A}}
:root[data-theme="dark"] .mab-aktiv{background:#33270F;border-color:#7A5A12}:root[data-theme="dark"] .mab-geplant{background:#16243D;border-color:#2D4A7A}

/* ---------- Erweiterte Suche ---------- */
.msl-ort{max-width:none}
.msl-filter{display:flex;flex-direction:column;gap:12px;padding:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--teal) 40%,var(--line));box-shadow:0 18px 40px -18px rgba(16,32,42,.35)}
.msf-kopf{display:flex;align-items:center;gap:12px;padding:10px 16px;background:linear-gradient(90deg,var(--teal-s),var(--surface));border-bottom:1px solid var(--line)}
.msf-kopf b{color:var(--teal-d);font-size:13.5px}
.msf-kopf .iconbtn{margin-left:auto}
.msf-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;padding:0 16px}
.msf-gruppe{margin:0;padding:10px 12px 12px;border:1px solid var(--line);border-radius:12px;display:flex;flex-direction:column;gap:8px;min-width:0}
.msf-gruppe legend{padding:0 6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}
.msf-personen{background:color-mix(in srgb,#3B82F6 5%,var(--surface));border-color:color-mix(in srgb,#3B82F6 25%,var(--line))}
.msf-inhalt{background:color-mix(in srgb,#8B5CF6 5%,var(--surface));border-color:color-mix(in srgb,#8B5CF6 25%,var(--line))}
.msf-zeit{background:color-mix(in srgb,#F59E0B 6%,var(--surface));border-color:color-mix(in srgb,#F59E0B 28%,var(--line))}
.msf-merkmale{background:color-mix(in srgb,#16A34A 5%,var(--surface));border-color:color-mix(in srgb,#16A34A 25%,var(--line))}
.msl-filter .msf-gruppe label{min-width:0;flex:none}
.msf-chips{display:flex;flex-wrap:wrap;gap:6px}
.msf-chip{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:5px!important;font:inherit;font-size:12px!important;color:var(--ink2)!important;padding:4px 10px!important;border:1px solid var(--line2);border-radius:99px;background:var(--surface);cursor:pointer;min-width:0!important}
.msf-chip input{margin:0}
.msf-chip.an,.msf-chip:has(input:checked){background:var(--teal-s);border-color:var(--teal-d);color:var(--teal-d)!important;font-weight:600}
.msf-fuss{display:flex;align-items:center;gap:8px;padding:10px 16px;border-top:1px solid var(--line);background:var(--surface2)}
@media(max-width:1300px){.msf-raster{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.msf-raster{grid-template-columns:1fr}}
.msl-filter{align-items:stretch;flex-wrap:nowrap}
.msf-chip input{width:auto!important;height:auto;flex:none}
.mk-punkte i{display:block}
.mk-alle>span:not(.mk-punkte){white-space:nowrap}
.mab-kopf b{line-height:1.25}
.mk-z>span.mk-punkte{flex:none;flex-direction:row;width:auto}
/* Erweiterte Suche: Eingabefelder klar weiss mit Rahmen */
.msf-gruppe input:not([type=checkbox]):not([type=radio]),.msf-gruppe select{background:#fff!important;border:1px solid var(--line2)!important;border-radius:8px;height:34px;padding:0 10px;font-size:13px;color:var(--ink);box-shadow:none}
.msf-gruppe input:not([type=checkbox]):focus,.msf-gruppe select:focus{border-color:var(--teal-d)!important;box-shadow:0 0 0 3px var(--teal-s)!important;outline:0}
.msf-gruppe input::placeholder{color:var(--ink3)}
.msl-filter .msf-gruppe label{color:var(--ink2);font-weight:500;font-size:11.5px}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .msf-gruppe input:not([type=checkbox]),:root:not([data-theme="light"]) .msf-gruppe select{background:var(--surface)!important}}
:root[data-theme="dark"] .msf-gruppe input:not([type=checkbox]),:root[data-theme="dark"] .msf-gruppe select{background:var(--surface)!important}

/* Dialog Postfächer – Design 2 */
.mk-dialog{width:min(760px,94vw);padding:0;border-radius:18px;overflow:hidden}
.mkf{padding:0 0 22px;gap:14px;background:var(--surface)}
.mkf>*:not(.mkf-kopf){margin-left:24px;margin-right:24px}
.mkf-kopf{display:flex;align-items:center;gap:14px;padding:20px 24px 18px;border-bottom:1px solid var(--line);
  background:linear-gradient(135deg,var(--teal-s),var(--surface) 70%)}
.mkf-kopf>div{flex:1}.mkf-kopf h2{margin:0;font-size:18px}.mkf-kopf p{margin:2px 0 0;font-size:12.5px;color:var(--ink2)}
.mkf-kopf-ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--teal-d);color:#fff;box-shadow:0 8px 18px -10px var(--teal-d)}
.mkf-kopf-ic svg{width:22px;height:22px}
.mkf-ok{padding:10px 14px;border-radius:12px;background:#ECFDF3;border:1px solid #BBF7D0;color:#15803D;font-size:13px;font-weight:600}
.mkf-fehler{display:flex;gap:12px;padding:14px 16px;border-radius:12px;background:#FFF7F7;border:1px solid #F5C2C7;border-left:4px solid #DC3545;font-size:13px;color:var(--ink)}
.mkf-fehler-ic{flex:none;width:24px;height:24px;border-radius:50%;background:#DC3545;color:#fff;font-weight:800;display:grid;place-items:center;font-size:14px}
.mkf-fehler>div>b{display:block;font-size:13.5px;margin-top:2px}.mkf-fehler li b{color:var(--ink)}
.mk-dialog .mkf{max-height:88vh;overflow:auto}
.mkf-fehler p{margin:4px 0 0;color:var(--ink2)}
.mkf-fehler ol{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:4px;color:var(--ink2)}
.mkf-fehler li::marker{color:#DC3545;font-weight:700}
.mkf-fehler details{margin-top:8px}.mkf-fehler summary{cursor:pointer;font-size:11.5px;color:var(--ink3)}
.mkf-fehler code{display:block;margin-top:4px;font-size:11px;color:var(--ink3);white-space:normal;word-break:break-word}
.mkf-titel{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);margin-top:4px;margin-bottom:-6px;display:flex;align-items:center;gap:6px}
.mkf-titel span{background:var(--surface2);border:1px solid var(--line);border-radius:99px;padding:0 7px;font-size:10.5px;letter-spacing:0}
.mkf-liste{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.mkf-z{display:block;padding:0;border-bottom:1px solid var(--line);margin:0}
.mkf-z:last-child{border-bottom:0}
div.mkf-z,.mkf-k>summary{display:flex;align-items:center;gap:12px;padding:12px 16px}
.mkf-k>summary{cursor:pointer;list-style:none}.mkf-k>summary::-webkit-details-marker{display:none}
.mkf-k>summary:hover{background:var(--surface2)}
.mkf-k[open]>summary{background:var(--surface2)}
.mkf-av{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--kf);
  background:color-mix(in srgb,var(--kf) 14%,var(--surface));border:1px solid color-mix(in srgb,var(--kf) 30%,transparent)}
.mkf-av svg{width:18px;height:18px}
.mkf-info{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.mkf-info b{font-size:14px}.mkf-info small{font-size:12px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mkf-tag{flex:none;font-size:11px;font-weight:600;border-radius:99px;padding:3px 9px;background:var(--surface2);color:var(--ink2);border:1px solid var(--line)}
.mkf-tag.haupt{background:var(--teal-s);color:var(--teal-d);border-color:transparent}
.mkf-tag.geteilt{background:#F3EEFF;color:#6D28D9;border-color:transparent}
.mkf-tag.extern{background:#FFF4E5;color:#B45309;border-color:transparent}
.mkf-bearb{flex:none;font-size:12px;font-weight:600;color:var(--teal-d);padding:5px 10px;border-radius:8px;border:1px solid var(--line2);background:var(--surface)}
.mkf-bearb::after{content:" ▾";font-size:10px}.mkf-k[open] .mkf-bearb::after{content:" ▴"}
.mkf-edit{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px;padding:14px 16px 16px 64px;background:var(--surface2);border-top:1px dashed var(--line)}
.mkf-feld{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--ink2);font-weight:600}
.mkf-feld em{font-style:normal;font-weight:400;color:var(--ink3)}
.mkf .mkf-feld input{background:#fff;color:#16202A;border:1px solid var(--line2);border-radius:9px;padding:8px 11px;font:inherit;font-size:13px;font-weight:400}
.mkf .mkf-feld input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-s)}
.mkf-farben{display:flex;gap:7px;flex-wrap:wrap;padding-top:4px}
.mkf-farben label{cursor:pointer;position:relative}.mkf-farben input{position:absolute;opacity:0}
.mkf-farben i{display:block;width:22px;height:22px;border-radius:50%;background:var(--kf);border:2px solid var(--surface);box-shadow:0 0 0 1px var(--line2);transition:transform .1s}
.mkf-farben label:hover i{transform:scale(1.12)}
.mkf-farben input:checked+i{box-shadow:0 0 0 2px var(--kf)}
.mkf-schalter{grid-column:1/-1;display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink);cursor:pointer}
.mkf-schalter input{position:absolute;opacity:0}
.mkf-schalter i{flex:none;width:34px;height:20px;border-radius:99px;background:var(--line2);position:relative;transition:background .15s}
.mkf-schalter i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:left .15s}
.mkf-schalter input:checked+i{background:var(--teal-d)}.mkf-schalter input:checked+i::after{left:16px}
.mkf-schalter input:focus-visible+i{box-shadow:0 0 0 3px var(--teal-s)}
.mkf-edit-fuss{grid-column:1/-1;display:flex;align-items:center;gap:8px;justify-content:flex-end}
.mkf-weg{margin-right:auto;background:none;border:0;padding:6px 0;font:inherit;font-size:12.5px;font-weight:600;color:#b4232f;cursor:pointer}
.mkf-weg:hover{text-decoration:underline}
.mkf-neu{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mkf-karte{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);
  box-shadow:0 1px 2px rgba(16,32,42,.04);transition:border-color .15s,box-shadow .15s}
.mkf-karte:hover,.mkf-karte:focus-within{border-color:var(--line2);box-shadow:0 8px 24px -14px rgba(16,32,42,.25)}
.mkf-karte-kopf{display:flex;align-items:center;gap:10px}
.mkf-karte-kopf>div{display:flex;flex-direction:column;line-height:1.3}
.mkf-karte-kopf b{font-size:14px}.mkf-karte-kopf small{font-size:11.5px;color:var(--ink3)}
.mkf-karte p{margin:0;font-size:12.5px;color:var(--ink2);line-height:1.45}
.mkf-karte .btn{align-self:flex-start;margin-top:auto}
.mkf-ms{background:#fff;color:#16202A;border:1px solid var(--line2);box-shadow:none}.mkf-ms:hover{background:var(--surface2)}
@media(max-width:640px){
  .mkf>*:not(.mkf-kopf){margin-left:14px;margin-right:14px}
  .mkf-neu,.mkf-edit{grid-template-columns:1fr}.mkf-edit{padding-left:16px}
  .mkf-bearb{display:none}.mkf-tag{font-size:10px}
}

/* Kalender: verbundene Postfächer */
.kal-konten .kal-kollegen-menu{min-width:280px}
.kk-titel{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.kal-konten .chk{display:flex;align-items:center;gap:8px}
.kk-n{display:flex;flex-direction:column;line-height:1.25;min-width:0}.kk-n b{font-size:13px;font-weight:600}
.kk-n small{font-size:11px;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kk-fix{opacity:.85}
.kt.kt-konto{position:relative;background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--f) 16%,var(--surface)) 0 8px,color-mix(in srgb,var(--f) 9%,var(--surface)) 8px 16px)}
.kt.kt-konto::after{content:"";position:absolute;top:4px;right:4px;width:7px;height:7px;border-radius:50%;background:var(--f)}
.kd-konto{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--ink2);margin:-4px 0 10px;padding:4px 10px;border-radius:99px;background:color-mix(in srgb,var(--kf) 12%,var(--surface))}
.kd-konto i{width:9px;height:9px;border-radius:50%;background:var(--kf)}

/* Kalender: Schalter Aufgaben ein/aus */
.kal-aufg{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:500;color:var(--ink3);text-decoration:none;padding:5px 10px;border-radius:99px;border:1px solid var(--line)}
.kal-aufg .ic{width:14px;height:14px}
.kal-aufg i{width:26px;height:15px;border-radius:99px;background:var(--line2);position:relative;transition:background .15s}
.kal-aufg i::after{content:"";position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.25);transition:left .15s}
.kal-aufg.an{color:var(--ink);border-color:color-mix(in srgb,var(--rose) 35%,var(--line))}
.kal-aufg.an .ic{color:var(--rose)}.kal-aufg.an i{background:var(--rose)}.kal-aufg.an i::after{left:13px}
.kal-aufg:hover{background:var(--surface2)}

/* ---------- Basis & Add-ons (Module & Rechte, Konnektoren) ---------- */
.ad-basis{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}
.ad-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px 4px 4px;border:1px solid var(--line);border-radius:99px;font-size:12.5px;background:var(--surface)}
.ad-tag{font-style:normal;font-size:10.5px;font-weight:600;letter-spacing:.02em;padding:1px 7px;border-radius:99px;vertical-align:1px;white-space:nowrap}
.ad-tag.basis{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--teal-d)}
.ad-tag.addon{background:rgba(124,58,237,.12);color:#7C3AED}
.ad-tag.custom{background:rgba(234,88,12,.12);color:#C2410C}
.ad-liste{display:flex;flex-direction:column;gap:2px}
.ad-zeile{padding:8px 0;border-top:1px solid var(--line);align-items:flex-start!important}
.ad-zeile>i{flex:none;margin-top:2px}
.ad-zeile.ad-aus>span b{color:var(--ink3)}
.ad-warn{font-size:11.5px;color:#C2410C;margin-left:4px}

/* ---------- Kunden/Kontakte von Hand erfassen ---------- */
.kn-knoepfe{display:flex;gap:6px;flex-wrap:wrap}
.kunde-dlg{width:min(560px,94vw)}
.kunde-dlg form.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}
.km-edit{margin:10px 0 4px}
.km-edit>summary{list-style:none;display:inline-flex;cursor:pointer}
.km-edit>summary::-webkit-details-marker{display:none}
.km-edit[open]>summary{margin-bottom:10px}
.km-edit form{background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:12px}
.km-k{margin:4px 0 0}
.km-knoepfe{display:flex;gap:6px}
@media (max-width:720px){.kn-knoepfe{margin-left:0}.kunde-dlg form.formgrid{grid-template-columns:1fr}.kunde-dlg .span2{grid-column:auto}}

/* Favoriten-Stern: auch beim aktiven Menüpunkt sichtbar und immer rechts (auch bei leerem Zähler, z. B. Mail) */
.side nav a.on .nav-stern{color:var(--teal-dd)}
.side nav a.on .nav-stern.an{color:var(--amber)}
.side nav .nav-g-in a::after{content:"";flex:1 1 auto;order:1}
.side nav .nav-g-in a .badge,.side nav .nav-g-in a .nav-zaehler>*{order:2;margin-left:0!important}
.side nav .nav-g-in a .nav-stern{order:3;margin-left:0!important}
.ang-art.f-blau{--af:#2563EB}
.ang-art b .ad-tag{font-size:10px;vertical-align:2px;margin-left:4px}

/* ---------- Firma, Logo & Farben ---------- */
.fi-logos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.fi-logo{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:16px;border:1px solid var(--line);border-radius:12px;background:#fff}
.fi-logo img{max-height:46px;max-width:220px;object-fit:contain}
.fi-logo.dunkel{border-color:transparent}
.fi-logo.dunkel .btn{background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.35)}
.fi-farben{display:flex;flex-wrap:wrap;gap:18px;margin:6px 0 12px}
.fi-farben>label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--ink2);min-width:190px}
.fi-farben>label>span{display:flex;align-items:center;gap:8px}
.fi-farben input[type=color]{width:44px;height:32px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer}
.fi-vorschau{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 8px}
.fi-vorschau span{padding:6px 14px;border-radius:10px;font-size:13px;font-weight:500}
.fi-vorschau .b1{background:var(--v1);color:#fff}
.fi-vorschau .b2{border:2px solid var(--v2);color:var(--v1)}
.fi-vorschau .b3{background:color-mix(in srgb,var(--v2) 18%,#fff);color:color-mix(in srgb,var(--v1) 75%,#000)}
.fi-fuss{position:sticky;bottom:0;padding:12px 0;background:linear-gradient(transparent,var(--ground) 40%)}
@media (max-width:720px){.fi-logos{grid-template-columns:1fr}}

/* ---------- Angebote: Katalog & PDF-Vorlage ---------- */
.av-kopf{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.av-kopf h2{margin:0 6px 0 0}
.av-kopf form{display:contents}
.av-suche{margin-left:auto;max-width:220px}
.av-tab tr{cursor:pointer}.av-tab .r{text-align:right}.av-tab tr.av-aus td{opacity:.55}
.av-b{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.av-farbe{display:flex;align-items:center;gap:8px}.av-farbe input[type=color]{width:44px;height:32px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
.av-abschnitte{list-style:none;margin:0;padding:0;counter-reset:ab}
.av-abschnitte li{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;margin-bottom:6px;background:var(--surface)}
.av-abschnitte li::before{counter-increment:ab;content:counter(ab);font-size:12px;color:var(--ink3);width:16px}
.av-abschnitte .av-pf{margin-left:auto;display:flex;gap:2px}

/* ---------- Allgemeines Angebot (Editor) ---------- */
.ag-kopf{grid-template-columns:2fr 2fr 1fr 1fr}
.ag-text{width:100%;font:inherit;resize:vertical}
.ag-wahl{flex:1;min-width:220px;max-width:420px}.ag-wahl input{width:100%}
.ag-tabelle{margin-top:12px;overflow-x:auto}
.ag-z{display:grid;grid-template-columns:26px minmax(220px,1fr) 70px 80px 96px 70px 110px 100px 84px;gap:6px;align-items:start;padding:6px 0;border-bottom:1px solid var(--line);min-width:900px}
.ag-z input,.ag-z select,.ag-z textarea{width:100%;font:inherit;font-size:13px;padding:5px 7px}
.ag-z textarea{resize:vertical;min-height:30px;margin-top:4px;font-size:12px;color:var(--ink2)}
.ag-z .r,.ag-z input.r{text-align:right}
.ag-th{font-size:11.5px;font-weight:600;color:var(--ink3);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid var(--line2)}
.ag-nr{font-size:12px;color:var(--ink3);padding-top:7px;text-align:center}
.ag-tot{padding-top:7px;font-size:13px}
.ag-akt{display:flex;gap:0;opacity:.45;transition:opacity .12s}.ag-z:hover .ag-akt{opacity:1}
.ag-titel{grid-template-columns:26px 1fr 84px}.ag-titel input{font-weight:600;color:var(--teal-d);background:var(--teal-s);border-color:transparent}
.ag-txt{grid-template-columns:26px 1fr 84px}.ag-txt textarea{margin:0}
.ag-summen{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:14px;flex-wrap:wrap}
.ag-summen label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--ink2);max-width:150px}
.ag-sum{border-collapse:collapse;min-width:380px;font-size:13px}.ag-sum th,.ag-sum td{padding:5px 10px;border-bottom:1px solid var(--line)}
.ag-sum th{font-size:11.5px;color:var(--ink3);font-weight:600}.ag-sum .r{text-align:right}
@media (max-width:720px){.ag-kopf{grid-template-columns:1fr}.ag-kopf .span2{grid-column:auto}.ag-sum{min-width:0;width:100%}}
.km-k>summary{color:var(--teal-d);font-size:12px;cursor:pointer}

/* Mail: Anhänge farblich hervorheben (Farbe je Dateityp) */
.mr-anh .chip:not(.mr-ablegen){--af:var(--teal-d);background:color-mix(in srgb,var(--af) 10%,var(--surface));border-color:color-mix(in srgb,var(--af) 35%,var(--line));color:var(--ink);font-weight:500}
.mr-anh .chip:not(.mr-ablegen) .ic{color:var(--af)}
.mr-anh .chip:not(.mr-ablegen):hover{background:color-mix(in srgb,var(--af) 18%,var(--surface));border-color:var(--af)}
.mr-anh .chip[data-anhang$=".pdf" i]{--af:#DC2626}
.mr-anh .chip:is([data-anhang$=".doc" i],[data-anhang$=".docx" i],[data-anhang$=".odt" i],[data-anhang$=".rtf" i]){--af:#2563EB}
.mr-anh .chip:is([data-anhang$=".xls" i],[data-anhang$=".xlsx" i],[data-anhang$=".csv" i],[data-anhang$=".ods" i]){--af:#16A34A}
.mr-anh .chip:is([data-anhang$=".ppt" i],[data-anhang$=".pptx" i],[data-anhang$=".odp" i]){--af:#EA580C}
.mr-anh .chip:is([data-anhang$=".png" i],[data-anhang$=".jpg" i],[data-anhang$=".jpeg" i],[data-anhang$=".gif" i],[data-anhang$=".heic" i],[data-anhang$=".webp" i]){--af:#7C3AED}
.mr-anh .chip:is([data-anhang$=".zip" i],[data-anhang$=".rar" i],[data-anhang$=".7z" i]){--af:#B7791F}

/* ---------- Zahlungen (QR-Rechnungen, camt.054, Zahlungsarten) ---------- */
.zl-drop{border:2px dashed var(--line2);border-radius:12px;padding:22px;text-align:center;transition:background .15s,border-color .15s}
.zl-drop.ueber{background:var(--teal-s);border-color:var(--teal-d)}
.zl-drop-in{cursor:pointer;color:var(--ink2)}.zl-drop-in b{color:var(--teal-d)}
.zl-tab .r{text-align:right;white-space:nowrap}
.zl-ref{font-size:11.5px;background:var(--surface2);padding:2px 6px;border-radius:6px;white-space:nowrap}
.zl-st{display:inline-block;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:99px;white-space:nowrap}
.zl-st.ok{background:var(--green-s);color:var(--green)}.zl-st.warn{background:var(--amber-s);color:var(--warn)}
.zl-st.offen{background:var(--rose-s);color:var(--rose)}.zl-st.aus{background:var(--surface2);color:var(--ink3)}
.zl-akt{white-space:nowrap;text-align:right}
.zl-mehr{position:relative;display:inline-block}.zl-mehr>summary{list-style:none;cursor:pointer}.zl-mehr>summary::-webkit-details-marker{display:none}
.zl-pop{position:absolute;right:0;top:110%;z-index:20;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:10px;display:flex;flex-direction:column;gap:8px;min-width:320px;text-align:left}
.zl-f{display:flex;gap:6px}.zl-f select,.zl-f input{flex:1;min-width:0}
.zl-dateien summary{cursor:pointer}
.zl-art{display:grid;grid-template-columns:36px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.zl-art:first-of-type{border-top:0}.zl-ic{font-size:22px;text-align:center}

/* Angebot: KI pro Bereich */
.ag-ki{display:flex;align-items:center;gap:8px;margin:0 0 10px;padding:5px 6px 5px 12px;border-radius:12px;background:linear-gradient(90deg,var(--violet-s),var(--teal-s));flex-wrap:wrap}
.ag-ki-ic{color:var(--violet)}
.ag-ki input{flex:1;min-width:200px;border:0;background:transparent;box-shadow:none;padding:6px 2px;font-size:13px}
.ag-ki input:focus{box-shadow:none;outline:none}
.ag-ki-st{flex-basis:100%;padding-left:24px}.ag-ki-st:empty{display:none}
.ag-ki.laeuft{animation:kiPuls 1.2s ease-in-out infinite}
.ag-z.ag-pruefen input[data-f="preis"]{border-color:var(--rose);background:var(--rose-s)}

/* Kontakte: Herkunft (WHMCS, SORBA, Cockpit) neben «Kunde» */
.k-art{white-space:nowrap}
.qu-tag{font-style:normal;font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:99px;margin-left:4px;vertical-align:1px}
.qu-tag.qu-whmcs{background:var(--blue-s);color:var(--blue)}
.qu-tag.qu-sorba{background:var(--amber-s);color:var(--warn)}
.qu-tag.qu-cockpit{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--teal-d)}

/* Verwaltungsmenü in Gruppen (Firma · Benutzer & Rechte · Vertrieb & Vorlagen · System) */
.verw-menu{max-height:calc(100vh - 120px);overflow-y:auto}
.verw-menu .grp{padding-top:10px}.verw-menu .grp:first-child{padding-top:4px}
.verw-menu .grp:not(:first-child){border-top:1px solid var(--line);margin-top:6px}
.verw-menu a{padding:7px 10px}
.verw-menu{width:270px}

/* QR-Rechnung: kompaktes Formular */
.zl-neu{display:grid;grid-template-columns:minmax(220px,2fr) minmax(170px,1fr) minmax(200px,2fr) 130px;gap:10px 14px;align-items:end}
.zl-neu>label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink2)}
.zl-neu input,.zl-neu select{font-size:13px;padding:7px 9px}
.zl-betrag{display:flex;gap:6px;align-items:center}.zl-betrag select{width:74px;flex:none}.zl-betrag input{flex:1;min-width:0}.zl-betrag em{font-style:normal;font-size:12px;color:var(--ink3)}
.zl-fuss{grid-column:1/-1;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.zl-weg{padding:4px 8px}
@media (max-width:900px){.zl-neu{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.zl-neu{grid-template-columns:1fr}}

/* Aufgabenzeilen feiner (Liste, Kundenakte, Dashboard-Widget) */
.tz.tz2{gap:10px;padding:8px 14px;border-left-width:2px}
.tz.tz2 .check{width:17px;height:17px;min-width:17px;border-width:1.2px;font-size:9.5px}
.tz.tz2 .tz-titel{font-size:13px;line-height:1.35}
.tz.tz2 .tz-titel b{font-weight:500}
.tz.tz2 .t-kat{font-size:10px;padding:1px 6px;font-weight:500}
.tz.tz2 .tz-unter{font-size:11.5px;gap:6px}
.tz.tz2 .tz-kunde{font-weight:400}
.tz.tz2 .tz-zitat,.tz.tz2 .tz-det{color:var(--ink3);font-size:11.5px}
.tz.tz2 .tz-faellig b{font-size:11.5px;font-weight:500}.tz.tz2 .tz-faellig small{font-size:10.5px}
.tz.tz2 .tz-pers{width:21px;height:21px;font-size:8.5px;font-weight:600}
.tz.tz2 + .tz.tz2{border-top:1px solid color-mix(in srgb,var(--line) 70%,transparent)}
.dash-grid .tz.tz2,.gs-item .tz.tz2{padding:7px 10px}

/* Cockpit-Rechnungen und -Abos */
.cp-block h2{display:flex;align-items:center;gap:6px}
.cp-zeile{display:flex;justify-content:space-between;gap:14px;padding:9px 0;border-top:1px solid var(--line);color:inherit;text-decoration:none}
.cp-zeile:first-of-type{border-top:0}.cp-zeile:hover b{color:var(--teal-d)}.cp-zeile .r{text-align:right;white-space:nowrap}
.cp-zeile.cp-aus{opacity:.55}
.cp-trenner{display:flex;align-items:center;gap:8px;margin:18px 2px 10px;font-size:12px;font-weight:600;color:var(--ink2);text-transform:uppercase;letter-spacing:.04em}
.cp-trenner .muted{text-transform:none;letter-spacing:0;font-weight:400}
.ag-rg{display:flex;align-items:flex-end;gap:6px}.ag-rg label{display:flex;flex-direction:column;gap:2px;color:var(--ink2)}.ag-rg input{padding:5px 8px;font-size:12.5px}
.rg-z{grid-template-columns:26px minmax(220px,1fr) 70px 80px 96px 70px 100px 30px}
.rg-z2{grid-template-columns:26px 1fr 30px}
.rg-weg{display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink3);font-size:13px;padding-top:6px}
.rg-weg input{display:none}.rg-weg:has(input:checked){color:var(--rose)}
.rg-neu{opacity:.85}
.rg-senden{display:inline-flex;gap:6px;align-items:center}.rg-senden input{width:240px;padding:5px 8px;font-size:12.5px}
.rg-sum{margin:14px 0 0 auto;max-width:340px;font-size:13px}
.rg-sum>div{display:flex;justify-content:space-between;padding:4px 0;color:var(--ink2)}.rg-sum b{color:var(--ink);font-weight:500}
.rg-sum .rg-total{border-top:1px solid var(--teal-d);margin-top:4px;padding-top:7px}.rg-sum .rg-total span{color:var(--ink);font-weight:600}.rg-sum .rg-total b{color:var(--teal-d);font-weight:700;font-size:15px}
/* Custom-Kennzeichnung in Registern der Kundenakte */
.akte-tabs .tab-custom{font-size:9.5px;padding:0 6px;margin-left:6px;vertical-align:1px}
/* Belege: Gutschrift, Lieferschein, Auftragsbestätigung, Mahnung */
.rg-z.bl-ohne{grid-template-columns:26px minmax(220px,1fr) 80px 100px 30px}
.bl-knoepfe{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.bl-knoepfe form{margin:0}
.bl-karte{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:color-mix(in srgb,var(--accent,#0E7C80) 6%,transparent)}
.bl-auszahlen{border-left:3px solid var(--amber,#D97706)}
.cp-sub{font-size:12.5px;font-weight:600;color:var(--ink2);margin:16px 0 4px}
.rg-sp{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.rg-sp label{display:flex;flex-direction:column;gap:2px;color:var(--ink2)}
.rg-anp{margin-top:16px;padding:12px 14px;border:1px dashed var(--line);border-radius:10px;background:color-mix(in srgb,var(--brand) 4%,transparent)}
.rg-anp h3{font-size:13px;margin:0 0 6px}.rg-anp-z{display:grid;grid-template-columns:1fr auto 30px;gap:10px;padding:6px 0;border-top:1px solid var(--line)}
.rg-anp-z:first-of-type{border-top:0}.rg-anp .btn{margin-top:8px}
/* Mailvorlagen: nach Bereich gruppiert */
.vm-gruppen{display:flex;flex-wrap:wrap;gap:8px 22px;margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.vm-gruppe{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.vm-g{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink3);margin-right:4px}
.vm-gruppe .vm-tab{padding:5px 10px;border-radius:99px;font-size:12.5px;color:var(--ink2);text-decoration:none}
.vm-gruppe .vm-tab:hover{background:var(--side-hover)}.vm-gruppe .vm-tab.on{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--teal-d);font-weight:600}
/* Preisabgleich Abos ↔ Katalog */
.pa-ab{display:flex;align-items:center;gap:6px;color:var(--ink2);white-space:nowrap}.pa-ab input{padding:4px 8px;font-size:12.5px}
.pa-hinweis{display:inline-block;margin:2px 0 0;font-size:11px;font-weight:600;color:#B45309;background:rgba(217,119,6,.10);padding:1px 7px;border-radius:99px}
/* Migration WHMCS → Cockpit */
.mg-schritte ol{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;list-style:none;padding:0;margin:0 0 14px;counter-reset:s}
.mg-schritte li{counter-increment:s;padding:10px 12px;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:2px;color:var(--ink3)}
.mg-schritte li b::before{content:counter(s) ". ";}.mg-schritte li span{font-size:11.5px}
.mg-schritte li.on{border-color:var(--brand);background:color-mix(in srgb,var(--brand) 6%,transparent);color:var(--ink)}
.mg-schritte form{display:flex;align-items:center;gap:12px}
.mg-zahlen{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 14px}
.mg-zahlen .card{margin:0;display:flex;flex-direction:column;gap:2px}.mg-zahlen small{color:var(--ink3)}.mg-zahlen b{font-size:22px}.mg-zahlen span{font-size:11.5px;color:var(--ink2)}
.mg-hinweis{display:grid;grid-template-columns:86px 1fr;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:13px}
.mg-hinweis:first-of-type{border-top:0}.mg-hinweis em{font-style:normal;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:99px;height:fit-content;text-align:center}
.mg-bauen em{background:rgba(124,58,237,.12);color:#7C3AED}.mg-entscheiden em{background:rgba(234,88,12,.12);color:#C2410C}
.mg-pruefen em{background:rgba(217,119,6,.12);color:#B45309}.mg-info em{background:color-mix(in srgb,var(--brand) 12%,transparent);color:var(--teal-d)}
@media (max-width:900px){.mg-schritte ol{grid-template-columns:1fr 1fr}}
/* ===== Ticketsystem ===== */
.tkl-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.tkl-kopf h1{margin:0}.tkl-akt{display:flex;gap:8px;align-items:center}
.tkl-suche input{min-width:260px;padding:7px 12px;border-radius:99px}
.tkl-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 12px}
.tkl{padding:6px 10px}
.tkl-z{display:grid;grid-template-columns:86px minmax(0,1fr) 34px auto;gap:12px;align-items:center;padding:10px 8px 10px 14px;border-top:1px solid var(--line);color:inherit;text-decoration:none}
.tkl-z:first-of-type,.tk-legende+.tkl-z{border-top:0}
.tkl-z:hover{background:var(--side-hover)}
.tkl-z.tk-frisch{box-shadow:inset 3px 0 0 #16A34A}.tkl-z.tk-alt7{box-shadow:inset 3px 0 0 #F59E0B}.tkl-z.tk-alt30{box-shadow:inset 3px 0 0 #DC2626}
.tkl-z.tk-zu{opacity:.72}
.tkl-wartet .tkl-b b{font-weight:700}
.tkl-nr{display:flex;flex-direction:column;font-size:12.5px;font-weight:600;color:var(--ink2);line-height:1.25}.tkl-nr small{font-size:11px;font-weight:500}
.tkl-b{display:flex;flex-direction:column;min-width:0}
.tkl-b b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tkl-b small{font-size:11.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tkl-ki{margin-left:6px;color:var(--ink3)}
.tkl-av{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--teal-d);font-size:10.5px;font-weight:700}
.tkl-av.frei{background:var(--surface2);color:var(--ink3)}
.tkl-st{display:flex;gap:6px;align-items:center;justify-content:flex-end}
.tk-prio{font-size:10.5px;font-weight:700;padding:1px 7px;border-radius:99px}.tk-prio.hoch{background:#FEE2E2;color:#B91C1C}.tk-prio.tief{color:var(--ink3)}
.tk-aus{background:var(--surface2);color:var(--ink3)}
a.dt-z{color:inherit;text-decoration:none}a.dt-z:hover{background:var(--side-hover)}
.dt-fuss a{margin-right:12px}
/* Ticket-Ansicht */
.tkd-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:4px 0 14px}
.tkd-kopf h1{margin:2px 0 0;font-size:22px}.tkd-nr{font-size:12.5px;color:var(--ink2)}.tkd-st{display:flex;gap:6px;align-items:center;padding-top:6px}
.tkd{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px;align-items:start}
.tkd-seite .card{margin-bottom:12px}.tkd-seite h3{margin:0 0 8px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}
.tkd-antwort form{display:flex;flex-direction:column;gap:8px}
.tkd-art{align-self:flex-start}.tkd-art label{cursor:pointer}.tkd-art input{display:none}
.tkd-art label:has(input:checked){background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.08);color:var(--ink);font-weight:600}
.tkd-werkzeug{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tkd-werkzeug select{max-width:220px}
.tkd-ki-knopf{display:flex;gap:6px;align-items:center;flex:1;min-width:280px}.tkd-ki-knopf input{flex:1;padding:6px 10px;font-size:12.5px}
.tkd-antwort textarea{width:100%;font:inherit;line-height:1.5;padding:10px 12px;border-radius:10px;resize:vertical}
.tkd-antwort .ist-notiz textarea,.tkd-antwort form.ist-notiz textarea{background:#FFFBEB;border-color:#F59E0B}
.tkd-fuss{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tkd-fuss input[type=file]{flex:1;font-size:12px}
.tkd-status{display:flex;gap:6px;align-items:center;color:var(--ink2)}
.tkd-hinweis{margin:0}
.tkd-verlauf{display:flex;flex-direction:column;gap:10px;margin-top:4px}
.tkd-n{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 16px}
.tkd-n header{display:flex;gap:8px;align-items:baseline;margin-bottom:6px;font-size:13px}.tkd-n time{margin-left:auto;font-size:11.5px;color:var(--ink3)}
.tkd-rolle{font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:99px;background:var(--surface2);color:var(--ink2)}
.tkd-team{border-left:3px solid var(--brand)}.tkd-team .tkd-rolle{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--teal-d)}
.tkd-kunde{border-left:3px solid #3B82F6}.tkd-kunde .tkd-rolle{background:#DBEAFE;color:#1D4ED8}
.tkd-notiz{background:#FFFBEB;border-color:#FDE68A;border-left:3px solid #F59E0B}.tkd-notiz .tkd-rolle{background:#FEF3C7;color:#B45309}
.tkd-text{font-size:13.5px;line-height:1.55;overflow-wrap:anywhere}
.tkd-anh{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.tkd-datei{font-size:12px;padding:3px 9px;border-radius:8px;background:var(--surface2);text-decoration:none;color:var(--ink)}.tkd-datei small{color:var(--ink3)}.tkd-datei.fehlt{opacity:.6}
.tkd-sys{font-size:11.5px;color:var(--ink3);text-align:center;padding:2px 0}
.tkd-eig{display:flex;flex-direction:column;gap:8px}.tkd-eig label{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--ink2)}
.tkd-eig select,.tkd-eig input{font-size:13px;padding:6px 8px}.tkd-eig-k{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.tkd-andere{display:flex;flex-direction:column;gap:4px;margin-top:8px}.tkd-andere a{font-size:12.5px;text-decoration:none;display:flex;justify-content:space-between;gap:6px}
.tkd-ki{background:linear-gradient(180deg,rgba(124,58,237,.05),transparent)}.tkd-ki-k{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tkd-ki-text{font-size:12.5px;line-height:1.5;margin:6px 0;padding:8px 10px;background:var(--surface2);border-radius:8px}
.tkd-kb{display:flex;flex-direction:column;padding:6px 0;border-top:1px solid var(--line);text-decoration:none;color:inherit}.tkd-kb:first-of-type{border-top:0}
.tkd-kb b{font-size:13px}.tkd-kb small{font-size:11.5px;color:var(--ink2)}
@media (max-width:1000px){.tkd{grid-template-columns:1fr}.tkl-z{grid-template-columns:70px minmax(0,1fr) auto}.tkl-wer{display:none}}
/* Neues Ticket, Verwaltung */
.tkn-art{display:flex;flex-direction:column;gap:4px}
.tv-kopf,.tv-z{display:grid;grid-template-columns:1.1fr 1.3fr 1.2fr 1.4fr 60px 46px 60px 90px;gap:8px;align-items:center}
.tv-kopf{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);padding:0 0 6px;border-bottom:1px solid var(--line)}
.tv-z{padding:8px 0;border-bottom:1px solid var(--line)}.tv-z>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.tv-z input:not([type=checkbox]),.tv-z select{width:100%;font-size:13px;padding:6px 8px}
.tv-err{color:#B91C1C}.tv-neu{opacity:.85}
.tv-hilfe{margin-top:12px}.tv-hilfe ol{margin:8px 0 0 18px;line-height:1.6}
.tv-vorlage{border-top:1px solid var(--line);padding:8px 0}.tv-vorlage summary{cursor:pointer}
@media (max-width:1000px){.tv-kopf{display:none}.tv-z{grid-template-columns:1fr 1fr}}
.tkd-art{display:inline-flex;gap:2px;padding:3px;border-radius:99px;background:var(--surface2)}
.tkd-art label{padding:5px 14px;border-radius:99px;font-size:13px;color:var(--ink2)}
/* ===== Tickets im WHMCS-Aufbau ===== */
.tl-block{margin:0 0 18px}.tl-block h2{font-size:16px;margin:0 0 2px}.tl-block>p{margin:0 0 6px}
.tl-mit{display:flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:12.5px;color:var(--ink2);margin:0 0 6px}
.tl-rot{background:#DC2626;color:#fff;border-color:#DC2626}.tl-rot:hover{background:#B91C1C}
.tl{width:100%;border-collapse:collapse;background:var(--surface);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.05)}
.tl thead th{background:var(--brand-dd,#0B4F52);color:#fff;font-size:12px;font-weight:600;text-align:left;padding:8px 10px;white-space:nowrap}
.tl td{padding:8px 10px;border-top:1px solid var(--line);vertical-align:middle;font-size:13px}
.tl tbody tr:hover{background:var(--side-hover)}
.tl-cb{width:28px}.tl-fl{width:44px;white-space:nowrap}.tl-zeit{width:110px;white-space:nowrap;text-align:right}
.tl-flagge{font-size:15px}.tl-p-hoch{color:#DC2626}.tl-p-mittel{color:#F59E0B}.tl-p-tief{color:#16A34A}
.tl-dep{white-space:nowrap}.tl-wer{color:var(--ink2)}
.tl-bet a{color:var(--teal-d);text-decoration:none}.tl-bet a:hover{text-decoration:underline}
.tl-wartet .tl-bet a{font-weight:700}
.tl-ki{font-size:11.5px;color:var(--ink3);margin-top:2px;max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl-anf{line-height:1.35}.tl-anf>span{display:block}.tl-anf a,.tl-anf small{font-size:11.5px;color:var(--teal-d);text-decoration:none}
.tl-pin{background:color-mix(in srgb,#F59E0B 6%,transparent)}
.tl-leer{padding:14px!important}
.tl-auto{display:flex;gap:6px;align-items:center;white-space:nowrap}
.tw-rolle{font-style:normal;font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:1px 6px;border-radius:4px;color:#fff;vertical-align:1px}
.tw-r-inhaber{background:#16A34A}.tw-r-kontakt{background:#475569}.tw-r-op{background:#38BDF8}.tw-r-gast{background:#9CA3AF}
.tw-st{font-weight:600;font-size:12.5px;white-space:nowrap}
.tw-st-offen{color:#16A34A}.tw-st-kunde{color:#EA580C}.tw-st-bearbeitung{color:#DC2626}.tw-st-beantwortet{color:var(--ink)}
.tw-st-wartend{color:#2563EB}.tw-st-geschlossen{color:var(--ink3)}
/* Ticket */
.tw-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:2px 0 12px}
.tw-titel{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.tw-titel h1{font-size:19px;margin:0;font-weight:600}
.tw-statuswahl{display:flex;gap:8px;align-items:center}.tw-statuswahl select{padding:5px 8px;font-size:13px}
.tw-letzte{background:#1F2933;color:#fff;font-size:11.5px;padding:5px 12px;border-radius:6px}
.tw-sens{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-left:4px solid #16A34A;border-radius:8px;padding:10px 14px;margin:0 0 12px}
.tw-sens.hat{border-left-color:#D97706;background:#FFFBEB}
.tw-sens-sym{font-size:20px}.tw-sens-text{flex:1;display:flex;flex-direction:column;gap:2px}.tw-sens-text b{font-size:13px}.tw-sens-text small{font-size:11.5px;color:var(--ink2)}
.tw-sens-k{display:flex;gap:6px;align-items:center}.tw-sens-k form{margin:0}
.tks-wert{margin:6px 0 0;padding:8px 10px;background:#fff;border:1px dashed #D97706;border-radius:6px;font-size:13px;white-space:pre-wrap}
.tw-pop{position:relative}.tw-pop>summary{list-style:none;cursor:pointer}.tw-pop>summary::-webkit-details-marker{display:none}
.tw-pop-in{position:absolute;right:0;top:calc(100% + 6px);z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;box-shadow:0 8px 24px rgba(0,0,0,.12);display:flex;flex-direction:column;gap:8px;width:320px}
.tw-pop-in textarea{width:100%;font:inherit;font-size:13px}.tw-pop-breit{width:min(560px,80vw);left:0;right:auto}
.tw-ki{background:linear-gradient(90deg,rgba(124,58,237,.07),transparent);border:1px solid rgba(124,58,237,.18);border-radius:8px;padding:8px 12px;font-size:13px;margin:0 0 12px}
.tw-tabs{display:flex;gap:4px;flex-wrap:wrap;margin:0}
.tw-tabs button{background:var(--surface2);border:1px solid var(--line);border-bottom:0;border-radius:8px 8px 0 0;padding:6px 12px;font-size:12.5px;cursor:pointer;color:var(--ink2)}
.tw-tabs button.on{background:var(--surface);color:var(--ink);font-weight:600;position:relative;top:1px}
.tw-tabs button b{font-size:10.5px;background:var(--brand);color:#fff;border-radius:99px;padding:0 6px;margin-left:3px}
.tw-box{background:var(--surface);border:1px solid var(--line);border-radius:0 10px 10px 10px;padding:12px 14px;margin:0 0 14px}
.tw-box textarea#twText{width:100%;min-height:200px;font:inherit;font-size:13.5px;line-height:1.55;padding:10px 12px;border-radius:8px;resize:vertical}
#twForm.ist-notiz #twText{background:#FFF1F2;border-color:#FDA4AF}
.tw-setz{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:8px 0}.tw-setz select{font-size:12.5px;padding:6px 8px}
.tw-knoepfe{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.tw-datei{position:relative;overflow:hidden}.tw-datei input{position:absolute;inset:0;opacity:0;cursor:pointer}.tw-datei[data-n]::after{content:attr(data-n)}
.tw-vorl{font-size:12.5px;padding:5px 8px;max-width:200px}
.tw-task{background:#0EA5E9;border-color:#0EA5E9;color:#fff}
.tw-rechts{margin-left:auto;display:flex;gap:10px;align-items:center}
.tw-hinweis{margin:8px 0 0}
.tw-mini{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:8px;padding:8px;background:var(--surface2);border-radius:8px}.tw-mini input:not([type=date]){flex:1;min-width:200px}
.tw-log{display:grid;grid-template-columns:120px 140px 1fr;gap:8px;padding:6px 0;border-top:1px solid var(--line);font-size:12.5px}.tw-log:first-child{border-top:0}
.tw-log time{color:var(--ink3)}.tw-log span{color:var(--ink2)}.tw-log p{margin:0}
.tw-opt{display:grid;grid-template-columns:1fr 1fr;gap:4px 24px}
.tw-opt-sp{display:flex;flex-direction:column;gap:6px}
.tw-opt label{display:grid;grid-template-columns:160px 1fr;gap:10px;align-items:center;font-size:12.5px;background:var(--surface2);padding:5px 8px;border-radius:6px}
.tw-opt label>span:first-child{text-align:right;color:var(--ink2)}.tw-opt input,.tw-opt select{font-size:13px;padding:5px 8px}
.tw-opt-chk>span:last-child{display:flex;gap:6px;align-items:center}
.tw-opt-k{grid-column:1/-1;display:flex;gap:8px;justify-content:center;margin-top:8px}
.tw-h3{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink2);margin:12px 0 4px}
.tw-prod{margin:0 0 14px}
.tw-prod table{width:100%;border-collapse:collapse;background:var(--surface);font-size:12.5px;border-radius:8px;overflow:hidden}
.tw-prod th{background:var(--brand-dd,#0B4F52);color:#fff;text-align:left;padding:7px 10px;font-weight:600}
.tw-prod td{padding:5px 10px;border-top:1px solid var(--line)}.tw-prod td a{color:var(--teal-d);text-decoration:none}
.tw-prod-f{display:flex;justify-content:space-between;margin-top:4px}
.tw-verlauf{display:flex;flex-direction:column;gap:10px}
.tw-n{display:grid;grid-template-columns:170px 1fr;border-radius:8px;overflow:visible;border:1px solid var(--line)}
.tw-n-wer{padding:12px;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:4px;border-right:1px solid var(--line);font-size:13px}
.tw-n-wer small{font-size:11px;color:var(--teal-d);font-style:italic;word-break:break-all}
.tw-n-k{display:flex;gap:4px;margin-top:6px}.tw-n-k form{margin:0}.tw-n-k .btn{padding:2px 8px;font-size:11.5px}
.tw-del{background:#DC2626;color:#fff;border-color:#DC2626}
.tw-n-inhalt{padding:10px 16px 14px}.tw-n-zeit{font-size:11px;color:var(--ink3);margin:0 0 8px}
.tw-team{background:#FDF9EC;border-color:#EFE3C2}.tw-team .tw-n-wer{border-right-color:#EFE3C2}
.tw-kunde{background:#F3F8FC;border-color:#D6E4F2}.tw-kunde .tw-n-wer{border-right-color:#D6E4F2}.tw-kunde .tw-n-wer b{color:var(--teal-d)}
.tw-notiz{background:#FDECEF;border:1px dashed #F2A7B4}.tw-notiz .tw-n-wer{border-right:1px dashed #F2A7B4}.tw-notiz .tw-n-zeit b{color:#9F1239}
.tw-ganz-weg{margin-top:14px}
[data-theme="dark"] .tw-team{background:#2A2618;border-color:#4A4128}[data-theme="dark"] .tw-kunde{background:#18232E;border-color:#2A3A4B}
[data-theme="dark"] .tw-notiz{background:#2E1A1F;border-color:#7F3443}[data-theme="dark"] .tw-sens.hat{background:#2A2213}
@media (max-width:900px){.tw-setz{grid-template-columns:1fr 1fr}.tw-opt{grid-template-columns:1fr}.tw-opt label{grid-template-columns:1fr}.tw-opt label>span:first-child{text-align:left}
  .tw-n{grid-template-columns:1fr}.tw-n-wer{align-items:flex-start;text-align:left;border-right:0;border-bottom:1px solid var(--line)}.tl-dep,.tl-anf{white-space:normal}}
/* Navigation: Unterpunkte wie WHMCS */
.nav-sub{display:flex;flex-direction:column;margin:0 0 4px}
.nav-sub a{padding:4px 10px 4px 38px!important;font-size:12.5px!important;color:var(--ink2);display:flex;justify-content:space-between;align-items:center;min-height:0!important}
.nav-sub a.on{color:var(--teal-d);font-weight:600;background:transparent!important}
.ns-z{font-style:normal;font-size:10.5px;font-weight:700;color:#fff;padding:0 7px;border-radius:5px;line-height:17px}
.ns-rot{background:#DC2626}.ns-amber{background:#F59E0B}.ns-blau{background:#3B82C4}.ns-gruen{background:#16A34A}
.tw-mini[hidden],.tw-box [data-p][hidden]{display:none!important}
.tw-notiz .tw-rolle{background:#E11D48}
/* Widget Automatisierung */
.au-kacheln{display:grid;grid-template-columns:1fr 1fr;gap:14px 18px}
.au-k{display:flex;flex-direction:column;align-items:center;text-align:center;padding-top:8px;border-top:2px solid var(--au);text-decoration:none;color:inherit}
.au-k span{font-size:12px;color:var(--ink3)}.au-k b{font-size:24px;font-weight:500;color:var(--au);line-height:1.2}
.au-k:hover span{color:var(--ink)}
.au-verlauf{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end;height:64px;margin:14px 0 4px}
.au-b{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:2px}
.au-b i{display:block;width:70%;min-height:2px;background:color-mix(in srgb,#38BDF8 60%,transparent);border-radius:3px 3px 0 0}
.au-b small{font-size:10px;color:var(--ink3)}
.au-fuss{display:flex;flex-direction:column;gap:2px;font-size:11.5px;color:var(--ink2);margin-top:6px}
.au-warn{color:#B45309;font-weight:600;text-decoration:none}

/* Seitenleiste: Breite per Ziehgriff einstellbar */
.side{width:var(--side-w,220px)}
.side nav{overflow-x:hidden;overflow-y:auto}
.side nav a{min-width:0}
.side-griff{position:absolute;top:0;right:-4px;width:8px;height:100%;cursor:col-resize;z-index:5;touch-action:none}
.side-griff::after{content:"";position:absolute;top:0;bottom:0;left:3px;width:2px;background:transparent;transition:background .15s}
.side-griff:hover::after,body.side-ziehen .side-griff::after{background:var(--teal)}
body.side-ziehen{cursor:col-resize;user-select:none}
@media(max-width:900px){.side-griff{display:none}.side{width:min(300px,84vw)}}
/* Untermenüs: Icons und Einklappen */
.nav-sub a{justify-content:flex-start!important;gap:8px;padding-left:30px!important}
.nav-sub a .ns-ic{width:14px;height:14px;flex:none;opacity:.75}
.nav-sub a.on .ns-ic{opacity:1}
.nav-sub a .ns-z{margin-left:auto}
.nav-sub.zu{display:none}
.side nav a .nav-sub-tgl{order:4;flex:none;display:inline-grid;place-items:center;width:20px;height:20px;margin:-2px -6px -2px 2px;border-radius:6px;font-size:15px;line-height:1;transform:rotate(90deg);transition:transform .15s;opacity:.7;cursor:pointer}
.side nav a .nav-sub-tgl:hover{opacity:1;background:color-mix(in srgb,currentColor 14%,transparent)}
.side nav a .nav-sub-tgl.zu{transform:none}
/* Neues Ticket */
.tkn{max-width:980px}
.tkn h1{margin:0 0 14px}
.tkn-form{display:flex;flex-direction:column;gap:14px}
.tkn-block{border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.tkn-block h2{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
.tkn-block h2 .ic{width:15px;height:15px;color:var(--teal)}
.tkn-form label:not(.chk):not(.tkn-opt){display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--ink2)}
.tkn-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px}
.tkn-kunde{position:relative}
.tkn-suche{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:var(--surface2)}
.tkn-suche .ic{width:16px;height:16px;color:var(--ink3)}
.tkn-suche input{border:0!important;background:transparent!important;box-shadow:none!important;flex:1;padding:9px 0}
.tkn-suche:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-s)}
.tkn-treffer{position:absolute;left:0;right:0;top:44px;z-index:30;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px -12px rgba(0,0,0,.3);max-height:340px;overflow:auto}
.tkn-treffer button{display:grid;grid-template-columns:1fr auto;gap:0 10px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:8px 12px;cursor:pointer;font:inherit;color:var(--ink)}
.tkn-treffer button:hover{background:var(--teal-s)}
.tkn-treffer button span{grid-column:1;font-size:12px;color:var(--ink2)}
.tkn-treffer button em{grid-row:1/3;grid-column:2;align-self:center;font-style:normal;font-size:11px;color:var(--ink3)}
.tkn-leer{padding:10px 12px}
.tkn-gewaehlt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.tkn-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:var(--teal-s);color:var(--teal-dd)}
.tkn-chip .ic{width:15px;height:15px}
.tkn-ki{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ki-btn{background:linear-gradient(135deg,#7C3AED,#0E7C86)!important;color:#fff!important;border:0!important}
.ki-btn .ic{width:14px;height:14px}
.tkn-ki-box{border-left:3px solid #7C3AED;background:color-mix(in srgb,#7C3AED 7%,var(--surface));border-radius:8px;padding:9px 12px;display:flex;flex-direction:column;gap:6px;font-size:13px}
.tkn-art{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;flex-direction:row}
.tkn-opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:10px 12px;cursor:pointer}
.tkn-opt input{width:auto;margin-top:3px;box-shadow:none}
.tkn-opt span{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--ink)}
.tkn-opt small{color:var(--ink3)}
.tkn-opt:has(input:checked){border-color:var(--teal);background:var(--teal-s)}
.tkn-info{justify-content:flex-start}
.tkn-fuss{display:flex;gap:8px}
.tkn-fuss .btn .ic{width:14px;height:14px}
.tkn [hidden],.side [hidden]{display:none!important}
/* Ticket-Widget: Filter über die Zähler, Sortierung */
.dt-zahlen>button{font:inherit;text-align:left;border:0;background:var(--surface2);border-radius:14px;padding:8px 12px;cursor:pointer;color:inherit;transition:box-shadow .15s}
.dt-zahlen>button:hover{box-shadow:0 0 0 2px var(--line)}
.dt-zahlen>button.on{box-shadow:0 0 0 2px var(--teal)}
.dt-zahlen>button.dt-o{background:#FEF3C7}.dt-zahlen>button.dt-o b{color:#B45309}
.dt-zahlen>button.dt-r{background:#FEE2E2}.dt-zahlen>button.dt-r b{color:#B91C1C}
.dt-zahlen>button.dt-k b{color:#B45309}
.dt-leiste{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-2px 0 8px}
.dt-sort{display:inline-flex;background:var(--surface2);border-radius:9px;padding:2px;gap:2px;flex-wrap:wrap}
.dt-sort button,.dt-filter{font:inherit;font-size:12px;border:0;background:none;padding:4px 9px;border-radius:7px;cursor:pointer;color:var(--ink2)}
.dt-sort button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.dt-filter{background:var(--teal-s);color:var(--teal-dd)}
.dt-seit{width:58px;font-weight:600}
.dt-z.dt-neu{background:color-mix(in srgb,var(--teal) 6%,transparent)}
.dt-neu-b{font-style:normal;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--teal);color:#fff;border-radius:5px;padding:1px 5px;margin-right:6px;vertical-align:1px}
/* Produktverwaltung */
.pv-gruppe{margin-top:14px}
.pv-gruppe h3{display:flex;align-items:center;gap:8px;margin:0 0 6px;font-size:14px}
.pv-plus{margin-left:auto;font-weight:400}
.pv-tab{width:100%}.pv-tab tr{cursor:pointer}.pv-tab tr.av-aus td{opacity:.55}
.pv-tab td{vertical-align:top}
.pv-name{width:42%}
.pv-preise{font-size:12.5px;color:var(--ink2)}
.pv-opt{white-space:nowrap}
.pv-chip{display:inline-block;font-size:11.5px;padding:1px 8px;border-radius:99px;background:var(--teal-s);color:var(--teal-dd);margin:1px 3px 1px 0}
.pv-chip.aus{opacity:.5;text-decoration:line-through}
.pv-preistab{max-width:620px}
.pv-preistab input{max-width:130px}
.pv-preistab tr.pv-aus{display:none}
.pv-ogwahl{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px}
.pv-ogk{display:flex;gap:8px;align-items:flex-start;border:1px solid var(--line);border-radius:10px;padding:8px 10px;cursor:pointer}
.pv-ogk input{width:auto;margin-top:3px}
.pv-ogk span{flex:1;display:flex;flex-direction:column;font-size:13px}.pv-ogk small{color:var(--ink3)}
.pv-ogk:has(input:checked){border-color:var(--teal);background:var(--teal-s)}
.pv-fuss{display:flex;gap:8px;flex-wrap:wrap;margin:4px 0 30px}
.og-zyklen{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin-top:10px}
.og-opt{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px;display:flex;flex-direction:column;gap:8px}
.og-opt.og-addon{border-left:3px solid #7C3AED}
.og-kopf{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.og-kopf .og-name{flex:2 1 220px;font-weight:600}
.og-kopf .og-typ{flex:1 1 170px}
.og-kopf .og-einh{flex:0 1 110px}
.og-mm{display:flex;align-items:center;gap:4px;font-size:12px;color:var(--ink2)}.og-mm input{width:64px}
.og-tools{display:flex;gap:2px;margin-left:auto}
.og-werte{display:flex;flex-direction:column;gap:6px}
.og-w{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;background:var(--surface2);border-radius:10px;padding:6px 8px}
.og-w .og-wn{flex:1 1 180px}
.og-pz{display:grid;grid-template-columns:1fr 1fr;gap:3px;font-size:11px;color:var(--ink3)}
.og-pz span{grid-column:1/3}
.og-pz input{width:78px;text-align:right;padding:5px 7px}
.og-produkte{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.og-pg{display:flex;flex-direction:column;gap:3px}
.og-pgk{font-size:13px;display:flex;gap:6px;align-items:center}.og-pgk input{width:auto}
.og-p{font-size:12.5px;padding-left:18px}
.kal-meldung.warn{background:#FEF3C7;color:#92400E}
/* Produkt-Konfigurator */
.pw-dlg{width:min(720px,94vw);border:0;border-radius:16px;padding:0;box-shadow:0 30px 80px -20px rgba(0,0,0,.45);background:var(--surface);color:var(--ink)}
.pw-dlg::backdrop{background:rgba(10,20,22,.45)}
.pw-form{display:flex;flex-direction:column;gap:12px;padding:16px 18px}
.pw-form h3{margin:4px 0 0;font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
.pw-kopf{display:grid;grid-template-columns:2fr 1fr;gap:10px}
.pw-kopf label{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--ink2)}
.pw-opts{display:flex;flex-direction:column;gap:6px;max-height:48vh;overflow:auto}
.pw-opt{display:grid;grid-template-columns:1fr 200px 150px;gap:10px;align-items:center;border:1px solid var(--line);border-radius:10px;padding:8px 10px}
.pw-opt .pw-og{font-size:10.5px}
.pw-feld{display:flex;align-items:center;gap:6px}.pw-feld input[type=number]{width:90px}.pw-feld select{width:100%}
.pw-preis{color:var(--teal-dd)}
.pw-summe{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:10px}
.pw-summe b{font-size:18px}
@media(max-width:640px){.pw-opt{grid-template-columns:1fr}.pw-kopf{grid-template-columns:1fr}}
.ag-z.ag-option .ag-bez{padding-left:18px;position:relative}
.ag-z.ag-option .ag-bez::before{content:"↳";position:absolute;left:2px;top:7px;color:var(--ink3)}
.ag-z.ag-einr .ag-bez input{font-style:italic}
.ab-kat{margin:10px 0 4px}.ab-kat input{width:100%;max-width:560px}
.ab-akt{display:flex;align-items:center;gap:2px}
.ag-opt-bez{padding-left:18px;position:relative}.ag-opt-bez::before{content:"↳";position:absolute;left:2px;top:7px;color:var(--ink3)}
[hidden]{display:none!important}
/* Migration: Übernahme */
.mg-teile{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:8px 0 12px}
.mg-lauf{display:flex;align-items:center;gap:8px;background:var(--teal-s);color:var(--teal-dd);border-radius:10px;padding:8px 12px;margin:6px 0}
.mg-spinner{width:14px;height:14px;border-radius:50%;border:2px solid currentColor;border-right-color:transparent;animation:mgdreh .8s linear infinite}
@keyframes mgdreh{to{transform:rotate(360deg)}}
.mg-erg td{vertical-align:top}.mg-kv{display:inline-block;margin:0 10px 2px 0;color:var(--ink2)}.mg-kv.mg-f{color:#B91C1C}
.mg-log ul{max-height:220px;overflow:auto;margin:6px 0}
.mg-zwei{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;margin-top:14px}
.mg-box{border:1px solid var(--line);border-radius:12px;padding:12px 14px}.mg-box h3{margin:0 0 6px;font-size:14px}
.mg-gefahr{border-color:#FCA5A5;background:color-mix(in srgb,#FEE2E2 40%,transparent)}
.mg-leeren{display:flex;gap:8px;flex-wrap:wrap}.mg-leeren input{flex:1 1 200px}
/* Kundenakte: Kennzahlen, Log */
.akk{padding:14px 16px}
.akk-zahlen{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.akk-zahlen>div{background:var(--surface2);border-radius:12px;padding:9px 12px;display:flex;flex-direction:column;gap:2px}
.akk-zahlen small{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
.akk-zahlen b{font-size:18px}.akk-zahlen b.akk-klein{font-size:15px}
.akk-zahlen span{font-size:11.5px;color:var(--ink2)}.akk-zahlen span b{font-size:11.5px}
.akk-zahlen .akk-warn{background:#FEF3C7}
.akk-akt{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.akk-akt form{display:contents}
.akl{display:flex;flex-direction:column}
.akl-z{display:grid;grid-template-columns:120px 80px 1fr auto;gap:10px;align-items:baseline;padding:6px 0;border-top:1px solid var(--line);font-size:13px}
.akl-z time{color:var(--ink3);font-size:12px;font-variant-numeric:tabular-nums}
.akl-art{font-style:normal;font-size:11px;padding:1px 7px;border-radius:99px;background:var(--surface2);color:var(--ink2);justify-self:start}
.akl-ticket{background:#E0F2FE;color:#0369A1}.akl-rechnung{background:#DCFCE7;color:#15803D}.akl-angebot{background:#F3E8FF;color:#7E22CE}.akl-login{background:#FEF3C7;color:#B45309}
@media(max-width:700px){.akl-z{grid-template-columns:1fr}}
.at-form{margin:8px 0 12px;padding:10px;border:1px solid var(--line);border-radius:12px}
/* Reports */
.rp{display:grid;grid-template-columns:260px 1fr;gap:14px;align-items:start}
.rp-liste{display:flex;flex-direction:column;gap:2px;padding:12px;position:sticky;top:12px}
.rp-liste h2{margin:0 0 6px 6px;font-size:14px}
.rp-liste a{display:flex;flex-direction:column;padding:7px 9px;border-radius:9px;color:var(--ink)}
.rp-liste a small{color:var(--ink3);font-size:11.5px}
.rp-liste a:hover{background:var(--surface2)}.rp-liste a.on{background:var(--teal-s)}.rp-liste a.on b{color:var(--teal-dd)}
.rp-titel{margin:0;font-size:20px}
.rp-zeit{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end;margin:6px 0 10px}
.rp-zeit label{display:flex;flex-direction:column;gap:3px;font-size:12px;color:var(--ink2)}
.rp-schnell{display:flex;flex-wrap:wrap;gap:4px;margin-left:auto}
.rp-schnell a{font-size:12px;padding:4px 9px;border-radius:99px;background:var(--surface2);color:var(--ink2)}.rp-schnell a.on{background:var(--teal-s);color:var(--teal-dd)}
.rp-chart{display:flex;align-items:flex-end;gap:4px;height:170px;padding:8px 0 0;overflow-x:auto}
.rp-bar{flex:1 0 28px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:4px}
.rp-bar span{display:block;width:70%;height:var(--h);min-height:2px;background:linear-gradient(180deg,var(--teal),var(--teal-d));border-radius:5px 5px 2px 2px}
.rp-bar small{font-size:10px;color:var(--ink3);white-space:nowrap;max-width:70px;overflow:hidden;text-overflow:ellipsis}
.rp-tab-karte{overflow-x:auto}.rp-tab .r{text-align:right;font-variant-numeric:tabular-nums}
@media(max-width:900px){.rp{grid-template-columns:1fr}.rp-liste{position:static}}
/* ================= Kundenbereich (/portal) ================= */
.kp{min-height:100vh;display:flex;flex-direction:column;background:var(--bg,#F3F6F7)}
.kp-admin{background:#7C3AED;color:#fff;padding:7px 18px;font-size:13px}.kp-admin a{color:#fff;text-decoration:underline;margin-left:8px}
.kp-kopf{display:flex;align-items:center;gap:22px;padding:12px 28px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;flex-wrap:wrap}
.kp-logo{display:flex;align-items:center;gap:10px;color:var(--ink)}.kp-logo img{height:30px}.kp-logo span{font-weight:600;color:var(--teal-d);letter-spacing:.02em}
.kp-nav{display:flex;gap:4px;flex-wrap:wrap;flex:1}
.kp-nav a{padding:7px 12px;border-radius:9px;color:var(--ink2);font-weight:500}.kp-nav a:hover{background:var(--surface2)}.kp-nav a.on{background:var(--teal-s);color:var(--teal-dd)}
.kp-punkt{font-style:normal;background:#DC2626;color:#fff;border-radius:99px;font-size:10.5px;padding:0 6px;margin-left:3px}
.kp-konto{margin-left:auto}
.kp-menu{position:relative}.kp-menu summary{list-style:none;cursor:pointer;display:flex;flex-direction:column;align-items:flex-end;font-weight:600;font-size:13.5px}
.kp-menu summary small{font-weight:400;color:var(--ink3);font-size:11.5px}.kp-menu summary::-webkit-details-marker{display:none}
.kp-menu>div{position:absolute;right:0;top:calc(100% + 6px);background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 34px -14px rgba(0,0,0,.3);padding:6px;min-width:210px;display:flex;flex-direction:column;z-index:30}
.kp-menu>div a,.kp-menu>div button{padding:8px 10px;border-radius:8px;color:var(--ink);text-align:left;background:none;border:0;font:inherit;cursor:pointer}
.kp-menu>div a:hover,.kp-menu>div button:hover{background:var(--surface2)}
.kp-inhalt{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:26px 22px 40px;box-sizing:border-box;display:flex;flex-direction:column;gap:16px}
.kp-fuss{text-align:center;color:var(--ink3);font-size:12px;padding:18px}
.kp-titel{margin:0;font-size:24px}
.kp-titelzeile{display:flex;align-items:center;gap:12px;justify-content:space-between;flex-wrap:wrap}
.kp-karte{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px}
.kp-karte h2{margin:0 0 10px;font-size:16px}
.kp-schmal{max-width:420px;width:100%;margin:30px auto}
.kp-form{display:flex;flex-direction:column;gap:12px}.kp-form label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--ink2)}
.kp-form .btn{align-self:flex-start}.kp-inline{flex-direction:row;align-items:center}
.kp-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.kp-code{font-size:22px;letter-spacing:.3em;text-align:center;max-width:220px}
.kp-ok{background:#DCFCE7;color:#166534;border-radius:10px;padding:9px 12px}.kp-fehler{background:#FEE2E2;color:#991B1B;border-radius:10px;padding:9px 12px}
.kp-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}
.kp-kachel{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:4px;color:var(--ink);transition:box-shadow .15s}
.kp-kachel:hover{box-shadow:0 10px 26px -14px rgba(0,0,0,.25)}
.kp-kachel small{color:var(--ink3);text-transform:uppercase;font-size:11px;letter-spacing:.05em}.kp-kachel b{font-size:26px}.kp-kachel span{color:var(--ink2);font-size:13px}
.kp-kachel.kp-warn{background:#FFFBEB;border-color:#FDE68A}.kp-kachel.kp-neu{background:var(--teal-s);border-color:transparent}.kp-kachel.kp-neu b{font-size:18px;color:var(--teal-dd)}
.kp-zwei{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px}
.kp-zeile{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 4px;border-top:1px solid var(--line);color:var(--ink)}
.kp-zeile span{display:flex;flex-direction:column;min-width:0}.kp-zeile small{color:var(--ink3);font-size:12px}.kp-zeile:hover b{color:var(--teal-d)}
.kp-st{font-style:normal;font-size:11.5px;font-weight:600;padding:2px 9px;border-radius:99px;background:var(--surface2);color:var(--ink2);white-space:nowrap}
.kp-st-offen,.kp-st-kunde,.kp-rg-offen{background:#FEF3C7;color:#92400E}.kp-st-beantwortet,.kp-rg-bezahlt{background:#DCFCE7;color:#166534}
.kp-st-bearbeitung{background:#E0F2FE;color:#075985}.kp-rg-teilweise{background:#FFEDD5;color:#9A3412}
.kp-s-aktiv{background:#FEE2E2;color:#991B1B}.kp-s-geplant{background:#E0F2FE;color:#075985}.kp-s-geloest{background:#DCFCE7;color:#166534}
.kp-stoer{display:block;border-radius:12px;padding:10px 14px;background:#FEE2E2;color:#991B1B}.kp-stoer.kp-geplant{background:#E0F2FE;color:#075985}
.kp-alles-ok{background:#DCFCE7;color:#166534;border-radius:14px;padding:14px 18px;font-weight:600}
.kp-st-karte.kp-aktiv{border-left:4px solid #DC2626}.kp-st-karte.kp-geplant{border-left:4px solid #0284C7}.kp-st-karte.kp-geloest{opacity:.75}
.kp-news{padding:8px 0;border-top:1px solid var(--line)}.kp-news small{color:var(--ink3)}.kp-news b{display:block}.kp-news p{margin:4px 0 0;color:var(--ink2);font-size:13.5px}
.kp-abo-kopf{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.kp-abo-kopf span{font-weight:600}.kp-abo.kp-aus{opacity:.6}
.kp-pos{margin:8px 0 0;padding-left:18px;font-size:13.5px}.kp-pos li.kp-opt{color:var(--ink2);list-style:circle;margin-left:14px}
.kp-tab{width:100%}.kp-tab .r{text-align:right}
.kp-seg{margin-bottom:8px}
.kp-verlauf{display:flex;flex-direction:column;gap:10px}
.kp-msg{border-radius:14px;padding:12px 16px;background:var(--surface);border:1px solid var(--line);max-width:88%}
.kp-msg-kunde{align-self:flex-end;background:var(--teal-s);border-color:transparent}
.kp-msg-kopf{display:flex;gap:10px;justify-content:space-between;font-size:12.5px;margin-bottom:6px}.kp-msg-kopf small{color:var(--ink3)}
.kp-msg-text{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.kp-anh{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;font-size:12.5px}
.kp-knoepfe{display:flex;gap:8px;flex-wrap:wrap}
.kp-text{line-height:1.55}
.kp-schritte{padding-left:18px;display:flex;flex-direction:column;gap:8px}.kp-qr{width:190px;margin:8px 0;background:#fff;padding:6px;border-radius:10px}.kp-qr svg{width:100%;height:auto}
@media(max-width:700px){.kp-kopf{padding:10px 14px;gap:10px}.kp-inhalt{padding:16px 12px 30px}.kp-2{grid-template-columns:1fr}.kp-msg{max-width:100%}}
.ap-rechte{display:flex;flex-wrap:wrap;gap:4px 10px;align-items:center}.ap-akt{display:flex;flex-wrap:wrap;gap:4px;justify-content:flex-end}
.ap-neu{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}
.mg-zusatz{flex-basis:100%;display:flex;flex-direction:column;gap:3px;margin-bottom:6px}
.mg-zusatz label.chk{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;align-self:flex-start;gap:7px;width:auto;text-align:left}
.mg-zusatz label.chk input{width:auto;flex:none;margin:0}
.mg-teile label.chk input{width:auto}
/* Seitenleiste unten: Verwaltung, Darstellung, Abmelden über die ganze Breite */
.side .me-act{display:flex!important;width:100%;justify-content:space-between;align-items:center;gap:0;padding:6px 10px 0!important;box-sizing:border-box}
/* Firmensuche (Neuer Kunde / Neuer Lead) */
.fs-suche{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px 10px;margin-bottom:4px;border-radius:10px;background:var(--accent-soft,rgba(16,124,128,.07))}
.fs-suche label{margin:0}
.fs-liste{position:absolute;left:0;right:0;top:100%;z-index:30;margin-top:2px;max-height:300px;overflow:auto;background:var(--card,#fff);border:1px solid var(--line,#dde3e6);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.15)}
.fs-z{display:flex;flex-direction:column;align-items:flex-start;gap:1px;width:100%;padding:7px 10px;border:0;background:none;text-align:left;cursor:pointer;font:inherit;color:inherit}
.fs-z span{font-size:12px}
.fs-z.an,.fs-z:hover{background:var(--accent-soft,rgba(16,124,128,.1))}
.fs-info{font-size:11.5px;min-height:1em}
/* Bestellfragen (Produkt) */
.pf-liste{display:flex;flex-direction:column;gap:8px}
.pf-z{display:grid;grid-template-columns:1fr 180px;gap:6px 10px;padding:10px;border:1px solid var(--line,#dde3e6);border-radius:10px}
.pf-z .span2{grid-column:1/-1}
.pf-flags{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.pf-knoepfe{margin-left:auto;display:flex;gap:2px}
.pf-upg{width:100%;max-width:640px}
@media (max-width:720px){.pf-z{grid-template-columns:1fr}}
.bd-summe{display:flex;gap:10px;align-items:baseline;justify-content:flex-end;margin-top:10px;font-size:15px}
.bd-neu{max-width:340px}
.bd-z{grid-template-columns:1fr auto}
/* Kopfzeile: Pfad als Titel, ohne Doppelungen */
.crumb-pfad{font-size:13px;gap:6px;margin:0}
.crumb-pfad .crumb-akt{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
.crumb-pfad .crumb-akt.crumb-vor{font-size:13px;font-weight:600;color:var(--ink2)}
.crumb-titel.nur-unter small{font-size:13px}
.av-kopf{margin-bottom:12px}
.akte-kopf h2{font-size:15px}
.akte-kopf .akte-kopf-btn{margin-left:auto}
/* Produkt-Icons */
.p-icon{width:20px;height:20px;flex:none;color:var(--teal-d,#0f7c80)}
.pi-wahl{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}
.pi-wahl label{display:inline-flex;cursor:pointer}
.pi-wahl input{position:absolute;opacity:0;pointer-events:none}
.pi-wahl label .p-icon,.pi-wahl .pi-leer{width:36px;height:36px;padding:7px;border-radius:9px;border:1px solid var(--line,#dde3e6);background:var(--card,#fff);box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}
.pi-wahl input:checked + .p-icon,.pi-wahl input:checked + .pi-leer{border-color:var(--teal,#14a0a5);background:var(--teal-s,#e6f6f6);box-shadow:0 0 0 2px color-mix(in srgb,var(--teal,#14a0a5) 25%,transparent)}
.pi-wahl input:focus-visible + .p-icon{outline:2px solid var(--teal,#14a0a5)}
.pv-name .p-icon{vertical-align:-5px;margin-right:8px}
.pk-box{margin-top:10px;padding:12px 14px;border-radius:12px;background:var(--teal-s,#eef8f8)}
.pk-kopf{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pk-kopf .btn{margin-left:auto}
.pill.warn{background:#fff1d6;color:#8a5a00}
.pk-spalten{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:8px}
.pk-spalten small{color:var(--ink3);text-transform:uppercase;letter-spacing:.04em;font-size:11px}
.pk-spalten ul{margin:4px 0 0;padding-left:18px;font-size:13px}
/* Drag & Drop Reihenfolge */
.dd-griff{cursor:grab;color:var(--ink3);padding:0 6px 0 0;user-select:none;width:14px}
tr.dd-zieh{opacity:.45}
tr.dd-ueber{box-shadow:inset 0 2px 0 var(--teal,#14a0a5)}
/* @-Erwähnungen */
.ew-glocke{position:relative;margin-left:auto;margin-right:6px}
.ew-glocke>summary{list-style:none;cursor:pointer;position:relative;display:inline-flex}
.ew-glocke>summary::-webkit-details-marker{display:none}
.ew-n{position:absolute;top:-4px;right:-6px;min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:#E5484D;color:#fff;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}
.ew-pop{position:absolute;right:0;top:calc(100% + 8px);width:min(380px,90vw);max-height:70vh;overflow:auto;background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 40px rgba(0,0,0,.18);padding:10px;z-index:40}
.ew-kopf{display:flex;align-items:center;justify-content:space-between;margin:0 2px 6px}
.ew-e button{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;border:0;background:none;padding:8px;border-radius:9px;cursor:pointer;font:inherit;color:inherit}
.ew-e button:hover{background:var(--teal-s,#eef8f8)}
.ew-e.neu button{background:color-mix(in srgb,#E5484D 7%,transparent)}
.ew-t{font-size:13px}.ew-x{font-size:12.5px;color:var(--ink2);white-space:pre-line}
.ew-liste{position:absolute;left:12px;top:40px;z-index:30;min-width:260px;background:var(--card,#fff);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 30px rgba(0,0,0,.15);padding:4px}
.ew-z{display:flex;flex-direction:column;align-items:flex-start;width:100%;border:0;background:none;padding:6px 10px;border-radius:7px;cursor:pointer;font:inherit;color:inherit;text-align:left}
.ew-z.an,.ew-z:hover{background:var(--teal-s,#eef8f8)}
.w-fuerdich .ew-kopf b{display:none}
.af-bezug{margin:0 0 6px;padding:6px 10px;border-radius:8px;background:var(--teal-s,#eef8f8)}
.tz-ticket{font-size:12px;margin-left:6px;padding:1px 7px;border-radius:9px;background:var(--teal-s,#eef8f8);color:var(--teal-d,#0f7c80);text-decoration:none}
.pv-ogk.an{border-color:var(--teal,#14a0a5);background:var(--teal-s,#eef8f8)}
.pv-ogk .btn{margin-left:auto;white-space:nowrap}
.pv-ogmehr{margin-top:12px}.pv-ogmehr>summary{cursor:pointer;font-weight:600;color:var(--teal-d,#0f7c80);margin-bottom:8px}
.pv-ogmehr .av-suche{margin:6px 0 8px;max-width:320px}
.pv-upg{columns:260px auto;column-gap:28px;margin-top:10px}
.pv-upg-g{break-inside:avoid;margin:0 0 14px}
.pv-upg-t{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--teal-d,#0f7c80);margin:0 0 4px}
.pv-upg-z{display:flex;gap:8px;align-items:flex-start;padding:3px 4px;border-radius:6px;cursor:pointer;font-size:13px;line-height:1.35;white-space:normal}
.pv-upg-z:hover{background:var(--teal-s,#eef8f8)}
.pv-upg-z input{margin-top:2px;flex:none}
.pv-upg-z.eol{color:var(--ink3)}
.pv-upg-z:has(input:checked){font-weight:600}
.pv-og{border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:12px}
.pv-og-kopf{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.pv-og-kopf .btn{margin-left:auto}
.pv-ogtab td,.pv-ogtab th{padding:5px 8px}.pv-ogtab td .pill{margin-left:6px}
.pv-btab .pv-bent{width:30%}.pv-btab .pv-bpreis{width:16%;white-space:nowrap}
/* Mailvorlagen: Gruppen als Kacheln */
.vm-gruppen{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px;border-bottom:0;padding-bottom:0;margin:0 0 14px}
.vm-gruppe{flex-direction:column;align-items:stretch;gap:2px;flex-wrap:nowrap;background:var(--card,#fff);border:1px solid var(--line);border-radius:12px;padding:10px 8px 8px}
.vm-g{display:block;font-size:11px;font-weight:700;letter-spacing:.06em;color:var(--teal-d,#0f7c80);margin:0 6px 4px;padding-bottom:6px;border-bottom:1px solid var(--line)}
.vm-gruppe .vm-tab{display:block;border-radius:8px;padding:6px 8px;font-size:13px;color:var(--ink)}
.vm-gruppe .vm-tab:hover{background:var(--teal-s,#eef8f8)}
.vm-gruppe .vm-tab.on{background:var(--teal-d,#0f7c80);color:#fff;font-weight:600}

/* ---- Konfiguration vollständig: nicht gewählte Optionen grau (0 / nein / –) ---- */
.pz-opt .pz-aus{opacity:.45;font-weight:400}
.pz-t .pz-zahl{font-weight:400;text-transform:none;letter-spacing:0;margin-left:6px;opacity:.8}

/* ---- Abo Produkte kompakt im Ticket ---- */
.abk{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:12.5px}
.abk-kopf{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.abk-sp{flex:1}
.abk-kopf a{color:var(--teal-d);text-decoration:none}
.abk-th,.abk-z>summary{display:grid;grid-template-columns:minmax(180px,1fr) 90px 110px 120px 90px;gap:8px;align-items:center}
.abk-th{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted,#6b7476);padding:4px 8px 4px 22px;border-bottom:1px solid var(--line)}
.abk-g{margin-top:4px}
.abk-gkopf{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;cursor:pointer;list-style:none;border-radius:6px;background:var(--gc-s,rgba(0,0,0,.03))}
.abk-gkopf::-webkit-details-marker,.abk-z>summary::-webkit-details-marker{display:none}
.abk-gname{display:flex;align-items:center;gap:6px}.abk-gname i{width:9px;height:9px;border-radius:50%;background:var(--gc,var(--teal))}
.abk-gname small{color:var(--muted,#6b7476)}.abk-gsum{font-weight:600}
.abk-z>summary{padding:6px 8px 6px 22px;cursor:pointer;list-style:none;border-top:1px solid var(--line);position:relative}
.abk-z>summary::before{content:'▸';position:absolute;left:8px;color:var(--muted,#6b7476);transition:transform .15s}
.abk-z[open]>summary::before{transform:rotate(90deg)}
.abk-z>summary:hover{background:rgba(0,0,0,.025)}
.abk-name{display:flex;flex-direction:column;min-width:0}.abk-name small{color:var(--muted,#6b7476)}.abk-oz{font-size:10.5px}
.abk-z.eol>summary{background:rgba(234,179,8,.08)}
.abk-det{padding:6px 10px 10px 22px;display:flex;flex-direction:column;gap:8px}.abk-det .btn{align-self:flex-start}
@media (max-width:720px){.abk-th{display:none}.abk-z>summary{grid-template-columns:1fr auto;row-gap:2px}.abk-z>summary>span:nth-child(n+3){font-size:11px;color:var(--muted,#6b7476)}}
.pw-opt.pw-aus>div:first-child{opacity:.55}
/* @-Erwähnung im Mailtext */
.me-box{max-height:300px}
.ms-z input.me-neu{box-shadow:0 0 0 2px var(--teal,#14b8a6) inset;transition:box-shadow .3s}

/* Mailfenster: Editor mit Formatierung (rt_editor.js) */
.ms-rt .rt-feld.ms-text{min-height:260px;max-height:none;resize:vertical;overflow:auto;padding:10px 12px}
.ms-rt .rt-feld p{margin:0}
.ms-rt .rt-feld ul,.ms-rt .rt-feld ol{margin:0;padding-left:24px}
.ms-rt .rt-feld.leer::before{content:attr(data-placeholder);color:#8A949C;pointer-events:none;position:absolute}
.ms-rt .rt-feld{position:relative}
.ms-rt .rt-feld a{color:#0E7C80;text-decoration:underline}
/* Häkchen in Formular-Rastern: Kästchen links neben dem Text (nicht zentriert darüber) */
.formgrid label.chk{flex-direction:row;align-items:center;gap:8px;white-space:normal}
.formgrid label.chk small{margin-left:4px}

/* Produkt · Preise: Zyklen als Schalter, Tabelle nur mit gewählten Zyklen */
.pv-zyk{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px}
.pv-zchip{display:inline-flex;align-items:center;cursor:pointer}
.pv-zchip input{position:absolute;opacity:0;pointer-events:none}
.pv-zchip span{padding:6px 14px;border:1px solid var(--line);border-radius:999px;font-size:13px;color:var(--ink2);background:var(--surface)}
.pv-zchip input:checked+span{background:var(--teal-s);border-color:var(--teal);color:var(--teal-d);font-weight:600}
.pv-zchip input:focus-visible+span{outline:2px solid var(--teal);outline-offset:2px}
.pv-preistab td{vertical-align:middle}
#pfAnteil input{max-width:120px}

/* Produkt · Leistungsbeschrieb: Knöpfe Herunterladen / Ansehen */
.pv-lb-knoepfe{display:flex;gap:8px;margin-top:8px}.pv-lb-knoepfe .btn{display:inline-flex;align-items:center;gap:6px}.pv-lb-knoepfe .ic{width:16px;height:16px}

/* Produkt: «Mit Leistungsbeschrieb starten» (KI füllt vor) */
.pv-lbstart{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin:4px 0 16px;padding:14px 16px;border:1.5px dashed var(--teal);border-radius:12px;background:var(--teal-s)}
.pv-lbstart.ziehen{background:color-mix(in srgb,var(--teal) 18%,var(--surface))}
.pv-lbstart-text{display:flex;flex-direction:column;gap:2px;flex:1 1 320px}
.pv-lbstart .btn{display:inline-flex;align-items:center;gap:6px}.pv-lbstart .ic{width:16px;height:16px}
.pv-lbstatus{flex-basis:100%}.pv-lbstatus.ok{color:var(--teal-d)}.pv-lbstatus.warn{color:#B45309}.pv-lbstatus.laeuft{color:var(--ink2)}
.pv-lbstart.laeuft .pv-lbstatus::before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;border:2px solid var(--teal);border-right-color:transparent;border-radius:50%;animation:pvdreh .8s linear infinite;vertical-align:-2px}
@keyframes pvdreh{to{transform:rotate(360deg)}}
.ki-gefuellt{background:#FFF8DB !important;box-shadow:0 0 0 1px #F5D565 inset}

/* Produkt · Preise (Monatspreis-Modell) */
.pm-raster{display:grid;grid-template-columns:repeat(2,minmax(0,220px));gap:12px 16px;margin:6px 0 10px}
.pm-raster label{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--ink2)}.pm-raster label.chk{flex-direction:row;align-items:center;grid-column:1/-1}
.pm-raster4{grid-template-columns:repeat(4,minmax(0,170px))}
@media (max-width:700px){.pm-raster,.pm-raster4{grid-template-columns:1fr 1fr}}
.pm-h3{font-size:14px;margin:14px 0 2px}
.pm-vorschau{max-width:640px;margin-top:6px}.pm-vorschau td{vertical-align:middle}
.pm-wahl{font-size:13px;color:var(--ink);padding-left:4px}.pm-wahl-punkt{color:var(--teal)}
.pill.pm-alt{background:#FEF3C7;color:#92400E}

/* Optionen-Editor: Preisfelder mit klarer Beschriftung */
.og-pz{display:flex !important;gap:14px;align-items:flex-end}
.og-pz label{display:flex;flex-direction:column;gap:3px;font-size:11.5px;color:var(--ink2)}
.og-pz label span{grid-column:auto}
.og-pz input{width:120px !important}
/* Aufgaben: Personen-Filter umbricht statt über den Rand hinaus */
.ta-filter{display:flex;flex-wrap:wrap;gap:8px;max-width:100%}
.ta-filter .seg{flex-wrap:wrap;max-width:100%}
.ta-filter .seg a{white-space:nowrap}

/* Mail: Kennzeichnung in der Liste per Klick, beschriftete Leiste, Suchart */
.ml-z .ml-flag{opacity:0;cursor:pointer;color:var(--ink3);padding:0 2px;transition:opacity .15s}
.ml-z:hover .ml-flag{opacity:.55}.ml-z .ml-flag:hover{opacity:1;color:var(--rose)}
.ml-z .ml-flag.an{opacity:1;color:var(--rose)}
.mail-such-beschr .iconbtn{width:auto;display:inline-flex;align-items:center;gap:4px;padding:4px 8px;font-size:11.5px}
.mail-such-beschr .iconbtn span{white-space:nowrap}
@media (max-width:1300px){.mail-such-beschr .iconbtn span{display:none}}
.msf-art{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}
.msf-art-b{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:6px 14px;font:inherit;font-size:12.5px;color:var(--ink2);cursor:pointer}
.msf-art-b.on{background:var(--teal-s);border-color:var(--teal);color:var(--teal-d);font-weight:600}
.msf-art-b small{font-weight:400;color:var(--ink3)}
#mailFilter.nur-ki .msf-raster,#mailFilter.nur-ki .msf-fuss,#mailFilter.nur-ki .msf-kopf{display:none}
/* ===== Aufträge zur Freigabe (Dashboard-Kacheln, Liste /auftraege, Detail) ===== */
.auf-kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:16px}
@media(max-width:700px){.auf-kacheln{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}
.auf-kachel{--ak:var(--ink3);--aks:var(--surface2);display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:12px;align-items:center;
  background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--line2);border-radius:var(--r);padding:14px 16px;box-shadow:var(--shadow);color:var(--ink2);text-decoration:none}
.auf-kachel:hover{border-color:var(--ak);color:var(--ink)}
.auf-kachel .ak-ico{grid-row:1 / 3;width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--surface2);color:var(--ink3)}
.auf-kachel .ak-ico .ic{width:20px;height:20px}
.auf-kachel .ak-v{font-size:26px;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--ink3)}
.auf-kachel .ak-l{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);font-weight:500}
.auf-kachel.k1{--ak:var(--teal-d);--aks:var(--teal-s)}.auf-kachel.k2{--ak:var(--blue);--aks:var(--blue-s)}
.auf-kachel.k3{--ak:var(--rose);--aks:var(--rose-s)}.auf-kachel.k4{--ak:var(--amber);--aks:var(--amber-s)}
.auf-kachel.aktiv{border-left-color:var(--ak);background:color-mix(in srgb,var(--aks) 45%,var(--surface))}
.auf-kachel.aktiv .ak-ico{background:var(--aks);color:var(--ak)}.auf-kachel.aktiv .ak-v{color:var(--ak)}
.auf-art{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:600;white-space:nowrap;background:var(--surface2);color:var(--ink2)}
.auf-art.auf-bestellung{background:var(--teal-s);color:var(--teal-d)}.auf-art.auf-aenderung{background:var(--blue-s);color:var(--blue)}
.auf-art.auf-kuendigung{background:var(--rose-s);color:var(--rose)}
.auf-st{display:inline-block;padding:2px 9px;border-radius:99px;font-size:11.5px;font-weight:500;white-space:nowrap;background:var(--surface2);color:var(--ink2);vertical-align:middle}
.auf-st-offen{background:var(--warn-s);color:var(--warn)}.auf-st-bestaetigt{background:var(--green-s);color:var(--green)}
.auf-st-abgelehnt{background:var(--crit-s);color:var(--crit)}
.auf-plus{color:var(--green);font-weight:500}.auf-minus{color:var(--crit);font-weight:500}
.auf-tab td small{font-size:11.5px}
.auf-dl{display:grid;grid-template-columns:170px 1fr;gap:8px 16px;margin:12px 0 0}
.auf-dl dt{color:var(--ink3);font-size:12px;text-transform:uppercase;letter-spacing:.05em;padding-top:2px}.auf-dl dd{margin:0}
.auf-text{white-space:pre-wrap}
@media(max-width:700px){.auf-dl{grid-template-columns:1fr;gap:2px}.auf-dl dd{margin-bottom:8px}}
.auf-roh{margin-top:14px}.auf-roh pre{font-size:12px;background:var(--surface2);padding:10px;border-radius:8px;overflow:auto}
.auf-entscheid textarea{width:100%;margin:8px 0 12px;box-sizing:border-box}
.auf-knoepfe{display:flex;flex-wrap:wrap;gap:10px}
.auf-knoepfe .auf-ablehnen{color:var(--crit)}
/* Kundenakte: Schnellaktionen gross und farbig */
.akk-akt-gross{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.akk-akt-gross form{margin:0}
.akk-b{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;border:0;font:inherit;font-size:13.5px;font-weight:600;
  color:#fff;cursor:pointer;text-decoration:none;box-shadow:0 1px 2px rgba(0,0,0,.08);transition:transform .08s,filter .15s}
.akk-b:hover{filter:brightness(1.07);transform:translateY(-1px);color:#fff}
.akk-b .ic{width:18px;height:18px}
.akk-ticket{background:#E11D48}.akk-angebot{background:#7C3AED}.akk-abo{background:#0E7C80}.akk-zahlung{background:#D97706}.akk-portal{background:#2563EB}

/* ===== Abo ändern im Cockpit (cp_abo.html, produktwahl.js): Live-Vorschau, Preiswahl, Differenz ===== */
.pw-pm{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;margin-top:10px;font-size:12.5px}
.pw-pm>span{color:var(--ink2);font-weight:600}
.pw-pb{display:flex;align-items:center;gap:6px;flex-basis:100%;color:var(--ink2)}.pw-pb[hidden]{display:none}
.pw-pb input{width:120px}
.pw-vs{margin-top:10px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);display:grid;gap:3px}
.pw-vs-z{display:grid;grid-template-columns:110px 130px 1fr;gap:8px;align-items:baseline}
.pw-vs-z b{text-align:right}
.pw-vs-auf b{color:var(--green)}.pw-vs-ab b{color:var(--warn)}
.pw-vs-w{color:var(--warn);background:var(--warn-s);border-radius:6px;padding:6px 8px;font-weight:600}
.ab-diff{margin:10px 0 4px;padding:8px 10px;border-radius:8px;border:1px solid var(--line)}
.ab-diff.auf{border-color:var(--green);background:var(--green-s)}.ab-diff.ab{border-color:var(--warn);background:var(--warn-s)}
.ag-tot.ab-weg{text-decoration:line-through;color:var(--ink3)}
@media (max-width:600px){.pw-vs-z{grid-template-columns:90px 1fr}.pw-vs-z .muted{grid-column:1/-1}}
/* Angebot: Knopfleiste in beschrifteten Gruppen */
.ag-leiste{display:flex;flex-wrap:wrap;align-items:flex-end;gap:14px 22px;width:100%;margin-top:8px}
.ag-gruppe{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);position:relative}
.ag-gl{position:absolute;top:-9px;left:10px;padding:0 6px;background:var(--bg,#F4F6F7);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.ag-gruppe .btn{display:inline-flex;align-items:center;gap:6px}.ag-gruppe .ic{width:15px;height:15px}
.ag-gruppe .ag-rg{display:flex;align-items:center;gap:8px;margin:0}
.ag-loeschen{margin-left:auto;align-self:center}

/* ===== Kundenbereich: Bestellen, Erhöhen, Kündigen, Aufträge (portal_bestellung.js, 14.10.2026) ===== */
.kp-katalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.kp-pkarte{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 18px;display:flex;flex-direction:column;gap:8px;color:var(--ink);transition:box-shadow .15s,border-color .15s}
.kp-pkarte:hover{box-shadow:0 10px 26px -14px rgba(0,0,0,.25);border-color:var(--teal-d)}
.kp-pkopf{display:flex;align-items:center;gap:10px}.kp-pkopf b{font-size:15px}
.kp-picon{width:30px;height:30px;flex:none;color:var(--teal-d);background:var(--teal-s);border-radius:9px;padding:5px;box-sizing:border-box}
.kp-ptext{color:var(--ink2);font-size:13px;line-height:1.45;flex:1}
.kp-pfuss{display:flex;flex-direction:column;gap:2px;font-size:13.5px}.kp-pfuss small{color:var(--ink3);font-size:12px}
.kp-ptitel{display:flex;align-items:center;gap:10px}.kp-ptitel .kp-picon{width:36px;height:36px}
.kp-bestellung{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.kp-best-links{display:flex;flex-direction:column;gap:16px;min-width:0}
.kp-best-rechts{position:sticky;top:76px}
.kp-summe .kp-tab td{padding:3px 0;vertical-align:top}.kp-summe textarea{width:100%;box-sizing:border-box}
.kp-total{display:flex;justify-content:space-between;align-items:baseline;gap:8px;border-top:1px solid var(--line);padding-top:8px;margin-top:6px}
.kp-total small{color:var(--ink3);font-weight:400}.kp-total b{font-size:17px}
.kp-optgruppe{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);margin:12px 0 2px}
.kp-optzeile{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:9px 0;border-top:1px solid var(--line)}
.kp-optzeile>span{display:flex;flex-direction:column;gap:2px;min-width:0}.kp-optzeile small{color:var(--ink3);font-size:12px}
.kp-optzeile select{max-width:55%}.kp-optzeile input[type=checkbox]{width:18px;height:18px}
.kp-optzeile.kp-fix{opacity:.65}
.kp-form .kp-optzeile{flex-direction:row;font-size:14px;color:var(--ink)}
.kp-zahl{width:90px;text-align:right}
.kp-wert{font-weight:600;font-size:13.5px}
.kp-zyklen{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}
.kp-zyklus{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:10px 12px;cursor:pointer;flex-direction:row}
.kp-zyklus:has(input:checked){border-color:var(--teal-d);background:var(--teal-s)}
.kp-zyklus>span{display:flex;flex-direction:column;gap:2px;font-size:13.5px;color:var(--ink)}.kp-zyklus small{color:var(--ink3);font-size:12px}
.kp-zyklus em{font-style:normal}
.kp-rabatt{font-style:normal;align-self:flex-start;background:#DCFCE7;color:#166534;border-radius:99px;font-size:11px;font-weight:600;padding:1px 8px;margin-top:3px}
.kp-check{gap:8px;font-size:13.5px;color:var(--ink);align-items:flex-start;margin:10px 0}.kp-check input{margin-top:3px}
.kp-wartet{display:flex;flex-direction:column;gap:3px;background:#FEF3C7;color:#92400E;border-radius:12px;padding:10px 14px;font-size:13.5px;margin-top:10px}
.kp-wartet a{color:#92400E;text-decoration:underline;font-size:12.5px}
.kp-abo-knoepfe{margin-top:12px}
.kp-hinweis{background:var(--surface2);border-radius:12px;padding:10px 14px;font-size:13.5px;margin:0}
.kp-vorschau{display:flex;flex-direction:column;gap:4px;background:var(--surface2);border-radius:12px;padding:10px 14px;font-size:13.5px}
.kp-btn-rot{background:#B91C1C;border-color:#B91C1C;color:#fff}
.kp-auftrag{display:flex;flex-direction:column;gap:5px;padding:12px 0;border-top:1px solid var(--line)}.kp-auftrag:first-child{border-top:0;padding-top:0}
.kp-auftrag form{align-self:flex-start}
.kp-au-offen{background:#FEF3C7;color:#92400E}.kp-au-bestaetigt{background:#DCFCE7;color:#166534}
.kp-au-abgelehnt{background:#FEE2E2;color:#991B1B}.kp-au-zurueckgezogen{background:var(--surface2);color:var(--ink3)}
.kp-antwort{background:var(--surface2);border-radius:10px;padding:8px 12px;font-size:13.5px;white-space:pre-line}.kp-antwort small{display:block;color:var(--ink3)}
@media(max-width:860px){.kp-bestellung{grid-template-columns:1fr}.kp-best-rechts{position:static}}
@media(max-width:520px){.kp-optzeile{flex-wrap:wrap}.kp-optzeile select{max-width:100%;width:100%}}
/* ===== Ende Kundenbereich Bestellen ===== */
/* Kundenbereich Bestellen: Zeilen-Labels innerhalb von .kp-form */
.kp-form label.kp-zyklus,.kp-form label.kp-check,.kp-form label.kp-optzeile{flex-direction:row}
.kp-form label.kp-optzeile{align-items:center;justify-content:space-between}
/* Kundenakte: vorgemerkte Anpassungen (nächste Rechnung) */
.cp-vorgemerkt{border:1px dashed #D97706;background:#FFF8EB;border-radius:10px;padding:8px 10px;margin:4px 0 10px}
/* Untermenüs (Rechnungen, Tickets …): luftiger, Führungslinie, Zähler als Pillen rechts, Gruppentrenner */
.nav-sub{margin:2px 0 8px 22px!important;padding:2px 0 2px 8px;border-left:2px solid var(--line);gap:1px}
.nav-sub a{padding:6px 10px 6px 10px!important;font-size:13px!important;line-height:1.35;border-radius:8px;gap:10px!important}
.nav-sub a:hover{background:var(--surface2)!important;color:var(--ink)}
.nav-sub a.on{background:var(--teal-s)!important;color:var(--teal-d)}
.nav-sub a .ns-ic{width:15px;height:15px}
.ns-z{border-radius:999px;padding:0 8px;line-height:19px;font-size:11px;min-width:22px;text-align:center}
.ns-trenn{display:block;margin:10px 0 3px 10px;font-size:10.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--ink3)}
/* Tabellenfilter (static/tabellenfilter.js) */
.tf-leiste{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 8px}
.tf-q{flex:1 1 220px;max-width:340px;padding:7px 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font:inherit;font-size:13px}
.tf-sel{display:contents}
.tf-s{padding:6px 8px;border:1px solid var(--line);border-radius:9px;background:var(--surface);font:inherit;font-size:12.5px;max-width:220px}
.tf-s.an{border-color:var(--teal);background:var(--teal-s);color:var(--teal-d)}
.tf-n{margin-left:auto}
th.tf-sort{cursor:pointer;user-select:none}th.tf-sort:hover{color:var(--teal-d)}
th.tf-sort[data-tf-richt="auf"]::after{content:" ▲";font-size:9px}th.tf-sort[data-tf-richt="ab"]::after{content:" ▼";font-size:9px}

/* Rechnungen: Übersicht oben und farbige Status-Reiter (14.10.2026) */
.re-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:0 0 14px}
.re-k{display:flex;flex-direction:column;gap:3px;padding:13px 16px;border-radius:12px;border:1px solid var(--line);background:var(--surface);border-left:5px solid var(--k);text-decoration:none;color:var(--ink);transition:transform .12s,box-shadow .12s}
.re-k:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(0,0,0,.06)}
.re-k.on{background:var(--ks);box-shadow:0 0 0 2px var(--k) inset}
.re-k .re-l{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--k)}
.re-k b{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}
.re-k .re-n{font-size:12px;color:var(--ink3)}
.re-k.blau{--k:#2563eb;--ks:#eff4ff}.re-k.rot{--k:#e11d48;--ks:#fff1f3}.re-k.grau{--k:#64748b;--ks:#f3f5f8}.re-k.gruen{--k:#059669;--ks:#ecfdf5}
.re-seg a{display:inline-flex;align-items:center;gap:6px}
.re-seg a i{width:8px;height:8px;border-radius:50%;background:var(--sc,#94a3b8)}
.re-seg a b{background:var(--scs,var(--surface2));color:var(--sc,var(--ink2));padding:0 7px;border-radius:99px;font-size:11.5px}
.re-seg .st-alle{--sc:#0f766e}.re-seg .st-entwurf{--sc:#64748b;--scs:#eef1f5}.re-seg .st-offen{--sc:#2563eb;--scs:#e8efff}
.re-seg .st-ueberfaellig{--sc:#e11d48;--scs:#ffe4ea}.re-seg .st-teilweise{--sc:#d97706;--scs:#fff3dc}
.re-seg .st-bezahlt{--sc:#059669;--scs:#dcfce7}.re-seg .st-storniert{--sc:#94a3b8;--scs:#f1f3f6}
.re-seg a.on{color:var(--sc)}
/* Spaltenbreite ziehen (tabellenfilter.js) */
th.tf-sort{position:relative}
.tf-griff{position:absolute;top:0;right:-3px;width:7px;height:100%;cursor:col-resize;z-index:2}
.tf-griff:hover,.tf-griff.zieht{background:linear-gradient(to right,transparent 2px,var(--accent,#0f766e) 2px,var(--accent,#0f766e) 4px,transparent 4px)}
table.tf-fest{table-layout:fixed}
table.tf-fest td,table.tf-fest th{overflow:hidden;text-overflow:ellipsis}

/* Kundenakte: Kennzahlen und Schnellaktionen ruhiger und einheitlich (14.10.2026) */
.akk-zahlen{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.akk-zahlen>div{--k:#64748b;--ks:var(--surface2);background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--k);border-radius:12px;padding:11px 14px 12px;gap:4px;min-width:0}
.akk-zahlen>div small{color:var(--k);font-weight:700;font-size:10.5px}
.akk-zahlen>div>b{font-size:19px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.akk-zahlen>div span{color:var(--ink3);line-height:1.35}
.akk-zahlen .akk-warn{background:var(--ks)}
.akk-zahlen .kx-gruen{--k:#059669;--ks:#ecfdf5}.akk-zahlen .kx-teal{--k:#0e7c80;--ks:#ecf8f8}.akk-zahlen .kx-amber{--k:#d97706;--ks:#fff8eb}
.akk-zahlen .kx-rot{--k:#e11d48;--ks:#fff1f3}.akk-zahlen .kx-rose{--k:#e11d48;--ks:#fff1f3}.akk-zahlen .kx-blau{--k:#2563eb;--ks:#eff4ff}
.akk-zahlen .kx-violett{--k:#7c3aed;--ks:#f5f0ff}.akk-zahlen .kx-grau{--k:#94a3b8}
.akk-akt-gross{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-top:14px;padding-top:14px;border-top:1px dashed var(--line)}
.akk-akt-gross form{display:block;margin:0}
.akk-akt-gross .akk-b{width:100%;justify-content:center;padding:9px 14px;font-size:13px;border-radius:10px;background:var(--bs);color:var(--bc);border:1px solid var(--bl);box-shadow:none}
.akk-akt-gross .akk-b:hover{background:var(--bc);color:#fff;filter:none;transform:translateY(-1px)}
.akk-akt-gross .akk-b .ic{width:17px;height:17px}
.akk-akt-gross .akk-ticket{--bc:#e11d48;--bs:#fff1f3;--bl:#fecdd6}.akk-akt-gross .akk-angebot{--bc:#7c3aed;--bs:#f5f0ff;--bl:#ddd0fb}
.akk-akt-gross .akk-abo{--bc:#0e7c80;--bs:#ecf8f8;--bl:#bfe3e4}.akk-akt-gross .akk-zahlung{--bc:#c26a04;--bs:#fff8eb;--bl:#fbdcaa}
.akk-akt-gross .akk-portal{--bc:#2563eb;--bs:#eff4ff;--bl:#c9d8fb}

/* Kundenbereich: Neues Ticket modern (14.10.2026) */
.tn{max-width:820px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:16px}
.tn-kopf p{margin:6px 0 0}
.tn-karte{padding:26px 28px;display:flex;flex-direction:column;gap:26px;box-shadow:0 10px 30px -18px rgba(15,40,45,.25)}
.tn-schritt{display:grid;grid-template-columns:32px 1fr;gap:14px}
.tn-schritt h2{margin:3px 0 12px;font-size:15.5px}
.tn-nr{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:13px;color:#fff;background:linear-gradient(135deg,#14a3a8,#0e7c80)}
.tn-bereiche{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.tn-bereich,.tn-prio label{position:relative;cursor:pointer}
.tn-bereich input,.tn-prio input{position:absolute;opacity:0;pointer-events:none}
.tn-bereich>span,.tn-prio label>span{display:flex;flex-direction:column;gap:3px;height:100%;box-sizing:border-box;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .15s,background .15s,box-shadow .15s}
.tn-bereich small,.tn-prio small{color:var(--ink3);font-size:12px;line-height:1.35}
.tn-bereich:hover>span,.tn-prio label:hover>span{border-color:#9fd3d5}
.tn-bereich input:checked+span{border-color:#0e7c80;background:#effafa;box-shadow:0 0 0 3px rgba(14,124,128,.12)}
.tn-bereich input:focus-visible+span,.tn-prio input:focus-visible+span{outline:2px solid #0e7c80;outline-offset:2px}
.tn-prio{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.tn-prio label>span{flex-direction:column}
.tn-prio i{width:10px;height:10px;border-radius:50%;background:var(--pc);margin-bottom:3px}
.tn-prio .p-tief{--pc:#64748b;--ps:#f3f5f8}.tn-prio .p-mittel{--pc:#2563eb;--ps:#eff4ff}.tn-prio .p-hoch{--pc:#e11d48;--ps:#fff1f3}
.tn-prio input:checked+span{border-color:var(--pc);background:var(--ps);box-shadow:0 0 0 3px color-mix(in srgb,var(--pc) 14%,transparent)}
.tn-feld{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;color:var(--ink2);font-weight:600}
.tn-feld input,.tn-feld textarea{font:inherit;font-weight:400;font-size:14.5px;color:var(--ink);padding:11px 13px;border:1.5px solid var(--line);border-radius:10px;background:var(--surface);transition:border-color .15s,box-shadow .15s;resize:vertical}
.tn-feld input:focus,.tn-feld textarea:focus{outline:none;border-color:#0e7c80;box-shadow:0 0 0 3px rgba(14,124,128,.12)}
.tn-drop{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px;border:1.5px dashed #b9d9da;border-radius:12px;background:#f6fbfb;cursor:pointer;transition:background .15s,border-color .15s}
.tn-drop:hover{background:#eef8f8;border-color:#0e7c80}
.tn-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}
.tn-drop>span:last-child{display:flex;flex-direction:column;gap:2px}
.tn-drop small{color:var(--ink3);font-size:12px}.tn-drop .tn-dateien{color:#0e7c80;font-weight:600}
.tn-drop-ic{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#fff;border:1px solid #cfe6e7;color:#0e7c80;font-size:18px}
.tn-fuss{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:18px;border-top:1px solid var(--line)}
.tn-senden{padding:11px 26px;font-size:14.5px;border-radius:10px}
@media(max-width:700px){.tn-karte{padding:18px 16px}.tn-schritt{grid-template-columns:1fr}.tn-nr{display:none}.tn-prio{grid-template-columns:1fr}}

.kb-dep input:not([type=checkbox]){width:100%;font-size:13px;padding:6px 8px}.kb-dep .c{text-align:center}

.kn2-gruppe{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink3);margin:18px 0 6px;font-weight:700}
.kn2-gruppe:first-child{margin-top:0}

.cp-karte{background:#f0e9ff;color:#4c1d95;border-radius:10px;padding:8px 12px;margin:0 0 10px;font-size:13px}

/* Abo beenden / löschen */
.ab-akt{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin:-4px 0 10px}.ab-akt form{margin:0}
.ab-kuend{color:#c26a04 !important;border-color:#fbdcaa !important}.ab-loeschen{color:#be123c !important;border-color:#fecdd6 !important}
.ab-dialog{border:0;border-radius:16px;padding:22px;width:min(520px,94vw);box-shadow:0 30px 70px -30px rgba(0,0,0,.5)}.ab-dialog::backdrop{background:rgba(0,0,0,.35)}
.ab-dialog h2{margin:0}.ab-wahl{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1.5px solid var(--line);border-radius:12px;margin:8px 0;cursor:pointer}
.ab-wahl:has(input:checked){border-color:var(--teal);background:var(--teal-s)}.ab-wahl span{display:flex;flex-direction:column;gap:3px}.ab-wahl small{color:var(--ink3)}
.ab-wahl input[type=radio]{margin-top:3px}.ab-wahl input[type=date]{margin-top:4px;width:auto}

/* Verwaltung (Übersichtsseite statt Zahnrad-Menü) – eigene Klassen vz-* */
.vz-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}.vz-kopf h1{margin:0}.vz-kopf p{margin:4px 0 0}
.vz-suche{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 12px;width:320px;max-width:100%;box-sizing:border-box}
.vz-suche input{border:0;background:none;outline:none;font:inherit;flex:1;min-width:0;padding:0}.vz-suche .ic{width:17px;height:17px;color:var(--ink3);flex:none}
.vz-gruppe{display:block;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--vf);border-radius:16px;padding:16px 18px 18px;margin:0 0 16px}
.vz-gkopf{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin:0 0 12px}.vz-gkopf h2{margin:0;font-size:15px;color:var(--vf)}
.vz-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:10px}
.vz-k{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--surface2);border:1px solid transparent;border-radius:12px;color:var(--ink);text-decoration:none;transition:background .15s,border-color .15s,transform .15s}
.vz-k:hover{background:var(--surface);border-color:color-mix(in srgb,var(--vf) 45%,var(--line));transform:translateY(-1px)}
.vz-ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;color:var(--vf);background:color-mix(in srgb,var(--vf) 13%,var(--surface))}.vz-ic .ic{width:20px;height:20px}
.vz-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.vz-t b{font-size:13.5px}.vz-t small{color:var(--ink3);font-size:12px;line-height:1.35}
.vz-p{color:var(--ink3);font-size:18px}

.abp-abo{font-size:11.5px;font-weight:600;margin-left:8px;padding:1px 8px;border-radius:99px;background:var(--teal-s);color:var(--teal-dd);text-decoration:none}.abp-abo:hover{background:var(--teal);color:#fff}

/* Abo: Produkt aus dem Katalog hinzufügen – prominent mit Auswahl */
.ab-kat{margin:14px 0 8px}
.ab-kat-knopf{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:14px 18px;border:2px dashed color-mix(in srgb,var(--teal) 55%,var(--line));border-radius:14px;background:var(--teal-s);color:var(--ink);font:inherit;cursor:pointer;transition:background .15s,border-color .15s}
.ab-kat-knopf:hover{border-style:solid;border-color:var(--teal);background:color-mix(in srgb,var(--teal) 14%,var(--surface))}
.ab-kat-knopf span:last-child{display:flex;flex-direction:column;gap:2px}.ab-kat-knopf b{color:var(--teal-dd);font-size:14.5px}.ab-kat-knopf small{color:var(--ink3)}
.ab-kat-plus{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--teal);color:#fff;font-size:20px;font-weight:700;flex:none}
.ab-kat-panel{margin-top:10px;border:1px solid var(--line);border-radius:14px;background:var(--surface);padding:12px;box-shadow:0 18px 40px -24px rgba(0,0,0,.35)}
.ab-kat-such{display:flex;gap:8px;margin-bottom:10px}.ab-kat-such input{flex:1}
.ab-kat-liste{max-height:420px;overflow:auto}
.ab-kat-gn{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink3);margin:8px 0 0}
.ab-kat-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}.ab-kat-gn{grid-column:1/-1}
.ab-kat-p{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface2);font:inherit;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s}
.ab-kat-p:hover{border-color:var(--teal);background:var(--teal-s)}.ab-kat-p span{font-size:12.5px;color:var(--teal-dd);font-weight:600}.ab-kat-p small{color:var(--ink3);font-weight:400}
.ab-kat-p em{font-style:normal;font-size:11px;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:0 7px;color:var(--ink2)}

/* Abo: Speichern-Leiste oben, bleibt beim Scrollen sichtbar */
.ab-leiste{position:sticky;top:0;z-index:15;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px 14px;margin:0 0 12px;box-shadow:0 10px 24px -18px rgba(0,0,0,.35)}
.ab-leiste .rg-sp{margin:0;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.ab-leiste .ab-diff{margin-top:8px}

/* Ticket: Abo Produkte zugeklappt, betroffenes Produkt markiert */
details.abk-hülle>summary{list-style:none;cursor:pointer}details.abk-hülle>summary::-webkit-details-marker{display:none}
details.abk-hülle:not([open])>summary{margin-bottom:0}
details.abk-hülle[open] .abk-auf{display:none}
.abk-betrifft{font-size:12px;font-weight:600;padding:2px 10px;border-radius:99px;background:#fff3dc;color:#92400e}
.abk-z.abk-trifft>summary{background:#fff8eb;box-shadow:inset 3px 0 0 #d97706}
.abk-akt{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.abk-akt form{margin:0}

.zl-st.za-karte{background:#f0e9ff;color:#6d28d9}.zl-st.za-qr{background:#e6f6f6;color:#0a5b5e}

.tf-liste{margin:4px 0 8px;padding-left:20px}.tf-liste li{margin:3px 0}

.cp-rg-akt{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 10px}
.cp-vm-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}.cp-vm-kopf form{margin:0}
.kr-tab .kr-alt{color:var(--ink3)}.kr-tag{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--surface2);color:var(--ink2)}
.kr-tag.cockpit{background:var(--teal-s);color:var(--teal-dd)}

/* Rechnung Detail: Kopf mit Kennzahlen, Aktionen gruppiert */
.rd-msg{display:flex;gap:10px;align-items:flex-start;padding:12px 16px;border-radius:12px;margin:0 0 12px;font-size:14px}
.rd-msg.ok{background:#ecfdf5;color:#065f46;border:1px solid #a7f3d0}.rd-msg.fehl{background:#fff1f3;color:#9f1239;border:1px solid #fecdd6}
.rd-msg a{font-weight:600;margin-left:6px}
.rd-kopf{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:20px 22px;border-radius:16px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--rf,#2563eb);margin:0 0 12px}
.rd-kopf.rd-bezahlt{--rf:#059669}.rd-kopf.rd-entwurf{--rf:#94a3b8}.rd-kopf.rd-storniert{--rf:#cbd5e1}.rd-kopf.rd-teilweise{--rf:#d97706}
.rd-titel{display:flex;flex-direction:column;gap:3px;min-width:220px}.rd-titel small{font-size:11.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);font-weight:700}
.rd-titel h1{margin:0;font-size:24px;display:flex;align-items:center;gap:10px}.rd-kunde{font-weight:600}
.rd-zahlen{display:flex;gap:10px;flex-wrap:wrap}
.rd-zahlen>div{display:flex;flex-direction:column;gap:2px;min-width:130px;padding:10px 14px;border-radius:12px;background:var(--surface2)}
.rd-zahlen small{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}.rd-zahlen b{font-size:16px;font-variant-numeric:tabular-nums}
.rd-zahlen span{font-size:12px;color:var(--ink3)}.rd-zahlen .rd-gross{background:color-mix(in srgb,var(--rf,#2563eb) 9%,var(--surface))}.rd-zahlen .rd-gross b{font-size:22px;color:var(--rf,#2563eb)}
.rd-rot{color:#e11d48 !important;font-weight:700}
.rd-akt{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin:0 0 12px}
.rd-gruppe{display:flex;flex-direction:column;gap:5px;padding:10px 12px;border-radius:12px;background:var(--surface);border:1px solid var(--line)}
.rd-gruppe>small{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);font-weight:700}
.rd-knoepfe{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.rd-versand{flex:1;min-width:320px}.rd-versand input{flex:1;min-width:200px;font-size:13.5px;padding:7px 10px}
.rd-weg{margin-left:auto;background:none;border:0;padding:10px 0}

/* Zugangsdaten im Abo / Auftrag */
.zg-ist{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:0 0 12px}
.zg-ist>span{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:10px;background:var(--surface2);min-width:120px}
.zg-ist small{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}.zg-ist b{font-family:ui-monospace,Consolas,monospace}
.zg-form .chk{display:inline-flex;align-items:center;gap:6px;font-size:12px;margin-top:4px}
.auf-zugang{margin:10px 0;padding:10px 12px;border:1px dashed var(--line);border-radius:12px}.auf-zugang summary{cursor:pointer;font-weight:600}
.auf-zugang .formgrid{margin-top:10px}

/* Rechnungs-/Belegstatus einheitlich: zuerst Status, dann Nummer, dann Titel (Entscheid Devis 15.10.2026) */
.re-st{display:inline-flex;justify-content:center;align-items:center;min-width:86px;box-sizing:border-box;font-size:11.5px;font-weight:700;padding:3px 10px;border-radius:99px;white-space:nowrap;flex:none}
.re-st-offen{background:#ffe4e6;color:#be123c}.re-st-ueberfaellig{background:#e11d48;color:#fff}
.re-st-teilweise,.re-st-warn{background:#fef3c7;color:#b45309}.re-st-bezahlt,.re-st-ok{background:#dcfce7;color:#15803d}
.re-st-entwurf{background:#e0f2fe;color:#0369a1}.re-st-storniert,.re-st-aus{background:#f1f5f9;color:#64748b}
.re-zeile{align-items:center}.re-l{display:flex;align-items:center;gap:12px;min-width:0}.re-t{min-width:0}
.re-t .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:62ch}
.re-aus{opacity:.55}
.rd-status{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;font-size:14px;font-weight:700;padding:6px 14px 6px 12px;border-radius:99px;margin:4px 0 6px}
.rd-status i{width:9px;height:9px;border-radius:50%;background:currentColor}
.rd-status span{font-weight:500;font-size:12.5px;opacity:.85}.rd-status span:empty{display:none}
.rd-kopf.rd-ueberfaellig{--rf:#e11d48}.rd-kopf.rd-entwurf{--rf:#0284c7}.rd-kopf.rd-offen{--rf:#be123c}

/* Rechnungseditor: Art der neuen Zeile, Seitenumbruch, Textzeile, Formatierleiste (Cockpit) */
.rg-neu-art{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 6px}
.rg-neu-art label{cursor:pointer}.rg-neu-art input{position:absolute;opacity:0;pointer-events:none}
.rg-neu-art span{display:inline-block;padding:4px 11px;border-radius:99px;font-size:12.5px;font-weight:600;background:var(--surface2);color:var(--ink2);border:1px solid var(--line)}
.rg-neu-art input:checked+span{background:var(--teal-d,#0e7c80);color:#fff;border-color:transparent}
.rg-neu-art input:focus-visible+span{outline:2px solid var(--teal,#48c2c5);outline-offset:2px}
.rg-neu[data-neu=titel] [name=neu_text],.rg-neu[data-neu=umbruch] [name=neu_text],.rg-neu[data-neu=umbruch] [name=neu_name],.rg-neu[data-neu=text] [name=neu_name]{display:none}
.rg-neu:not([data-neu=pos]) .rg-nur-pos{visibility:hidden}
.rg-neu[data-neu=titel] [name=neu_name]{font-weight:700;color:var(--teal-d,#0e7c80)}
.rg-neu-hinweis:empty{display:none}
.rg-umbruch{border-top:2px dashed var(--line);border-bottom:2px dashed var(--line);color:var(--ink3);font-size:12.5px;font-style:italic;align-items:center}
.rg-textzeile textarea{width:100%}
.fmt-leiste{display:flex;gap:4px;align-items:center;padding:5px;border:1px solid var(--line);border-bottom:0;border-radius:10px 10px 0 0;background:var(--surface2)}
.fmt-leiste button{background:var(--surface);border:1px solid var(--line);border-radius:7px;padding:3px 9px;font:inherit;font-size:12.5px;cursor:pointer;color:var(--ink2);min-width:30px}
.fmt-leiste button:hover{border-color:var(--teal-d,#0e7c80);color:var(--teal-d,#0e7c80)}
.fmt-leiste>span:not(.fmt-ki){width:1px;height:18px;background:var(--line);margin:0 3px}
textarea.fmt-feld{border-top-left-radius:0;border-top-right-radius:0}

/* Rechnungskopf neu (Entscheid Devis 15.10.2026): Statusband oben, Nummer + Kunde links, Betrag rechts, Fakten unten */
.rh{--rf:#0284c7;--rf-s:#e0f2fe;border-radius:18px;background:var(--surface);border:1px solid var(--line);overflow:hidden;margin:0 0 14px;box-shadow:0 10px 30px -24px rgba(15,42,45,.35)}
.rh-offen{--rf:#be123c;--rf-s:#ffe4e6}.rh-ueberfaellig{--rf:#e11d48;--rf-s:#ffe4e6}.rh-teilweise{--rf:#b45309;--rf-s:#fef3c7}
.rh-bezahlt{--rf:#15803d;--rf-s:#dcfce7}.rh-storniert{--rf:#64748b;--rf-s:#f1f5f9}.rh-entwurf{--rf:#0369a1;--rf-s:#e0f2fe}
.rh-band{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 22px;background:var(--rf-s);color:var(--rf)}
.rh-st{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13px;letter-spacing:.02em;text-transform:uppercase;padding:4px 12px 4px 10px;border-radius:99px;background:var(--rf);color:#fff}
.rh-st i{width:8px;height:8px;border-radius:50%;background:#fff}
.rh-st-info{font-size:13.5px;font-weight:600}
.rh-art{margin-left:auto;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:color-mix(in srgb,var(--rf) 70%,#475569)}
.rh-art a{color:inherit;text-decoration:underline}
.rh-haupt{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;flex-wrap:wrap;padding:18px 22px 6px}
.rh-wer{display:flex;flex-direction:column;gap:4px;min-width:0}
.rh-wer h1{margin:0;font-size:30px;line-height:1.1;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.rh-kunde{font-weight:700;font-size:15px;text-decoration:none;color:var(--teal-d,#0e7c80)}.rh-kunde span{opacity:.6}
.rh-kunde:hover{text-decoration:underline}
.rh-titel{color:var(--ink2);font-size:14px}
.rh-betrag{display:flex;flex-direction:column;align-items:flex-end;gap:2px;min-width:240px}
.rh-betrag small{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:var(--ink3);font-weight:700}
.rh-betrag b{font-size:32px;line-height:1.1;color:var(--rf);font-variant-numeric:tabular-nums;white-space:nowrap}
.rh-betrag span{font-size:12.5px;color:var(--ink3);font-variant-numeric:tabular-nums}
.rh-balken{width:100%;max-width:240px;height:6px;border-radius:99px;background:var(--rf-s);margin-top:6px;overflow:hidden}
.rh-balken i{display:block;height:100%;background:#15803d;border-radius:99px}
.rh-fakten{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin:12px 22px 18px;border:1px solid var(--line);border-radius:14px;overflow:hidden}
.rh-fakten>div{display:flex;flex-direction:column;gap:2px;padding:11px 16px;border-left:1px solid var(--line);background:var(--surface2)}
.rh-fakten>div:first-child{border-left:0}
.rh-fakten small{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);font-weight:700}
.rh-fakten b{font-size:15.5px;font-variant-numeric:tabular-nums}.rh-fakten span{font-size:12px;color:var(--ink3)}
.rh-rot{color:#e11d48 !important}
@media (max-width:700px){.rh-art{margin-left:0}.rh-betrag{align-items:flex-start}.rh-fakten>div{border-left:0;border-top:1px solid var(--line)}}
.re-id{font-weight:600;color:var(--ink3);font-variant-numeric:tabular-nums}.rh-id{color:var(--ink3)}

.re-typ{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:6px;white-space:nowrap}.re-typ-abo{background:#e6f6f6;color:#0a5b5e}.re-typ-angebot{background:#ede9fe;color:#6d28d9}.re-typ-whmcs{background:#f1f5f9;color:#64748b}.re-typ-manuell{background:#fef3c7;color:#92400e}

/* Dokumenttexte (Verwaltung + Editor) */
.dt-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 10px}.dt-kopf h1{margin:0 0 4px}
.dt-kopf p{max-width:80ch;margin:0}
.dt-ph{margin:0 0 12px}.dt-ph summary{cursor:pointer;font-weight:600;color:var(--teal-d,#0e7c80)}
.dt-ph div{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:8px;font-size:13px}.dt-ph code,.dt-ph-kurz code{background:var(--surface2);padding:1px 6px;border-radius:5px}
.dt-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:12px}
.dt-karte label{display:flex;flex-direction:column;gap:4px;margin:8px 0 0;font-weight:600;font-size:13px}
.dt-karte textarea,.dt-doc textarea{width:100%;font:inherit;font-size:14px}
.dt-kk{display:flex;justify-content:space-between;align-items:center;gap:10px}.dt-kk h2{margin:0;font-size:16px}
.dt-kk h2 small{font-weight:500;font-size:12.5px;margin-left:6px}
.dt-doc{margin-bottom:12px}.dt-doc .dt-kk{margin-bottom:8px}.dt-ph-kurz{margin-top:6px}
.dt-fuss{display:flex;justify-content:flex-end;margin:14px 0}

/* Angebot: Aktionsleiste als Schritte 1–3 (Entscheid Devis 15.10.2026) */
.ag-schritte{display:flex;flex-wrap:wrap;align-items:stretch;gap:10px;width:100%;margin-top:10px}
.ag-schritt{display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);flex:1 1 230px}
.ag-schritt-weiter{flex:2 1 460px;border-color:color-mix(in srgb,#059669 35%,var(--line));background:color-mix(in srgb,#059669 4%,var(--surface))}
.ag-schritt-aus{opacity:.65}
.ag-sk{display:flex;align-items:center;gap:10px}
.ag-sk i{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:13px;background:var(--teal-d,#0e7c80);color:#fff}
.ag-schritt-weiter .ag-sk i{background:#059669}
.ag-sk b{display:block;font-size:14px}.ag-sk small{display:block;font-size:12px;color:var(--ink3)}
.ag-sb{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ag-sb .btn{display:inline-flex;align-items:center;gap:6px}.ag-sb .ic{width:15px;height:15px}
.ag-sb .ag-rg{display:flex;align-items:center;gap:8px;margin:0}
.ag-start{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink2);font-weight:600}.ag-start input{padding:5px 8px}
.ag-oder{font-size:12px;color:var(--ink3)}
.ag-loeschen-link{align-self:flex-end;border:0;background:none;color:#be123c;font:inherit;font-size:12.5px;cursor:pointer;padding:4px 6px;border-radius:8px;opacity:.75}
.ag-loeschen-link:hover{opacity:1;background:#fff1f2}

.re-typ-gutschrift{background:#dcfce7;color:#166534}.re-typ-lieferschein{background:#e0f2fe;color:#075985}.re-typ-auftrag{background:#ede9fe;color:#5b21b6}.re-typ-mahnung{background:#ffe4e6;color:#9f1239}

/* Ticket-Optionen: Checkbox bündig links mit Text daneben, Buttons rechtsbündig (Entscheid Devis 15.10.2026) */
.tw-opt-chk>span:last-child{display:flex;gap:8px;align-items:center;justify-content:flex-start;text-align:left;cursor:pointer;color:var(--ink);font-size:13px}
.tw-opt .tw-opt-chk input[type=checkbox]{width:17px;height:17px;min-width:17px;padding:0;margin:0;flex:none;accent-color:var(--teal-d,#0e7c80)}
.tw-opt-chk{cursor:pointer}
.tw-opt-k{justify-content:flex-end;padding-top:10px;border-top:1px solid var(--line);margin-top:12px}

/* Dashboard «Nächste Termine»: Umschalter Liste / 3 Tage und 3-Tage-Raster (Entscheid Devis 15.10.2026) */
.dk-umschalter{display:inline-flex;background:var(--surface2);border:1px solid var(--line);border-radius:10px;padding:2px;gap:2px}
.dk-umschalter button{border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink2);padding:4px 11px;border-radius:8px;cursor:pointer}
.dk-umschalter button.on{background:var(--surface);color:var(--teal-d,#0e7c80);box-shadow:0 1px 3px rgba(15,42,45,.12)}
.d3{display:flex;flex-direction:column;gap:4px}
.d3-kopf{display:grid;grid-template-columns:34px repeat(3,minmax(0,1fr));gap:6px;align-items:end}
.d3-tag{display:flex;align-items:baseline;gap:6px;padding:4px 8px;border-radius:8px;text-decoration:none;color:var(--ink)}
.d3-tag b{font-size:13.5px}.d3-tag span{font-size:12px;color:var(--ink3)}.d3-tag.heute{background:color-mix(in srgb,var(--teal,#48c2c5) 14%,transparent)}
.d3-tag.heute b{color:var(--teal-d,#0e7c80)}
.d3-ganzzeile{align-items:start}.d3-gl{font-size:10.5px;color:var(--ink3);text-align:right;padding-top:4px}
.d3-ganz{display:flex;flex-direction:column;gap:3px;min-height:4px}
.d3-gt{display:block;font-size:12px;font-weight:600;padding:3px 8px;border-radius:6px;background:color-mix(in srgb,var(--f) 18%,var(--surface));border-left:3px solid var(--f);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.d3-raster{display:grid;grid-template-columns:34px minmax(0,1fr);gap:6px;max-height:520px;overflow-y:auto;padding-top:6px}
.d3-stunden{position:relative}.d3-stunden span{position:absolute;right:2px;transform:translateY(-50%);font-size:10.5px;color:var(--ink3);font-variant-numeric:tabular-nums}
.d3-tage{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.d3-linien{position:absolute;inset:0;pointer-events:none}.d3-linien i{position:absolute;left:0;right:0;border-top:1px solid var(--line)}
.d3-spalte{position:relative;border-radius:8px}.d3-spalte.heute{background:color-mix(in srgb,var(--teal,#48c2c5) 5%,transparent)}
.d3-t{position:absolute;box-sizing:border-box;display:flex;flex-direction:column;gap:1px;padding:3px 6px;border-radius:6px;overflow:hidden;text-decoration:none;color:var(--ink);
  background:color-mix(in srgb,var(--f) 16%,var(--surface));border-left:3px solid var(--f);font-size:11.5px;line-height:1.25;transition:box-shadow .15s}
.d3-t:hover{box-shadow:0 6px 16px -10px var(--f);z-index:2}
.d3-t b{font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.d3-t span{font-size:10.5px;color:var(--ink3);font-variant-numeric:tabular-nums}
.d3-t.kurz{flex-direction:row;align-items:center;gap:6px}.d3-t.kurz b{-webkit-line-clamp:1;white-space:nowrap;display:block}.d3-t.kurz span{display:none}
.d3-t.jetzt{box-shadow:0 0 0 2px var(--f)}
.d3-teams{position:absolute;right:4px;top:3px;width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:#5b5fc7;color:#fff}
.d3-jetzt{position:absolute;left:-4px;right:0;border-top:2px solid #e11d48;z-index:3}.d3-jetzt::before{content:"";position:absolute;left:0;top:-5px;width:8px;height:8px;border-radius:50%;background:#e11d48}

.d3-t{cursor:pointer}.d3-t.mit-t b{padding-right:20px}

/* Mail als Fenster (verschieben, vergrössern, schliessen) */
.mf{display:contents}.mf-kopf{display:none}
.mail-app.fenster{grid-template-columns:var(--mo,220px) minmax(0,1fr) !important}
.mail-app.fenster.ordner-zu{grid-template-columns:minmax(0,1fr) !important}
.mail-app.fenster .mail-griff{display:none}
.mail-app.fenster .mf{display:none;position:fixed;z-index:60;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;
  box-shadow:0 28px 70px -20px rgba(15,42,45,.45),0 4px 14px rgba(15,42,45,.12);overflow:hidden;resize:both;min-width:420px;min-height:300px}
.mail-app.fenster .mf.offen{display:flex}
.mail-app.fenster .mf.max{inset:70px 14px 14px 14px !important;width:auto !important;height:auto !important;resize:none}
.mail-app.fenster .mf-kopf{display:flex;align-items:center;gap:4px;padding:7px 8px 7px 14px;background:linear-gradient(180deg,var(--surface2),var(--surface));border-bottom:1px solid var(--line);cursor:grab;user-select:none;touch-action:none}
.mail-app.fenster .mf.zieht .mf-kopf{cursor:grabbing}
.mail-app.fenster .mf.zieht iframe{pointer-events:none}
.mf-titel{flex:1;min-width:0;font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mf-btn{border:0;background:none;width:30px;height:28px;border-radius:8px;cursor:pointer;color:var(--ink2);font-size:15px;line-height:1}
.mf-btn:hover{background:var(--surface2);color:var(--ink)}.mf-zu:hover{background:#ffe4e6;color:#be123c}
.mail-app.fenster .mf .mail-lesen{flex:1;min-height:0;display:flex !important}
.mf-umschalter.on{color:var(--teal-d,#0e7c80)}

/* Mailfenster: Griffe zum Vergrössern an allen Rändern/Ecken */
.mail-app.fenster .mf{resize:none}
.mf-r{display:none}
.mail-app.fenster .mf.offen:not(.max) .mf-r{display:block;position:absolute;z-index:6}
.mf-r-n,.mf-r-s{left:12px;right:12px;height:7px;cursor:ns-resize}.mf-r-n{top:0}.mf-r-s{bottom:0}
.mf-r-e,.mf-r-w{top:12px;bottom:12px;width:7px;cursor:ew-resize}.mf-r-e{right:0}.mf-r-w{left:0}
.mf-r-ne,.mf-r-nw,.mf-r-se,.mf-r-sw{width:14px;height:14px}
.mf-r-ne{top:0;right:0;cursor:nesw-resize}.mf-r-sw{bottom:0;left:0;cursor:nesw-resize}
.mf-r-nw{top:0;left:0;cursor:nwse-resize}.mf-r-se{bottom:0;right:0;cursor:nwse-resize}
.mail-app.fenster .mf.offen:not(.max) .mf-r-se::after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid var(--ink3,#8a96a3);border-bottom:2px solid var(--ink3,#8a96a3);border-radius:0 0 3px 0;opacity:.6}

/* Seitenleiste: Gruppen per Ziehen sortieren (Favoriten entfernt) */
.nav-griff{display:inline-block;width:0;overflow:hidden;opacity:0;margin-right:0;cursor:grab;color:var(--ink3);font-size:11px;letter-spacing:-2px;transition:width .12s,opacity .12s,margin .12s;user-select:none;touch-action:none}
.nav-g > .grp:hover .nav-griff,.nav-g.nav-zieht .nav-griff{width:12px;opacity:1;margin-right:6px}
.nav-g.nav-zieht{background:var(--surface);border-radius:12px;box-shadow:0 16px 36px -12px rgba(15,42,45,.35);opacity:.95;pointer-events:none}
.nav-g.nav-zieht .nav-griff{cursor:grabbing}
.nav-platz{border:2px dashed color-mix(in srgb,var(--teal,#48c2c5) 60%,transparent);border-radius:12px;margin:4px 6px;background:color-mix(in srgb,var(--teal,#48c2c5) 8%,transparent)}
.nav-stern{display:none}

/* Fenster-Manager (mehrere Mails/Dokumente gleichzeitig) */
.cpf{position:fixed;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  box-shadow:0 28px 70px -22px rgba(15,42,45,.45),0 4px 14px rgba(15,42,45,.12);min-width:360px;min-height:240px}
.cpf.aktiv{border-color:color-mix(in srgb,var(--teal,#48c2c5) 55%,var(--line))}
.cpf.max{inset:70px 14px 14px 14px !important;width:auto !important;height:auto !important}
.cpf:fullscreen{inset:0 !important;width:100% !important;height:100% !important;border-radius:0}
.cpf-kopf{display:flex;align-items:center;gap:4px;padding:6px 8px 6px 14px;background:linear-gradient(180deg,var(--surface2),var(--surface));border-bottom:1px solid var(--line);cursor:grab;user-select:none;touch-action:none}
.cpf.aktiv .cpf-kopf{background:linear-gradient(180deg,color-mix(in srgb,var(--teal,#48c2c5) 12%,var(--surface)),var(--surface))}
.cpf.zieht .cpf-kopf{cursor:grabbing}.cpf.zieht iframe{pointer-events:none}
.cpf-titel{flex:1;min-width:0;font-weight:700;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cpf-extra{display:flex;align-items:center;gap:4px}
.cpf-link{font-size:12.5px;font-weight:600;padding:4px 9px;border-radius:8px;text-decoration:none;color:var(--teal-d,#0e7c80)}.cpf-link:hover{background:var(--surface2)}
.cpf-btn{border:0;background:none;width:30px;height:28px;border-radius:8px;cursor:pointer;color:var(--ink2);font-size:15px;line-height:1}
.cpf-btn:hover{background:var(--surface2);color:var(--ink)}.cpf-zu:hover{background:#ffe4e6;color:#be123c}
.cpf-inhalt{flex:1;min-height:0;overflow:auto}
.cpf-inhalt.cpf-mail{display:flex;flex-direction:column}
.cpf-inhalt.cpf-doc{overflow:hidden}.cpf-inhalt.cpf-doc iframe{width:100%;height:100%;border:0;display:block}
.cpf-r{position:absolute;z-index:6}.cpf.max .cpf-r{display:none}
.cpf-r-n,.cpf-r-s{left:12px;right:12px;height:7px;cursor:ns-resize}.cpf-r-n{top:0}.cpf-r-s{bottom:0}
.cpf-r-e,.cpf-r-w{top:12px;bottom:12px;width:7px;cursor:ew-resize}.cpf-r-e{right:0}.cpf-r-w{left:0}
.cpf-r-ne,.cpf-r-nw,.cpf-r-se,.cpf-r-sw{width:14px;height:14px}
.cpf-r-ne{top:0;right:0;cursor:nesw-resize}.cpf-r-sw{bottom:0;left:0;cursor:nesw-resize}.cpf-r-nw{top:0;left:0;cursor:nwse-resize}.cpf-r-se{bottom:0;right:0;cursor:nwse-resize}
.cpf-r-se::after{content:"";position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-right:2px solid var(--ink3,#8a96a3);border-bottom:2px solid var(--ink3,#8a96a3);border-radius:0 0 3px 0;opacity:.55}

/* Seite im Fenster (?fenster=1): ohne Menü, Kopf und Tabbar */
body.im-fenster .side,body.im-fenster .topbar,body.im-fenster .tabbar,body.im-fenster .nav-auf{display:none !important}
body.im-fenster{padding-bottom:0 !important}
body.im-fenster .mainwrap{margin:0 !important;width:100%}

/* Tickets: Department-Chips mit Farbpunkt und Anzahl aktiver Tickets (Entscheid Devis 15.10.2026) */
.dpc{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 16px}
.dpc-c{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;border-radius:12px;text-decoration:none;font-size:13px;font-weight:600;color:var(--ink);
  background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px rgba(15,42,45,.04);transition:all .15s}
.dpc-c i{width:9px;height:9px;border-radius:50%;background:var(--dc);flex:none}
.dpc-c b{min-width:20px;padding:1px 7px;border-radius:99px;font-size:11.5px;text-align:center;background:color-mix(in srgb,var(--dc) 13%,var(--surface));color:var(--dc)}
.dpc-c:hover{border-color:color-mix(in srgb,var(--dc) 45%,var(--line));transform:translateY(-1px);box-shadow:0 6px 14px -10px var(--dc)}
.dpc-c.on{background:var(--dc);border-color:var(--dc);color:#fff}.dpc-c.on i{background:#fff}.dpc-c.on b{background:rgba(255,255,255,.22);color:#fff}
.dpc-c.leer:not(.on){color:var(--ink3);background:var(--surface2)}.dpc-c.leer:not(.on) i{opacity:.45}

/* Seitenleiste: Gruppentitel linksbündig, je Gruppe eine Farbe (Punkt + Titel) – Entscheid Devis 15.10.2026 */
.side nav .nav-g{--gf:#64748b}
.side nav .nav-g[data-g=uebersicht]{--gf:#0e8f94}.side nav .nav-g[data-g=support]{--gf:#d97706}.side nav .nav-g[data-g=kommunikation]{--gf:#2563eb}
.side nav .nav-g[data-g=vertrieb]{--gf:#7c3aed}.side nav .nav-g[data-g=finanzen]{--gf:#059669}.side nav .nav-g[data-g=abo]{--gf:#0891b2}
.side nav .nav-g[data-g=controlling]{--gf:#db2777}
.side nav button.grp{justify-content:flex-start;gap:0;font-weight:800;font-size:10.5px;letter-spacing:.09em;color:var(--gf);padding:14px 10px 6px}
.side nav button.grp::before{content:"";width:8px;height:8px;border-radius:3px;background:var(--gf);margin-right:8px;flex:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--gf) 18%,transparent)}
.side nav button.grp .nav-chev{margin-left:auto;color:var(--ink3)}
.side nav button.grp:hover{background:color-mix(in srgb,var(--gf) 8%,transparent)}
.side nav .nav-g.zu > button.grp{opacity:.75}
.side nav .nav-g > button.grp .nav-griff{color:var(--gf)}
.side nav .nav-g-in > a.on{box-shadow:inset 3px 0 0 var(--gf)}

.cpf-inhalt.cpf-bild{display:flex;align-items:center;justify-content:center;background:#1f2933;overflow:auto}
.cpf-inhalt.cpf-bild img{max-width:100%;max-height:100%;object-fit:contain}
.cpf-inhalt.cpf-pdf{background:#525659}

/* Dateien: Ordnerbaum gleich gross wie die Liste, Breite per Maus (Entscheid Devis 15.10.2026) */
.fx-seite .dm-grp{margin:10px 8px 4px;font-size:11px}
.fx-tk{min-height:32px;font-size:13px;border-radius:8px;padding:0 6px 0 calc(4px + var(--t,0) * 14px);gap:2px}
.fx-tk>a{gap:8px;padding:5px 0}
.fx-seite .fx-ordner,.fx-seite .fx-ordner svg{width:20px;height:20px}
.fx-pf{width:16px;height:16px;font-size:13px}
.fx-tk-x{padding-left:10px;gap:9px}.fx-tk-x .ic,.fx-seite .fx-b-ic{width:16px;height:16px}
.fx-seite .fx-bdot{transform:none}
.fx-seite .dm-plus{font-size:12.5px;height:28px}
@media(min-width:1101px){.fx-body{grid-template-columns:var(--fxb,260px) minmax(0,1fr) 250px}.fx-ohne-info .fx-body{grid-template-columns:var(--fxb,260px) minmax(0,1fr)}}
.fx-griff{position:absolute;top:0;right:0;bottom:0;width:7px;cursor:col-resize;z-index:3}
.fx-griff::after{content:"";position:absolute;top:0;bottom:0;right:2px;width:2px;border-radius:2px;background:transparent;transition:background .15s}
.fx-griff:hover::after,.fx-zieht .fx-griff::after{background:var(--teal,#48c2c5)}
.fx-body.fx-zieht{user-select:none;cursor:col-resize}
@media(max-width:1100px){.fx-griff{display:none}}

/* Griff über die ganze Höhe auf der Trennlinie Baum | Liste */
.fx-body{position:relative}
.fx-body > .fx-griff{position:absolute;top:0;bottom:0;right:auto;left:calc(var(--fxb,260px) - 4px);width:8px;cursor:col-resize;z-index:5}
.fx-body > .fx-griff::after{right:3px}

/* Dateien: Freigabe im Kundenbereich (Hebel) */
.fx-web{font-size:11px;margin-left:4px}

/* Sitzung: Teilnehmende als gleichmässiges Raster mit Suche/Filter (Entscheid Devis 15.10.2026) */
.sz-tn-leiste{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}
.sz-tn-suche{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:10px;padding:4px 10px;background:var(--surface);min-width:240px}
.sz-tn-suche input{border:0;outline:0;background:none;font:inherit;font-size:13px;width:100%;padding:3px 0}.sz-tn-suche .ic{width:15px;height:15px;color:var(--ink3)}
.sz-tn-zahl{font-size:13px;color:var(--ink3)}.sz-z-ok{color:#15803d}.sz-z-ent{color:#b45309}
.sz-tn-seg{margin-left:auto}
.sz-tn{display:grid !important;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:8px}
.sz-person{position:relative;min-width:0;padding:8px 30px 8px 8px !important;min-height:48px;border-radius:12px}
.sz-person span:last-of-type{min-width:0}.sz-person b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px !important}
.sz-person:hover{border-color:var(--teal,#48c2c5);box-shadow:0 4px 12px -8px rgba(15,42,45,.4)}
.sz-person .tz-pers{flex:none}
.sz-haken{position:absolute;right:9px;top:50%;transform:translateY(-50%);width:16px;height:16px;border-radius:50%;border:1.5px solid var(--line)}
.sz-person.st-anwesend .sz-haken{background:#16a34a;border-color:#16a34a}
.sz-person.st-anwesend .sz-haken::after{content:"";position:absolute;left:4.5px;top:1.5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.sz-person.st-entschuldigt .sz-haken{background:#f59e0b;border-color:#f59e0b}
.sz-person.st-entschuldigt .sz-haken::after{content:"–";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-weight:800;font-size:12px;line-height:1}
.sz-person.st-weg{opacity:.7;background:var(--surface2)}
.sz-person[hidden]{display:none !important}

/* Lesbare Beschreibungen überall (Klartext → Absätze, Listen, fett, Beträge farbig) – Entscheid Devis 15.10.2026 */
.tf{white-space:normal !important;font-size:14px;line-height:1.6;color:var(--ink);word-break:break-word}
.tf .tf-liste{margin:4px 0 8px;padding-left:20px}.tf .tf-liste li{margin:5px 0;padding-left:2px}
.tf .tf-liste li::marker{color:var(--teal,#48c2c5)}
.tf b{font-weight:650;color:var(--ink)}
.tf-plus{color:#15803d;font-weight:600;white-space:nowrap}.tf-minus{color:#b91c1c;font-weight:600;white-space:nowrap}.tf-pfeil{color:var(--ink3);font-weight:700}
.af-details.tf{max-height:440px;overflow:auto;padding-right:6px}
.af-v-text.tf{font-size:13.5px}
.note-t.tf{font-size:13.5px}
/* Aufgabe: Beschreibung bekommt mehr Breite */
.af-raster{grid-template-columns:minmax(340px,1.15fr) minmax(0,1.5fr)}

/* Kontaktliste (Entscheid Devis 15.10.2026) */
.kt-liste th.kt-art,.kt-liste td.kt-art{width:92px}
.kt-liste .k-nr{width:64px;color:var(--ink3);font-variant-numeric:tabular-nums}
.kt-liste tr.kt-z{cursor:pointer;transition:background .12s}.kt-liste tr.kt-z:hover{background:color-mix(in srgb,var(--teal,#48c2c5) 6%,var(--surface))}
.kt-liste td{vertical-align:middle;padding-top:9px;padding-bottom:9px}
.kt-wer{display:flex;align-items:center;gap:11px;min-width:0}
.kt-av{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:12px;font-weight:800;color:#fff;letter-spacing:.02em;
  background:linear-gradient(135deg,var(--av,#0e8f94),color-mix(in srgb,var(--av,#0e8f94) 70%,#000))}
.kt-av.lead{background:linear-gradient(135deg,#f59e0b,#d97706)}
.kt-n{display:flex;flex-direction:column;min-width:0}.kt-n a{text-decoration:none;color:var(--ink)}.kt-n a:hover{color:var(--teal-d,#0e7c80)}
.kt-n b{font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kt-n small{font-size:12px;color:var(--ink3)}
.kt-quelle{display:inline-block;padding:0 7px;border-radius:99px;background:#fef3c7;color:#92400e;font-size:11px;font-weight:600}
.kt-ort{color:var(--ink2);white-space:nowrap}
.kt-mail a{color:var(--ink2);text-decoration:none}.kt-mail a:hover{color:var(--teal-d,#0e7c80);text-decoration:underline}
.kt-zahl{display:inline-grid;place-items:center;min-width:30px;height:24px;padding:0 8px;border-radius:99px;font-size:12.5px;font-weight:700;background:var(--surface2);color:var(--ink3)}
.kt-zahl.an{background:color-mix(in srgb,var(--teal,#48c2c5) 16%,var(--surface));color:var(--teal-d,#0e7c80)}

/* Menügruppen von Plugins (z. B. NinjaOne): Puzzle-Symbol statt Farbpunkt */
.side nav .nav-g[data-g=abo] > button.grp::before{content:"";width:13px;height:13px;border-radius:0;box-shadow:none;background:var(--gf);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3a2 2 0 0 1 4 0v2h4a1 1 0 0 1 1 1v4h-2a2 2 0 0 0 0 4h2v4a1 1 0 0 1-1 1h-4v-2a2 2 0 0 0-4 0v2H6a1 1 0 0 1-1-1v-4h2a2 2 0 0 0 0-4H5V6a1 1 0 0 1 1-1h4z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3a2 2 0 0 1 4 0v2h4a1 1 0 0 1 1 1v4h-2a2 2 0 0 0 0 4h2v4a1 1 0 0 1-1 1h-4v-2a2 2 0 0 0-4 0v2H6a1 1 0 0 1-1-1v-4h2a2 2 0 0 0 0-4H5V6a1 1 0 0 1 1-1h4z'/%3E%3C/svg%3E") center/contain no-repeat}
.side nav .nav-g[data-g=abo]{--gf:#7c3aed}

/* Angebote: padcom-Module abgesetzt als «Addon – padcom» */
.ang-addon{margin-top:12px;padding:12px 14px 14px;border:1px dashed color-mix(in srgb,#7c3aed 45%,var(--line));border-radius:16px;background:color-mix(in srgb,#7c3aed 4%,var(--surface))}
.addon-marke{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7c3aed}
.addon-marke::before{content:"";width:13px;height:13px;background:#7c3aed;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3a2 2 0 0 1 4 0v2h4a1 1 0 0 1 1 1v4h-2a2 2 0 0 0 0 4h2v4a1 1 0 0 1-1 1h-4v-2a2 2 0 0 0-4 0v2H6a1 1 0 0 1-1-1v-4h2a2 2 0 0 0 0-4H5V6a1 1 0 0 1 1-1h4z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3a2 2 0 0 1 4 0v2h4a1 1 0 0 1 1 1v4h-2a2 2 0 0 0 0 4h2v4a1 1 0 0 1-1 1h-4v-2a2 2 0 0 0-4 0v2H6a1 1 0 0 1-1-1v-4h2a2 2 0 0 0 0-4H5V6a1 1 0 0 1 1-1h4z'/%3E%3C/svg%3E") center/contain no-repeat}

.akte-tabs .tab-addon{color:#6d28d9}
.akte-tabs .tab-addon::before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px;background:#7c3aed;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3a2 2 0 0 1 4 0v2h4a1 1 0 0 1 1 1v4h-2a2 2 0 0 0 0 4h2v4a1 1 0 0 1-1 1h-4v-2a2 2 0 0 0-4 0v2H6a1 1 0 0 1-1-1v-4h2a2 2 0 0 0 0-4H5V6a1 1 0 0 1 1-1h4z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10 3a2 2 0 0 1 4 0v2h4a1 1 0 0 1 1 1v4h-2a2 2 0 0 0-4 0v2H6a1 1 0 0 1-1-1v-4h2a2 2 0 0 0 0-4H5V6a1 1 0 0 1 1-1h4z'/%3E%3C/svg%3E") center/contain no-repeat}
[data-panel="ist"] > .ang-addon{margin:0 0 14px}

/* Kundenordner: feste Ordner «Intern» / «Austausch mit Kunde» */
.fx-ordner.austausch svg{fill:#6ee7b7;stroke:#059669}
.fx-ordner.intern svg{fill:#cbd5e1;stroke:#64748b}
.fx-sicht{display:inline-flex;align-items:center;margin:0 8px 0 0;font-size:12.5px;font-weight:600;border-radius:99px;padding:4px 12px;border:1px solid}
.fx-sicht.kunde{color:#166534;background:#f0fdf4;border-color:#86efac}
.fx-sicht.intern{color:#475569;background:#f1f5f9;border-color:#cbd5e1}

/* ===== Addon Zeiterfassung ===== */
.zt-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin:0 0 14px}
.zt-kopf h1{margin:0 0 6px}.zt-kopf p{max-width:900px;margin:4px 0 0}
.zt-kopf-r{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.zt-woche{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.zt-woche b{font-size:15px}
.zt-wer,.zt-monat select{border:1px solid var(--line2);border-radius:9px;padding:6px 10px;background:var(--surface);font:inherit;color:var(--ink)}
.zt-status{display:inline-block;font-size:12px;font-weight:600;padding:4px 10px;border-radius:99px;background:var(--surface2);color:var(--ink2);white-space:nowrap}
.zt-status.abgeschlossen{background:#fef3c7;color:#92400e}.zt-status.freigegeben{background:#dcfce7;color:#166534}
.zt-summe{display:flex;gap:10px;flex-wrap:wrap;align-items:stretch;margin:0 0 14px}
.zt-summe>div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 14px;min-width:110px}
.zt-summe small{display:block;font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:.04em}
.zt-summe b{font-size:17px}.zt-summe em{display:block;font-style:normal;font-size:11.5px;color:var(--ink3)}
.zt-summe .zt-summe-akt{margin-left:auto;border:0;background:none;display:flex;align-items:center;padding:0}
.zt-summe-akt form{display:flex;gap:6px}
.zt-hinweis{display:flex;align-items:center;gap:10px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:12px;padding:9px 14px;margin:0 0 12px}
.zt-tage{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.zt-tag{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;min-height:90px;display:flex;flex-direction:column;gap:6px}
.zt-tag.heute{border-color:var(--teal);box-shadow:0 0 0 2px color-mix(in srgb,var(--teal) 25%,transparent)}
.zt-tag.we{background:var(--surface2)}
.zt-tag header{display:flex;align-items:center;gap:8px;padding:0 2px 4px;border-bottom:1px solid var(--line)}
.zt-tag header span{color:var(--ink3);font-size:12.5px}.zt-tag header em{margin-left:auto;font-style:normal;font-weight:600;font-size:13px}
.zt-plus{border:0;background:var(--teal-s);color:var(--teal-d);width:24px;height:24px;border-radius:7px;font-size:16px;line-height:1;cursor:pointer}
.zt-plus:hover{background:var(--teal-d);color:#fff}
.zt-e{display:grid;grid-template-columns:62px 1fr auto;gap:8px;text-align:left;border:1px solid var(--line);border-left:3px solid var(--teal);background:var(--surface);
  border-radius:10px;padding:7px 9px;font:inherit;color:var(--ink);cursor:pointer;width:100%}
.zt-e:hover{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 5%,var(--surface))}
.zt-e.intern{border-left-color:#94a3b8}.zt-e.abo,.zt-e.kulant{border-left-color:#22c55e}.zt-e.fahrt{border-left-color:#f59e0b}
.zt-e-z b{display:block;font-size:13px}.zt-e-z small{font-size:11px;color:var(--ink3)}
.zt-e-t{min-width:0;display:flex;flex-direction:column;gap:2px}
.zt-e-k{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12.5px}.zt-e-k>span{font-weight:600}
.zt-e-txt{font-size:12px;color:var(--ink2);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.zt-e-b{font-size:12px;color:var(--ink2);white-space:nowrap}
.zt-la,.zt-ab,.zt-ok{font-style:normal;font-size:11px;padding:1px 7px;border-radius:99px;background:var(--surface2);color:var(--ink2)}
.zt-ab{background:#dcfce7;color:#166534}.zt-ok{background:#e0f2fe;color:#075985}
.zt-leer{margin:auto;color:var(--ink3)}
.zt-erkl{margin-top:16px}.zt-erkl summary{cursor:pointer;font-weight:600}.zt-erkl ul{margin:10px 0 0;padding-left:18px;color:var(--ink2);font-size:13px;line-height:1.6}
/* Stoppuhr in der Kopfzeile */
.zt-pill-w{display:inline-flex;margin-right:6px}
.zt-pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #fecaca;background:#fef2f2;color:#991b1b;border-radius:99px;padding:4px 12px 4px 8px;font:inherit;font-size:12.5px;cursor:pointer}
.zt-pill i{width:9px;height:9px;border-radius:50%;background:#dc2626;animation:ztBlink 1.2s infinite}
.zt-pill .zt-zeit{font-weight:700;font-variant-numeric:tabular-nums}.zt-pill small{color:#b91c1c;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@keyframes ztBlink{50%{opacity:.25}}
/* Dialog */
.zt-dlg{border:0;border-radius:18px;padding:0;width:min(680px,94vw);max-height:92vh;box-shadow:0 30px 80px -20px rgba(0,0,0,.45);background:var(--surface);color:var(--ink)}
.zt-dlg::backdrop{background:rgba(15,23,42,.45);backdrop-filter:blur(2px)}
.zt-dk{padding:18px 22px 0}.zt-dk-t{display:flex;gap:12px;align-items:center}
.zt-dk-ic{width:40px;height:40px;border-radius:12px;background:var(--teal-s);color:var(--teal-d);display:grid;place-items:center;flex:none}
.zt-dk-ic svg{width:22px;height:22px}
.zt-dk h2{margin:0;font-size:18px}.zt-dk p{margin:2px 0 0;color:var(--ink3);font-size:13px}
.zt-x{margin-left:auto;border:0;background:none;font-size:18px;color:var(--ink3);cursor:pointer;width:32px;height:32px;border-radius:8px}.zt-x:hover{background:var(--surface2)}
.zt-reiter{display:flex;gap:4px;margin:14px 0 0;border-bottom:1px solid var(--line)}
.zt-reiter button{display:inline-flex;gap:6px;align-items:center;border:0;background:none;font:inherit;font-weight:600;color:var(--ink3);padding:8px 14px;border-bottom:2px solid transparent;cursor:pointer}
.zt-reiter button svg{width:16px;height:16px}.zt-reiter button.on{color:var(--teal-d);border-bottom-color:var(--teal-d)}
.zt-gesperrt{margin:12px 0 0;background:#fef3c7;color:#92400e;border-radius:10px;padding:8px 12px;font-size:13px}
.zt-form fieldset{border:0;margin:0;padding:0}
.zt-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px 14px;padding:16px 22px}
.zt-f{display:flex;flex-direction:column;gap:4px;font-size:12.5px;font-weight:600;color:var(--ink2)}
.zt-f small{font-weight:400;color:var(--ink3)}
.zt-f input,.zt-f select,.zt-f textarea{font:inherit;font-weight:400;font-size:14px;color:var(--ink);border:1px solid var(--line2);border-radius:9px;padding:8px 10px;background:var(--surface)}
.zt-f textarea{resize:vertical}
.zt-breit{grid-column:1/-1}
.zt-lab{font-size:12.5px;font-weight:600;color:var(--ink2)}
.zt-chips{display:flex;gap:6px;flex-wrap:wrap}
.zt-chips label{cursor:pointer}.zt-chips input{display:none}
.zt-chips span{display:inline-block;border:1px solid var(--line2);border-radius:99px;padding:5px 12px;font-weight:500;font-size:13px;color:var(--ink2)}
.zt-chips input:checked+span{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
.zt-check{display:flex;gap:8px;align-items:center;font-size:13px;font-weight:500;color:var(--ink)}.zt-check small{color:var(--ink3)}
.zt-checks{display:flex;flex-direction:column;gap:6px}
.zt-knoepfe{display:flex;gap:8px;align-items:center;padding:12px 22px 18px;border-top:1px solid var(--line);position:sticky;bottom:0;background:var(--surface)}
.zt-luecke{flex:1}
.zt-rot{color:#b3261e!important}
.zt-warn{color:#b45309;font-size:12px}
/* Listen */
.zt-tab td.r,.zt-tab th.r,.zt-mini .r{text-align:right;white-space:nowrap}
.zt-inline{display:inline-flex;gap:6px}
.zt-fussakt{display:flex;justify-content:flex-end;margin:12px 0 20px}
.zt-h2{font-size:16px;margin:22px 0 10px}
.zt-chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;padding:2px 8px;border-radius:99px;background:var(--surface2);color:var(--ink2);margin:2px}
.zt-chip button{border:0;background:none;cursor:pointer;color:var(--ink3);padding:0 0 0 2px}
.zt-hinweisbox{margin-top:12px}
.zt-neg{color:#b91c1c}
.zt-export{display:flex;gap:8px;margin:0 0 10px}
.zt-personen{display:grid;gap:12px}
.zt-person header{display:flex;align-items:center;gap:10px;margin:0 0 8px}.zt-person header small{display:block}
.zt-mini{width:100%;border-collapse:collapse;font-size:13px}.zt-mini th{font-size:11px;color:var(--ink3);text-align:left;font-weight:600;padding:4px 6px;border-bottom:1px solid var(--line)}
.zt-mini td{padding:5px 6px;border-bottom:1px solid var(--line)}.zt-mini tfoot td{border-bottom:0}
/* Stammdaten */
.zt-sd h2{margin:0 0 6px;font-size:16px}.zt-sd>p{margin:0 0 10px}
.zt-sd .zt-raster{padding:12px 0 0}
.zt-liste{display:flex;flex-direction:column;gap:6px}
.zt-zeile{border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.zt-zeile.aus{opacity:.6}
.zt-zeile summary{display:flex;gap:10px;align-items:center;padding:9px 12px;cursor:pointer;list-style:none;font-size:13.5px}
.zt-zeile summary::-webkit-details-marker{display:none}
.zt-zeile[open] summary{border-bottom:1px solid var(--line)}
.zt-zeile .zt-raster{padding:12px}
.zt-art{font-size:11px;font-weight:600;padding:2px 8px;border-radius:99px;background:var(--teal-s);color:var(--teal-d)}.zt-art.intern{background:var(--surface2);color:var(--ink2)}
.zt-neu{display:inline-flex;gap:6px;align-items:center;color:var(--teal-d);font-weight:600}.zt-neu svg{width:15px;height:15px}
.zt-la-ans{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-end}
.zt-la-ans small{width:100%}
.zt-la-ans label{display:flex;flex-direction:column;font-size:11.5px;color:var(--ink2);gap:3px}
.zt-la-ans input{width:110px;border:1px solid var(--line2);border-radius:8px;padding:6px 8px;font:inherit}
.zt-gs{border:1px dashed var(--line2);border-radius:12px;padding:10px 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}
.zt-gs legend{font-size:12px;color:var(--ink3);padding:0 6px}
.af-zeit{margin-left:6px}

/* Menügruppe Zeiterfassung: eigene Farbe (Orange) */
.side nav .nav-g[data-g=zeit]{--gf:#ea580c}
/* Zeiterfassung: Pikett, Aufschlag, Feiertag */
.zt-pik{font-size:12px;font-weight:600;color:#9a3412;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;padding:4px 8px}
.zt-ft{font-style:normal;font-size:10.5px;color:#b91c1c;background:#fef2f2;border-radius:99px;padding:1px 6px}
.zt-zs{font-style:normal;font-size:11px;padding:1px 7px;border-radius:99px;background:#ffedd5;color:#9a3412}
.zt-h3{margin:10px 0 0;font-size:13.5px;color:var(--ink2);border-top:1px solid var(--line);padding-top:12px}
.zt-innen{padding:10px 0 0!important}
.zt-kmz b{font-size:18px;padding-top:6px}
.zt-ohne-auto summary{cursor:pointer;font-size:12.5px;color:var(--ink3)}
.zt-zuschlag{background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;padding:8px 10px;align-items:flex-start}
.zt-pik-heute{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.zt-pik-form summary{cursor:pointer;font-weight:600;display:flex;gap:6px;align-items:center}.zt-pik-form summary svg{width:15px;height:15px}
.zt-pik-wrap{overflow-x:auto;padding:0}
.zt-pik-tab{border-collapse:collapse;font-size:12px;width:100%}
.zt-pik-tab th,.zt-pik-tab td{border-bottom:1px solid var(--line);border-right:1px solid var(--line);text-align:center;padding:0;min-width:26px;height:32px}
.zt-pik-tab th{font-weight:600;color:var(--ink2);padding:4px 2px;line-height:1.1}.zt-pik-tab th small{display:block;font-weight:400;color:var(--ink3);font-size:10px}
.zt-pik-tab th i{display:block;color:#dc2626;font-size:8px;font-style:normal}
.zt-pik-tab .frei{background:var(--surface2)}.zt-pik-tab th.heute{background:var(--teal-s);color:var(--teal-d)}
.zt-pik-tab td.an{background:#ffedd5}
.zt-pik-tab .zt-pik-name{text-align:left;padding:0 10px;min-width:150px;position:sticky;left:0;background:var(--surface);z-index:1;white-space:nowrap}
.zt-pik-tab .r{text-align:right;padding:0 8px;white-space:nowrap}
.zt-pik-tab form{margin:0;height:100%}.zt-pik-tab td button{width:100%;height:32px;border:0;background:none;cursor:pointer;font-size:14px}
.zt-pik-tab td button:hover{background:color-mix(in srgb,#f97316 18%,transparent)}
.zt-pw small{display:block;color:var(--ink3);font-size:11px;margin:4px 0 2px}.zt-pw ul{list-style:none;margin:0 0 8px;padding:0}
.zt-pw li{display:flex;gap:8px;align-items:baseline;font-size:13px;padding:2px 0}.zt-pw li span{color:var(--ink3)}.zt-pw li a{margin-left:auto}

/* Stoppuhr in der Kopfzeile (gross) */
.zt-pill-w{display:inline-flex;margin-right:10px}
.zt-uhr{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;border-radius:14px;padding:6px 6px 6px 12px;
  box-shadow:0 6px 18px -6px rgba(220,38,38,.6)}
.zt-uhr.gestoppt{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 6px 18px -6px rgba(217,119,6,.6)}
.zt-uhr-punkt{width:10px;height:10px;border-radius:50%;background:#fff;animation:ztBlink 1.2s infinite}
.zt-uhr-ic{font-size:15px}
.zt-uhr-t{display:flex;flex-direction:column;line-height:1.1}
.zt-uhr-t b{font-size:18px;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.zt-uhr-t small{font-size:11px;opacity:.85;max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zt-uhr-b{border:0;background:#fff;color:#b91c1c;font:inherit;font-weight:700;font-size:13px;border-radius:10px;padding:7px 12px;cursor:pointer}
.zt-uhr.gestoppt .zt-uhr-b{color:#b45309}
.zt-uhr-b:hover{filter:brightness(.95)}
.zt-uhr-x{border:0;background:rgba(255,255,255,.18);color:#fff;width:30px;height:30px;border-radius:9px;cursor:pointer}
.zt-uhr-x:hover{background:rgba(255,255,255,.3)}
@media(max-width:700px){.zt-uhr-t small{display:none}.zt-uhr-t b{font-size:15px}}
/* Zeit-Karte im Ticket */
#ztKarte:empty{display:none}
.ztk{border:1px solid var(--line);border-left:4px solid var(--teal);background:var(--surface);border-radius:14px;padding:14px 16px;margin:0 0 14px;display:flex;flex-direction:column;gap:10px}
.ztk.warn{border-left-color:#f59e0b}.ztk.ueber{border-left-color:#dc2626}
.ztk-haupt{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ztk-zahl small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
.ztk-zahl b{font-size:28px;line-height:1.1;font-variant-numeric:tabular-nums}
.ztk-zahl span{display:block;font-size:12px;color:var(--ink2)}
.ztk-balken{flex:1;min-width:200px}
.ztk-bar{height:10px;border-radius:99px;background:var(--surface2);overflow:hidden}
.ztk-bar i{display:block;height:100%;border-radius:99px;background:var(--teal)}
.ztk.warn .ztk-bar i{background:#f59e0b}.ztk.ueber .ztk-bar i{background:#dc2626}
.ztk-balken small{font-size:11.5px;color:var(--ink3)}
.ztk-knoepfe{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap}
.ztk-start{background:#16a34a;box-shadow:0 6px 16px -8px #16a34a;font-weight:700}
.ztk-stopp{background:#dc2626;box-shadow:0 6px 16px -8px #dc2626;font-weight:700}.ztk-stopp b{font-variant-numeric:tabular-nums;margin-left:4px}
.ztk-regel{font-size:13px;background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:10px;padding:8px 12px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.ztk-regel.rot{background:#fef2f2;border-color:#fecaca;color:#991b1b}.ztk-regel.ok{background:#f0fdf4;border-color:#bbf7d0;color:#166534}
.ztk-inline{display:inline-flex;gap:6px;align-items:center;margin:0}
.ztk-inline input{border:1px solid var(--line2);border-radius:8px;padding:5px 8px;font:inherit;font-size:13px}
.ztk-fuss{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;color:var(--ink2)}
.ztk-vkb{background:#7c3aed;box-shadow:none}.ztk-vk{color:#6d28d9}
.ztk-liste summary{cursor:pointer;font-size:12.5px;color:var(--ink3)}
.ztk-e{display:flex;gap:10px;align-items:center;width:100%;border:0;border-top:1px solid var(--line);background:none;padding:6px 2px;font:inherit;font-size:12.5px;color:var(--ink);text-align:left;cursor:pointer}
.ztk-e:hover{background:var(--surface2)}.ztk-e em{font-style:normal;color:var(--ink3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}
/* Erfassungsdialog (neu gegliedert) */
.zt-dlg{width:min(720px,95vw)}
.zt-form fieldset{padding:4px 22px 0}
.zt-sek{padding:14px 0;border-bottom:1px solid var(--line)}.zt-sek:last-child{border-bottom:0}
.zt-sek h3{margin:0 0 10px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink3)}
.zt-zeile{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end}
.zt-zeile.mit-person{grid-template-columns:1.3fr 1fr .8fr .8fr}
.zt-zeile.drei{grid-template-columns:1fr 1fr 1.3fr}.zt-zeile.drei.mit-person{grid-template-columns:1.2fr 1fr 1.4fr}
.zt-zeile.zwei{grid-template-columns:1fr 1fr}
.zt-dauer input{font-weight:700;font-size:16px}
.zt-unter{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:8px;font-size:12px;color:var(--ink3);flex-wrap:wrap}
.zt-schnell{display:flex;gap:4px;flex-wrap:wrap}
.zt-schnell button{border:1px solid var(--line2);background:var(--surface);border-radius:8px;padding:3px 9px;font:inherit;font-size:12px;color:var(--ink2);cursor:pointer}
.zt-schnell button:hover{background:var(--teal-s);color:var(--teal-d);border-color:var(--teal)}
.zt-kachel-titel{font-size:12px;color:var(--ink2);font-weight:600;margin:8px 0 6px}
.zt-kacheln{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.zt-kachel{cursor:pointer}.zt-kachel input{position:absolute;opacity:0;pointer-events:none}
.zt-kachel span{display:flex;flex-direction:column;gap:2px;border:1.5px solid var(--line2);border-radius:12px;padding:9px 12px;background:var(--surface);transition:all .12s}
.zt-kachel span b{font-size:13.5px}.zt-kachel span small{font-size:11.5px;color:var(--ink3)}
.zt-kachel:hover span{border-color:var(--teal)}
.zt-kachel input:checked+span{border-color:var(--teal-d);background:color-mix(in srgb,var(--teal) 10%,var(--surface));box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 20%,transparent)}
.zt-kachel.intern input:checked+span{border-color:#475569;background:#f1f5f9;box-shadow:0 0 0 3px #e2e8f0}
.zt-kachel input:focus-visible+span{outline:2px solid var(--teal-d)}
.zt-seg{display:inline-flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:var(--surface)}
.zt-seg label{cursor:pointer}.zt-seg input{position:absolute;opacity:0;pointer-events:none}
.zt-seg span{display:block;padding:8px 13px;font-size:13px;font-weight:500;color:var(--ink2);border-left:1px solid var(--line2)}
.zt-seg label:first-child span{border-left:0}
.zt-seg input:checked+span{background:var(--teal-d);color:#fff}
.zt-seg.gross span{padding:10px 18px;font-size:14px}
.zt-hilfe{margin:8px 0 0;font-size:12.5px;color:var(--ink3)}.zt-hilfe:empty{display:none}
.zt-mt{margin-top:10px}
.zt-ta,.zt-ta1{width:100%;box-sizing:border-box;font:inherit;font-size:14px;border:1px solid var(--line2);border-radius:10px;padding:9px 11px;background:var(--surface);color:var(--ink)}
.zt-ta1{margin-top:10px}
.zt-sw{display:flex;gap:10px;align-items:center;margin-top:10px;cursor:pointer;font-size:13px}
.zt-sw input{position:absolute;opacity:0;pointer-events:none}
.zt-sw i{flex:none;width:36px;height:20px;border-radius:99px;background:#cbd5e1;position:relative;transition:background .15s}
.zt-sw i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px rgba(0,0,0,.25)}
.zt-sw input:checked+i{background:#ea580c}.zt-sw input:checked+i::after{left:18px}
.zt-sw small{color:var(--ink3)}
.zt-grenze{margin-top:10px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;background:var(--surface2);border-radius:10px;padding:8px 12px}
.zt-grenze.ueber{background:#fef2f2;color:#991b1b}
.zt-mehr{margin-top:10px}.zt-mehr summary{cursor:pointer;font-size:12.5px;color:var(--ink3)}.zt-mehr .zt-zeile{margin-top:8px}
.zt-km{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap}
.zt-km .zt-f{width:150px}.zt-pfeil{padding-bottom:9px;color:var(--ink3);font-size:18px}
.zt-km-total{margin-left:auto;text-align:right}.zt-km-total small{display:block;font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em}
.zt-km-total b{font-size:24px;color:var(--teal-d)}
.zt-inl{font-weight:400;color:var(--ink3)}
.zt-f .zt-schnell{margin-top:6px}
@media(max-width:640px){.zt-zeile,.zt-zeile.mit-person,.zt-zeile.drei,.zt-zeile.drei.mit-person,.zt-zeile.zwei{grid-template-columns:1fr 1fr}}
/* Team-Plan: Abwesenheiten */
.zt-tp-kopf{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;align-items:start}
.zt-tp-kopf .card{margin:0 0 12px}
@media(max-width:900px){.zt-tp-kopf{grid-template-columns:1fr}}
.zt-pik-tab td.abw{background:#e0f2fe}.zt-pik-tab td.abw-ferien{background:#dbeafe}.zt-pik-tab td.abw-krank,.zt-pik-tab td.abw-unfall{background:#fee2e2}
.zt-pik-tab td.abw-militaer{background:#ecfccb}.zt-pik-tab td.abw-weiterbildung{background:#f3e8ff}.zt-pik-tab td.abw-kompensation{background:#fef9c3}
.zt-pik-tab td.abw.beantragt{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,.75) 0 4px,transparent 4px 8px)}
.zt-pik-tab td.konflikt{outline:2px solid #dc2626;outline-offset:-2px}
.zt-pik-tab th.luecke{color:#dc2626;box-shadow:inset 0 -3px 0 #fca5a5}
.zt-pik-tab td span{display:block;line-height:32px}
.zt-legende{display:flex;gap:14px;flex-wrap:wrap;font-size:12px;color:var(--ink2);padding:10px 12px;border-top:1px solid var(--line)}
.zt-leg-bea{background-image:repeating-linear-gradient(45deg,#dbeafe 0 4px,#fff 4px 8px);padding:0 6px;border-radius:4px}
.zt-leg-luecke{color:#dc2626}
.zt-antraege h2,.zt-tp-unten h2{font-size:15px;margin:0 0 10px;display:flex;gap:8px;align-items:center}
.zt-antrag{display:flex;gap:12px;align-items:center;padding:10px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.zt-antrag>div{flex:1;min-width:240px;font-size:13.5px}.zt-ab-ic{font-size:22px}
.zt-antrag input{border:1px solid var(--line2);border-radius:8px;padding:5px 8px;font:inherit;font-size:13px}
.zt-tp-unten{display:grid;grid-template-columns:1.2fr 1fr;gap:12px;margin-top:12px}
@media(max-width:900px){.zt-tp-unten{grid-template-columns:1fr}}
.zt-abw-z{display:flex;gap:10px;align-items:center;font-size:13px;padding:6px 0;border-top:1px solid var(--line);flex-wrap:wrap}
.zt-abw-z.beantragt{opacity:.75}.zt-abw-z form{margin-left:auto}
/* Zeit-Karte im Ticket: eingefärbt */
.ztk{background:linear-gradient(120deg,color-mix(in srgb,var(--teal) 14%,var(--surface)),color-mix(in srgb,var(--teal) 4%,var(--surface)));
  border-color:color-mix(in srgb,var(--teal) 40%,var(--line));border-left-width:6px}
.ztk.warn{background:linear-gradient(120deg,#fff3e0,#fffaf2);border-color:#fdba74;border-left-color:#f59e0b}
.ztk.ueber{background:linear-gradient(120deg,#fee2e2,#fff5f5);border-color:#fca5a5;border-left-color:#dc2626}
.ztk-zahl small{color:var(--teal-d);font-weight:700}
.ztk-zahl b{color:var(--teal-d);font-size:32px}
.ztk.warn .ztk-zahl b,.ztk.warn .ztk-zahl small{color:#c2410c}.ztk.ueber .ztk-zahl b,.ztk.ueber .ztk-zahl small{color:#b91c1c}
.ztk-bar{height:12px;background:rgba(255,255,255,.85);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--teal) 30%,transparent)}
.ztk-bar i{min-width:4px;background:linear-gradient(90deg,var(--teal),var(--teal-d))}
.ztk.warn .ztk-bar i{background:linear-gradient(90deg,#fbbf24,#f59e0b)}.ztk.ueber .ztk-bar i{background:linear-gradient(90deg,#f87171,#dc2626)}
.ztk-balken small{color:var(--ink2);font-weight:500}
.ztk-knoepfe .btn.ghost{background:var(--surface);border:1.5px solid var(--teal-d);color:var(--teal-d);font-weight:700}
.ztk-knoepfe .btn.ghost:hover{background:var(--teal-d);color:#fff}
.ztk-fuss label{display:inline-flex!important;flex-direction:row!important;align-items:center;gap:8px;margin:0;font-size:13px;color:var(--ink2);font-weight:600}
.ztk-fuss input{width:90px;background:rgba(255,255,255,.9)}
/* Leistungsart-Kacheln: kompakt und farbig */
.zt-kacheln{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:6px}
.zt-kachel span{padding:6px 10px;border-radius:10px;border-width:1px;min-height:0;gap:0}
.zt-kachel span b{font-size:12.5px;font-weight:600;line-height:1.25}
.zt-kachel span small{font-size:11px}
.zt-kachel.extern span{background:color-mix(in srgb,var(--teal) 9%,var(--surface));border-color:color-mix(in srgb,var(--teal) 30%,transparent)}
.zt-kachel.extern span small{color:var(--teal-d)}
.zt-kachel.intern span{background:#eef2f7;border-color:#d5dde8}
.zt-kachel.intern span small{color:#64748b}
.zt-kachel.extern:hover span{background:color-mix(in srgb,var(--teal) 18%,var(--surface))}
.zt-kachel.intern:hover span{background:#e2e8f0}
.zt-kachel.extern input:checked+span{background:var(--teal-d);border-color:var(--teal-d);box-shadow:0 4px 12px -6px var(--teal-d)}
.zt-kachel.intern input:checked+span{background:#475569;border-color:#475569;box-shadow:0 4px 12px -6px #475569}
.zt-kachel input:checked+span b,.zt-kachel input:checked+span small{color:#fff}
.zt-kachel-titel{margin:6px 0 4px;font-size:11.5px}

.zt-emp-ic{font-size:20px}
.zt-person.gutschrift{border-left:4px solid #7c3aed}.zt-person.lohn{border-left:4px solid var(--teal)}

/* Erfassungsdialog: Grenze pro Ticket */
.zt-grenze{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:12px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:10px 14px}
.zt-grenze[hidden]{display:none}
.zt-grenze-t{display:flex;flex-direction:column;gap:2px;color:#991b1b;font-size:13px}.zt-grenze-t small{color:#b91c1c;font-size:12px}
.zt-grenze .zt-sw{margin:0;flex:none}.zt-grenze .zt-sw input:checked+i{background:#16a34a}
.zt-grenze-ok{margin:10px 0 0;font-size:12.5px;color:#166534;background:#f0fdf4;border-radius:10px;padding:7px 12px}
.zt-sek .fmt-leiste{margin-bottom:4px}

/* Ticket: Antwortbereich aufgeräumt */
.tw-setz{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:10px 0;padding:10px 12px;background:var(--surface2);border:1px solid var(--line);border-radius:12px}
.tw-feld{display:flex;flex-direction:column;gap:3px;min-width:0}
.tw-feld>span{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
.tw-feld select{width:100%;font:inherit;font-size:13px;padding:7px 10px;border:1px solid var(--line2);border-radius:9px;background:var(--surface);color:var(--ink)}
.tw-feld-st select{border-color:color-mix(in srgb,var(--teal) 45%,var(--line2));background:color-mix(in srgb,var(--teal) 6%,var(--surface));font-weight:600;color:var(--teal-d)}
.tw-knoepfe{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tw-werkzeuge{display:flex;gap:4px;flex-wrap:wrap;align-items:center;padding:4px;background:var(--surface2);border:1px solid var(--line);border-radius:12px}
.tw-werkzeuge .btn,.tw-werkzeuge .tw-vorl{background:transparent;border:0;box-shadow:none;color:var(--ink2);font-weight:500;font-size:12.5px;padding:6px 10px;border-radius:8px}
.tw-werkzeuge .btn:hover,.tw-werkzeuge .tw-vorl:hover{background:var(--surface);color:var(--teal-d)}
.tw-werkzeuge .tw-task{background:var(--surface);color:#0369a1;border:1px solid #bae6fd}
.tw-werkzeuge .tw-vorl{max-width:190px;cursor:pointer}
.tw-rechts{margin-left:auto;display:flex;gap:12px;align-items:center}
.tw-rechts .chk{color:var(--ink2)}
#twSenden{padding:9px 20px;font-size:14px;font-weight:700}
.tw-hinweis{margin:10px 0 0;font-size:12.5px;color:var(--ink2);display:flex;gap:6px;align-items:center}
.tw-hinweis::before{content:"✉";color:var(--teal-d)}
@media(max-width:900px){.tw-setz{grid-template-columns:1fr 1fr}.tw-rechts{margin-left:0;width:100%;justify-content:space-between}}

/* Ticket: KI-Lösungsvorschlag */
.tw-werkzeuge .tw-loesung{color:#a16207;background:#fefce8;border:1px solid #fde68a}
.tw-ki-box{background:linear-gradient(120deg,#fffbeb,#fff);border:1px solid #fde68a;border-left:4px solid #f59e0b;border-radius:12px;padding:12px 16px;margin:0 0 10px;font-size:13.5px}
.tw-ki-box.unsicher{border-left-color:#94a3b8;background:var(--surface2)}
.tw-ki-kopf{display:flex;gap:10px;align-items:baseline;margin:0 0 8px}.tw-ki-kopf small{color:var(--ink3)}.tw-ki-kopf .linkbtn{margin-left:auto}
.tw-ki-box p{margin:6px 0}.tw-ki-schritte{margin:4px 0 8px;padding-left:20px}.tw-ki-schritte li{margin:3px 0}
.tw-ki-warn{color:#92400e;font-weight:600}
.tw-ki-quellen{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.tw-q{font-size:12px;padding:3px 9px;border-radius:99px;text-decoration:none;border:1px solid var(--line2);background:var(--surface);color:var(--ink2)}
.tw-q.kb{border-color:#c4b5fd;color:#6d28d9}.tw-q.tk{border-color:#bae6fd;color:#0369a1}
.tw-ki-akt{display:flex;gap:10px;align-items:center;margin-top:8px}
.zt-dlg{overflow-x:hidden}.zt-dlg .zt-form,.zt-dlg .zt-zeile>*{min-width:0}

/* Kacheln gleich gross, Zeilen ohne fremde Rahmen */
.zt-kacheln{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.zt-kachel{display:flex;min-width:0}
.zt-kachel span{flex:1;min-width:0;height:48px;box-sizing:border-box;justify-content:center}
.zt-kachel span b,.zt-kachel span small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media(max-width:640px){.zt-kacheln{grid-template-columns:repeat(2,minmax(0,1fr))}}
.zt-zeile{border:0!important;padding:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}
.zt-zeile>.zt-f,.zt-zeile>div.zt-f{margin:0}
#ztDlgIn{overflow-x:hidden;max-width:100%}.zt-dlg *{box-sizing:border-box}
.zt-seg label[hidden]{display:none}

/* Ticket: KI-Leiste (violett wie die übrigen KI-Bereiche) */
.tw-kibar{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 8px;padding:8px 10px;border-radius:12px;
  background:linear-gradient(90deg,rgba(124,58,237,.12),rgba(124,58,237,.03));border:1px solid rgba(124,58,237,.28)}
.tw-kibar-t{font-weight:700;color:#6d28d9;font-size:13px;margin-right:6px}
.tw-kib{border:1px solid #ddd0fb;background:#fff;color:#6d28d9;font:inherit;font-size:13px;font-weight:600;border-radius:9px;padding:6px 12px;cursor:pointer}
.tw-kib:hover{background:#f5f0ff;border-color:#c4b5fd}
.tw-kib.haupt{background:#7c3aed;border-color:#7c3aed;color:#fff;box-shadow:0 6px 14px -8px #7c3aed}.tw-kib.haupt:hover{background:#6d28d9}
.tw-kibar-l{color:#6d28d9;font-size:12.5px}
.tw-ki-box{background:linear-gradient(120deg,#f5f0ff,#fff);border:1px solid #ddd0fb;border-left:4px solid #7c3aed}
.tw-ki-box.unsicher{border-left-color:#a78bfa;background:#faf7ff}
.tw-ki-kopf b{color:#6d28d9}.tw-ki-warn{color:#6d28d9}
.tw-ki-akt .btn{background:#7c3aed;box-shadow:none}

/* Fahrt: Beifahrer als Dropdown + Chips */
.zt-zeile.oben{align-items:start}
.zt-bf{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.zt-bf:empty{display:none}
.zt-bf-c{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--teal) 12%,var(--surface));color:var(--teal-d);
  border:1px solid color-mix(in srgb,var(--teal) 35%,transparent);border-radius:99px;padding:3px 4px 3px 11px;font-size:12.5px;font-weight:600}
.zt-bf-c button{border:0;background:rgba(255,255,255,.7);color:var(--teal-d);width:20px;height:20px;border-radius:50%;cursor:pointer;font-size:11px;line-height:1}
.zt-bf-c button:hover{background:#fee2e2;color:#b91c1c}
/* Umschalter (Abrechnung): Knöpfe füllen die ganze Breite */
.zt-f>.zt-seg,.zt-sek>.zt-seg{display:flex;width:100%}
.zt-seg label{flex:1;display:flex}
.zt-seg span{flex:1;text-align:center;padding:10px 12px}
.zt-seg label:not([hidden])~label:not([hidden]) span{border-left:1px solid var(--line2)}
.zt-seg label:first-child span{border-left:0}

/* Ticketliste neu (wie Kontakte/Rechnungen) */
.tl-block{margin:0 0 22px}.tl-block h2{font-size:16px;margin:0 0 2px;display:flex;gap:6px;align-items:center}
.tl-mit{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin:6px 0 8px;padding:4px 6px;border-radius:12px;background:var(--surface2);border:1px solid var(--line);width:max-content;max-width:100%}
.tl-mit.an{background:color-mix(in srgb,var(--teal) 10%,var(--surface));border-color:color-mix(in srgb,var(--teal) 35%,var(--line))}
.tl-mit-n{font-size:12px;color:var(--ink3);padding:0 8px;font-weight:600}.tl-mit.an .tl-mit-n{color:var(--teal-d)}
.tl-mit-trenn{width:1px;height:18px;background:var(--line2);margin:0 4px}
.tl-mb{border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink2);padding:6px 10px;border-radius:8px;cursor:pointer}
.tl-mb:not(:disabled):hover{background:var(--surface);color:var(--teal-d)}
.tl-mb:disabled{opacity:.4;cursor:default}
.tl-mb.rot{color:#b91c1c}.tl-mb.rot:not(:disabled):hover{background:#fee2e2;color:#991b1b}
.tl2-w{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}
.tl2{width:100%;border-collapse:collapse}
.tl2 thead th{background:color-mix(in srgb,var(--teal) 6%,var(--surface2));color:var(--ink3);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;
  text-align:left;padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap}
.tl2 th.r,.tl2 td.r{text-align:right}
.tl2 td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:middle;font-size:13px}
.tl2 tbody tr:first-child td{border-top:0}
.tl2 tbody tr{box-shadow:inset 4px 0 0 transparent;transition:background .1s}
.tl2 tbody tr.tl2-p-hoch{box-shadow:inset 4px 0 0 #dc2626}.tl2 tbody tr.tl2-p-mittel{box-shadow:inset 4px 0 0 #fbbf24}.tl2 tbody tr.tl2-p-tief{box-shadow:inset 4px 0 0 #86efac}
.tl2 tbody tr:hover{background:color-mix(in srgb,var(--teal) 4%,var(--surface))}
.tl2 tbody tr.tl-sel{background:color-mix(in srgb,var(--teal) 9%,var(--surface))}
.tl2 tbody tr.tl-pin{background:#fffbeb}
.tl2-st{white-space:nowrap;width:1%}.tl2-pin{margin-left:6px}
.tl2-tz{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap}
.tl2-nr{font-size:11.5px;font-weight:600;color:var(--ink3);background:var(--surface2);border-radius:6px;padding:1px 6px;font-variant-numeric:tabular-nums;white-space:nowrap}
.tl2-t a{color:var(--ink);text-decoration:none;font-weight:600}.tl2-t a:hover{color:var(--teal-d);text-decoration:underline}
.tl2 tr.tl-wartet .tl2-t a{font-weight:800}
.tl2-prio{font-size:10.5px;font-weight:700;color:#b91c1c;background:#fee2e2;border-radius:99px;padding:1px 7px;text-transform:uppercase;letter-spacing:.04em}
.tl2 .tl-ki{max-width:560px;margin-top:3px}
.tl2-wer{display:flex;gap:10px;align-items:center}.tl2-wer>div{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.tl2-name{font-weight:600;white-space:nowrap}.tl2-wer a,.tl2-wer small{font-size:12px;color:var(--teal-d);text-decoration:none}
.tl2-dep{display:flex;flex-direction:column;gap:3px;align-items:flex-start}
.tl2-dc{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--dc);background:color-mix(in srgb,var(--dc) 10%,var(--surface));
  border:1px solid color-mix(in srgb,var(--dc) 25%,transparent);border-radius:99px;padding:2px 9px;white-space:nowrap}
.tl2-dc i{width:7px;height:7px;border-radius:50%;background:var(--dc)}
.tl2-dep small{font-size:11.5px;color:var(--ink2);white-space:nowrap}.tl2-dep small.tl2-frei{color:var(--ink3);font-style:italic}
.tl2-zeit{white-space:nowrap;width:1%}.tl2-zeit b{display:block;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}
.tl2-zeit small{font-size:11px;color:#c2410c}.tl2-zeit.alt b{color:#b91c1c}
@media(max-width:900px){.tl2 thead{display:none}.tl2 tr{display:grid;grid-template-columns:28px 1fr;gap:4px 8px;padding:8px}.tl2 td{border:0;padding:2px 0}
  .tl2 td.tl-cb{grid-row:span 5}.tl2 td.r{text-align:left}}

/* Ticketliste: gleiche Spalten in allen Tabellen */
.tl2{table-layout:fixed}
.tl2 td{overflow:hidden}
.tl2-tz a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.tl2 .tl-ki{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tl2-name{overflow:hidden;text-overflow:ellipsis;display:block}
.tl2-wer a,.tl2-wer small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.tl2-dc{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.tl2-st,.tl2-zeit{width:auto}
@media(max-width:900px){.tl2{table-layout:auto}.tl2 colgroup{display:none}}

/* Mein Konto: Ticket-Benachrichtigungen */
.ko-tk{display:flex;flex-direction:column;gap:14px;margin-top:10px}
.ko-tk-z{display:flex;flex-direction:column;gap:6px}.ko-tk-z>small{color:var(--ink3);font-size:12px;margin-top:-4px}
.ko-tk .seg{display:inline-flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden;width:max-content;max-width:100%;flex-wrap:wrap}
.ko-tk .seg label{cursor:pointer}.ko-tk .seg input{position:absolute;opacity:0;pointer-events:none}
.ko-tk .seg span{display:block;padding:7px 12px;font-size:12.5px;color:var(--ink2);border-left:1px solid var(--line2)}
.ko-tk .seg label:first-child span{border-left:0}.ko-tk .seg input:checked+span{background:var(--teal-d);color:#fff}

/* Mein Konto: Register statt langer Seite */
.ko-teil[hidden]{display:none}
.ko-nav a.on{background:color-mix(in srgb,var(--teal) 12%,var(--surface));color:var(--teal-d);font-weight:700}
.ko-teil>h2{margin-top:0}

/* Ticket: Status oben als farbige Pille */
.tw-statuswahl{display:inline-flex;gap:8px;align-items:center}
.tw-stw{appearance:none;-webkit-appearance:none;font:inherit;font-size:14px;font-weight:700;border-radius:99px;padding:7px 34px 7px 16px;cursor:pointer;
  border:2px solid var(--stc);color:var(--stc);background:color-mix(in srgb,var(--stc) 12%,var(--surface)) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23667' stroke-width='2.5'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center/14px;
  box-shadow:0 4px 12px -8px var(--stc)}
.tw-stw option{color:var(--ink);background:var(--surface);font-weight:500}
.tw-stw-offen{--stc:#16a34a}.tw-stw-kunde{--stc:#ea580c}.tw-stw-bearbeitung{--stc:#dc2626}.tw-stw-beantwortet{--stc:#2563eb}
.tw-stw-wartend{--stc:#7c3aed}.tw-stw-geschlossen{--stc:#64748b}
.tw-schliessen{font-weight:700}

/* Benutzer unten links: klar als Link zu «Mein Konto» */
.me-link{position:relative;border-radius:12px;transition:background .12s,box-shadow .12s}
.me-link:hover,.me-link.on{background:color-mix(in srgb,var(--teal) 12%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--teal) 30%,transparent)}
.me-hin{display:inline-block;margin-top:3px;font-size:11.5px;font-weight:700;color:var(--teal-d);background:color-mix(in srgb,var(--teal) 12%,var(--surface));
  border-radius:99px;padding:2px 9px;white-space:nowrap}
.me-link:hover .me-hin{background:var(--teal-d);color:#fff}
.me-link .who{display:flex;flex-direction:column}
.me-hin{align-self:flex-start}

/* Stundenzettel als Tagesliste */
.szt-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin:0 0 12px}
.szt-titel h1{margin:0 0 6px}.szt-akt{display:flex;gap:8px}
.szt-leiste{display:flex;gap:8px;flex-wrap:wrap;align-items:stretch;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:10px;margin:0 0 14px}
.szt-k{padding:4px 14px;border-right:1px solid var(--line);min-width:96px}
.szt-k small{display:block;font-size:10.5px;font-weight:700;color:var(--ink3);text-transform:uppercase;letter-spacing:.05em}
.szt-k b{font-size:18px;font-variant-numeric:tabular-nums}.szt-k em{font-style:normal;font-size:11.5px;color:var(--ink3);margin-left:6px}
.szt-k.haupt b{color:var(--teal-d)}.szt-k.geld b{color:#15803d}
.szt-woche{margin-left:auto;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.szt-woche form{display:flex;gap:6px}
.szt-tage{display:flex;flex-direction:column;gap:8px}
.szt-tag{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden}
.szt-tag.heute{border-color:var(--teal);box-shadow:0 0 0 2px color-mix(in srgb,var(--teal) 20%,transparent)}
.szt-tag.we{background:var(--surface2)}
.szt-tag header{display:flex;align-items:center;gap:10px;padding:9px 14px;background:color-mix(in srgb,var(--teal) 5%,var(--surface2))}
.szt-tag.leer header{background:transparent;padding:7px 14px}
.szt-datum{font-size:14px}.szt-datum b{display:inline-block;min-width:24px}
.szt-heute{font-size:11px;font-weight:700;color:#fff;background:var(--teal-d);border-radius:99px;padding:1px 8px}
.szt-nichts{font-size:12.5px;color:var(--ink3)}
.szt-luecke{flex:1}.szt-total{font-size:15px;color:var(--teal-d);font-variant-numeric:tabular-nums}
.szt-z{display:grid;grid-template-columns:52px 70px 150px minmax(160px,1.1fr) minmax(200px,2fr) 110px;gap:12px;align-items:center;width:100%;
  border:0;border-top:1px solid var(--line);background:var(--surface);padding:9px 14px;font:inherit;font-size:13px;color:var(--ink);text-align:left;cursor:pointer;
  box-shadow:inset 4px 0 0 var(--teal)}
.szt-z:hover{background:color-mix(in srgb,var(--teal) 5%,var(--surface))}
.szt-z.intern{box-shadow:inset 4px 0 0 #94a3b8}.szt-z.abo,.szt-z.kulant{box-shadow:inset 4px 0 0 #22c55e}.szt-z.fahrt{box-shadow:inset 4px 0 0 #f59e0b}
.szt-zeit{color:var(--ink3);font-size:12px;font-variant-numeric:tabular-nums}
.szt-std{font-variant-numeric:tabular-nums}
.szt-la .zt-la{font-size:11.5px;padding:2px 9px;background:color-mix(in srgb,var(--teal) 12%,var(--surface));color:var(--teal-d);font-weight:600}
.szt-la .zt-la.intern{background:#eef2f7;color:#475569}.szt-la .zt-la.fahrt{background:#fef3c7;color:#92400e}
.szt-kunde{display:flex;flex-direction:column;font-weight:600;min-width:0}.szt-kunde small{font-weight:400;color:var(--ink3);font-size:11.5px}
.szt-text{min-width:0;color:var(--ink2);font-size:12.5px;display:flex;flex-direction:column;gap:3px}
.szt-text .tf{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.szt-tags{display:flex;gap:4px;flex-wrap:wrap}.szt-tags:empty{display:none}
.szt-betrag{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;color:#15803d}
@media(max-width:900px){.szt-z{grid-template-columns:60px 1fr;gap:4px 10px}.szt-zeit{display:none}.szt-la,.szt-kunde,.szt-text,.szt-betrag{grid-column:2}.szt-betrag{text-align:left}
  .szt-k{border-right:0}.szt-woche{margin-left:0}}
/* Stammdaten-Register */
.sd-reiter{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.sd-reiter a{display:inline-flex;flex-direction:column;gap:1px;padding:9px 16px;border-radius:12px;background:var(--surface);border:1px solid var(--line);
  color:var(--ink2);font-weight:600;font-size:13.5px;text-decoration:none}
.sd-reiter a small{font-weight:400;font-size:11px;color:var(--ink3)}
.sd-reiter a:hover{border-color:var(--teal)}
.sd-reiter a.on{background:var(--teal-d);border-color:var(--teal-d);color:#fff}.sd-reiter a.on small{color:rgba(255,255,255,.8)}
[data-sd][hidden]{display:none}

.nav-gl{color:#6d28d9!important}
.sd-reiter a.sd-gl{margin-left:auto;border-style:dashed;color:#6d28d9}

/* Team-Plan: kompakter Kopf */
.tp-kopf{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:0 0 8px}
.tp-t h1{margin:0 0 4px}
.tp-heute{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:8px 14px}
.tp-heute small{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
.tp-pik{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:99px;padding:3px 10px;font-size:12.5px}
.tp-kein{color:#b45309;font-size:12.5px;font-weight:600}
.tp-akt{margin-left:auto;display:flex;gap:8px}
.tp-info{margin:0 0 12px;font-size:13px;color:var(--ink2)}.tp-info summary{cursor:pointer;color:var(--teal-d);font-weight:600;width:max-content}
.tp-info ul{margin:8px 0 0;padding-left:18px;line-height:1.6;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px 10px 30px}
.tp-dlg{width:min(620px,95vw)}

/* Reports: Kennzahlen, Diagramm, Tabelle */
.rp-kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:14px 0 6px}
.rp-k{background:var(--surface2);border:1px solid var(--line);border-radius:14px;padding:12px 16px}
.rp-k.haupt{background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 16%,var(--surface)),var(--surface));border-color:color-mix(in srgb,var(--teal) 35%,var(--line))}
.rp-k small{display:block;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
.rp-k b{display:block;font-size:22px;font-variant-numeric:tabular-nums;margin-top:2px}.rp-k.haupt b{color:var(--teal-d)}
.rp-k em{font-style:normal;font-size:12px;color:var(--ink2)}.rp-k em.auf{color:#15803d;font-weight:700}.rp-k em.ab{color:#b91c1c;font-weight:700}
@media(max-width:900px){.rp-kpi{grid-template-columns:1fr 1fr}}
.rp-legende{display:flex;gap:16px;font-size:12px;color:var(--ink2);margin:12px 0 4px}
.rp-legende span::before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-2px}
.rp-legende .l1::before{background:var(--teal-d)}.rp-legende .l2::before{background:#7dd3d6}.rp-legende .l3::before{height:3px;background:#f59e0b;vertical-align:3px}
.rp-chart2{position:relative;display:flex;align-items:flex-end;gap:10px;height:250px;padding:22px 0 0 44px;margin-top:6px}
.rp-gl{position:absolute;left:44px;right:0;bottom:calc(20px + (100% - 42px) * var(--y));border-top:1px dashed var(--line);pointer-events:none}
.rp-gl span{position:absolute;left:-44px;top:-8px;font-size:10.5px;color:var(--ink3);width:38px;text-align:right}
.rp-s{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;gap:6px}
.rp-s-saeule{position:relative;flex:1;width:min(70px,80%);display:flex;flex-direction:column;justify-content:flex-end}
.rp-wk,.rp-ew{display:block;width:100%;height:var(--h)}
.rp-wk{background:linear-gradient(180deg,var(--teal),var(--teal-d));border-radius:0 0 4px 4px}
.rp-ew{background:#7dd3d6;border-radius:6px 6px 0 0}
.rp-s-saeule .rp-wk:first-of-type:not(:only-of-type){border-radius:0 0 4px 4px}
.rp-chart2 .rp-s-saeule>.rp-wk:only-of-type{border-radius:6px 6px 4px 4px}
.rp-s-wert{position:absolute;left:50%;transform:translateX(-50%);bottom:calc(var(--b) + 4px);font-size:11px;font-weight:700;color:var(--ink2);white-space:nowrap}
.rp-vj{position:absolute;left:-6px;right:-6px;bottom:var(--b);height:3px;background:#f59e0b;border-radius:2px;box-shadow:0 0 0 1px #fff}
.rp-s small{font-size:11px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.rp-s:hover .rp-wk{filter:brightness(1.1)}
.rp-tab td.rp-plus{color:#15803d;font-weight:700}.rp-tab td.rp-minus{color:#b91c1c;font-weight:700}
.rp-tab td.r{font-variant-numeric:tabular-nums}
.rp-tab tfoot th{background:color-mix(in srgb,var(--teal) 10%,var(--surface));color:var(--ink);font-size:13px;font-weight:800;border-top:2px solid var(--teal-d);font-variant-numeric:tabular-nums}
.rp-tab tbody tr:hover{background:color-mix(in srgb,var(--teal) 4%,var(--surface))}

/* Menügruppe «Geschäftsleitung» (nur GL) */
.side nav .nav-g[data-g=gl]{--gf:#6d28d9}
.side nav .nav-g[data-g=gl] > button.grp::before{display:none}
.side nav .nav-g[data-g=gl] > .nav-g-in{border-left:2px solid #ddd0fb;margin-left:6px;padding-left:4px}

/* Benutzerbereich unten links: Karte im Cockpit-Stil */
.side .me{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin:8px 0 0;padding:10px;border-top:0;
  background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 14%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,var(--teal) 28%,var(--line));border-radius:16px}
.side .me .me-link{display:flex;align-items:center;gap:10px;margin:0;padding:4px;border-radius:12px;box-shadow:none;background:transparent;flex:none}
.side .me .me-link:hover,.side .me .me-link.on{background:rgba(255,255,255,.6);box-shadow:none}
.side .me .avatar{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--teal),var(--teal-d));color:#fff;font-weight:800;font-size:13px;flex:none;
  box-shadow:0 6px 14px -8px var(--teal-d)}
.side .me .who b{font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side .me .who small{display:block;font-size:11.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.side .me .me-hin{display:none}
.me-pfeil{margin-left:auto;font-size:20px;color:var(--teal-d);line-height:1;padding-right:4px;transition:transform .15s}
.me-link:hover .me-pfeil{transform:translateX(3px)}
.side .me .me-act{display:flex;gap:4px;padding:3px;margin:0;width:auto;justify-content:stretch;background:rgba(255,255,255,.65);border-radius:11px;border:1px solid var(--line)}
.side .me .me-act>*{flex:1;display:flex}
.side .me .me-act form{display:flex}
.side .me .me-act .iconbtn{flex:1;width:auto;height:32px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:var(--ink2);background:transparent}
.side .me .me-act .iconbtn span:not([class^="t-"]){font-size:12px;font-weight:600}
.side .me .me-act .iconbtn:hover,.side .me .me-act .iconbtn.on{background:var(--surface);color:var(--teal-d);box-shadow:0 1px 3px rgba(0,0,0,.08)}
.side .me .me-act .me-aus:hover{background:#fee2e2;color:#b91c1c}
.side .me .me-act svg{width:17px;height:17px}

/* Angebots-PDF: Editor mit Live-Vorschau */
.ap-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin:0 0 12px}
.ap-kopf h1{margin:0 0 4px}.ap-kopf p{max-width:820px;margin:0}.ap-akt{display:flex;gap:8px}
.ap-raster{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,46%);gap:16px;align-items:start}
.ap-teil{margin:0}.ap-teil h2{margin:0 0 6px;font-size:16px}
.ap-r{padding:10px 0 0!important}
.ap-farbe{display:flex;align-items:center;gap:8px}.ap-farbe input[type=color]{width:44px;height:36px;padding:2px;border-radius:8px;border:1px solid var(--line2)}
.ap-farbe code{font-size:12px;color:var(--ink2)}
.ap-ph{display:flex;gap:4px;flex-wrap:wrap;margin:0 0 10px}
.ap-ph button{border:1px solid #ddd0fb;background:#f5f0ff;color:#6d28d9;font:inherit;font-size:11.5px;font-family:ui-monospace,monospace;border-radius:7px;padding:2px 8px;cursor:pointer}
.ap-ph button:hover{background:#7c3aed;color:#fff}
.ap-text{margin:0 0 12px}.ap-text textarea{min-height:90px}
.ap-abschnitte{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}
.ap-abschnitte li{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;padding:6px 10px;background:var(--surface)}
.ap-abschnitte .zt-sw{margin:0;flex:1}
.ap-nr{width:24px;height:24px;border-radius:7px;background:var(--surface2);display:grid;place-items:center;font-size:12px;font-weight:700;color:var(--ink3)}
.ap-pf{display:flex;gap:2px}.ap-pf button{border:1px solid var(--line2);background:var(--surface);border-radius:7px;width:28px;height:28px;cursor:pointer}
.ap-pf button:hover{background:var(--teal-s)}
.ap-vorschau{position:sticky;top:12px;margin:0;padding:10px;display:flex;flex-direction:column;gap:8px}
.ap-v-kopf{display:flex;gap:10px;align-items:center}.ap-v-kopf a{margin-left:auto}
.ap-vorschau iframe{width:100%;height:calc(100vh - 150px);min-height:520px;border:1px solid var(--line);border-radius:10px;background:#525659}
@media(max-width:1100px){.ap-raster{grid-template-columns:1fr}.ap-vorschau{position:static}}
/* Kopfzeile: Pfad «‹ Zurück · Verwaltung › Seite» als ruhige Leiste */
.crumb-pfad{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:3px 10px 3px 3px;box-shadow:0 1px 2px rgba(0,0,0,.04)}
.crumb-zurueck{border:0;background:var(--surface2);color:var(--teal-d);font:inherit;font-size:12.5px;font-weight:600;border-radius:9px;padding:5px 10px;cursor:pointer}
.crumb-zurueck:hover{background:var(--teal-s)}
.crumb-sep{color:var(--ink3);font-size:12px}
.crumb-link{display:inline-flex;align-items:center;gap:5px;color:var(--ink2);text-decoration:none;font-size:13px;padding:4px 6px;border-radius:8px}
.crumb-link:hover{background:var(--surface2);color:var(--teal-d)}
.crumb-link svg{width:15px;height:15px}
.crumb-akt{font-weight:700;font-size:14px;color:var(--ink)}.crumb-akt.crumb-vor{font-weight:500;color:var(--ink2);font-size:13px}

/* Dokumenttexte: Platzhalter prominent und klickbar */
.dt-phbar{position:sticky;top:0;z-index:5;margin:0 0 14px;padding:10px 14px;border-radius:14px;
  background:linear-gradient(90deg,#f5f0ff,#faf7ff);border:1px solid #ddd0fb;box-shadow:0 6px 16px -12px rgba(109,40,217,.5)}
.dt-phbar>b{color:#6d28d9;font-size:13px;margin-right:8px}.dt-phbar>small{color:#7c6aa8;font-size:12px}
.dt-phk{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.dt-phk button{display:inline-flex;align-items:center;gap:6px;border:1px solid #ddd0fb;background:#fff;border-radius:9px;padding:4px 10px 4px 4px;cursor:pointer;font:inherit}
.dt-phk code{background:#7c3aed;color:#fff;border-radius:6px;padding:2px 7px;font-size:11.5px}
.dt-phk span{font-size:12px;color:#5b4b8a}
.dt-phk button:hover{border-color:#7c3aed;box-shadow:0 2px 8px -4px #7c3aed}
.dt-phk button.ok{background:#dcfce7;border-color:#86efac}
/* Dokument-Layout-Editor */
.dl-raster{display:grid;grid-template-columns:440px minmax(260px,1fr) minmax(380px,1.2fr);gap:16px;align-items:start}
@media(max-width:1400px){.dl-raster{grid-template-columns:440px 1fr}.dl-vorschau{grid-column:1/-1}}
.dl-werkz{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:0 0 8px}.dl-raster-sw{margin:0 0 0 auto!important}
.dl-seite{position:relative;width:420px;height:594px;background:#fff;border:1px solid var(--line2);border-radius:4px;box-shadow:0 10px 30px -14px rgba(0,0,0,.35);overflow:hidden;
  user-select:none;touch-action:none;--fs:8px;font-size:var(--fs);color:#1f2933}
.dl-e{position:absolute;cursor:move;box-sizing:border-box}
.dl-e em{position:absolute;left:0;top:-15px;font-style:normal;font-size:10px;font-weight:700;color:#fff;background:var(--teal-d);border-radius:4px;padding:0 5px;white-space:nowrap;opacity:0;pointer-events:none}
.dl-e:hover em,.dl-e.gewaehlt em{opacity:1}
.dl-e.gewaehlt{outline:2px solid var(--teal-d);outline-offset:1px}.dl-e:hover{outline:1px dashed var(--teal)}
.dl-hg{opacity:.85;z-index:0}
.dl-logo{z-index:3}.dl-logo img{width:100%;height:100%;object-fit:contain;object-position:left top;pointer-events:none}
.dl-adr{z-index:3;line-height:1.35;padding:1px}.dl-adr small{display:block;font-size:.8em;color:#4b5563;margin-bottom:3px}
.dl-meta{z-index:3;border-left:1.5px solid var(--teal);padding-left:6px;display:flex;flex-direction:column;gap:2px}
.dl-meta span{display:flex;justify-content:space-between;color:#6b7680;font-size:.85em}.dl-meta b{color:#1f2933;font-weight:500}
.dl-inhalt{z-index:2;border-top:2px dashed #f59e0b;padding-top:4px;height:70px!important;cursor:ns-resize}
.dl-inhalt b{display:block;color:var(--teal);font-size:1.4em;margin-bottom:6px}
.dl-inhalt i{display:block;height:5px;background:#e5e7eb;border-radius:3px;margin:5px 0}.dl-inhalt i.kurz{width:60%}
.dl-inhalt em{background:#f59e0b}
.dl-h{position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;background:#fff;border:2px solid var(--teal-d);border-radius:3px;cursor:nwse-resize;z-index:5}
.dl-seite>.dl-h{position:absolute;right:auto;bottom:auto}
.dl-balken{position:absolute;right:0;top:0;width:72px;height:4px;background:var(--teal);z-index:1}
.dl-balken::after{content:"";position:absolute;right:0;top:0;width:3px;height:48px;background:var(--teal)}
.dl-rand{position:absolute;top:0;bottom:0;border-left:1px dashed rgba(14,124,128,.25);pointer-events:none;z-index:1}.dl-rand.r{left:auto}
.dl-fuss{position:absolute;left:44px;right:44px;bottom:6px;display:flex;gap:8px;z-index:1}.dl-fuss i{flex:1;height:22px;border-bottom:3px solid var(--teal);background:repeating-linear-gradient(#e5e7eb 0 3px,transparent 3px 6px)}
.dl-karte{margin:0 0 12px}.dl-karte h2{font-size:14.5px;margin:0 0 8px}
.dl-mm{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.dl-mm label{display:flex;flex-direction:column;font-size:12px;font-weight:600;color:var(--ink2);gap:3px}
.dl-mm input{border:1px solid var(--line2);border-radius:8px;padding:6px 8px;font:inherit;font-size:13px}
.dl-mm input:disabled{background:var(--surface2)}
.dl-bild{display:flex;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}.dl-bild:first-of-type{border-top:0}
.dl-bild img{width:70px;height:44px;object-fit:contain;background:repeating-conic-gradient(#f1f5f9 0 25%,#fff 0 50%) 0 0/12px 12px;border:1px solid var(--line);border-radius:8px}
.dl-bild>div{display:flex;flex-direction:column;gap:3px;flex:1}.dl-bild small{color:var(--ink3);font-size:11.5px}
.dl-bild-k{display:flex;gap:6px}
.dl-opt{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px}.dl-opt .zt-sw{margin:4px 0}
.dl-vorschau iframe{height:calc(100vh - 170px)}
.dl-art{margin-left:8px}.dl-art span{padding:5px 10px!important;font-size:12.5px!important}

/* Formatierleiste: KI */
.fmt-ki{position:relative;display:inline-flex;gap:2px;margin-left:auto}
.fmt-ki>button{color:#6d28d9!important;font-weight:700}
.fmt-ki-m{position:absolute;right:0;top:100%;z-index:20;display:flex;flex-direction:column;background:var(--surface);border:1px solid #ddd0fb;border-radius:10px;
  box-shadow:0 12px 30px -12px rgba(109,40,217,.45);padding:4px;min-width:170px}
.fmt-ki-m[hidden]{display:none}
.fmt-ki-m button{text-align:left;border:0;background:none;padding:7px 10px;border-radius:7px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}
.fmt-ki-m button:hover{background:#f5f0ff;color:#6d28d9}
/* Dokument-Layout: KI und Briefpapier */
.dl-ki{background:linear-gradient(120deg,#f5f0ff,#fff);border-color:#ddd0fb}
.dl-ki h2{color:#6d28d9}
.dl-bp{display:flex;gap:10px;align-items:center;margin:6px 0 10px}
.dl-bp img{width:60px;height:85px;object-fit:cover;border:1px solid var(--line);border-radius:6px;background:#fff}
.dl-ki-erg{display:flex;flex-direction:column;gap:8px;margin-top:10px}
.dl-ki-analyse{font-size:13px;color:var(--ink2);background:#fff;border:1px solid #ede7fb;border-radius:10px;padding:8px 12px}
.dl-vs{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #ddd0fb;border-radius:12px;padding:8px 10px}
.dl-vs>div{flex:1;min-width:0}.dl-vs b{display:block;font-size:13.5px}.dl-vs small{color:var(--ink3);font-size:12px}
.dl-vs .fa{display:inline-block;width:14px;height:14px;border-radius:4px;margin-right:3px;vertical-align:-2px;border:1px solid rgba(0,0,0,.1)}
.dl-ueber{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:.35;pointer-events:none;z-index:4;mix-blend-mode:multiply}
.dl-farben{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.dl-farben label{display:flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;color:var(--ink2)}
.dl-farben input[type=color]{width:40px;height:30px;padding:2px;border:1px solid var(--line2);border-radius:7px}
.dl-farben button{border:0;background:none;color:var(--teal-d);cursor:pointer;font-size:12px}

.tp-zeiten{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.tp-zeiten>div{display:flex;align-items:center;gap:6px;background:var(--surface2);border-radius:10px;padding:8px 10px}
.tp-zeiten .zt-lab{min-width:92px}.tp-zeiten input{border:1px solid var(--line2);border-radius:8px;padding:5px 6px;font:inherit;font-size:13px}
.tp-zeiten span:not(.zt-lab){color:var(--ink3);font-size:12px}
@media(max-width:640px){.tp-zeiten{grid-template-columns:1fr}}

.fu-tab .c{text-align:center;width:170px}.fu-sw{display:inline-flex!important;margin:0!important;justify-content:center}
.vz-glob{font-size:10.5px;font-weight:700;color:#1d4ed8;background:#dbeafe;border-radius:99px;padding:1px 7px;margin-left:6px;vertical-align:1px}

.fi-wo{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 10px}
.fi-wo span{font-size:12px;background:var(--teal-s);color:var(--teal-d);border-radius:99px;padding:3px 10px;font-weight:600}
.fi-wo small{font-weight:400}

/* Stammdaten / Vergütung Zeiterfassung: gegliederte Blöcke, eigene Listenzeilen (nicht die Dialog-Zeile) */
.sd-form{display:flex;flex-direction:column;margin-top:6px}
.sd-block{display:grid;grid-template-columns:230px minmax(0,1fr);gap:28px;padding:20px 0;border-top:1px solid var(--line)}
.sd-block:first-of-type{border-top:0;padding-top:8px}
.sd-was h3{margin:0 0 6px;font-size:14px;color:var(--ink)}
.sd-was p{margin:0;font-size:12.5px;line-height:1.5;color:var(--ink3)}
.sd-felder{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px;align-items:start;max-width:920px}
.sd-felder .sd-2{grid-column:span 2}
.sd-felder .zt-f small,.sd-raster .zt-f small{font-size:11.5px;line-height:1.35}
.sd-ein{display:flex;align-items:stretch;border:1px solid var(--line2);border-radius:9px;background:var(--surface);overflow:hidden}
.sd-ein:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 18%,transparent)}
.zt-f .sd-ein input{border:0;border-radius:0;flex:1;min-width:0;background:none}
.sd-ein i{font-style:normal;font-weight:500;font-size:12px;color:var(--ink3);background:var(--bg,#f4f7f8);padding:0 10px;display:flex;align-items:center;border-left:1px solid var(--line)}
.sd-seg{display:flex;border:1px solid var(--line2);border-radius:9px;overflow:hidden}
.sd-seg label{flex:1;cursor:pointer}.sd-seg input{display:none}
.sd-seg span{display:block;text-align:center;padding:8px 6px;font-weight:500;font-size:12.5px;color:var(--ink2)}
.sd-seg label+label span{border-left:1px solid var(--line2)}
.sd-seg input:checked+span{background:var(--teal-d);color:#fff}
.sd-mehr{display:block}.sd-mehr summary{cursor:pointer;font-size:13px}.sd-mehr .sd-felder{margin-top:12px}
.sd-fuss{padding:16px 0 4px;border-top:1px solid var(--line)}
.sd-zeile{border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.sd-zeile+.sd-zeile{margin-top:8px}
.sd-zeile.aus{opacity:.6}
.sd-zeile>summary{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:11px 14px;cursor:pointer;list-style:none;font-size:13.5px}
.sd-zeile>summary::-webkit-details-marker{display:none}
.sd-zeile>summary::after{content:"›";margin-left:auto;color:var(--ink3);font-size:18px;transition:transform .15s}
.sd-zeile[open]>summary::after{transform:rotate(90deg)}
.sd-zeile[open]>summary{border-bottom:1px solid var(--line)}
.sd-raster{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px;padding:16px;align-items:start}
.sd-raster .zt-check{align-self:end;padding-bottom:9px}
.sd-unter{font-size:12.5px;font-weight:600;color:var(--ink2);border-top:1px solid var(--line);padding-top:12px;margin-top:4px}
.sd-unter small{font-weight:400;color:var(--ink3);margin-left:6px}
.sd-raster .zt-la-ans{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px 12px}
.sd-raster .zt-la-ans input{width:100%}
.sd-raster .zt-gs{border:0;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 16px}
.sd-raster [hidden]{display:none!important}
.sd-mwst{display:flex;gap:10px;align-items:center}.sd-mwst .zt-check{padding:0;white-space:nowrap}.sd-mwst .sd-ein{flex:1}
@media(max-width:1000px){.sd-block{grid-template-columns:1fr;gap:12px}.sd-felder,.sd-raster,.sd-raster .zt-gs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sd-felder,.sd-raster,.sd-raster .zt-gs{grid-template-columns:1fr}.sd-felder .sd-2{grid-column:auto}}

/* Sprungziel aus der Verwaltung (z. B. #bank) kurz hervorheben */
.fi-anker{scroll-margin-top:80px}.fi-anker:target{animation:fiAnker 2.2s ease}
@keyframes fiAnker{0%,40%{box-shadow:0 0 0 3px var(--teal)}100%{box-shadow:var(--shadow,none)}}

/* Benutzerkarte unten links im dunklen Design: keine weissen Flächen */
:root[data-theme="dark"] .side .me .me-act{background:color-mix(in srgb,var(--surface) 70%,transparent);border-color:var(--line)}
:root[data-theme="dark"] .side .me .me-link:hover,:root[data-theme="dark"] .side .me .me-link.on{background:color-mix(in srgb,var(--teal) 12%,transparent)}
:root[data-theme="dark"] .side .me .me-act .iconbtn{color:var(--ink2)}
:root[data-theme="dark"] .side .me .me-act .iconbtn:hover,:root[data-theme="dark"] .side .me .me-act .iconbtn.on{background:color-mix(in srgb,var(--teal) 18%,var(--surface));color:var(--teal);box-shadow:none}
:root[data-theme="dark"] .side .me .me-act .me-aus:hover{background:rgba(185,28,28,.25);color:#fca5a5}
:root[data-theme="dark"] .side .me .me-pfeil{color:var(--teal)}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .side .me .me-act{background:color-mix(in srgb,var(--surface) 70%,transparent);border-color:var(--line)}
 :root:not([data-theme="light"]) .side .me .me-act .iconbtn:hover,:root:not([data-theme="light"]) .side .me .me-act .iconbtn.on{background:color-mix(in srgb,var(--teal) 18%,var(--surface));color:var(--teal);box-shadow:none}}

/* Kundenbereich-Design: Editor */
.pd-raster{display:grid;grid-template-columns:minmax(380px,520px) minmax(0,1fr);gap:18px;align-items:start}
.pd-links .card{margin:0 0 12px}
.pd-ki h2{font-size:14.5px;margin:0 0 4px}
.pd-ki{background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 9%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,#7c3aed 25%,var(--line))}
.pd-ki-zeile{display:flex;gap:8px;margin-top:8px}.pd-ki-zeile input{flex:1;min-width:0;border:1px solid var(--line2);border-radius:9px;padding:7px 10px;font:inherit;background:var(--surface);color:var(--ink)}
.pd-ki-btn{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important}
.pd-ki-erg{display:grid;gap:8px;margin-top:8px}.pd-ki-erg:empty{display:none}
.pd-vs{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;text-align:left;border:1px solid var(--line2);border-radius:12px;padding:9px 11px;background:var(--surface);cursor:pointer;font:inherit;color:var(--ink)}
.pd-vs:hover,.pd-vs.on{border-color:#7c3aed;box-shadow:0 0 0 3px color-mix(in srgb,#7c3aed 15%,transparent)}
.pd-vs-f{grid-row:span 2;display:flex;align-self:center}.pd-vs-f i{width:16px;height:30px;border:1px solid rgba(0,0,0,.08)}
.pd-vs-f i:first-child{border-radius:6px 0 0 6px}.pd-vs-f i:last-child{border-radius:0 6px 6px 0}
.pd-vs small{color:var(--ink3);font-size:12px}
.pd-reiter{display:flex;gap:4px;margin:0 0 8px;flex-wrap:wrap}
.pd-reiter a{flex:1;text-align:center;padding:8px 6px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);font-weight:600;font-size:13px;text-decoration:none}
.pd-reiter a.on{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
.pd-felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 14px;align-items:start}
.pd-felder .pd-2,.pd-felder .pd-4{grid-column:1/-1}.pd-felder .zt-sw{margin:0}
.pd-farbe{display:flex;gap:6px}.pd-farbe input[type=color]{width:42px;height:38px;padding:2px;flex:none;cursor:pointer}.pd-farbe input:not([type]){flex:1;min-width:0}
.zt-f input[type=range]{padding:0;border:0;accent-color:var(--teal-d)}
.zt-f output{font-weight:400;color:var(--ink3);margin-left:6px}
.pd-h3{font-size:13.5px;margin:18px 0 10px;padding-top:14px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px}
.pd-h3.erst{margin-top:0;padding-top:0;border-top:0}.pd-h3 small{font-weight:400;color:var(--ink3);font-size:12px}
.pd-menue{display:grid;gap:6px}
.pd-mz{display:grid;grid-template-columns:auto 90px 1fr;gap:10px;align-items:center}.pd-mz .zt-sw{margin:0}
.pd-mstd{font-size:12.5px;color:var(--ink3)}
.pd-mz input:not([type]){border:1px solid var(--line2);border-radius:8px;padding:6px 9px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink)}
.pd-bild{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.pd-bild:first-child{border-top:0;padding-top:0}.pd-bild p{margin:2px 0 8px}
.pd-bild-vor{height:72px;border-radius:10px;background:repeating-conic-gradient(#e5e7eb 0 25%,#fff 0 50%) 0 0/14px 14px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:var(--ink3)}
.pd-bild-vor img{max-width:100%;max-height:100%;object-fit:contain}
.pd-rechts{position:sticky;top:76px}
.pd-vkopf{display:flex;justify-content:space-between;gap:10px;margin-bottom:8px}.pd-seite{width:240px}.pd-breite{width:96px}
.pd-rahmen{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#e9eef0;display:flex;justify-content:center;height:calc(100vh - 190px);min-height:520px}
.pd-rahmen iframe{width:100%;height:100%;border:0;background:#fff;transition:width .2s}
@media(max-width:1100px){.pd-raster{grid-template-columns:1fr}.pd-rechts{position:static}}

/* Pikett-Dialog: breiter, nichts abgeschnitten */
.tp-dlg{width:min(760px,96vw)}
.tp-dlg .zt-form,.tp-dlg .zt-zeile>*,.tp-dlg input,.tp-dlg select{min-width:0;max-width:100%;box-sizing:border-box}
.tp-zeiten>div{display:grid;grid-template-columns:auto minmax(0,1fr) auto minmax(0,1fr);min-width:0}
.tp-zeiten input{width:100%;min-width:0}
.tp-zeiten .zt-lab{min-width:0;white-space:nowrap}
@media(max-width:700px){.tp-zeiten{grid-template-columns:1fr}}

/* Vergütung: Formulare in gegliederten Abschnitten */
.zt-sd{min-width:0;overflow:hidden}
.sd-dform{padding:4px 18px 8px;max-width:1180px}
.sd-dblock{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px;padding:16px 0;border-top:1px solid var(--line)}
.sd-dblock:first-of-type{border-top:0}
.sd-dform .sd-felder{max-width:none}
.sd-felder .sd-4{grid-column:1/-1}
.sd-la{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px 12px}
.sd-la label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--ink2)}
.sd-la .sd-ein input{border:0;padding:7px 9px;font:inherit;font-weight:400;font-size:13.5px;width:100%;background:none;color:var(--ink)}
.sd-felder .sd-unter{border-top:0;padding-top:4px;margin:0}
.sd-klapp>summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--teal-d);padding:4px 0;list-style:none}
.sd-klapp>summary::before{content:"›";display:inline-block;margin-right:6px;transition:transform .15s}
.sd-klapp[open]>summary::before{transform:rotate(90deg)}
.sd-klapp .sd-la{margin-top:10px}
.sd-dform [hidden]{display:none!important}
.sd-dform .sd-fuss{display:flex;gap:8px}
@media(max-width:1000px){.sd-dblock{grid-template-columns:1fr;gap:10px}}
/* Abzeichen «alle Firmen»: nie umbrechen, Titel darf umbrechen */
.vz-glob{white-space:nowrap;display:inline-block;margin-top:2px;cursor:help}
/* Ticketliste: sortierbare Spalten */
.tl2 th[data-tls]{cursor:pointer;user-select:none;white-space:nowrap}
.tl2 th[data-tls]:hover{color:var(--teal-d)}
.tl2 th[data-tls]::after{content:"↕";margin-left:5px;opacity:.35;font-size:10px}
.tl2 th.tls-auf::after{content:"▲";opacity:1;color:var(--teal-d)}
.tl2 th.tls-ab::after{content:"▼";opacity:1;color:var(--teal-d)}
.tl2 th.tls-auf,.tl2 th.tls-ab{color:var(--teal-d)}

/* Werbesperre (Telefonbuch-Stern) */
.ws-badge{display:inline-block;margin-left:6px;font-size:11px;font-weight:700;color:#b91c1c;background:#fee2e2;border-radius:99px;padding:1px 8px;white-space:nowrap}
.ws-form{display:inline}.ws-form .linkbtn{margin-left:6px;font-size:11.5px;color:var(--ink3)}
.ws-wahl small{display:block;font-weight:400}

/* Newsletter */
.rd-msg.warn{background:#fffbeb;color:#92400e;border:1px solid #fde68a}
.nl-neu-f{display:flex;gap:8px;flex-wrap:wrap}.nl-neu-f input{flex:1;min-width:240px;border:1px solid var(--line2);border-radius:9px;padding:8px 10px;font:inherit;background:var(--surface);color:var(--ink)}
.nl-st{display:inline-block;font-size:11.5px;font-weight:700;border-radius:99px;padding:2px 9px;background:var(--surface2);color:var(--ink2);vertical-align:3px}
.nl-st-laeuft{background:#dbeafe;color:#1d4ed8}.nl-st-fertig{background:#dcfce7;color:#15803d}.nl-st-pausiert{background:#fef3c7;color:#92400e}.nl-st-abgebrochen{background:#fee2e2;color:#b91c1c}
.nl-raster{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:16px;align-items:start}
.nl-links .card{margin:0 0 12px}.nl-links h2{font-size:15px;margin:0 0 12px}
.nl-felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px}.nl-felder .nl-2{grid-column:1/-1}
.nl-zg{border:0;margin:0;padding:0;display:grid;gap:12px;min-width:0}
.nl-kunden{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}
.nl-2sp{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.nl-zg select[multiple]{min-height:96px}
.nl-zahlbox{margin-top:12px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--teal) 8%,var(--surface));border:1px solid color-mix(in srgb,var(--teal) 25%,var(--line))}
.nl-zahl b{font-size:24px;color:var(--teal-d)}.nl-zahl span{color:var(--ink2);font-weight:600}
.nl-muster{margin:6px 0 0;padding-left:18px;font-size:13px}.nl-muster li{margin:2px 0}
.nl-schritte{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.nl-ok{color:#15803d;font-weight:600;font-size:13px}
.nl-rechts{position:sticky;top:76px}.nl-vkopf{display:flex;gap:10px;align-items:center;margin-bottom:8px}.nl-vkopf label{margin-left:auto}
.nl-rahmen{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#F4F6F7}
.nl-rahmen iframe{width:100%;min-height:560px;border:0;display:block}
.nl-frei{margin-top:12px;border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line))}
.nl-kpi{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.nl-kpi div{background:var(--surface2);border-radius:10px;padding:10px;text-align:center}
.nl-kpi b{display:block;font-size:20px}.nl-kpi small{color:var(--ink3)}.nl-kpi .gruen{color:#15803d}.nl-kpi .rot{color:#b91c1c}.nl-kpi .amber{color:#b45309}
.nl-balken{height:8px;background:var(--surface2);border-radius:99px;margin:12px 0;overflow:hidden}.nl-balken i{display:block;height:100%;background:var(--teal-d)}
.nl-akt{display:flex;gap:8px;flex-wrap:wrap}.nl-emp{margin-top:10px}.nl-emp summary{cursor:pointer;font-weight:600}
.nl-rs{font-size:11.5px;font-weight:600;border-radius:99px;padding:1px 8px;background:var(--surface2)}.nl-rs-gesendet{background:#dcfce7;color:#15803d}
.nl-rs-fehler{background:#fee2e2;color:#b91c1c}.nl-rs-blockiert{background:#fef3c7;color:#92400e}
.nl-ab-raster{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,1fr);gap:16px;align-items:start}.nl-ab-raster .card{margin:0 0 12px}
@media(max-width:1100px){.nl-raster,.nl-ab-raster{grid-template-columns:1fr}.nl-rechts{position:static}.nl-kpi{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.nl-felder,.nl-2sp{grid-template-columns:1fr}}

.nl-ki{background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 9%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,#7c3aed 25%,var(--line))}
.nl-ki-akt{display:flex;gap:12px;align-items:center;margin-top:12px;flex-wrap:wrap}
.nl-ki-btn{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important}
textarea.nl-neu{box-shadow:0 0 0 3px color-mix(in srgb,#7c3aed 35%,transparent);transition:box-shadow .4s}

/* Newsletter: Layout ohne Abschneiden, Produktwahl als Chips */
.nl-raster{grid-template-columns:minmax(0,1fr) minmax(0,460px)}
.nl-links,.nl-rechts{min-width:0}
.nl-felder textarea[name=inhalt]{min-height:240px;line-height:1.5}
.nl-wahlen{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.nl-wahl{border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px 12px;min-width:0}
.nl-wahl-kopf{display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;margin-bottom:8px}.nl-wahl-kopf b{font-size:13px}.nl-wahl-kopf small{color:var(--ink3);font-size:11.5px}
.nl-wahl-gruen .nl-wahl-kopf b{color:#15803d}.nl-wahl-rot .nl-wahl-kopf b{color:#b91c1c}
.nl-chips{position:relative}
.nl-chips-an{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:6px}.nl-chips-an:empty{display:none}
.nl-chip{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;border-radius:99px;padding:3px 4px 3px 10px;background:color-mix(in srgb,var(--teal) 12%,var(--surface));color:var(--teal-d)}
.nl-wahl-rot .nl-chip{background:#fee2e2;color:#b91c1c}
.nl-chip button{border:0;background:none;color:inherit;cursor:pointer;font-size:15px;line-height:1;padding:0 4px;border-radius:99px}.nl-chip button:hover{background:rgba(0,0,0,.08)}
.nl-chips input[type=search]{width:100%;box-sizing:border-box;border:1px solid var(--line2);border-radius:9px;padding:7px 10px;font:inherit;font-size:13.5px;background:var(--surface);color:var(--ink)}
.nl-chips-liste{position:absolute;z-index:30;left:0;right:0;top:100%;margin-top:4px;max-height:280px;overflow:auto;background:var(--surface);border:1px solid var(--line2);border-radius:10px;box-shadow:0 14px 30px -12px rgba(0,0,0,.25);padding:4px}
.nl-chips-liste button{display:block;width:100%;text-align:left;border:0;background:none;padding:6px 10px;border-radius:7px;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}
.nl-chips-liste button:hover{background:color-mix(in srgb,var(--teal) 10%,var(--surface))}
.nl-chips-gr{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);padding:8px 10px 3px}
@media(max-width:800px){.nl-wahlen{grid-template-columns:1fr}}

/* Newsletter: Bilder */
.nl-bildzeile{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:-4px}
.nl-bdlg{width:min(760px,96vw)}.nl-bdlg-kopf{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.nl-bdlg-kopf b{font-size:16px}
.nl-drop{display:flex;flex-direction:column;align-items:center;gap:6px;padding:40px 20px;border:2px dashed var(--line2);border-radius:14px;cursor:pointer;text-align:center}
.nl-drop:hover,.nl-drop.an{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 6%,var(--surface))}
.nl-galerie{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;max-height:420px;overflow:auto}
.nl-gb{border:1px solid var(--line);border-radius:10px;background:var(--surface2);padding:6px;cursor:pointer;text-align:left}
.nl-gb:hover{border-color:var(--teal)}.nl-gb img{width:100%;height:90px;object-fit:cover;border-radius:6px;display:block}
.nl-gb small{display:block;margin-top:4px;font-size:11.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nl-kivor{margin-top:14px}.nl-kivor img{width:100%;border-radius:12px;border:1px solid var(--line);display:block}

/* Newsletter: KI-Varianten, Verfeinern, Anhänge */
.nl-var{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}
.nl-vk{border:1px solid var(--line2);border-radius:12px;background:var(--surface);padding:10px 12px;display:flex;flex-direction:column;gap:6px;min-width:0}
.nl-vk.on{border-color:#7c3aed;box-shadow:0 0 0 3px color-mix(in srgb,#7c3aed 15%,transparent)}
.nl-vk-kopf{display:flex;justify-content:space-between;align-items:center;gap:6px}.nl-vk-kopf b{font-size:12.5px;color:#6d28d9}
.nl-vk-bet{font-size:12.5px;font-weight:600}.nl-vk-ue{font-size:14px;font-weight:700}
.nl-vk-text{font-size:12.5px;color:var(--ink2);white-space:pre-wrap;max-height:220px;overflow:auto;line-height:1.45}
.nl-fein{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:12px}
.nl-fein-b{border:1px solid color-mix(in srgb,#7c3aed 30%,var(--line));background:var(--surface);color:#6d28d9;border-radius:99px;padding:4px 10px;font:inherit;font-size:12px;cursor:pointer}
.nl-fein-b:hover{background:color-mix(in srgb,#7c3aed 8%,var(--surface))}.nl-fein-b:disabled{opacity:.5}
.nl-fein input{border:1px solid var(--line2);border-radius:99px;padding:4px 10px;font:inherit;font-size:12px;min-width:160px;background:var(--surface);color:var(--ink)}
.nl-anh{display:flex;flex-direction:column;gap:6px}.nl-anh-liste{display:flex;flex-wrap:wrap;gap:6px}.nl-anh-akt{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.nl-anh-akt select{border:1px solid var(--line2);border-radius:9px;padding:5px 8px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink)}
@media(max-width:1300px){.nl-var{grid-template-columns:1fr}}
/* Bild-/Video-Dialog im Newsletter: eigener Innenabstand und Kopf */
dialog.nl-bdlg{padding:0;border:0;border-radius:18px;overflow:hidden;box-shadow:0 30px 80px -30px rgba(0,0,0,.45)}
.nl-bdlg-kopf{display:flex;justify-content:space-between;align-items:center;margin:0;padding:16px 22px;border-bottom:1px solid var(--line);
  background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 8%,var(--surface)),var(--surface))}
.nl-bdlg-kopf b{font-size:16px}
.nl-bdlg>.pd-reiter{margin:16px 22px 4px}
.nl-bdlg>[data-nbt]{padding:12px 22px 22px}
.nl-bdlg .nl-felder{gap:14px 16px}
.nl-bdlg .zt-f textarea,.nl-bdlg .zt-f input,.nl-bdlg .zt-f select{box-sizing:border-box;width:100%}
.nl-bdlg .nl-ki-akt{margin-top:16px}

/* Newsletter-Editor: Spalten erst ab breitem Bildschirm, sonst untereinander (überschreibt frühere Regel) */
@media(max-width:1250px){.nl-raster{grid-template-columns:minmax(0,1fr)}.nl-rechts{position:static}}
.nl-fein-eigen{display:flex;gap:6px;flex:1 1 320px;min-width:240px}
.nl-fein .nl-fein-eigen input{flex:1;min-width:0;width:auto;border-radius:99px}
.nl-felder>.zt-f{align-self:start}
/* Newsletter: Checkbox bündig, Medien-Knöpfe sichtbar (auch dunkel) */
.nl-felder .zt-check{display:flex;justify-content:flex-start;align-items:center;gap:8px;font-weight:500}
.nl-felder .zt-check input{width:auto;flex:none;margin:0}
.nl-bildzeile .btn,.nl-anh-akt .btn{border:1px solid color-mix(in srgb,var(--teal) 40%,var(--line2));color:var(--teal-d);background:color-mix(in srgb,var(--teal) 8%,var(--surface))}
:root[data-theme="dark"] .nl-bildzeile .btn,:root[data-theme="dark"] .nl-anh-akt .btn{color:var(--teal)}
/* Newsletter-Übersicht */
.nlx-hero{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:end;padding:26px 28px;border-radius:20px;margin:0 0 18px;
  background:radial-gradient(600px 240px at 100% 0%,color-mix(in srgb,var(--teal) 22%,transparent),transparent 70%),linear-gradient(135deg,color-mix(in srgb,var(--teal) 10%,var(--surface)),var(--surface));
  border:1px solid color-mix(in srgb,var(--teal) 22%,var(--line))}
.nlx-kicker{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-d)}
.nlx-hero h1{margin:4px 0 6px;font-size:24px}
.nlx-hero p{margin:0 0 16px;max-width:640px;color:var(--ink2);line-height:1.5}
.nlx-neu{display:flex;gap:8px;max-width:640px;flex-wrap:wrap}
.nlx-neu input{flex:1;min-width:240px;border:1px solid var(--line2);border-radius:11px;padding:10px 14px;font:inherit;background:var(--surface);color:var(--ink)}
.nlx-neu select{border:1px solid var(--line2);border-radius:11px;padding:8px 10px;font:inherit;background:var(--surface);color:var(--ink)}
.nlx-kpis{display:flex;gap:10px}
.nlx-kpis>*{min-width:120px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 16px;text-decoration:none;color:var(--ink)}
.nlx-kpis b{display:block;font-size:24px;color:var(--teal-d)}.nlx-kpis small{color:var(--ink3);font-size:12px}
.nlx-kpis a:hover{border-color:var(--teal)}
.nlx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:14px}
.nlx-karte{position:relative;display:flex;flex-direction:column;gap:6px;padding:16px 18px 14px;border-radius:16px;background:var(--surface);border:1px solid var(--line);
  text-decoration:none;color:var(--ink);transition:transform .15s,box-shadow .15s,border-color .15s}
.nlx-karte:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--teal) 45%,var(--line));box-shadow:0 14px 30px -20px rgba(0,0,0,.35)}
.nlx-k-kopf{display:flex;justify-content:space-between;align-items:center}.nlx-k-kopf small{color:var(--ink3)}
.nlx-karte h3{margin:4px 0 0;font-size:16px;padding-right:20px}
.nlx-betreff{margin:0;color:var(--ink2);font-size:13px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nlx-k-zahlen{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--ink2)}
.nlx-karte .nl-balken{margin:6px 0 2px}
.nlx-pfeil{position:absolute;right:16px;top:44px;font-size:22px;color:var(--ink3)}
.nlx-leer{text-align:center;padding:30px}
@media(max-width:900px){.nlx-hero{grid-template-columns:1fr}.nlx-kpis{flex-wrap:wrap}}

/* Newsletter B/C: geplant, Antworten */
.nl-st-geplant{background:#ede9fe;color:#6d28d9}
.nl-kpi{grid-template-columns:repeat(7,1fr)}
.nl-geplant{margin:10px 0 0;padding:8px 12px;border-radius:10px;background:#ede9fe;color:#5b21b6}
.nl-antw{margin-top:12px;padding:12px 14px;border:1px solid color-mix(in srgb,#15803d 25%,var(--line));border-radius:12px;background:color-mix(in srgb,#15803d 5%,var(--surface))}
.nl-antw ul{margin:8px 0 10px;padding:0;list-style:none}.nl-antw li{display:flex;gap:10px;align-items:baseline;padding:3px 0;font-size:13px}.nl-antw li>span{color:var(--ink3);min-width:84px}
.nl-plan{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}.nl-plan .zt-f{min-width:240px}
.nlx-antw{color:#15803d}.nlx-geplant{color:#6d28d9;font-weight:600}
@media(max-width:1100px){.nl-kpi{grid-template-columns:repeat(4,1fr)}}

/* Projektmanagement */
.side nav .nav-g[data-g=projekte]{--gf:#b45309}
.pm-hero-akt{display:flex;gap:8px;flex-wrap:wrap}
.pm-rot{color:#b91c1c!important}.pm-gelb{color:#b45309!important}
.pm-filter{display:flex;gap:6px;margin:0 0 12px}.pm-filter a{padding:6px 14px;border-radius:99px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);text-decoration:none;font-weight:600;font-size:13px}
.pm-filter a.on{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
.pm-ampel{display:inline-block;width:12px;height:12px;border-radius:99px;background:#16a34a;box-shadow:0 0 0 3px color-mix(in srgb,#16a34a 20%,transparent);flex:none}
.pm-ampel-gelb{background:#f59e0b;box-shadow:0 0 0 3px color-mix(in srgb,#f59e0b 22%,transparent)}
.pm-ampel-rot{background:#dc2626;box-shadow:0 0 0 3px color-mix(in srgb,#dc2626 22%,transparent)}
.pm-ampel.gross{width:18px;height:18px}
.pm-karte.pm-a-rot{border-color:color-mix(in srgb,#dc2626 35%,var(--line))}
.pm-balken2{display:grid;grid-template-columns:120px 1fr;gap:8px;align-items:center;font-size:12px;color:var(--ink2)}.pm-balken2 .nl-balken{margin:0}
.nl-balken.pm-b-gelb i{background:#f59e0b}.nl-balken.pm-b-rot i{background:#dc2626}
.pm-warn1{font-size:12.5px;padding:6px 10px;border-radius:9px;margin-top:4px}
.pm-w-rot{background:#fee2e2;color:#991b1b}.pm-w-gelb{background:#fef3c7;color:#92400e}.pm-w-ok{background:#dcfce7;color:#166534}
.pm-einst{margin-top:16px}.pm-einst summary{cursor:pointer;font-weight:600}.pm-einst form{margin-top:12px}
.pm-kopf{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;flex-wrap:wrap;padding:20px 24px;border-radius:18px;margin:0 0 14px;
  background:linear-gradient(135deg,color-mix(in srgb,#ea580c 8%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,#ea580c 20%,var(--line))}
.pm-kopf-t{display:flex;gap:14px;align-items:flex-start}.pm-kopf-t .pm-ampel{margin-top:8px}
.pm-kopf h1{margin:2px 0 4px;font-size:22px}.pm-kopf p{margin:0}.pm-nr{color:var(--ink3);font-weight:600}
.pm-kpi{display:flex;gap:10px;flex-wrap:wrap}.pm-kpi div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px;min-width:96px}
.pm-kpi b{display:block;font-size:20px}.pm-kpi b em{font-style:normal;font-size:13px;color:var(--ink3)}.pm-kpi small{color:var(--ink3);font-size:12px}
.pm-warnungen{display:flex;flex-direction:column;gap:6px;margin:0 0 12px}.pm-w-kopf{display:flex;justify-content:space-between;align-items:center;gap:10px}
.pm-w{padding:8px 12px;border-radius:10px;display:flex;flex-direction:column;gap:2px;font-size:13px}.pm-w small{opacity:.85}
.pm-ok .pm-w-kopf b{color:#15803d}
.pm-ki-btn{background:#7c3aed!important;border-color:#7c3aed!important;color:#fff!important}
.pm-einsch{padding:10px 14px;border-radius:12px;margin-top:6px}.pm-einsch ul{margin:6px 0 0;padding-left:18px}
.pm-reiter{margin:0 0 12px}.pm-reiter a{flex:0 1 auto;padding:8px 16px}
.pm-phase{margin:0 0 10px;padding:12px 14px}.pm-phase h3{margin:0 0 8px;font-size:14px}
.pm-task{border:1px solid var(--line);border-radius:10px;background:var(--surface);margin:0 0 6px}
.pm-task>summary{display:grid;grid-template-columns:118px minmax(0,1fr) 140px 60px 90px auto;gap:10px;align-items:center;padding:7px 10px;cursor:pointer;list-style:none}
.pm-task>summary::-webkit-details-marker{display:none}
.pm-task[open]>summary{border-bottom:1px solid var(--line)}
.pm-tt{display:flex;flex-direction:column;min-width:0}.pm-tt b{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-tt small{color:var(--ink3);font-size:11.5px}.pm-blk{color:#b91c1c!important}
.pm-tu,.pm-tf,.pm-th{font-size:12.5px;color:var(--ink2);white-space:nowrap}.pm-th.rot,.pm-wf.rot{color:#b91c1c;font-weight:600}
.pm-st{border:0;border-radius:99px;padding:3px 8px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;width:100%}
.pm-st-neu{background:#e2e8f0;color:#334155}.pm-st-arbeit{background:#dbeafe;color:#1d4ed8}.pm-st-blockiert{background:#fee2e2;color:#b91c1c}.pm-st-erledigt{background:#dcfce7;color:#15803d}
.pm-ts-erledigt .pm-tt b{text-decoration:line-through;color:var(--ink3)}
.pm-ueber{border-color:color-mix(in srgb,#dc2626 40%,var(--line))}
.pm-takt{display:flex;gap:4px}.pm-play{width:30px;height:30px;border-radius:99px;border:0;background:var(--teal-d);color:#fff;cursor:pointer;font-size:12px}
.pm-play:hover{filter:brightness(1.1)}
.pm-regie{font-style:normal;font-size:10.5px;font-weight:700;color:#7c3aed;background:#ede9fe;border-radius:99px;padding:1px 7px;margin-left:6px}
.pm-tform{padding:12px}.pm-tform-fuss{display:flex;gap:8px}
.pm-neutask{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pm-neutask input,.pm-neutask select{border:1px solid var(--line2);border-radius:9px;padding:6px 9px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink)}
.pm-neutask input[name=titel]{flex:1;min-width:220px}.pm-kurz{width:60px}
.pm-ki-karte{background:linear-gradient(135deg,color-mix(in srgb,#7c3aed 8%,var(--surface)),var(--surface));border:1px solid color-mix(in srgb,#7c3aed 22%,var(--line))}
.pm-docs{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.pm-upl{margin:0 0 12px}
.pm-plan-kopf{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.pm-plan-kopf>div{display:flex;gap:12px;align-items:center}
.pm-zus{background:var(--surface2);border-radius:10px;padding:10px 12px;line-height:1.5}
.pm-pph h3{font-size:13.5px;margin:14px 0 6px;color:#6d28d9}
.pm-ptask{display:grid;grid-template-columns:auto minmax(0,1fr) 140px 110px 60px;gap:10px;align-items:start;padding:7px 8px;border-bottom:1px solid var(--line);cursor:pointer}
.pm-pt-t{display:flex;flex-direction:column}.pm-pt-t small{color:var(--ink3);font-size:12px;line-height:1.4}.pm-pt-m{font-size:12.5px;color:var(--ink2)}
.pm-plan-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;margin-top:14px}
.pm-plan-info>div{background:var(--surface2);border-radius:10px;padding:10px 12px;font-size:13px}.pm-plan-info ul{margin:6px 0 0;padding-left:18px}
.pm-pw{background:#fef3c7!important;color:#92400e}
.pm-ver{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.pm-neu .card{margin:0 0 12px}.pm-neu-fuss{display:flex;gap:10px;justify-content:flex-end}
.pm-tliste{display:flex;flex-direction:column}
.pm-trow{display:grid;grid-template-columns:90px minmax(0,1fr) 60px 90px auto;gap:10px;align-items:center;padding:8px 6px;border-bottom:1px solid var(--line)}
.pm-tstat{font-size:11.5px;font-weight:700;border-radius:99px;padding:2px 8px;text-align:center;background:#e2e8f0}
.pm-ts-arbeit .pm-tstat{background:#dbeafe;color:#1d4ed8}.pm-ts-blockiert .pm-tstat{background:#fee2e2;color:#b91c1c}
.pm-trow .pm-tt small{display:block}
.pm-wl{display:flex;flex-direction:column;gap:4px}
.pm-wt{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:center;padding:4px 0}
.pm-wt a{text-decoration:none;color:var(--ink);min-width:0}.pm-wt b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pm-wt small{color:var(--ink3);font-size:11.5px}.pm-wf{font-size:12px;color:var(--ink2)}
.pm-wl-titel{margin:12px 0 4px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
.pm-wp{display:flex;gap:10px;align-items:flex-start;padding:6px 0;text-decoration:none;color:var(--ink);border-top:1px solid var(--line)}
.pm-wp .pm-ampel{margin-top:5px}.pm-wp b{display:block;font-size:13px}.pm-wp small{color:var(--ink2);font-size:12px}
.pm-wfuss{margin-top:8px;font-size:12px}
@media(max-width:900px){.pm-task>summary{grid-template-columns:100px minmax(0,1fr) auto}.pm-task>summary .pm-tu,.pm-task>summary .pm-tf,.pm-task>summary .pm-th{display:none}
  .pm-ver{grid-template-columns:1fr}.pm-ptask{grid-template-columns:auto 1fr}.pm-ptask .pm-pt-m{display:none}}
/* Neues Projekt */
.pmn{max-width:1280px}
.pmn-kopf{margin-bottom:16px}.pmn-ic{font-size:30px;line-height:1}
.pmn-raster{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:16px;align-items:start}
.pmn-karte{margin:0 0 14px}.pmn-karte h2{display:flex;align-items:center;gap:10px;font-size:15px;margin:0 0 14px}
.pmn-nr{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:99px;background:color-mix(in srgb,#ea580c 14%,var(--surface));color:#c2410c;font-size:12.5px;font-weight:800}
.pmn-felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.pmn-felder .pmn-voll{grid-column:1/-1}
.pmn-drei{grid-template-columns:repeat(3,minmax(0,1fr))}
.pmn-felder .zt-lab small{font-weight:400;color:var(--ink3);margin-left:6px}
.pmn-rechts{position:sticky;top:76px;display:flex;flex-direction:column;gap:12px}
.pmn-ki{margin:0;display:flex;flex-direction:column;gap:12px}.pmn-ki h2{margin:0;font-size:15px}.pmn-ki p{margin:-6px 0 0}
.pmn-drop{padding:26px 16px;background:var(--surface)}.pmn-drop-ic{font-size:28px}
.pmn-drop.voll{border-style:solid;border-color:#7c3aed;background:color-mix(in srgb,#7c3aed 6%,var(--surface))}.pmn-drop.voll b{color:#6d28d9}
.pmn-liste{margin:0;padding-left:18px;font-size:12.5px;color:var(--ink2);line-height:1.6}
.pmn-fuss{display:flex;flex-direction:column;gap:8px}.pmn-gross{padding:12px 16px;font-size:15px;justify-content:center}
.pmn-fuss .btn.ghost{justify-content:center}
@media(max-width:1000px){.pmn-raster{grid-template-columns:1fr}.pmn-rechts{position:static}.pmn-drei{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.pmn-felder,.pmn-drei{grid-template-columns:1fr}}

/* Projekt: Kanban */
.pmk{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;align-items:start;overflow-x:auto}
.pmk-sp{background:var(--surface2);border-radius:14px;padding:10px;min-height:200px;border:2px solid transparent;transition:border-color .15s}
.pmk-sp.ueber{border-color:var(--teal)}
.pmk-kopf{display:flex;justify-content:space-between;align-items:center;padding:2px 4px 8px;font-size:13px}
.pmk-n{font-size:11.5px;font-weight:700;background:var(--surface);border-radius:99px;padding:1px 8px;color:var(--ink2)}
.pmk-neu .pmk-kopf b{color:#475569}.pmk-arbeit .pmk-kopf b{color:#1d4ed8}.pmk-blockiert .pmk-kopf b{color:#b91c1c}.pmk-erledigt .pmk-kopf b{color:#15803d}
.pmk-liste{display:flex;flex-direction:column;gap:8px;min-height:120px}
.pmk-karte{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:9px 11px;cursor:grab;display:flex;flex-direction:column;gap:3px;
  box-shadow:0 1px 2px rgba(0,0,0,.04);border-left:4px solid #94a3b8}
.pmk-arbeit .pmk-karte{border-left-color:#3b82f6}.pmk-blockiert .pmk-karte{border-left-color:#dc2626}.pmk-erledigt .pmk-karte{border-left-color:#16a34a;opacity:.8}
.pmk-karte.ueber{box-shadow:0 0 0 2px color-mix(in srgb,#dc2626 35%,transparent)}
.pmk-karte.zieht{opacity:.5}.pmk-karte:hover{border-color:var(--teal)}
.pmk-karte b{font-size:13px;line-height:1.35}.pmk-ph{font-size:10.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);font-weight:700}
.pmk-grund{color:#b91c1c;font-size:11.5px}.pmk-fuss{display:flex;justify-content:space-between;gap:8px;font-size:11.5px;color:var(--ink3);margin-top:2px}
/* Projekt: Gantt */
.pmg-karte{padding:12px}
.pmg-werkz{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:10px}.pmg-zoom{width:260px}
.pmg-leg{font-size:11.5px;color:var(--ink2);display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.pmg-leg i{display:inline-block;width:12px;height:10px;border-radius:3px;margin-left:8px}
.l-neu{background:#94a3b8}.l-arbeit{background:#3b82f6}.l-blockiert{background:#dc2626}.l-erledigt{background:#16a34a}
.l-abw{background:repeating-linear-gradient(45deg,rgba(234,88,12,.35) 0 3px,transparent 3px 6px)}.l-ft{background:var(--surface2);border:1px solid var(--line)}
.pmg{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
.pmg-links{border-right:1px solid var(--line);background:var(--surface)}
.pmg-lkopf{display:flex;align-items:flex-end;padding:6px 10px;font-size:11px;font-weight:700;color:var(--ink3);text-transform:uppercase;border-bottom:1px solid var(--line)}
.pmg-phase{display:flex;align-items:center;padding:0 10px;font-size:11.5px;font-weight:800;color:#c2410c;background:color-mix(in srgb,#ea580c 6%,var(--surface));height:26px}
.pmg-lz{display:flex;flex-direction:column;justify-content:center;padding:0 10px;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent);cursor:pointer;min-width:0}
.pmg-lz b{font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmg-lz small{font-size:11px;color:var(--ink3)}
.pmg-lz.pmg-s-erledigt b{text-decoration:line-through;color:var(--ink3)}
.pmg-rechts{overflow-x:auto;position:relative}
.pmg-inhalt{position:relative}
.pmg-kopf{position:sticky;top:0;border-bottom:1px solid var(--line);background:var(--surface);z-index:3}
.pmg-monat{position:absolute;top:4px;font-size:11.5px;font-weight:700;color:var(--ink2);padding-left:4px;white-space:nowrap;border-left:1px solid var(--line)}
.pmg-tag{position:absolute;bottom:3px;font-size:10.5px;color:var(--ink3);text-align:center}.pmg-tag.we{color:#c2410c}
.pmg-frei{position:absolute;bottom:0;background:color-mix(in srgb,var(--ink3) 7%,transparent)}
.pmg-phz{position:absolute;left:0;right:0;background:color-mix(in srgb,#ea580c 5%,transparent)}
.pmg-zeile{position:absolute;left:0;right:0;border-bottom:1px solid color-mix(in srgb,var(--line) 60%,transparent)}
.pmg-abw{position:absolute;background:repeating-linear-gradient(45deg,rgba(234,88,12,.22) 0 4px,transparent 4px 8px);z-index:1}
.pmg-bar{position:absolute;border-radius:7px;background:#94a3b8;color:#fff;font-size:11px;font-weight:600;display:flex;align-items:center;overflow:hidden;cursor:grab;z-index:2;
  box-shadow:0 1px 3px rgba(0,0,0,.15);touch-action:none}
.pmg-bar i{position:absolute;left:0;top:0;bottom:0;background:rgba(255,255,255,.28)}
.pmg-bar span{position:relative;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmg-bar.pmg-s-arbeit{background:#3b82f6}.pmg-bar.pmg-s-blockiert{background:#dc2626}.pmg-bar.pmg-s-erledigt{background:#16a34a}
.pmg-bar.regie{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.18) 0 6px,transparent 6px 12px)}
.pmg-bar.zieht{opacity:.75;cursor:grabbing;z-index:5}
.pmg-griff{position:absolute;right:0;top:0;bottom:0;width:8px;cursor:ew-resize;background:rgba(0,0,0,.12)}
.pmg-ms{position:absolute;width:18px;height:18px;background:#7c3aed;transform:rotate(45deg);border-radius:3px;z-index:2;cursor:grab;touch-action:none;box-shadow:0 1px 3px rgba(0,0,0,.2)}
.pmg-ms.pmg-s-erledigt{background:#16a34a}
.pmg-heute{position:absolute;width:2px;background:#dc2626;z-index:4;margin-left:-1px}
.pmg-ende{position:absolute;width:0;border-left:2px dashed #7c3aed;z-index:4}
.pmg-pfeile{position:absolute;left:0;top:0;pointer-events:none;z-index:3;color:#64748b}
.pmg-pfeile path{fill:none;stroke:currentColor;stroke-width:1.5}.pmg-pfeile path.konflikt{stroke:#dc2626;color:#dc2626}
@media(max-width:900px){.pmg{grid-template-columns:150px minmax(0,1fr)}.pmk{grid-template-columns:repeat(4,240px)}}

/* Projekt-Übersicht: Liste, Gruppen, Zeitplan */
.pmu-leiste{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.pmu-leiste .pm-filter{margin:0}
#pmuSuche{flex:1;min-width:220px;border:1px solid var(--line2);border-radius:99px;padding:7px 14px;font:inherit;font-size:13.5px;background:var(--surface);color:var(--ink)}
.pmu-wahl{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink3)}
.pmu-wahl select{border:1px solid var(--line2);border-radius:9px;padding:5px 8px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink)}
.pmu-ansicht{width:300px}
.pmu-liste{display:flex;flex-direction:column;gap:6px}
.pmu-kopfz,.pmu-z>summary{display:grid;grid-template-columns:18px minmax(0,2.2fr) minmax(0,1.3fr) 130px 130px minmax(0,1.3fr) 92px 18px;gap:12px;align-items:center}
.pmu-kopfz{padding:0 16px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
.pmu-gruppe{display:flex;align-items:center;gap:8px;margin:10px 0 2px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink2)}
.pmu-gruppe small{font-size:11px;background:var(--surface2);border-radius:99px;padding:1px 8px;color:var(--ink3)}
.pmu-z{background:var(--surface);border:1px solid var(--line);border-radius:12px;border-left:4px solid #16a34a}
.pmu-z.pm-a-gelb{border-left-color:#f59e0b}.pmu-z.pm-a-rot{border-left-color:#dc2626}
.pmu-z>summary{padding:10px 14px 10px 12px;cursor:pointer;list-style:none}.pmu-z>summary::-webkit-details-marker{display:none}
.pmu-z:hover{box-shadow:0 8px 20px -16px rgba(0,0,0,.35)}
.pmu-t{display:flex;flex-direction:column;min-width:0}.pmu-t b{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmu-t small,.pmu-k small,.pmu-ms small{display:block;font-size:11.5px;color:var(--ink3)}.pmu-t em{font-style:normal}
.pmu-k,.pmu-ms{font-size:13px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmu-b{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink2)}.pmu-b .nl-balken{margin:0;height:6px}
.pmu-e{font-size:12.5px;color:var(--ink2)}.pmu-rot{color:#b91c1c!important;font-weight:600}
.pmu-chev{color:var(--ink3);font-size:18px;transition:transform .15s}.pmu-z[open] .pmu-chev{transform:rotate(90deg)}
.pmu-detail{display:grid;grid-template-columns:1.2fr 1.2fr .9fr;gap:16px;padding:4px 16px 16px;border-top:1px solid var(--line)}
.pmu-sp h4{margin:12px 0 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3)}
.pmu-sp .pm-w{margin-bottom:6px}.pmu-gut{color:#15803d;font-weight:600;font-size:13px}
.pmu-task{display:grid;grid-template-columns:86px minmax(0,1fr);gap:2px 8px;align-items:center;padding:5px 0;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}
.pmu-task b{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmu-task small{grid-column:2;font-size:11.5px;color:var(--ink3)}
.pmu-task .pm-st{font-size:11px;padding:2px 6px;text-align:center}
.pmu-msl{display:flex;flex-wrap:wrap;gap:6px}.pmu-msl span{font-size:12px;border-radius:99px;padding:2px 9px;background:#ede9fe;color:#5b21b6}
.pmu-msl span.erl{background:#dcfce7;color:#166534;text-decoration:line-through}.pmu-msl span.ueber{background:#fee2e2;color:#991b1b}
.pmu-zahlen dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-size:13px}.pmu-zahlen dt{color:var(--ink3)}.pmu-zahlen dd{margin:0;font-weight:600}
.pmu-akt{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.pm-w-mehr summary{cursor:pointer;font-size:12.5px;color:var(--ink2);padding:4px 2px}.pm-w-mehr .pm-w{margin-top:6px}
.pmz{padding:12px;overflow-x:auto}
.pmz-kopf{position:relative;height:22px;border-bottom:1px solid var(--line)}.pmz-kopf span{position:absolute;font-size:11px;font-weight:700;color:var(--ink3);border-left:1px solid var(--line);padding-left:4px}
.pmz-z{display:flex;align-items:center;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line);min-height:40px}.pmz-z:hover{background:var(--surface2)}
.pmz-l{width:280px;flex:none;display:grid;grid-template-columns:16px 1fr;column-gap:8px;align-items:center;padding:4px 10px 4px 2px}
.pmz-l i{grid-row:span 2}.pmz-l b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pmz-l small{font-size:11px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmz-spur{position:relative;height:40px;flex:none}
.pmz-bar{position:absolute;top:12px;height:16px;border-radius:99px;background:color-mix(in srgb,#16a34a 30%,var(--surface2));overflow:hidden}
.pmz-bar i{position:absolute;left:0;top:0;bottom:0;background:#16a34a}
.pmz-bar.pmz-gelb{background:color-mix(in srgb,#f59e0b 30%,var(--surface2))}.pmz-bar.pmz-gelb i{background:#f59e0b}
.pmz-bar.pmz-rot{background:color-mix(in srgb,#dc2626 25%,var(--surface2))}.pmz-bar.pmz-rot i{background:#dc2626}
.pmz-ms{position:absolute;top:14px;width:12px;height:12px;background:#7c3aed;transform:rotate(45deg);border-radius:2px}.pmz-ms.erl{background:#16a34a}
.pmz-heute{position:absolute;top:0;bottom:0;width:2px;background:#dc2626;text-decoration:none}
@media(max-width:1100px){.pmu-kopfz{display:none}.pmu-z>summary{grid-template-columns:18px minmax(0,1fr) 120px 18px}.pmu-z>summary .pmu-k,.pmu-z>summary .pmu-ms,.pmu-z>summary .pmu-e,.pmu-z>summary .pmu-b+.pmu-b{display:none}
  .pmu-detail{grid-template-columns:1fr}}

/* Projekte: Vorlagen, Dokumente, Knöpfe im dunklen Design */
.pmv{margin:0 0 10px}.pmv>summary{display:flex;gap:12px;align-items:center;cursor:pointer;list-style:none}.pmv>summary::-webkit-details-marker{display:none}
.pmv>summary .pmu-chev{margin-left:auto}.pmv[open] .pmu-chev{transform:rotate(90deg)}
.pmv-tasks h4{margin:12px 0 4px;font-size:11px;text-transform:uppercase;color:#c2410c}.pmv-t{display:flex;justify-content:space-between;gap:10px;padding:3px 0;border-bottom:1px solid var(--line);font-size:13px}
.pmv-t small{color:var(--ink3)}.pmv-f{margin-top:12px}
.pmd-z{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}.pmd-z a{font-size:13px}
.pm-hero-akt .btn.ghost,.pmu-akt .btn.ghost{border:1px solid color-mix(in srgb,var(--teal) 40%,var(--line2));color:var(--teal-d)}
:root[data-theme="dark"] .pm-hero-akt .btn.ghost,:root[data-theme="dark"] .pmu-akt .btn.ghost{color:var(--teal)}

/* Projekt: Task-Liste neu */
.pmt-leiste{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 10px}.pmt-erl{margin-left:auto}
.pmt-ph{margin:0 0 12px;padding:0;overflow:hidden;border-left:4px solid #ea580c}
.pmt-ph.fertig{border-left-color:#16a34a}
.pmt-phk{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:12px 16px;cursor:pointer;list-style:none;background:color-mix(in srgb,#ea580c 4%,var(--surface))}
.pmt-ph.fertig .pmt-phk{background:color-mix(in srgb,#16a34a 4%,var(--surface))}
.pmt-phk::-webkit-details-marker{display:none}.pmt-phk b{font-size:15px}
.pmt-chev{font-size:18px;color:var(--ink3);transition:transform .15s;width:12px}.pmt-ph[open] .pmt-chev{transform:rotate(90deg)}
.pmt-phbar{display:flex;align-items:center;gap:8px;width:180px}.pmt-phbar .nl-balken{flex:1;margin:0;height:6px}.pmt-phbar small{color:var(--ink3);font-size:12px}
.pmt-phh{color:var(--ink3);font-size:12px}
.pmt-tag{font-size:11px;font-weight:700;border-radius:99px;padding:2px 9px}.pmt-tag.rot{background:#fee2e2;color:#b91c1c}.pmt-tag.gruen{background:#dcfce7;color:#15803d}
.pmt-kopfz,.pmt-t>summary{display:grid;grid-template-columns:118px minmax(0,1fr) 190px 74px 120px 76px;gap:12px;align-items:center}
.pmt-kopfz{padding:6px 26px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);border-top:1px solid var(--line)}
.pmt-t{margin:0 12px 6px;border-radius:10px}.pmt-ph>.pmt-t:last-of-type{margin-bottom:12px}
.pmt-t>summary{padding:8px 12px}
.pmt-titel{display:flex;flex-direction:column;gap:3px;min-width:0}
.pmt-titel b{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmt-ms{font-style:normal;color:#7c3aed;margin-right:6px}
.pmt-sub{display:flex;gap:6px;flex-wrap:wrap}.pmt-sub:empty{display:none}
.pmt-sub em{font-style:normal;font-size:11px;font-weight:600;border-radius:99px;padding:1px 8px;align-self:flex-start}
.pmt-sub .pm-regie{margin-left:0}.pmt-blk{background:#fee2e2;color:#b91c1c}.pmt-abh{background:var(--surface2);color:var(--ink3)}
.pmt-wer{display:flex;align-items:center;gap:8px;min-width:0;font-size:12.5px}.pmt-wer span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmt-av{font-style:normal;flex:none;width:28px;height:28px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;
  color:#fff;background:linear-gradient(135deg,var(--teal),var(--teal-d))}.pmt-av.leer{background:var(--surface2);color:var(--ink3)}
.pmt-datum{display:inline-block;font-size:12px;font-weight:600;border-radius:7px;padding:3px 8px;background:var(--surface2);color:var(--ink2)}
.pmt-datum.rot{background:#fee2e2;color:#b91c1c}.pmt-datum.gelb{background:#fef3c7;color:#92400e}
.pmt-h{display:flex;flex-direction:column;gap:3px}.pmt-h small{font-size:11.5px;color:var(--ink2)}.pmt-h small.rot{color:#b91c1c;font-weight:700}
.pmt-hbar{height:5px;border-radius:99px;background:var(--surface2);overflow:hidden}.pmt-hbar i{display:block;height:100%;background:var(--teal-d)}.pmt-hbar i.rot{background:#dc2626}
.pmt-akt{justify-content:flex-end}.pmt-platz{width:30px}
.pmt-zeitb{width:30px;height:30px;border-radius:99px;border:1px solid var(--line2);background:var(--surface);color:var(--ink2);cursor:pointer}.pmt-zeitb:hover{border-color:var(--teal);color:var(--teal-d)}
.pmt-t.pm-ts-erledigt>summary{opacity:.62}.pmt-t.pm-ts-erledigt .pmt-titel b{text-decoration:line-through}
.pmt-neu{display:grid;grid-template-columns:auto minmax(0,1fr) 190px 180px 150px 90px auto;gap:8px;align-items:center}
.pmt-neu input:not([type=checkbox]),.pmt-neu select{border:1px solid var(--line2);border-radius:9px;padding:7px 9px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink);width:100%;box-sizing:border-box;min-width:0}
.pmt-neu .sd-ein input{border:0;padding:7px 8px}.pmt-neu-t{white-space:nowrap}
.pm-phw{width:100%}
@media(max-width:1100px){.pmt-kopfz{display:none}.pmt-t>summary{grid-template-columns:100px minmax(0,1fr) auto}.pmt-t>summary .pmt-wer,.pmt-t>summary .pmt-f,.pmt-t>summary .pmt-h{display:none}
  .pmt-neu{grid-template-columns:1fr 1fr}.pmt-neu-t{grid-column:1/-1}}

/* Projekt-Task: Kommunikation */
.pmc{margin:12px 12px 0;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}
.pmc-kopf{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:8px}
.pmc-liste{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow:auto;margin-bottom:10px}
.pmc-e{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start}
.pmc-av{width:30px;height:30px;border-radius:99px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--teal),var(--teal-d))}
.pmc-system .pmc-av{background:var(--surface);color:var(--ink3);border:1px solid var(--line)}.pmc-ticket .pmc-av,.pmc-mail .pmc-av{background:#ede9fe;color:#6d28d9;font-size:14px}
.pmc-b{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:7px 10px;min-width:0}
.pmc-system .pmc-b{background:transparent;border-style:dashed}
.pmc-m{display:flex;gap:8px;align-items:baseline}.pmc-m b{font-size:12.5px}.pmc-m small{color:var(--ink3);font-size:11px}
.pmc-weg{margin-left:auto}.pmc-weg button{border:0;background:none;color:var(--ink3);cursor:pointer;font-size:15px}
.pmc-t{font-size:13px;white-space:pre-wrap;margin-top:3px;line-height:1.45}.pmc-system .pmc-t{color:var(--ink2);font-size:12.5px}
.pmc-ref{display:flex;flex-direction:column;margin-top:3px;font-size:13px;font-weight:600;color:var(--teal-d);text-decoration:none}.pmc-ref small{font-weight:400;color:var(--ink3)}
.pmc-neu textarea{width:100%;box-sizing:border-box;border:1px solid var(--line2);border-radius:10px;padding:8px 10px;font:inherit;font-size:13.5px;background:var(--surface);color:var(--ink);resize:vertical}
.pmc-fuss{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:6px;flex-wrap:wrap}
.pmc-tk{display:flex;gap:6px}.pmc-tk input{width:100px;border:1px solid var(--line2);border-radius:9px;padding:5px 8px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink)}
.pmt-k{background:#e0f2fe;color:#0369a1}
.pmm-f{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.pmm-f select,.pmm-f input{border:1px solid var(--line2);border-radius:9px;padding:5px 8px;font:inherit;font-size:13px;background:var(--surface);color:var(--ink);max-width:340px}
.pmc-tk .btn.ghost{border:1px solid color-mix(in srgb,var(--teal) 40%,var(--line2));color:var(--teal-d)}
:root[data-theme="dark"] .pmc-tk .btn.ghost{color:var(--teal)}

/* Task-Liste: Leiste oben */
.pmt-leiste{justify-content:space-between}
.pmt-gruppe{display:inline-flex;border:1px solid var(--line2);border-radius:10px;overflow:hidden;background:var(--surface)}
.pmt-gruppe button{border:0;background:none;padding:6px 12px;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink2);cursor:pointer}
.pmt-gruppe button+button{border-left:1px solid var(--line2)}.pmt-gruppe button:hover{background:color-mix(in srgb,var(--teal) 8%,var(--surface));color:var(--teal-d)}
.pmt-leiste .pmt-erl{margin:0 4px 0 auto;font-size:12.5px;font-weight:600;color:var(--ink2);white-space:nowrap}

/* Gantt 2: Monate als Abschnitte, ruhigere Zeilen, Abhängigkeiten ziehen */
.pmg-kopf .pmg-monat{position:absolute;top:0;height:22px;line-height:22px;padding-left:8px;font-size:11.5px;font-weight:700;color:var(--ink2);border-left:1px solid var(--line);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;border-bottom:1px solid var(--line)}
.pmg-kopf .pmg-tag{bottom:5px}.pmg-tag.heute{color:#fff!important;background:#dc2626;border-radius:6px;font-weight:700}
.pmg-frei{background:color-mix(in srgb,var(--ink3) 6%,transparent)}.pmg-frei.ft{background:color-mix(in srgb,#ea580c 9%,transparent)}
.pmg-zeile{border-bottom:1px solid color-mix(in srgb,var(--line) 50%,transparent)}.pmg-zeile.ung,.pmg-lz.ung{background:color-mix(in srgb,var(--ink3) 3%,transparent)}
.pmg-phase{display:flex;justify-content:space-between;align-items:center}.pmg-phase small{font-weight:600;color:var(--ink3)}
.pmg-klammer{position:absolute;height:6px;border-radius:99px;background:color-mix(in srgb,#ea580c 35%,transparent);z-index:1}
.pmg-lz{transition:background .12s}.pmg-lz:hover{background:color-mix(in srgb,var(--teal) 8%,transparent)}
.pmg-bar{border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,.18)}
.pmg-bar.pmg-s-erledigt{background:color-mix(in srgb,#16a34a 75%,#fff)}
.pmg-mslabel{position:absolute;font-size:11px;color:var(--ink2);white-space:nowrap;z-index:2;pointer-events:none}
.pmg-ms{width:20px;height:20px}
.pmg-con{position:absolute;right:-7px;top:50%;width:12px;height:12px;margin-top:-6px;border-radius:99px;background:var(--surface);border:2px solid #475569;
  cursor:crosshair;opacity:0;transition:opacity .12s,transform .12s;z-index:6}
.pmg-ms .pmg-con{right:-12px;transform:rotate(-45deg)}
.pmg-bar:hover .pmg-con,.pmg-ms:hover .pmg-con,.pmg-verbindet .pmg-con{opacity:1}.pmg-con:hover{transform:scale(1.25);border-color:var(--teal-d)}
.pmg-ziel{outline:3px solid var(--teal);outline-offset:2px}
.pmg-verbindet,.pmg-verbindet *{cursor:crosshair!important;user-select:none}
.pmg-pfeile{pointer-events:none}
.pmg-dep{pointer-events:auto;cursor:pointer;color:#64748b}.pmg-dep .linie{fill:none;stroke:currentColor;stroke-width:1.6;opacity:.55}
.pmg-dep .treffer{fill:none;stroke:transparent;stroke-width:12}
.pmg-dep marker path,.pmg-pfeile marker path{fill:#64748b}
.pmg-dep:hover{color:var(--teal-d)}.pmg-dep:hover .linie{opacity:1;stroke-width:2.4}
.pmg-dep.konflikt{color:#dc2626}.pmg-dep.konflikt .linie{stroke-dasharray:5 4;opacity:.9}
.pmg-neu{stroke:var(--teal-d);stroke-width:2;stroke-dasharray:6 4}
.pmg-heute span,.pmg-ende span{position:absolute;top:-1px;left:4px;font-size:10px;font-weight:700;color:#dc2626;white-space:nowrap}.pmg-ende span{color:#7c3aed}
.pmg-hilfe{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:12px;color:var(--ink3)}.pmg-hilfe b{color:var(--ink2)}
.pmg-con-bsp{display:inline-block;width:10px;height:10px;border-radius:99px;border:2px solid #475569;vertical-align:-1px;background:var(--surface)}
.zl-vor{font-size:.82rem;margin-top:3px}.zl-vor.warn{color:#B45309}
.zl-stripe{display:flex;gap:8px;align-items:baseline;padding:12px 16px;text-decoration:none;color:inherit;margin-bottom:12px}.zl-stripe:hover{border-color:var(--accent,#0E7C80)}

.km-edit form.kst{display:grid;gap:14px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 18px}
.kst fieldset{border:0;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 12px}
.kst fieldset+fieldset{border-top:1px solid var(--line);padding-top:14px}
.kst legend{grid-column:1/-1;float:left;width:100%;padding:0 0 8px;font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink2)}
.kst label{display:flex;flex-direction:column;gap:5px;font-size:12.5px;color:var(--ink2);min-width:0}
.kst label small{font-weight:400;color:var(--ink3,var(--ink2));opacity:.8}
.kst input,.kst select,.kst textarea{background:var(--surface2);border:1px solid var(--line);border-radius:9px;padding:8px 11px;font-size:13.5px;color:var(--ink)}
.kst input:focus,.kst select:focus,.kst textarea:focus{border-color:var(--accent,#0E7C80);background:var(--surface);outline:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#0E7C80) 15%,transparent)}
.kst textarea{resize:vertical;min-height:40px}
.kst-1{grid-column:span 1}.kst-2{grid-column:span 2}.kst-3{grid-column:span 3}.kst-4{grid-column:span 4}.kst-6{grid-column:1/-1}
.kst-fuss{display:flex;gap:8px;padding-top:2px}
@media (max-width:720px){.kst fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.kst-3,.kst-4,.kst-6{grid-column:1/-1}.kst-1,.kst-2{grid-column:span 1}}

.pmn .zt-f{gap:6px}.pmn .zt-lab{display:flex;align-items:baseline;gap:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pmn .zt-lab small{font-weight:400;color:var(--ink3,var(--ink2));margin-left:0;font-size:11.5px}
.pmn-felder{align-items:start}
.pmn-fuss .pmn-nur{display:flex;flex-direction:column;align-items:center;gap:1px;border:1px solid var(--line);background:var(--surface);padding:9px 14px}
.pmn-fuss .pmn-nur small{font-weight:400;color:var(--ink3,var(--ink2));font-size:11.5px}
.pmn-fuss .pmn-nur:hover{border-color:var(--accent,#0E7C80)}
/* Spaltenbreite verstellen (spalten.js) */
table thead th{position:relative}
.sp-griff{position:absolute;top:0;right:-4px;bottom:0;width:9px;cursor:col-resize;z-index:2;touch-action:none}
.sp-griff::after{content:"";position:absolute;top:22%;bottom:22%;left:4px;width:1px;background:var(--line2,#d6dde2);opacity:0;transition:opacity .15s}
thead th:hover .sp-griff::after{opacity:1}.sp-griff:hover::after,.sp-zieht .sp-griff::after{opacity:1;background:var(--accent,#0E7C80);width:2px}
table.sp-fix td,table.sp-fix th{overflow-wrap:anywhere}
body.sp-zieht{cursor:col-resize;user-select:none}

/* Telefonie: Team kompakt (über die ganze Breite, Kacheln nach Status) */
.tt{margin-top:16px}
.tt-kopf{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-bottom:12px}
.tt-kopf h2{margin:0}.tt-kopf>div:first-child{margin-right:auto}
.tt-filter{display:flex;gap:4px;padding:3px;border-radius:10px;background:var(--surface2);border:1px solid var(--line)}
.tt-filter button{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;font:inherit;font-size:12.5px;font-weight:600;color:var(--ink2);padding:5px 10px;border-radius:7px;cursor:pointer}
.tt-filter button b{font-weight:600;color:var(--ink3);font-size:11.5px}
.tt-filter button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.tt-suche{width:220px;max-width:100%;padding:7px 11px;font-size:13px}
.tt-raster{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
.tt-p{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface);min-width:0}
.tt-p[hidden]{display:none}
.tt-p.belegt{border-color:color-mix(in srgb,#E11D48 35%,var(--line));background:color-mix(in srgb,#E11D48 5%,var(--surface))}
.tt-p.weg{opacity:.72}
.tt-av{position:relative;flex:0 0 32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:700;color:var(--teal-d,#0E7C80);background:color-mix(in srgb,var(--teal,#0E7C80) 12%,var(--surface))}
.tt-av .tt-dot{position:absolute;right:-1px;bottom:-1px;border:2px solid var(--surface)}
.tt-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#9CA3AF;flex:0 0 auto}
.tt-dot.frei{background:#16A34A}.tt-dot.belegt{background:#E11D48}.tt-dot.weg{background:#F59E0B}
.tt-txt{display:flex;flex-direction:column;min-width:0}
.tt-txt b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-txt small{font-size:11.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tt-txt em{font-style:normal;color:#B45309}
@media (max-width:720px){.tt-suche{width:100%}.tt-raster{grid-template-columns:1fr 1fr}}

/* Zahlungen: offene Zahlungen als Karten mit Aktionen */
.zk{display:grid;gap:10px;margin-bottom:16px}
.zk-titel{display:flex;align-items:center;gap:8px;font-size:16px;margin:4px 0 2px}.zk-titel small{font-weight:400;font-size:12.5px}
.zk-k{display:grid;grid-template-columns:minmax(210px,1fr) minmax(0,1.6fr);gap:10px 22px;padding:16px 18px;border-left:3px solid #F59E0B;border-radius:0 var(--r) var(--r) 0}
.zk-links{display:flex;flex-direction:column;gap:3px;min-width:0}
.zk-betrag{font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--ink)}
.zk-datum{font-size:12px;color:var(--ink3)}
.zk-zahler{display:flex;flex-direction:column;margin-top:6px;font-size:13.5px}.zk-zahler code{font-size:11.5px;color:var(--ink3);background:none;padding:0}
.zk-ref{font-size:12.5px;color:var(--ink2);margin-top:2px}.zk-ref code{font-size:11.5px}
.zk-mitte{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:13.5px}
.zk-hinweis{padding:8px 11px;border-radius:9px;background:var(--surface2);border:1px solid var(--line);font-size:13px}
.zk-hinweis.warn{background:color-mix(in srgb,#F59E0B 10%,var(--surface));border-color:color-mix(in srgb,#F59E0B 35%,var(--line));color:#92400E}
.zk-zeile.warn{color:#B45309}.zk-zeile a{color:var(--teal-d,#0E7C80)}
.zk-tag{display:inline-block;font-size:11px;padding:1px 7px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);color:var(--ink3);margin-left:4px}
.zk-aktionen{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:6px;align-items:flex-start;padding-top:10px;border-top:1px solid var(--line)}
.zk-aktionen form{margin:0}.zk-aktionen .btn small{font-weight:400;opacity:.8;margin-left:4px}
.zk-aktionen .zk-warn{border-color:color-mix(in srgb,#F59E0B 45%,var(--line));color:#92400E}
.zk-mehr{position:relative}.zk-mehr>summary{list-style:none}.zk-mehr>summary::-webkit-details-marker{display:none}
.zk-pop{position:absolute;z-index:20;top:calc(100% + 6px);left:0;width:min(440px,86vw);display:grid;gap:10px;padding:12px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.12)}
.zk-pop .zl-f{display:flex;gap:6px;align-items:flex-end}.zk-pop label{display:flex;flex-direction:column;gap:4px;flex:1;font-size:12px;color:var(--ink2);min-width:0}
@media (max-width:800px){.zk-k{grid-template-columns:1fr}}

/* Rechnung: Zahlungsstand */
.zs-stand{margin-top:14px;padding:18px 20px;display:grid;gap:14px}
.zs-zahlen{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.zs-zahlen>div{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:12px;background:var(--surface2);border:1px solid var(--line)}
.zs-zahlen small{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}
.zs-zahlen b{font-size:22px;letter-spacing:-.01em}.zs-zahlen span{font-size:12px;color:var(--ink3)}
.zs-bez{background:color-mix(in srgb,#16A34A 8%,var(--surface))!important;border-color:color-mix(in srgb,#16A34A 30%,var(--line))!important}.zs-bez b{color:#15803D}
.zs-rest{background:color-mix(in srgb,#DC2626 7%,var(--surface))!important;border-color:color-mix(in srgb,#DC2626 28%,var(--line))!important}.zs-rest b{color:#B91C1C}
.zs-stand.voll .zs-rest{background:color-mix(in srgb,#16A34A 8%,var(--surface))!important;border-color:color-mix(in srgb,#16A34A 30%,var(--line))!important}.zs-stand.voll .zs-rest b{color:#15803D;font-size:18px}
.zs-balken{position:relative;height:22px;border-radius:999px;background:color-mix(in srgb,#DC2626 12%,var(--surface2));overflow:hidden}
.zs-balken i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#16A34A,#22C55E);border-radius:999px}
.zs-balken em{position:absolute;inset:0;display:grid;place-items:center;font-style:normal;font-size:12px;font-weight:700;color:var(--ink)}
.zs-stand.voll .zs-balken em{color:#fff}
.zs-liste{width:100%;border-collapse:collapse;font-size:13px}.zs-liste td{padding:7px 4px;border-top:1px solid var(--line)}.zs-liste td.r{text-align:right;white-space:nowrap}
.zs-keine{margin:0}
@media (max-width:720px){.zs-zahlen{grid-template-columns:1fr}}

.zi-fakten{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:4px 0 12px}
.zi-fakten>div{padding:10px 12px;border-radius:10px;background:var(--surface2);border:1px solid var(--line);min-width:0}
.zi-fakten dt{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3);margin-bottom:3px}
.zi-fakten dd{margin:0;display:flex;flex-direction:column;gap:2px;font-size:13.5px;overflow-wrap:anywhere}.zi-fakten dd small{font-size:11.5px;color:var(--ink3)}
.zi-fakten code{font-size:12.5px;background:none;padding:0}
.zi-h{font-size:13.5px;margin:4px 0 4px}
.zi-karte{margin:0 0 10px;font-size:13px}.zi-karte.fehler{color:#B91C1C}
@media (max-width:900px){.zi-fakten{grid-template-columns:1fr 1fr}}

.zi-fakten .zi-alt{grid-column:span 2;background:color-mix(in srgb,#2563EB 5%,var(--surface));border-color:color-mix(in srgb,#2563EB 22%,var(--line))}

/* Zahlungen: Karten v2 (kompakt) */
.zk-k{display:grid;grid-template-columns:38px minmax(0,1fr);gap:0 14px;padding:14px 18px;border-left:0;border-radius:var(--r)}
.zk-ic{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:16px;font-weight:700;background:color-mix(in srgb,#F59E0B 14%,var(--surface));color:#B45309}
.zk-doppelt .zk-ic{background:color-mix(in srgb,#DC2626 10%,var(--surface));color:#B91C1C}
.zk-kunde .zk-ic{background:color-mix(in srgb,#0E7C80 12%,var(--surface));color:#0E7C80}
.zk-unbekannt .zk-ic{background:var(--surface2);color:var(--ink3)}
.zk-body{display:flex;flex-direction:column;gap:8px;min-width:0}
.zk-kopf{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 18px}
.zk-kopf .zk-betrag{font-size:19px;font-weight:700;white-space:nowrap}
.zk-wer{display:inline-flex;align-items:baseline;gap:8px;min-width:0}.zk-wer b{font-size:14px}.zk-wer code{font-size:11.5px;color:var(--ink3);background:none;padding:0}
.zk-kopf .zk-ref{font-size:12.5px;color:var(--ink2);display:inline-flex;gap:6px}.zk-kopf .zk-ref i{font-style:normal}
.zk-kopf .zk-datum{margin-left:auto;font-size:12px;color:var(--ink3);white-space:nowrap}
.zk-mitte{gap:5px;font-size:13px}
.zk-hinweis{padding:6px 10px;font-size:12.5px}
.zk-aktionen{grid-column:auto;padding-top:8px;gap:6px}
.zk-mehr{position:static;width:100%}.zk-mehr[open]>summary{margin-bottom:8px}
.zk-mehr:not([open]){width:auto}
.zk-pop{position:static;width:auto;box-shadow:none;background:var(--surface2);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:end}
@media (max-width:720px){.zk-k{grid-template-columns:1fr}.zk-ic{display:none}.zk-kopf .zk-datum{margin-left:0}}

/* Gesperrte Dokumente: Hinweis und Felder ohne Eingabe-Optik */
.dok-sperre{margin:0 0 12px;padding:10px 14px;border-radius:10px;font-size:13px;background:var(--surface2);border:1px solid var(--line);color:var(--ink2)}
.dok-sperre.offen{background:color-mix(in srgb,#0E7C80 7%,var(--surface));border-color:color-mix(in srgb,#0E7C80 28%,var(--line));color:var(--ink)}
.rg-form.gesperrt input[readonly],.rg-form.gesperrt textarea[readonly],.rg-form.gesperrt select[disabled]{background:transparent!important;border-color:transparent!important;box-shadow:none!important;cursor:default;padding-left:2px;resize:none}
.rg-form.gesperrt input[readonly]:focus,.rg-form.gesperrt textarea[readonly]:focus{outline:none}
.rg-form.gesperrt .bl-auszahlen input:not([readonly]){background:var(--surface)!important;border:1px solid var(--line2)!important}

/* Rechnungen: Register Rückzahlungen */
.rz-kacheln{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:14px}
.rz-k{display:flex;flex-direction:column;gap:2px;padding:14px 16px}
.rz-k small{font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--ink3)}
.rz-k b{font-size:21px}.rz-k span{font-size:12px;color:var(--ink3)}
.rz-k.warn{border-left:3px solid #F59E0B;border-radius:0 var(--r) var(--r) 0}.rz-k.rot b{color:#B91C1C}
.rz-grund{display:inline-block;font-size:12px;padding:2px 8px;border-radius:999px;background:var(--surface2);border:1px solid var(--line)}
.rz-akt{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}.rz-akt form{margin:0}
.rz-tab code{font-size:12px;background:none;padding:0}
@media (max-width:900px){.rz-kacheln{grid-template-columns:1fr 1fr}}

/* Zahlungseingänge: Zeitraum und Tagesgruppen */
.zl-zeit{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:0 0 12px}
.zl-zeit label{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink2)}.zl-zeit input[type=date]{width:auto;padding:5px 8px;font-size:13px}
.zl-summe{margin-left:auto;font-size:13px;color:var(--ink2)}
.zl-tab tr.zl-tag td{background:var(--surface2);padding:7px 14px;font-size:12.5px;border-bottom:1px solid var(--line)}
.zl-tab tr.zl-tag span{margin-left:10px;color:var(--ink3)}

/* Zuständigkeiten-Anzeige */
.zu-zeile{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px}
.zu-zeile.kompakt{margin:6px 0 0}
.zu-chip{display:inline-flex;align-items:baseline;gap:6px;padding:4px 10px;border-radius:999px;background:var(--surface2);border:1px solid var(--line);font-size:12.5px}
.zu-chip i{font-style:normal}.zu-chip small{color:var(--ink3);font-size:11.5px}.zu-chip b{font-weight:600}
.zu-chip em{font-style:normal;font-size:11.5px;color:#B45309}

/* Guthaben */
.gh-box{display:grid;gap:8px;padding:10px 12px;border-radius:10px;background:color-mix(in srgb,#0E7C80 6%,var(--surface));border:1px solid color-mix(in srgb,#0E7C80 22%,var(--line))}
.gh-z{font-size:13px}.gh-form{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px}
.gh-form select,.gh-form input{width:auto;min-width:180px;padding:6px 10px;font-size:13px}
.gh-wert{color:#0E7C80}
.gh-karte{border-left:3px solid #0E7C80;border-radius:0 var(--r) var(--r) 0}

/* Mandanten: Umschalter, Firmen-Seite, Kundenakte */
.fm-um{display:flex;align-items:center;gap:8px;margin:2px 12px 10px;padding:6px 10px;border-radius:10px;background:var(--surface);border:1px solid var(--line);font-size:13px;font-weight:600}
.fm-um select{border:0;background:transparent;padding:0;font-weight:600;font-size:13px;width:100%;cursor:pointer}
.fm-punkt{display:inline-block;width:10px;height:10px;border-radius:50%;flex:0 0 auto;margin-right:2px}
.fm-wahl{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 12px;font-size:13px}
.fm-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink2);text-decoration:none;font-size:12.5px;cursor:pointer}
.fm-chip i{width:9px;height:9px;border-radius:50%}.fm-chip.on{border-color:var(--accent,#0E7C80);color:var(--ink);font-weight:600;background:color-mix(in srgb,var(--accent,#0E7C80) 8%,var(--surface))}
.fm-kunde{display:flex;flex-wrap:wrap;gap:6px}
.fm-firmen{display:grid;gap:10px}
.fm-f{padding:12px 14px;border:1px solid var(--line);border-radius:12px;display:grid;gap:8px}
.fm-f-kopf{display:flex;gap:8px;align-items:center}.fm-f-kopf input[type=color]{width:38px;height:34px;padding:2px;border-radius:8px}
.fm-name{flex:1;font-weight:600}.fm-kurz{width:140px}
.fm-f-opt{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:13px}
.fm-addon-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:4px 12px;margin:8px 0}
.fm-tab td.c,.fm-tab th.c{text-align:center}.fm-sel{width:auto;padding:4px 8px;font-size:12.5px}.fm-sel.an{border-color:var(--accent,#0E7C80);font-weight:600}

/* Mandanten-Umschalter v2 */
.fm-um{position:relative;display:block;margin:2px 12px 10px;padding:0;border:0;background:none;font-weight:400}
.fm-um>summary,.fm-um.fm-fix{list-style:none;display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:12px;background:var(--surface);border:1px solid var(--line);cursor:pointer;transition:border-color .15s,box-shadow .15s}
.fm-um.fm-fix{cursor:default}
.fm-um>summary::-webkit-details-marker{display:none}
.fm-um>summary:hover,.fm-um[open]>summary{border-color:color-mix(in srgb,var(--accent,#0E7C80) 45%,var(--line));box-shadow:0 2px 8px rgba(15,23,42,.06)}
.fm-av{flex:0 0 26px;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:#fff;background:var(--fm,#0E7C80)}
.fm-av.gross{flex-basis:32px;width:32px;height:32px;border-radius:9px;font-size:12px}
.fm-av.fm-alle{background:linear-gradient(135deg,#0E7C80,#1D4ED8);font-size:15px}
.fm-txt{display:flex;flex-direction:column;min-width:0;line-height:1.2;text-align:left}
.fm-txt small{font-size:10.5px;color:var(--ink3);font-weight:500;text-transform:uppercase;letter-spacing:.05em}
.fm-txt b{font-size:13px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fm-opt .fm-txt small{text-transform:none;letter-spacing:0;font-size:11px}
.fm-pfeil{margin-left:auto;color:var(--ink3);font-size:14px;transition:transform .15s}.fm-um[open] .fm-pfeil{transform:rotate(180deg)}
.fm-liste{position:absolute;z-index:60;left:0;right:0;top:calc(100% + 6px);display:grid;gap:2px;padding:6px;border-radius:12px;background:var(--surface);border:1px solid var(--line);box-shadow:0 12px 32px rgba(15,23,42,.14)}
.fm-opt{display:flex;align-items:center;gap:10px;width:100%;padding:7px 8px;border:0;border-radius:9px;background:transparent;font:inherit;cursor:pointer;text-align:left}
.fm-opt:hover{background:var(--surface2)}.fm-opt.on{background:color-mix(in srgb,var(--accent,#0E7C80) 9%,var(--surface))}
.fm-opt-alle{margin-top:4px;border-top:1px solid var(--line);border-radius:0 0 9px 9px;padding-top:9px}
.fm-ok{margin-left:auto;color:var(--accent,#0E7C80);font-weight:700}
.fm-liste{right:auto;min-width:290px;width:max-content;max-width:340px}.fm-opt .fm-txt{flex:1}.fm-opt .fm-txt b{white-space:normal}

.kn-firma{margin:0 0 14px;padding:10px 14px;border-radius:10px;border-left:4px solid var(--fm);background:color-mix(in srgb,var(--fm) 7%,var(--surface));font-size:13px}

/* Newsletter: Felder auf gleicher Linie (Hinweistexte schieben die Eingabe nicht mehr nach unten) */
.nl-felder>.zt-f{justify-content:flex-end}
.nl-felder>.zt-f.nl-2{justify-content:flex-start}
.nl-fein{display:flex;flex-wrap:wrap;gap:6px 8px;align-items:center;margin-top:12px}
.nl-fein-eigen{display:flex;gap:8px;flex:1 1 100%;align-items:center}.nl-fein-eigen input{flex:1;min-width:0}
/* Newsletter-Editor */
.nle{border:1px solid var(--line2);border-radius:12px;background:var(--surface);overflow:hidden}
.nle:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 15%,transparent)}
.nle.nl-neu{animation:nlNeu 1.8s ease}
@keyframes nlNeu{0%{box-shadow:0 0 0 4px color-mix(in srgb,#7c3aed 35%,transparent)}100%{box-shadow:none}}
.nle-leiste{display:flex;flex-wrap:wrap;gap:4px;align-items:center;padding:6px 8px;border-bottom:1px solid var(--line);background:var(--surface2);position:sticky;top:0;z-index:2}
.nle-leiste button,.nle-platz{border:1px solid transparent;background:transparent;color:var(--ink2);border-radius:7px;padding:5px 9px;font:inherit;font-size:13px;font-weight:500;cursor:pointer;line-height:1.2}
.nle-leiste button:hover{background:var(--surface);border-color:var(--line)}
.nle-leiste button.an{background:color-mix(in srgb,var(--teal) 14%,var(--surface));border-color:color-mix(in srgb,var(--teal) 40%,var(--line));color:var(--teal-d)}
.nle-leiste button b,.nle-leiste button i,.nle-leiste button u{font-size:14px;min-width:12px;display:inline-block}
.nle-platz{border-color:var(--line);background:var(--surface)}
.nle-tr{width:1px;height:20px;background:var(--line2);margin:0 4px}
.nle-rechts{margin-left:auto}
.nle-feld{position:relative;min-height:280px;max-height:640px;overflow:auto;padding:14px 18px;font-size:14px;line-height:1.6;color:var(--ink);font-weight:400;outline:none}
.nle-feld.leer::before{content:attr(data-leer);color:var(--ink3);position:absolute;pointer-events:none}
.nle-feld p{margin:0 0 10px}.nle-feld h2{font-size:17px;margin:14px 0 6px}.nle-feld ul,.nle-feld ol{margin:0 0 10px;padding-left:22px}
.nle-feld li{margin:0 0 3px}.nle-feld a{color:var(--teal-d)}
.nle-block{position:relative;display:flex;align-items:center;gap:12px;margin:8px 0 12px;padding:8px 40px 8px 8px;border:1px dashed var(--line2);border-radius:10px;background:var(--surface2);user-select:none}
.nle-block img{width:120px;height:68px;object-fit:cover;border-radius:7px;background:var(--surface)}
.nle-block span{font-size:13px;color:var(--ink2)}.nle-prod{padding:6px 4px}
.nle-weg{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:var(--surface);color:var(--ink3);border-radius:50%;width:24px;height:24px;cursor:pointer}
.nle-weg:hover{color:#B91C1C}
.nle.ro .nle-weg{display:none}

/* Kopfzeile oben rechts: Suche, Glocke, Konnektoren, Darstellung, Benutzer mit M365-Foto (17.10.2026) */
.kopf-rechts{display:flex;align-items:center;gap:6px;margin-left:auto;min-width:0}
.topbar .kopf-suche{flex:0 1 300px;width:300px;max-width:300px;margin:0 8px 0 0;height:38px;border-radius:11px;padding:0 6px 0 12px;background:var(--surface);border:1px solid var(--line)}
.topbar .kopf-suche:focus-within{flex-basis:380px;width:380px;max-width:380px}
.kopf-suche input{min-width:0;flex:1;height:100%;padding:0!important;font-size:13.5px}
.kopf-suche .ic{width:16px;height:16px;flex:none}
.kopf-suche .ts-kbd{flex:none;font-size:10.5px;padding:2px 6px}
.kopf-suche .dropdown{left:auto;right:0;width:min(480px,90vw);top:calc(100% + 6px);z-index:60}
.kopf-thema{width:36px;height:36px}
.kopf-ich{position:relative;margin-left:4px}
.kopf-ich>summary{list-style:none;display:flex;align-items:center;gap:9px;padding:4px 8px 4px 4px;border-radius:999px;cursor:pointer;border:1px solid transparent}
.kopf-ich>summary::-webkit-details-marker{display:none}
.kopf-ich>summary:hover,.kopf-ich[open]>summary{background:var(--surface);border-color:var(--line)}
.kopf-av{position:relative;overflow:hidden;width:32px;height:32px;flex:none}
.kopf-av img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.kopf-av.gross{width:44px;height:44px;font-size:14px}
.kopf-wer{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.kopf-wer b{font-size:13px;font-weight:600;white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}
.kopf-wer small{font-size:11px;color:var(--ink3);white-space:nowrap}
.kopf-pf{color:var(--ink3)}
.kopf-menue{position:absolute;right:0;top:calc(100% + 8px);width:280px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -16px rgba(0,0,0,.35);padding:6px;z-index:70}
.km-kopf{display:flex;gap:12px;align-items:center;padding:10px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:4px}
.km-kopf>span:last-child{display:flex;flex-direction:column;min-width:0}.km-kopf b{font-size:14px}
.km-kopf small{color:var(--ink3);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kopf-menue a,.kopf-menue button{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;background:transparent;border-radius:9px;color:var(--ink);font:inherit;font-size:13.5px;text-decoration:none;cursor:pointer;text-align:left}
.kopf-menue a:hover,.kopf-menue button:hover,.kopf-menue a.on{background:var(--surface2)}
.kopf-menue .ic{width:16px;height:16px;color:var(--ink3)}
.kopf-menue form{margin:4px 0 0;padding-top:4px;border-top:1px solid var(--line)}
.kopf-menue .km-aus{color:#B91C1C}.kopf-menue .km-aus .ic{color:#B91C1C}
@media(max-width:1200px){.kopf-wer{display:none}.topbar .kopf-suche{flex-basis:220px;width:220px}}
@media(max-width:760px){.topbar .kopf-suche{flex:1 1 auto;width:auto}.kopf-suche .ts-kbd,.kopf-uhr-w,#apiAmpel{display:none}}

/* Dashboard: Mail-Widget (eigene Klassen, vorher Konflikt mit der Dateiablage .dm-z) */
.dmw-liste{display:flex;flex-direction:column;gap:2px}
.dmw-z{display:flex;gap:11px;align-items:center;padding:8px 8px;border-radius:10px;color:var(--ink);text-decoration:none;position:relative}
.dmw-z:hover{background:var(--surface2)}
.dmw-z+.dmw-z::before{content:"";position:absolute;left:52px;right:8px;top:-1px;border-top:1px solid var(--line)}
.dmw-av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:700;color:#fff;background:var(--pf)}
.dmw-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
.dmw-kopf{display:flex;align-items:baseline;gap:6px;min-width:0}
.dmw-von{font-size:13.5px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.dmw-kopf em{flex:none;font-style:normal;font-size:10.5px;color:var(--teal-d);background:var(--teal-s);border-radius:99px;padding:1px 7px}
.dmw-anh{font-style:normal;font-size:11px}
.dmw-zeit{margin-left:auto;flex:none;font-size:11.5px;color:var(--ink3);padding-left:8px}
.dmw-betreff{font-size:12.5px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dmw-z.neu .dmw-von{font-weight:700}.dmw-z.neu .dmw-betreff{color:var(--ink);font-weight:600}
.dmw-z.neu .dmw-zeit{color:var(--teal-d);font-weight:600}
.dmw-z.neu::after{content:"";position:absolute;left:1px;top:50%;width:5px;height:5px;margin-top:-2.5px;border-radius:50%;background:var(--teal)}

/* Formatierleiste: KI-Knopf als Pille rechts (vorher von der Trennstrich-Regel zusammengedrückt) */
.fmt-leiste{flex-wrap:wrap}
.fmt-ki>button[data-ki-menu]{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding:3px 11px;border-radius:999px;
  background:linear-gradient(135deg,#f5f0ff,#fdf2ff)!important;border-color:#ddd0fb!important}
.fmt-ki>button[data-ki-menu]:hover{border-color:#7c3aed!important}
.fmt-ki-m{width:auto;height:auto;margin:4px 0 0;min-width:170px;box-shadow:0 12px 28px -14px rgba(0,0,0,.35);padding:4px}

/* Angebote: ein klarer Stand statt Status + Pipeline nebeneinander (17.10.2026) */
.of-stand-lab{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.of-hinweis{font-size:12px;font-weight:600;color:var(--ink2);white-space:nowrap}
.of-hinweis.ok{color:#15803d}.of-hinweis.nein{color:#b91c1c}
.of-pl-klein{flex-basis:100%;font-size:11.5px}

.gr-gemeinsam .gr-kopf{display:flex;align-items:center;gap:12px;padding:12px 16px}.gr-gemeinsam .gr-kopf>div:nth-child(2){flex:1;min-width:0}
.gr-gemeinsam form{margin:0}.gr-gemeinsam.gr-aus{opacity:.65}

/* Automatisierung: Betrag unter der Zahl, Kachel öffnet die Liste */
button.au-k{font:inherit;cursor:pointer;background:none;border-left:0;border-right:0;border-bottom:0;width:100%;color:inherit}
.au-k .au-chf{display:block;font-size:11.5px;color:var(--ink3);font-variant-numeric:tabular-nums;margin-top:2px}

/* Abo Produkt → Preise & Verrechnung: drei nummerierte Schritte mit Erklärungen */
.pm-karte{padding-top:18px}
.pm-karte .pm-kopf{display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;padding:0;border-radius:0;background:none}
.pm-karte .pm-kopf h2{margin:0 0 3px}.pm-karte .pm-kopf p{margin:0;max-width:860px;line-height:1.5}
.pm-karte .pm-nr{flex:0 0 26px;height:26px;border-radius:50%;background:var(--accent,#0E8F94);color:#fff;font-weight:700;font-size:13px;display:grid;place-items:center;margin-top:1px}
.pm-felder{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,320px));gap:14px 22px;margin:4px 0 10px 38px}
.pm-feld{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--ink2)}
.pm-feld > span:first-child{font-weight:600;color:var(--ink)}
.pm-feld small{line-height:1.45}
.pm-eingabe{display:flex;align-items:center;gap:6px;background:var(--surface2,#F1F5F6);border-radius:10px;padding:0 10px;border:1px solid var(--line)}
.pm-eingabe input{border:0;background:transparent;box-shadow:none;padding:9px 0;min-width:0;flex:1;font-variant-numeric:tabular-nums}
.pm-eingabe em{font-style:normal;color:var(--ink3);font-size:12.5px;white-space:nowrap}
.pm-zyklen{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:0 0 14px 38px;max-width:900px}
.pm-zyklus{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.pm-zyklus .pm-fix{margin-top:4px;padding:9px 10px;color:var(--ink3);font-size:13px}
.pm-proz{margin-top:4px}
.pm-mindest{margin:0 0 6px 38px;max-width:420px}
.pm-karte .pm-h3,.pm-karte .pm-vorschau,.pm-karte > p.muted,.pm-karte .pm-null{margin-left:38px}
.pm-anteilig{display:flex;gap:10px;align-items:flex-start;margin:0 0 12px 38px;font-size:13.5px}
.pm-anteilig input{margin-top:3px}
.pm-beispiel{margin:4px 0 0 38px;padding:10px 14px;border-radius:10px;background:var(--surface2,#F1F5F6);font-size:13px;color:var(--ink2);max-width:860px}
.pm-beispiel ul{margin:6px 0 0;padding-left:18px}.pm-beispiel li{margin:3px 0}
@media (max-width:700px){.pm-felder,.pm-zyklen,.pm-mindest,.pm-anteilig,.pm-beispiel,.pm-karte .pm-h3,.pm-karte .pm-vorschau,.pm-karte > p.muted,.pm-karte .pm-null{margin-left:0}}

/* Konfigurierbare Optionen: Erklärung, Arten, neue Position hervorheben */
.og-erkl{background:var(--surface2,#F1F5F6);border-radius:12px;padding:12px 16px;margin:4px 0 14px;font-size:13px;color:var(--ink2);line-height:1.5}
.og-erkl p{margin:0 0 8px;max-width:980px}.og-erkl p b{color:var(--ink)}
.og-typen{display:flex;flex-wrap:wrap;gap:8px}
.og-typen span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:12.5px}
.og-typen b{color:var(--accent,#0E8F94);margin-right:4px}
.og-intern{margin:4px 0 2px}.og-intern summary{cursor:pointer;margin-bottom:8px}
.og-opt.og-neu{outline:2px solid var(--accent,#0E8F94);outline-offset:2px;border-radius:12px}
.og-opt.og-neu::before{content:"Neue zusätzliche Position für dieses Abo Produkt";display:block;font-size:12px;font-weight:600;color:var(--accent,#0E8F94);margin-bottom:6px}

/* Rechnungen → Abos: Kundenfilter */
.ab-filter{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;padding:12px 16px;margin-bottom:14px}
.ab-filter-l{font-weight:600;font-size:13.5px}
.ab-such{position:relative;flex:1 1 360px;max-width:520px}
.ab-such input{width:100%;padding-left:34px;padding-right:34px}
.ab-lupe{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--ink3);font-size:16px;pointer-events:none}
.ab-x{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:none;color:var(--ink3);cursor:pointer;font-size:13px;padding:4px 6px;border-radius:6px}
.ab-x:hover{background:var(--surface2,#F1F5F6);color:var(--ink)}
.ab-vorschlag{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:50;max-height:340px;overflow:auto;background:var(--surface);
  border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px -16px rgba(0,0,0,.28);padding:6px}
.ab-v{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13.5px}
.ab-v b{color:var(--accent,#0E8F94)}
.ab-v small{color:var(--ink3);font-size:12px;white-space:nowrap}
.ab-v:hover,.ab-v.akt{background:var(--surface2,#EEF6F6)}
.ab-leer{padding:10px;color:var(--ink3);font-size:13px}
.ab-tipp{margin-left:auto}
.ab-titel{color:inherit;font-weight:500}.ab-titel:hover{color:var(--accent,#0E8F94)}

/* Rechnungen → Abos: gruppiert nach Kunde, kompakte Zeilen */
.ab-tab td{vertical-align:top;padding-top:10px;padding-bottom:10px}
.ab-tab tr.ab-zeile:not(.ab-neu) td{border-top-color:transparent}
.ab-tab tr.ab-neu td{border-top:1px solid var(--line)}
.ab-tab tr.ab-neu:not(:first-child) td{padding-top:16px}
.ab-kunde{width:200px;max-width:220px;font-weight:600}
.ab-kunde a{color:var(--accent,#0E8F94);text-decoration:none}
.ab-abo{min-width:280px}
.ab-titel{font-weight:600;color:var(--ink);text-decoration:none}
.ab-titel:hover{color:var(--accent,#0E8F94)}
.ab-teile{margin-top:2px;font-size:12.5px;color:var(--ink3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.45}
.ab-iv{display:inline-block;font-size:12px;padding:2px 9px;border-radius:999px;background:#E3F4F4;color:#0E6F73;white-space:nowrap}
.ab-iv-vierteljaehrlich{background:#E5EDFF;color:#2547B8}.ab-iv-halbjaehrlich{background:#ECEBFF;color:#4338CA}
.ab-iv-jaehrlich,.ab-iv-zweijaehrlich,.ab-iv-dreijaehrlich{background:#F1E9FF;color:#6D28D9}
.ab-betrag{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.ab-dat{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}
.ab-akt{white-space:nowrap;text-align:right;width:1%}
.ab-akt form,.ab-akt details{display:inline-block;margin:0}
.ab-ib{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:8px;border:1px solid transparent;background:none;color:var(--ink2);
  cursor:pointer;font-size:14px;text-decoration:none;list-style:none;vertical-align:middle}
.ab-ib::-webkit-details-marker{display:none}
.ab-ib:hover{background:var(--surface2,#EEF6F6);color:var(--accent,#0E8F94);border-color:var(--line)}

/* Bundles: Markierung bei Abos */
.bd-tag{display:inline-block;font-size:11.5px;font-weight:600;color:#047857;background:#D1FAE5;border-radius:999px;padding:1px 9px;margin-left:6px;vertical-align:middle;white-space:nowrap}
.bd-tag.ex{color:#92400E;background:#FEF3C7}
.kal-meldung.bd-info{background:#ECFDF5;border-color:#A7F3D0;color:#065F46}
.kal-meldung.bd-info small{display:block;margin-top:4px;color:#047857}

/* Tickets: Mitarbeitende je Department */
.tv-dep{border:1px solid var(--line);border-radius:12px;padding:8px 14px;margin:8px 0}
.tv-dep summary{cursor:pointer;padding:4px 0}
.tv-mg table{margin:8px 0}.tv-mg tr.tv-aus td{opacity:.55}.tv-mg select{min-width:220px}
.ko-deps{margin-top:8px}
/* Mein Konto: Profilfoto aus Microsoft 365, Auswahl und Departments bündig unter dem Text */
.ko-avatar{position:relative;overflow:hidden}
.ko-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:50%}
.ko-karte>.ko-tk{margin:0;padding:0 18px 16px 70px}
.ko-deps th,.ko-deps td{padding:7px 10px}
@media(max-width:600px){.ko-karte>.ko-tk{padding:0 14px 14px}}

/* Willkommensmail Kundenbereich */
.km-willk{display:inline;margin:0 10px 0 0}.km-willk button{border:0;background:none;padding:0;cursor:pointer}
.kn-willkommen{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border-radius:10px;background:var(--surface2,#F1F6F7);font-size:13px}
.kn-willkommen input{margin-top:3px}

/* Mail: Senden planen */
.ms-planen{position:relative;display:inline-block}.ms-planen>summary{list-style:none}.ms-planen>summary::-webkit-details-marker{display:none}
.ms-planen-pop{position:absolute;right:0;top:calc(100% + 6px);z-index:60;width:290px;display:flex;flex-direction:column;gap:10px;padding:14px;
  background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 40px -16px rgba(0,0,0,.3)}
.ms-planen-schnell{display:flex;flex-wrap:wrap;gap:6px}
.ms-planen-schnell button{border:1px solid var(--line2,#D5DDE0);background:var(--surface2,#F1F6F7);border-radius:999px;padding:4px 10px;font-size:12.5px;cursor:pointer}
.ms-planen-schnell button:hover{border-color:var(--teal,#0E8F94);color:var(--teal-d,#0B6F73)}
.ms-planen-pop label{display:flex;flex-direction:column;gap:4px}
/* Rechnungen: Liste passt in die Breite (lange Titel/URLs zweizeilig, Datum ohne Umbruch) */
.re-tab{width:100%}
.re-tab .re-titel span,.re-tab .re-kunde span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.re-tab .re-titel{max-width:360px}.re-tab .re-kunde{max-width:240px}
.re-tab .re-dat,.re-tab td.r{white-space:nowrap}
/* Alle Listen: lange Wörter/URLs umbrechen statt die Seite zu verbreitern; Beträge und Daten einzeilig */
table.list td{overflow-wrap:anywhere}
table.list td.r,table.list th,table.list td .zl-st,table.list td .pill,table.list td .re-typ{overflow-wrap:normal;white-space:nowrap}

/* SLA: Ampel im Ticket und in der Liste, Servicetage */
.sla-chip{display:inline-block;font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 10px;margin-left:6px;white-space:nowrap;vertical-align:middle}
.sla-gruen{background:#D1FAE5;color:#047857}.sla-gelb{background:#FEF9C3;color:#854D0E}.sla-orange{background:#FFEDD5;color:#C2410C}
.sla-rot{background:#FEE2E2;color:#B91C1C}.sla-ok{background:#EEF2F4;color:#475569}
.sla-tage{display:flex;gap:6px;flex-wrap:wrap}.sla-tage input{position:absolute;opacity:0}
.sla-tage span{display:inline-block;width:38px;text-align:center;padding:6px 0;border-radius:8px;border:1px solid var(--line2,#D5DDE0);cursor:pointer;font-size:13px}
.sla-tage input:checked+span{background:var(--teal,#0E8F94);border-color:var(--teal,#0E8F94);color:#fff;font-weight:600}
.km-willk{display:flex !important;align-items:center;gap:10px;flex-wrap:wrap;margin:8px 0 2px}
.km-willk button.btn{border:1px solid var(--line2,#D5DDE0);background:var(--surface);padding:5px 12px;cursor:pointer}
.km-willk button.btn:hover{border-color:var(--teal,#0E8F94);color:var(--teal-d,#0B6F73)}
.km-willk small{font-size:11.5px}

.tw-nf{display:inline-block;margin-left:8px}.tw-nf summary{list-style:none;cursor:pointer}
.tw-nf-f{display:flex;flex-direction:column;gap:6px;margin-top:6px;padding:10px 12px;border:1px solid #FECACA;border-radius:10px;background:#FFF5F5;max-width:460px}

.tw-quitt{margin-left:8px;background:#DC2626;border-color:#DC2626;color:#fff}
.ko-mobil{flex-direction:row !important;align-items:center;gap:10px}.ko-mobil input{max-width:240px}

/* Kundenakte: Kundenbenutzer */
.kb-erkl{margin:-4px 0 8px}
.kb-chips{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px}
.kb-chip{font-size:11.5px;border-radius:999px;padding:2px 9px;background:#EEF2F4;color:#475569}
.kb-chip.kb-ja{background:#E3F4F4;color:#0E6F73;font-weight:600}.kb-chip.kb-mail{background:#EEF2FF;color:#3730A3}
.kb-fs{border:1px solid var(--line);border-radius:10px;padding:8px 12px;display:flex;flex-wrap:wrap;gap:6px 14px}
.kb-fs legend{font-size:12px;color:var(--ink3);padding:0 4px}.kb-rechte{display:flex;flex-wrap:wrap;gap:4px 12px;width:100%}

/* Fahrt-Dialog: Felder oben bündig, Schalter «Hin und zurück» auf Höhe des Eingabefelds */
.zt-zeile.zwei.oben{align-items:start}
.zt-km[data-zt-ohne-auto]{align-items:flex-end}.zt-km[data-zt-ohne-auto] .zt-sw{margin:0 0 9px}

/* Projekt: Phasenkopf mit klaren Kennzahlen (Tasks x von y, Zeit erfasst von geschätzt) */
.pmt-kz{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;color:var(--ink2);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:3px 10px}
.pmt-kz small{font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink3);font-weight:700}
.pmt-kz b{color:var(--ink)}.pmt-kz .nl-balken{width:60px;height:5px;margin:0 0 0 4px}
.pmt-kz.gelb .nl-balken i{background:#d97706}.pmt-kz.rot{border-color:#fecaca}.pmt-kz.rot .nl-balken i{background:#dc2626}.pmt-kz.rot b{color:#b91c1c}

/* Stundenzettel: Monatskalender */
.szk{padding:0;margin:0 0 14px;overflow:hidden}
.szk>summary{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;list-style:none}.szk>summary::-webkit-details-marker{display:none}
.szk>summary b{font-size:15px}.szk-nav{margin-left:auto;display:flex;gap:4px}
.szk-gitter{display:grid;grid-template-columns:52px repeat(7,1fr);gap:5px;padding:0 16px 10px}
.szk-wt{font-size:11px;font-weight:700;color:var(--ink3);text-align:center;text-transform:uppercase}
.szk-kw{font-size:11px;color:var(--ink3);align-self:center}
.szk-t{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:52px;padding:6px 8px;border-radius:10px;border:1px solid var(--line);
  background:var(--surface);text-decoration:none;color:var(--ink);transition:transform .08s,box-shadow .12s}
.szk-t:hover{box-shadow:0 2px 8px rgba(15,23,42,.08);transform:translateY(-1px)}
.szk-t.we{background:#F5F6F7}.szk-t.aus{opacity:.35}
.szk-t.hat{background:color-mix(in srgb,var(--teal) 9%,var(--surface));border-color:color-mix(in srgb,var(--teal) 30%,var(--line))}
.szk-t.wahl{outline:2px solid var(--teal);outline-offset:-1px}
.szk-t.heute .szk-d{background:var(--teal);color:#fff;border-radius:999px;padding:0 6px}
.szk-t.zu{background-image:repeating-linear-gradient(135deg,transparent 0 6px,rgba(100,116,139,.07) 6px 12px)}
.szk-d{font-weight:700;font-size:13px}.szk-h{font-size:12px;font-weight:600;color:var(--teal-d)}.szk-ft{font-size:10.5px;color:var(--ink3)}
.szk-leg{display:flex;gap:14px;flex-wrap:wrap;align-items:center;padding:0 16px 12px;margin:0}
.szk-leg i{display:inline-block;width:12px;height:12px;border-radius:4px;margin-right:5px;vertical-align:-2px;border:1px solid var(--line)}
.szk-leg i.hat{background:color-mix(in srgb,var(--teal) 15%,var(--surface))}.szk-leg i.wahl{border:2px solid var(--teal)}
.szk-leg i.zu{background:repeating-linear-gradient(135deg,transparent 0 3px,rgba(100,116,139,.3) 3px 5px)}
.szt-tag:target{box-shadow:0 0 0 2px var(--teal);scroll-margin-top:90px}
@media (max-width:640px){.szk-gitter{grid-template-columns:repeat(7,1fr);padding:0 8px 8px;gap:3px}.szk-kw{display:none}.szk-t{min-height:44px;padding:4px 5px}.szk-h{font-size:10.5px}}

/* Dashboard-Widget Stundenzettel */
.zw{display:flex;flex-direction:column;gap:12px}
.zw-kz{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.zw-kz div{background:var(--bg2,#F6F8F9);border-radius:10px;padding:8px 10px}.zw-kz small{display:block;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink3);font-weight:700}
.zw-kz b{font-size:17px}.zw-kz b.geld{color:#15803d;font-size:15px}
.zw-woche{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;align-items:end}
.zw-tag{display:flex;flex-direction:column;align-items:center;gap:3px;text-decoration:none;color:var(--ink2)}
.zw-bar{display:flex;align-items:flex-end;width:100%;max-width:34px;height:54px;background:#EEF2F4;border-radius:7px;overflow:hidden}
.zw-bar i{display:block;width:100%;background:color-mix(in srgb,var(--teal) 70%,#fff);border-radius:7px 7px 0 0}
.zw-tag.heute .zw-bar i{background:var(--teal)}.zw-tag.heute small{color:var(--teal-d);font-weight:700}.zw-tag.we{opacity:.6}
.zw-tag small{font-size:11px}.zw-tag em{font-style:normal;font-size:10.5px;color:var(--ink3);min-height:13px}
.zw-timer{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:#FFF7ED;border:1px solid #FED7AA;border-radius:10px;padding:7px 10px;font-size:13px}
.zw-timer .btn{margin-left:auto}
.zw-akt{display:flex;gap:6px;flex-wrap:wrap}
.zw-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.zw-liste button{display:flex;gap:10px;width:100%;text-align:left;border:1px solid var(--line);background:var(--surface);border-radius:9px;padding:7px 10px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}
.zw-liste button:hover{border-color:var(--teal)}.zw-liste b{min-width:52px}.zw-liste span{display:flex;flex-direction:column;min-width:0}
.zw-liste small{color:var(--ink3);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zw-la{font-weight:600}

/* Stundenzettel: gewählter Tag */
.szk-t.tagwahl{background:var(--teal);border-color:var(--teal);color:#fff}.szk-t.tagwahl .szk-h{color:#fff}
.szk-t.tagwahl.heute .szk-d{background:#fff;color:var(--teal-d)}
.szk-leg i.tagwahl{background:var(--teal);border-color:var(--teal)}
.szt-wahl{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 10px;scroll-margin-top:90px}.szt-wahl b{font-size:16px}.szt-wahl .btn{margin-left:auto}
.szt-tag[hidden]{display:none}

.zw-liste button{align-items:center}.zw-k{flex:1;min-width:0}.zw-k b{display:block;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.zw-dauer{font-style:normal;font-weight:700;font-size:13.5px;color:var(--teal-d);white-space:nowrap}
.zw-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:8px 2px 0;font-size:13px;color:var(--ink2)}.zw-total b{font-size:15px;color:var(--ink)}

/* Stammdaten: Leistungsarten */
.la-kopf h2{margin:0 0 4px}
.la-gruppe{margin-top:16px;display:flex;flex-direction:column;gap:8px}
.la-gkopf{display:flex;align-items:center;gap:10px;margin-bottom:2px}
.la-z{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
.la-z>summary{display:flex;align-items:center;gap:14px;padding:12px 16px;cursor:pointer;list-style:none}.la-z>summary::-webkit-details-marker{display:none}
.la-z>summary:hover{background:color-mix(in srgb,var(--teal) 4%,var(--surface))}
.la-z[open]>summary{border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--teal) 5%,var(--surface))}
.la-z.aus{opacity:.65}
.la-name{display:flex;flex-direction:column;min-width:0;flex:1}.la-name b{font-size:14.5px}.la-name small{color:var(--ink3);font-size:12px}
.la-tags{display:flex;gap:6px;flex-wrap:wrap}.la-plan{background:#FEF3C7;color:#92400E}
.la-satz{display:flex;flex-direction:column;align-items:flex-end;min-width:110px}.la-satz b{font-size:16px;color:var(--teal-d)}.la-satz small{font-size:11px;color:var(--ink3)}
.la-bearb{font-size:12.5px;font-weight:600;color:var(--teal-d);border:1px solid var(--line2,#d6dde3);border-radius:8px;padding:5px 10px;white-space:nowrap}
.la-z[open] .la-bearb{visibility:hidden}
.la-neu{border-style:dashed;background:transparent}.la-neu>summary{color:var(--teal-d)}
.la-leer{margin:2px 4px}
.la-form{display:flex;flex-direction:column;gap:14px;padding:16px}
.la-teil{display:flex;flex-direction:column;gap:10px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.la-teil h4{margin:0;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}.la-teil h4 small{text-transform:none;letter-spacing:0;font-weight:400}
.la-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.la-art{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.la-art label{cursor:pointer}.la-art input{position:absolute;opacity:0;pointer-events:none}
.la-art span{display:flex;flex-direction:column;border:1px solid var(--line2,#d6dde3);border-radius:10px;padding:9px 12px}
.la-art small{color:var(--ink3);font-size:12px}
.la-art input:checked+span{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 8%,var(--surface));box-shadow:0 0 0 2px color-mix(in srgb,var(--teal) 20%,transparent)}
.la-verlauf{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}
.la-verlauf li{display:grid;grid-template-columns:140px 120px 1fr 28px;align-items:center;gap:8px;padding:6px 10px;border-radius:8px;background:#F6F8F9;font-size:13px}
.la-verlauf li.jetzt{background:color-mix(in srgb,var(--teal) 10%,var(--surface))}.la-verlauf li.jetzt b{color:var(--teal-d)}
.la-verlauf li.kuenftig{background:#FFFBEB}.la-verlauf em{font-style:normal;font-size:11.5px;color:var(--ink3)}
.la-x{border:0;background:none;color:var(--ink3);cursor:pointer;border-radius:50%;width:24px;height:24px}.la-x:hover{background:#fee2e2;color:#b91c1c}
.la-sort{max-width:140px}
.la-fuss{display:flex;gap:8px}
@media (max-width:700px){.la-2,.la-art{grid-template-columns:1fr}.la-z>summary{flex-wrap:wrap}.la-verlauf li{grid-template-columns:1fr 1fr 28px}.la-verlauf em{display:none}}

/* IT Angebot: Kopfleiste und Vereinbarungen & Anhänge */
.off-leiste.card{padding:14px 18px;align-items:flex-end;margin:0 0 18px}
.off-leiste.card .off-stufe select{border-radius:10px}
.off-leiste.card .off-oben{margin-left:auto}
.off-leiste.card .speicherstand{flex-basis:100%;margin-top:-4px}
.off-hinweis{flex-basis:100%;font-size:12.5px}.off-hinweis:empty{display:none}
.off-anh .cardhead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.anh-liste{display:flex;flex-direction:column;gap:6px;margin-top:6px}
.anh-liste.aus{opacity:.45;pointer-events:none}
.anh-z{display:grid;grid-template-columns:22px 130px 1fr auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:10px;padding:9px 12px;cursor:pointer;background:var(--surface)}
.anh-z:hover{border-color:var(--teal)}
.anh-z input{width:16px;height:16px;accent-color:var(--teal-d)}
.anh-z.weg{background:#F6F8F9}.anh-z.weg .anh-t{text-decoration:line-through;color:var(--ink3)}
.anh-art{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:2px 9px;justify-self:start}
.anh-art.lb{background:#E3F4F4;color:#0E6F73}.anh-art.vertrag{background:#EEF2FF;color:#3730A3}.anh-art.zusatz{background:#FEF3C7;color:#92400E}
.anh-t{font-size:13.5px}.anh-st{font-size:11.5px;color:var(--ink3);white-space:nowrap}
.anh-fuss{margin:10px 2px 0}
@media (max-width:700px){.anh-z{grid-template-columns:22px 1fr}.anh-art,.anh-st{display:none}}

/* Dokumentvorlagen: Register */
.dv-reg{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}
.dv-reg a{display:flex;flex-direction:column;gap:1px;padding:9px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-decoration:none;color:var(--ink2);min-width:200px}
.dv-reg a b{font-size:14px;color:var(--ink)}.dv-reg a small{font-size:11.5px;color:var(--ink3)}
.dv-reg a:hover{border-color:var(--teal)}
.dv-reg a.on{background:var(--teal-d,#0B6F73);border-color:var(--teal-d,#0B6F73)}.dv-reg a.on b,.dv-reg a.on small{color:#fff}
@media (max-width:700px){.dv-reg a{min-width:0;flex:1}.dv-reg a small{display:none}}
.anh-q{display:block;font-size:11.5px;margin-top:2px}.anh-q.ok{color:#0E6F73}.anh-q.warn{color:#B45309}

/* Dokument erstellen */
.sw-kopf{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:14px}.sw-kopf h1{margin:0 0 4px}
.sw-neu{display:flex;gap:8px}.sw-neu select{border:1px solid var(--line2,#d6dde3);border-radius:9px;padding:6px 10px;font:inherit}
.sw-art{font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 9px;background:#E3F4F4;color:#0E6F73}
.sw{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:16px;align-items:start}
.sw-links{display:flex;flex-direction:column;gap:14px}.sw-karte{display:flex;flex-direction:column;gap:12px}
.sw-zeile3{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:12px}.sw-zeile2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.sw-zeile2 .sw-schluss,.sw-schluss{grid-template-columns:1fr 1fr 1fr}
.sw-betreff input{font-size:15px;font-weight:600}
.sw-tools{display:flex;align-items:center;gap:4px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:8px}
.sw-tools button{border:1px solid var(--line2,#d6dde3);background:var(--surface);border-radius:8px;padding:4px 10px;font:inherit;font-size:13px;cursor:pointer;color:var(--ink)}
.sw-tools button:hover{border-color:var(--teal);color:var(--teal-d)}.sw-trenn{width:1px;height:20px;background:var(--line);margin:0 4px}.sw-luecke{flex:1}
.sw-editor{min-height:360px;border:1px solid var(--line);border-radius:10px;padding:16px 18px;font-size:14px;line-height:1.6;background:var(--surface);outline:none}
.sw-editor:focus{border-color:var(--teal);box-shadow:0 0 0 3px color-mix(in srgb,var(--teal) 15%,transparent)}
.sw-editor h3{font-size:15px;color:var(--teal-d);margin:12px 0 4px}.sw-editor p{margin:0 0 10px}.sw-editor ul,.sw-editor ol{margin:0 0 10px 20px}
.sw-ki h3{margin:0}.sw-ki textarea{width:100%;border:1px solid var(--line2,#d6dde3);border-radius:10px;padding:10px;font:inherit;font-size:13.5px;resize:vertical}
.sw-ki-akt{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.sw-ki-erg{border:1px dashed var(--teal);border-radius:10px;padding:12px 14px;background:color-mix(in srgb,var(--teal) 5%,var(--surface));display:flex;flex-direction:column;gap:10px}
.sw-ki-text{font-size:13.5px;line-height:1.55}.sw-ki-text p{margin:0 0 8px}
.sw-rechts{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px}
.sw-akt{display:flex;flex-direction:column;gap:8px}.sw-akt .btn{justify-content:center}.sw-ablegen{display:flex;flex-direction:column;gap:4px;margin:0}
.sw-vorschau{padding:10px}.sw-vkopf{display:flex;justify-content:space-between;align-items:center;margin:0 4px 8px}
.sw-vorschau iframe{width:100%;height:72vh;border:1px solid var(--line);border-radius:8px;background:#fff}
.km-dok{margin:4px 0 8px}
@media (max-width:1100px){.sw{grid-template-columns:1fr}.sw-rechts{position:static}.sw-zeile3,.sw-zeile2,.sw-schluss{grid-template-columns:1fr}}

.sw-kiall{border:1px solid color-mix(in srgb,var(--teal) 35%,var(--line));background:linear-gradient(135deg,color-mix(in srgb,var(--teal) 7%,var(--surface)),var(--surface))}
.sw-kiall-kopf{display:flex;flex-direction:column;gap:2px}.sw-kiall-kopf h3{margin:0}
.sw-kiall-eingabe{display:flex;gap:10px;align-items:stretch}.sw-kiall-eingabe textarea{flex:1;border:1px solid var(--line2,#d6dde3);border-radius:10px;padding:10px 12px;font:inherit;font-size:14px;resize:vertical}
.sw-kiall-eingabe .btn{white-space:nowrap}
.sw-schritte{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--teal-d)}
.sw-word{margin-top:2px}.sw-schluss{grid-template-columns:repeat(3,minmax(0,1fr))}.sw-schluss select{width:100%;min-width:0}

/* Dokument erstellen: Vorschau als Seitenbilder, Bilder/Tabellen/Titel im Editor */
.sw-seiten{display:flex;flex-direction:column;gap:10px;max-height:78vh;overflow:auto;background:#E9EEF0;border-radius:8px;padding:10px}
.sw-seiten img{width:auto;max-width:100%;height:auto;max-height:calc(78vh - 20px);margin:0 auto;flex:none;display:block;background:#fff;box-shadow:0 1px 6px rgba(15,23,42,.18);border-radius:2px}
.sw-editor h2{font-size:20px;color:var(--teal-d);margin:14px 0 6px}
.sw-editor img{max-width:100%;cursor:pointer;border-radius:4px;outline:2px solid transparent}.sw-editor img:hover{outline-color:var(--teal)}
.sw-editor table{border-collapse:collapse;width:100%;margin:6px 0 12px}.sw-editor td,.sw-editor th{border:1px solid var(--line2,#d6dde3);padding:5px 8px;vertical-align:top;min-width:40px}
.sw-editor th{background:color-mix(in srgb,var(--teal) 14%,var(--surface));text-align:left}
.sw-editor hr{border:0;border-top:1px solid var(--line2,#d6dde3);margin:12px 0}
.sw-editor hr.seite{border-top:2px dashed var(--teal);position:relative;margin:18px 0}
.sw-editor hr.seite::after{content:"Neue Seite";position:absolute;right:0;top:-10px;font-size:11px;color:var(--teal-d);background:var(--surface);padding:0 6px}
.sw-hoehe{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sw-hoehe input[type=range]{flex:1;min-width:140px;accent-color:var(--teal-d)}.sw-hoehe output{min-width:80px;color:var(--ink2)}
.sw-akt-z{white-space:nowrap}.sw-akt-z form{display:inline;margin:0 0 0 4px}.sw-weg{border:0;background:none;cursor:pointer;font-size:15px;opacity:.55}.sw-weg:hover{opacity:1}
.sw-kopf form{margin:0}.sw-kopf{gap:10px}

/* Dokumentliste: Knöpfe je Zeile und «leere Entwürfe löschen» */
.sw-tab td{vertical-align:middle}
.sw-zknoepfe{display:inline-flex;gap:6px;align-items:center;justify-content:flex-end;white-space:nowrap}
.sw-zknoepfe form{margin:0;display:inline}
.sw-zk{display:inline-flex;align-items:center;gap:5px;height:30px;padding:0 11px;border-radius:8px;border:1px solid var(--line2,#d6dde3);background:var(--surface);
  color:var(--teal-d);font:inherit;font-size:12.5px;font-weight:600;text-decoration:none;cursor:pointer;transition:background .12s,border-color .12s}
.sw-zk .ic{width:15px;height:15px}
.sw-zk:hover{border-color:var(--teal);background:color-mix(in srgb,var(--teal) 8%,var(--surface))}
.sw-zk-weg{color:#B42318}.sw-zk-weg:hover{border-color:#F04438;background:#FEF3F2}
.sw-leer{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 14px;border-radius:10px;border:1px solid #FDA29B;background:#FEF3F2;
  color:#B42318;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.sw-leer .ic{width:16px;height:16px}.sw-leer:hover{background:#FEE4E2;border-color:#F04438}
@media (max-width:700px){.sw-zk span{display:none}.sw-zk{padding:0 8px}}

/* Konnektor Altsystem: Migration und Abgleich */
.wm-kacheln{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}
.wm-k{border:1px solid var(--line);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;background:var(--surface)}
.wm-k p{margin:0;font-size:13px;color:var(--ink2);line-height:1.5;flex:1}
.wm-k .btn,.wm-k form{align-self:flex-start;margin:0}
.wm-migr{background:var(--teal-s);border-color:transparent}
.wm-kk{display:flex;align-items:center;gap:10px}
.wm-kk b{display:block;font-size:14px}.wm-kk small{display:block;color:var(--ink3);font-size:12px}
.wm-kk .kn2-p{margin-left:auto}
.wm-ic{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;font-size:17px;font-weight:600;background:var(--surface);color:var(--teal-d);box-shadow:0 1px 2px rgba(16,32,42,.06)}
.wm-k:not(.wm-migr) .wm-ic{background:var(--surface2)}
.wm-verlauf{display:flex;flex-direction:column;gap:6px}
.wm-verlauf ul{list-style:none;margin:0;padding:0;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.wm-z{display:grid;grid-template-columns:10px 92px 150px 1fr;align-items:center;gap:10px;padding:8px 14px;font-size:12.5px;border-top:1px solid var(--line)}
.wm-z:first-child{border-top:0}
.wm-z i{width:8px;height:8px;border-radius:50%;background:var(--ink3)}
.wm-z.ok i{background:var(--green);box-shadow:0 0 0 3px var(--green-s)}
.wm-z.fehler i{background:var(--crit);box-shadow:0 0 0 3px var(--crit-s)}
.wm-z.fehler .wm-msg{color:var(--crit)}
.wm-z.alt{opacity:.55}
.wm-zeit{font-variant-numeric:tabular-nums;color:var(--ink)}
.wm-wer{color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.wm-msg{color:var(--ink2);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media (max-width:640px){.wm-z{grid-template-columns:10px 80px 1fr}.wm-wer{display:none}}

/* Meine Ablage: Platz, Ablage-Dialog, Speichern-Menü */
.fx-platz{margin-left:auto;font-size:10.5px;color:var(--ink3);white-space:nowrap;font-weight:500}.fx-platz.voll{color:var(--crit)}
.abl-menu{position:fixed;z-index:3000;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:6px;display:flex;flex-direction:column;min-width:220px}
.abl-menu button{background:none;border:0;text-align:left;padding:8px 10px;border-radius:8px;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}
.abl-menu button:hover{background:var(--teal-s)}
.abl-dlg{border:0;border-radius:16px;padding:18px 20px;width:min(560px,94vw);background:var(--surface);color:var(--ink);box-shadow:0 20px 60px -20px rgba(0,0,0,.45)}
.abl-dlg::backdrop{background:rgba(12,20,22,.45)}
.abl-kopf{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.abl-kopf b{font-size:16px}
.abl-name{display:flex;flex-direction:column;gap:4px;font-size:12.5px;color:var(--ink2);margin-bottom:8px}
.abl-q{margin-bottom:8px}
.abl-liste{max-height:46vh;overflow:auto;border:1px solid var(--line);border-radius:12px;padding:4px}
.abl-o{display:flex;align-items:center;gap:8px;width:100%;background:none;border:0;text-align:left;padding:6px 10px;border-radius:8px;font:inherit;font-size:13px;color:var(--ink);cursor:pointer}
.abl-o small{margin-left:auto;color:var(--ink3);font-size:11px}
.abl-o:hover{background:var(--surface2)}.abl-o.an{background:var(--teal-d);color:#fff}.abl-o.an small{color:#e6f6f6}
.abl-o.bereich{font-weight:600;margin-top:4px}.abl-o.privat:not(.an){color:var(--teal-d)}
.abl-o:disabled{opacity:.55;cursor:default;background:none}
.abl-fuss{display:flex;align-items:center;gap:8px;margin-top:12px}.abl-fuss [data-wahl]{max-width:55%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.abl-meld{margin-top:8px;font-size:13px}.abl-meld .ok{color:var(--green);font-weight:600}

/* Mail-KI: Dokumente mitgeben */
.ms-ki-dok{border:1px dashed var(--line2) !important}
.ms-ki-anh{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--ink2);flex-direction:row !important;margin-left:4px}
.ms-ki-anh input{width:auto}
.ms-ki-doks{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px}
.ms-ki-dokchip{display:inline-flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:99px;padding:3px 6px 3px 10px;font-size:12px}
.ms-ki-dokchip small{color:var(--ink3)}
.ms-ki-dokchip button{border:0;background:none;color:var(--ink3);cursor:pointer;padding:0 4px;font-size:12px}
.ms-ki-dokchip button:hover{color:var(--crit)}

.ds-abgelaufen{position:sticky;bottom:0;margin:12px 0 0;padding:10px 14px;border-radius:10px;background:var(--warn-s);color:var(--warn);font-size:13px;font-weight:500;z-index:5}
.ds-abgelaufen a{font-weight:600;text-decoration:underline}

/* Kalender-KI */
.kd-ki{background:var(--violet-s);border-radius:12px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.kd-ki-kopf{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.kd-ki-kopf b{font-size:13px;color:var(--violet)}
.kd-ki-kopf small{font-size:12px;color:var(--ink2)}.kd-ki-kopf small.ok{color:var(--green);font-weight:600}.kd-ki-kopf small.err{color:var(--crit)}
.kd-ki-zeile{display:flex;gap:8px;align-items:flex-end}.kd-ki-zeile textarea{flex:1;min-height:38px;resize:none}
.kd-ki-zeile .btn{background:var(--violet);box-shadow:0 6px 16px -8px var(--violet);white-space:nowrap}
.kd-form .kd-ki-neu{border-color:var(--violet) !important;box-shadow:0 0 0 3px var(--violet-s)}

body.im-fenster.eigenes-fenster .topbar{display:flex !important}   /* eigenes Fenster (Doppelklick im Menü): Kopfleiste mit Suche bleibt */
/* Filterleiste: Anzahl als ruhige Plakette, nicht an den Rand geklebt */
.tf-leiste{padding:0 4px}
.tf-n{margin-left:auto;display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:99px;background:var(--surface2);border:1px solid var(--line);color:var(--ink2);font-size:12px !important;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}
.tf-n.gefiltert{background:var(--teal-s);border-color:transparent;color:var(--teal-d);font-weight:600}

/* Kundenakte: Kundenbereich-Konten als Karten */
.kp-info{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin:4px 0 14px;font-size:12.5px;color:var(--ink2)}
.kp-info code{background:var(--teal-s);color:var(--teal-d);padding:2px 8px;border-radius:6px;font-size:12px}
.kp-liste{display:flex;flex-direction:column;gap:10px}
.kp-konto{display:grid;grid-template-columns:minmax(220px,1.1fr) minmax(280px,2fr) auto;gap:14px 20px;align-items:start;border:1px solid var(--line);border-left:4px solid var(--line2);border-radius:12px;padding:14px 16px;background:var(--surface)}
.kp-konto.kp-ok{border-left-color:var(--green)}.kp-konto.kp-warn{border-left-color:var(--amber)}.kp-konto.kp-aus{border-left-color:var(--crit);opacity:.85}
.kp-wer{display:flex;gap:12px;align-items:flex-start;min-width:0}
.kp-av{width:38px;height:38px;flex:none;border-radius:50%;background:var(--teal-s);color:var(--teal-d);display:grid;place-items:center;font-weight:600;font-size:13px}
.kp-wer-t{display:flex;flex-direction:column;gap:3px;min-width:0}.kp-wer-t b{font-size:14px}
.kp-mail{color:var(--ink2);font-size:12.5px;overflow:hidden;text-overflow:ellipsis}
.kp-st{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px}.kp-login{font-size:11.5px;color:var(--ink3)}
.kp-h{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);font-weight:600}
.kp-rechte{display:flex;flex-direction:column;gap:8px;margin:0}
.kp-chips{display:flex;flex-wrap:wrap;gap:6px}
.kp-chip input{position:absolute;opacity:0;pointer-events:none}
.kp-chip span{display:inline-block;padding:4px 11px;border-radius:99px;font-size:12px;border:1px solid var(--line2);color:var(--ink3);cursor:pointer;user-select:none;background:var(--surface)}
.kp-chip input:checked + span{background:var(--teal-s);border-color:transparent;color:var(--teal-d);font-weight:600}
.kp-chip input:checked + span::before{content:"✓ "}
.kp-chip input:focus-visible + span{outline:2px solid var(--teal)}
.kp-alle{font-size:12.5px;color:var(--teal-d);background:var(--teal-s);padding:4px 11px;border-radius:99px;align-self:flex-start;font-weight:600}
.kp-rechte-fuss{display:flex;align-items:center;gap:12px}
.kp-schalter{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink2);cursor:pointer;flex-direction:row !important}
.kp-schalter input{position:absolute;opacity:0}
.kp-schalter i{width:32px;height:18px;border-radius:99px;background:var(--line2);position:relative;transition:background .15s}
.kp-schalter i::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:#fff;transition:left .15s;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.kp-schalter input:checked + i{background:var(--teal-d)}.kp-schalter input:checked + i::after{left:16px}
.kp-speichern{display:none}.kp-rechte.geaendert .kp-speichern{display:inline-flex}
.kp-akt{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0}
.kp-akt .btn{justify-content:flex-start}
.kp-weg{align-self:flex-end;background:none;border:0;color:var(--ink3);cursor:pointer;font-size:13px;padding:4px 8px;border-radius:8px}.kp-weg:hover{color:var(--crit);background:var(--crit-s)}
.kp-neu{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}
.kp-neu select{max-width:360px}
@media (max-width:1100px){.kp-konto{grid-template-columns:1fr}.kp-akt{flex-direction:row;flex-wrap:wrap}}

/* Newsletter: Zielgruppe mit Erklärungen */
.nl-erkl{display:block;margin:2px 0 8px;font-size:12px;line-height:1.45;color:var(--ink2);font-weight:400}
.nl-hinweis{margin:12px 0 4px;padding:9px 12px;border-radius:10px;background:var(--blue-s);color:var(--ink2);font-size:12.5px;line-height:1.5}
.nl-weitere{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-top:10px}
.nl-w-k{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface);display:flex;flex-direction:column;gap:6px}
.nl-w-k > b,.nl-w-k .zt-sw b{font-size:13px;color:var(--ink)}
.nl-w-k .nl-erkl{margin:0}
.nl-manuell{margin-top:12px}

/* Zeit-KI: oben im Dialog «Leistung erfassen», farbig hervorgehoben */
.zt-ki{margin:2px 0 14px;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,var(--violet-s),var(--teal-s));border:1px solid color-mix(in srgb,var(--violet) 25%,transparent);display:flex;flex-direction:column;gap:8px}
.zt-ki-kopf{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.zt-ki-kopf b{color:var(--violet);font-size:14px}
.zt-ki-kopf small{font-size:12px;color:var(--ink2)}.zt-ki-kopf small.ok{color:var(--green);font-weight:600}.zt-ki-kopf small.err{color:var(--crit)}
.zt-ki-zeile{display:flex;gap:8px;align-items:flex-end}
.zt-ki-zeile textarea{flex:1;min-height:40px;resize:none;border-radius:10px;border:1px solid var(--line2);padding:9px 12px;font:inherit;background:var(--surface);color:var(--ink)}
.zt-ki-zeile textarea:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px var(--violet-s)}
.zt-ki-zeile .btn{background:var(--violet);box-shadow:0 6px 16px -8px var(--violet);white-space:nowrap}
.zt-ki-neu input,.zt-ki-neu select,textarea.zt-ki-neu,.zt-kachel.zt-ki-neu span{border-color:var(--violet) !important;box-shadow:0 0 0 3px var(--violet-s)}

.abl-z{display:flex;align-items:center;gap:2px}
.abl-auf{flex:none;width:22px;height:22px;border:0;background:none;border-radius:6px;color:var(--ink3);cursor:pointer;font-size:15px;line-height:1;transition:transform .12s}
.abl-auf:hover{background:var(--surface2);color:var(--ink)}.abl-auf.offen{transform:rotate(90deg)}.abl-auf.leer{cursor:default}
.abl-z .abl-o{flex:1;min-width:0}
.abl-o small{margin-left:auto;color:var(--ink3);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:55%}

/* KI-Notizfelder (Kalender, Zeit): zwei Zeilen, ohne Scrollleiste, wachsen beim Schreiben */
.kd-ki-zeile textarea,.zt-ki-zeile textarea{min-height:58px !important;line-height:1.45;overflow:hidden;resize:none;padding:9px 12px}
.kd-ki-zeile textarea::placeholder,.zt-ki-zeile textarea::placeholder{color:var(--ink3)}
.kd-ki-zeile,.zt-ki-zeile{align-items:stretch}.kd-ki-zeile .btn,.zt-ki-zeile .btn{align-self:flex-end}

/* Eingabefeld mit Vorschlägen ▾ */
.vs-feld{position:relative;display:flex}
.vs-feld input{padding-right:40px !important;width:100%}
.vs-knopf{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:30px;height:28px;border:0;border-radius:8px;background:var(--teal-s);color:var(--teal-d);cursor:pointer;font-size:13px}
.vs-knopf:hover{background:var(--teal-d);color:#fff}
.vs-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:5px;max-height:300px;overflow:auto;display:flex;flex-direction:column}
.vs-menu button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;background:none;border:0;text-align:left;padding:7px 10px;border-radius:8px;cursor:pointer;font:inherit;color:var(--ink)}
.vs-menu button:hover{background:var(--teal-s)}.vs-menu b{font-size:13px;font-weight:500}.vs-menu small{font-size:11px;color:var(--ink3);word-break:break-all}

.nl-weitere{grid-template-columns:repeat(auto-fit,minmax(340px,1fr)) !important;gap:12px}
.nl-w-k{padding:14px 16px;gap:12px}
.nl-w-titel{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3)}
.nl-w-f{display:flex;flex-direction:column;gap:5px}
.nl-w-f > span{font-size:13px;font-weight:600;color:var(--ink)}
.nl-w-f small,.nl-w-sw small{font-size:12px;color:var(--ink2);line-height:1.45;font-weight:400}
.nl-w-f select,.nl-w-f input{width:100%}
.nl-w-sw{display:flex;align-items:flex-start;gap:12px;cursor:pointer;padding:10px 12px;border-radius:10px;background:var(--surface2);flex-direction:row !important}
.nl-w-sw input{position:absolute;opacity:0}
.nl-w-sw i{flex:none;margin-top:2px;width:34px;height:20px;border-radius:99px;background:var(--line2);position:relative;transition:background .15s}
.nl-w-sw i::after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.2);transition:left .15s}
.nl-w-sw input:checked + i{background:var(--teal-d)}.nl-w-sw input:checked + i::after{left:16px}
.nl-w-sw input:focus-visible + i{outline:2px solid var(--teal)}
.nl-w-sw span{display:flex;flex-direction:column;gap:3px}.nl-w-sw b{font-size:13px}

/* Team-Plan: Register */
.tp-reiter{display:flex;flex-wrap:wrap;gap:4px;margin:14px 0 14px;border-bottom:1px solid var(--line)}
.tp-reiter button{display:inline-flex;align-items:center;gap:7px;background:none;border:0;border-bottom:2px solid transparent;padding:9px 14px;margin-bottom:-1px;font:inherit;font-size:13.5px;font-weight:500;color:var(--ink2);cursor:pointer}
.tp-reiter button:hover{color:var(--ink)}
.tp-reiter button.on{color:var(--teal-d);border-bottom-color:var(--teal-d);font-weight:600}
.tp-reiter small{font-size:11px;background:var(--surface2);color:var(--ink3);padding:1px 7px;border-radius:99px}
.tp-reiter button.on small{background:var(--teal-s);color:var(--teal-d)}
.zt-tp-unten{display:block}
.zt-tp-unten > section{max-width:900px}
.tp-ft{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.tp-ft div{display:flex;gap:10px;padding:8px 12px;border:1px solid var(--line);border-radius:10px}.tp-ft b{color:var(--teal-d)}

.zt-legende-oben{margin:0 0 12px;padding:0 0 10px;border-bottom:1px solid var(--line)}
/* Team-Plan: Legende oben als ruhige Leiste */
.zt-pik-wrap .zt-legende-oben{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:0;padding:12px 16px;border-bottom:1px solid var(--line);background:var(--surface2);border-radius:var(--r) var(--r) 0 0;font-size:12px}
.zt-legende-oben > span{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:99px;background:var(--surface);border:1px solid var(--line);color:var(--ink2);white-space:nowrap;line-height:1.5}
.zt-legende-oben > span.zt-leg-luecke{color:var(--crit);border-color:color-mix(in srgb,var(--crit) 30%,transparent)}
.zt-legende-oben > span.zt-leg-bea{margin-left:auto;background:repeating-linear-gradient(45deg,#dbeafe 0 4px,#fff 4px 8px);color:var(--ink2)}

.kb-st.st-entwurf{background:var(--violet-s);color:var(--violet)}
.kb2-pruefen{color:var(--violet)}

.kd-ki-hinweis{grid-column:1/-1;margin:0 0 6px;padding:8px 12px;border-radius:10px;background:var(--violet-s);color:var(--ink2);font-size:12.5px}

/* Verwaltung → KI-Nutzung: Regeln */
.kr-regeln > summary{list-style:none;cursor:pointer;display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.kr-regeln > summary::-webkit-details-marker{display:none}.kr-regeln > summary h2{margin:0}
.kr-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:14px}
.kr-k{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:var(--surface)}
.kr-k h3{margin:0 0 6px;font-size:13px;color:var(--ink)}
.kr-k ul{margin:0;padding-left:18px;font-size:12.5px;color:var(--ink2);line-height:1.55}
.kr-ja{background:var(--green-s);border-color:transparent}.kr-ja h3{color:var(--green)}
.kr-nein{background:var(--crit-s);border-color:transparent}.kr-nein h3{color:var(--crit)}
.kr-frei{background:var(--teal-s);border-color:transparent}.kr-frei h3{color:var(--teal-d)}

/* Meldungen (Glocke): übersichtlich nach Art */
.ew-pop{width:min(420px,92vw);padding:8px}
.ew-kopf{padding:4px 6px 8px;border-bottom:1px solid var(--line);margin:0 0 6px}
.ew-anz{font-size:11px;font-weight:600;color:#fff;background:#E5484D;border-radius:99px;padding:1px 8px;margin-left:6px}
.ew-trenn{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink3);padding:10px 8px 4px}
.ew-e button{flex-direction:row;align-items:flex-start;gap:10px;padding:10px;position:relative;background:none}
.ew-e.neu button{background:var(--surface2)}
.ew-e button:hover{background:var(--teal-s)}
.ew-ic{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font-size:15px;background:var(--surface2)}
.ew-rot .ew-ic{background:var(--crit-s)}.ew-violett .ew-ic{background:var(--violet-s)}.ew-blau .ew-ic{background:var(--blue-s)}
.ew-gruen .ew-ic{background:var(--green-s)}.ew-orange .ew-ic{background:var(--amber-s)}.ew-teal .ew-ic{background:var(--teal-s)}
.ew-inh{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.ew-oben{display:flex;align-items:center;gap:8px}
.ew-art{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3)}
.ew-rot .ew-art{color:var(--crit)}.ew-violett .ew-art{color:var(--violet)}.ew-blau .ew-art{color:var(--blue)}.ew-gruen .ew-art{color:var(--green)}
.ew-orange .ew-art{color:var(--warn)}.ew-teal .ew-art{color:var(--teal-d)}
.ew-wann{margin-left:auto;font-size:11px;color:var(--ink3);white-space:nowrap}
.ew-e .ew-t{font-size:13px;font-weight:600;color:var(--ink);line-height:1.35}
.ew-e .ew-x{font-size:12.5px;color:var(--ink2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal}
.ew-von{font-size:11px;color:var(--ink3)}
.ew-punkt{position:absolute;right:10px;bottom:12px;width:8px;height:8px;border-radius:50%;background:#E5484D}

/* Kopfleiste: offene Fenster daraus (Glocke, Benutzermenü, Suche) liegen über allen Seiteninhalten */
.topbar:has(details[open]),.topbar:focus-within{z-index:1000}
.ew-pop{z-index:1001}

/* Drei Meldungs-Symbole: Für mich · Tickets · Warnungen */
.ew-symbole{display:flex;align-items:center;gap:2px;margin-left:auto;margin-right:6px}
.ew-symbole .ew-glocke{margin:0}
.ew-g-tickets .ew-n{background:#F59E0B}
.ew-g-warn .ew-n{background:#C0392B}
.ew-g-warn>summary{color:var(--ink2)}
.ew-leer{padding:14px 10px}
.ko-sym-wahl{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
/* Meldungs-Symbole: mehr Luft, eigene Flächen, Zähler oben rechts */
.ew-symbole{gap:6px;padding:4px;border-radius:14px;background:var(--surface);border:1px solid var(--line);margin-right:12px}
.ew-symbole .ew-glocke>summary.iconbtn{width:36px;height:36px;padding:0;border-radius:10px;display:grid;place-items:center;color:var(--ink2)}
.ew-symbole .ew-glocke>summary.iconbtn:hover,.ew-symbole .ew-glocke[open]>summary.iconbtn{background:var(--teal-s);color:var(--teal-d)}
.ew-symbole .ew-n{top:-5px;right:-5px;min-width:18px;height:18px;font-size:10.5px;border:2px solid var(--surface);box-sizing:content-box;padding:0 4px}
.ew-symbole .ew-g-tickets .ew-n{background:#F59E0B}
.ew-symbole .ew-g-warn .ew-n{background:#C0392B}

/* ---------- Dashboard-Widget «Team heute» (th-) ---------- */
.th{container-type:inline-size;display:flex;flex-direction:column;gap:12px}
.th-kopf{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.th-kopf h2{margin:0;font-size:15px}.th-kopf h2 span{color:var(--ink3);font-weight:500}
.th-zaehler{display:flex;gap:6px;flex-wrap:wrap}
.th-zaehler span{font-size:12px;padding:3px 9px;border-radius:99px;background:var(--surface2);border:1px solid var(--line);color:var(--ink2);font-variant-numeric:tabular-nums}
.th-zaehler .th-z-abw{color:var(--ink3)}
.th-pikett{display:grid;grid-template-columns:auto 1fr auto;gap:10px 14px;align-items:center;padding:10px 14px;border-radius:12px;
  background:var(--teal-s);border:1px solid color-mix(in srgb,var(--teal) 30%,transparent)}
.th-pikett.th-leer{background:var(--amber-s);border-color:color-mix(in srgb,var(--amber) 40%,transparent)}
.th-pik-ic{font-size:20px}
.th-pik-t small,.th-pik-morgen small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink3);font-weight:600}
.th-pik-t b{font-size:14px;color:var(--ink)}.th-leer .th-pik-t b{color:var(--warn)}
.th-pik-t .th-zeit{font-size:12px;color:var(--ink2)}.th-pik-t a{font-size:12px;margin-left:6px}
.th-pik-morgen{text-align:right;font-size:12.5px;color:var(--ink2)}.th-pik-morgen em{color:var(--warn);font-style:normal}
.th-ich{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.th-ich-t{font-size:12px;color:var(--ink3);font-weight:600;margin-right:2px}
.th-ort{font:inherit;font-size:12px;padding:4px 10px;border-radius:99px;border:1px solid var(--line2);background:var(--surface);color:var(--ink2);cursor:pointer}
.th-ort:hover{border-color:var(--teal);color:var(--teal-d)}
.th-ort.an{background:var(--teal-d);border-color:transparent;color:#fff}
.th-weg{padding:4px 8px;color:var(--ink3)}
.th-kunde{display:inline-flex;gap:6px;align-items:center;flex:1 1 240px}.th-kunde input{flex:1;min-width:160px;padding:5px 10px}
.th-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.th-p{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px}
.th-p:hover{background:var(--surface2)}
.th-av{flex:none;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;font-size:11.5px;font-weight:700;background:var(--teal-s);color:var(--teal-d)}
.th-unterwegs .th-av{background:var(--amber-s);color:var(--warn)}
.th-homeoffice .th-av{background:var(--violet-s);color:var(--violet)}
.th-offen .th-av{background:var(--surface2);color:var(--ink3)}
.th-abwesend{opacity:.55}.th-abwesend .th-av{background:var(--surface2);color:var(--ink3)}
.th-ich-p .th-av{box-shadow:0 0 0 2px var(--teal)}
.th-n{display:flex;flex-direction:column;min-width:0}
.th-n b{font-size:13px;line-height:1.3}
.th-st{font-size:12px;color:var(--ink2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.th-offen .th-st{color:var(--ink3)}
.th-termin{font-size:11.5px;color:var(--ink3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.th-fuss{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;font-size:12.5px;padding-top:8px;border-top:1px solid var(--line)}
.th-outlook{margin-left:auto;font:inherit;font-size:12px;background:none;border:0;color:var(--ink3);cursor:pointer;padding:2px 6px;border-radius:8px}
.th-outlook:hover{background:var(--surface2);color:var(--ink)}
/* breit: Personen als Kacheln */
@container (min-width: 620px){
  .th-liste{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px}
  .th-p{border:1px solid var(--line);background:var(--surface);padding:10px 12px}
  .th-p:hover{background:var(--surface2)}
}
/* schmal: Pikett untereinander */
@container (max-width: 420px){
  .th-pikett{grid-template-columns:auto 1fr}
  .th-pik-morgen{grid-column:1 / -1;text-align:left}
  .th-zaehler span{padding:2px 7px}
}
.th-ort.an{background:var(--teal-s);color:var(--teal-d);border-color:var(--teal)}

/* Widget Automatisierung: Diagramm mit Zahlen, Status als Zeilen, Hinweise als Kärtchen */
.au-chart{margin:16px 0 4px;padding:12px 14px 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface2)}
.au-chart-k{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.au-chart-k b{font-size:12.5px}.au-chart-k small{font-size:11px;color:var(--ink3)}
.au-chart .au-verlauf{height:78px;margin:0;gap:8px}
.au-b em{font-style:normal;font-size:10.5px;font-weight:600;color:var(--ink2);min-height:13px;font-variant-numeric:tabular-nums}
.au-b i{width:62%;border-radius:4px 4px 0 0;background:color-mix(in srgb,#38BDF8 55%,transparent)}
.au-b.leer i{background:var(--line2)}
.au-b.heute i{background:#0EA5E9}.au-b.heute small{color:var(--ink);font-weight:700}
.au-status{display:flex;flex-direction:column;margin-top:10px;border-top:1px solid var(--line)}
.au-z{display:flex;align-items:center;gap:9px;padding:7px 2px;border-bottom:1px solid var(--line);font-size:12.5px}
.au-z span{color:var(--ink)}.au-z small{margin-left:auto;color:var(--ink3);font-size:11.5px;text-align:right}
.au-z i{width:8px;height:8px;border-radius:50%;flex:none}
.au-z i.au-ok{background:var(--green);box-shadow:0 0 0 3px var(--green-s)}
.au-z i.au-aus{background:var(--line2)}
.au-hinweise{display:flex;flex-direction:column;gap:6px;margin-top:10px}
.au-hinweise .au-warn{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:10px;background:var(--amber-s);color:var(--warn);font-size:12.5px;font-weight:500;text-decoration:none}
.au-hinweise .au-warn b{font-size:14px}
.au-hinweise .au-warn span{margin-left:auto;font-size:15px}
.au-hinweise .au-warn:hover{filter:brightness(.97)}

/* Plugins und Module (Verwaltung → Plugins / Module) */
.pl-zahlen{display:flex;gap:18px;flex-wrap:wrap;margin:0 0 12px;font-size:13px;color:var(--ink3)}.pl-zahlen b{color:var(--ink);font-size:15px}
.pl-liste{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
.pl-z{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:16px;align-items:start;padding:18px 20px;border-radius:16px;
  background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,.04))}
.pl-z.pl-aus{background:var(--surface2,#F6F8F9)}.pl-z.pl-aus .pl-ic{filter:grayscale(1);opacity:.6}
.pl-ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--teal,#0E8F94),var(--teal-d,#0B6F73))}
.pl-ic svg{width:26px;height:26px;color:#fff;stroke:#fff}
.pl-titel{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pl-titel h2{margin:0;font-size:17px}
.pl-v{font-size:12px;font-weight:600;color:var(--ink3)}
.pl-st{display:inline-block;font-size:11.5px;font-weight:600;border-radius:999px;padding:2px 10px;background:#EEF2F4;color:#475569}
.pl-st.ok{background:#D1FAE5;color:#047857}.pl-st.warn{background:#FEF3C7;color:#92400E}.pl-st.neu{background:#DBEAFE;color:#1D4ED8}
.pl-text{margin:6px 0 8px;font-size:13.5px;line-height:1.55;color:var(--ink2);max-width:860px}
.pl-fkt{margin:0 0 8px;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px 18px;font-size:13px}
.pl-fkt li::before{content:"✓";color:var(--teal,#0E8F94);font-weight:700;margin-right:7px}
.pl-meta{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px;color:var(--ink3)}
.pl-firmen{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0 0;padding-top:10px;border-top:1px dashed var(--line)}
.pl-fl{font-size:12px;color:var(--ink3);margin-right:4px}
.pl-chip input{position:absolute;opacity:0;pointer-events:none}
.pl-chip span{display:inline-block;padding:3px 11px;border-radius:999px;border:1px solid var(--line2,#D5DDE0);font-size:12.5px;cursor:pointer;color:var(--ink3)}
.pl-chip input:checked+span{background:#E3F4F4;border-color:#9ED6D6;color:#0E6F73;font-weight:600}
.pl-chip input:checked+span::before{content:"✓ "}
.pl-akt{display:flex;flex-direction:column;gap:8px;align-items:flex-end;min-width:120px}.pl-akt form{margin:0}
.pl-link{border:0;background:none;color:var(--ink3);font-size:12.5px;cursor:pointer;padding:2px 0}.pl-link:hover{color:#B91C1C;text-decoration:underline}
.pl-neustart{display:flex;justify-content:space-between;align-items:center;gap:14px}
.pl-zip{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
@media(max-width:700px){.pl-z{grid-template-columns:40px minmax(0,1fr)}.pl-akt{grid-column:1/-1;flex-direction:row;align-items:center}}
.mo-basis h2{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:16px}.mo-chips{display:flex;flex-wrap:wrap;gap:6px}
.mo-basis .ad-chip{padding:4px 11px}
.pl-z.mo-unter{margin-left:52px;padding:14px 18px}.pl-z.mo-unter .pl-ic{width:38px;height:38px;border-radius:11px}.pl-z.mo-unter .pl-titel h2{font-size:15px}
.mo-z{grid-template-columns:52px minmax(0,1fr)}.pl-chip.mo-inaktiv input:checked+span{background:#FEF3C7;border-color:#FCD34D;color:#92400E}
.mo-h{margin:22px 0 4px;font-size:17px}.modul-aus{padding:10px 2px}
@media(max-width:700px){.pl-z.mo-unter{margin-left:18px}}
.rechte tr.rechte-aus td{opacity:.55}.ad-chip.ad-aus{opacity:.55}

/* Assistent «Heute»: Kopf mit Kennzahlen, drei Spalten Wichtig · Mails · Chat (22.10.2026) */
.assi-hero{padding:18px 20px 6px;background:linear-gradient(135deg,color-mix(in srgb,var(--teal,#0E8F94) 9%,var(--surface)),var(--surface) 60%)}
.ah-kopf{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}
.ah-gruss{margin:0;font-size:20px;font-weight:700}
.assi-hero .assi-kacheln{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.assi-hero .assi-kachel{position:relative;min-height:92px;padding:14px 16px 12px;background:var(--surface);box-shadow:0 1px 2px rgba(15,23,42,.04)}
.assi-hero .assi-kachel:hover{border-color:var(--teal,#0E8F94);transform:translateY(-1px)}
.assi-hero .assi-kachel b{font-size:26px;line-height:1.1}
.assi-hero .assi-kachel small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ak-ic{position:absolute;top:12px;right:12px;font-style:normal;font-size:17px;opacity:.85}
.assi-heute3{grid-template-columns:minmax(300px,1fr) minmax(320px,1fr) minmax(380px,1.15fr);margin-top:18px}
.assi-heute3.ohne-mails{grid-template-columns:minmax(340px,1fr) minmax(460px,1.3fr)}
.assi-heute3 .assi-gruss{display:none}
.assi-heute3 .assi-chat{height:calc(100vh - 150px)}
@media(max-width:1500px){.assi-heute3{grid-template-columns:minmax(320px,1fr) minmax(420px,1.2fr)}.assi-heute3 .assi-chat{grid-column:2;grid-row:1 / span 2}}
@media(max-width:1100px){.assi-heute3,.assi-heute3.ohne-mails{grid-template-columns:1fr}.assi-heute3 .assi-chat{grid-column:auto;grid-row:auto}}
.assi-mailkarte .cardhead{align-items:flex-start}
.am-filter{display:flex;align-items:center;gap:6px;margin:-2px 0 10px}
.am-f{border:1px solid var(--line);background:var(--surface);color:var(--ink2);border-radius:99px;padding:3px 12px;font-size:12.5px;cursor:pointer}
.am-f.an{background:color-mix(in srgb,var(--teal,#0E8F94) 14%,transparent);border-color:color-mix(in srgb,var(--teal,#0E8F94) 45%,transparent);color:var(--ink);font-weight:600}
.am-zahl{margin-left:auto;font-size:12px;color:var(--ink3)}
.am-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:calc(100vh - 330px);overflow:auto}
.am-m{display:flex;gap:11px;padding:11px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);transition:border-color .15s}
.am-m:hover{border-color:var(--line2,#cfd8dc)}
.am-m.neu{border-left:3px solid var(--teal,#0E8F94)}
.am-av{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:linear-gradient(135deg,#38BDF8,#0E8F94)}
.am-inhalt{flex:1;min-width:0}
.am-z1{display:flex;align-items:center;gap:6px}.am-von{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-m.neu .am-von::after{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal,#0E8F94);margin-left:6px;vertical-align:middle}
.am-zeit{margin-left:auto;font-size:11.5px;color:var(--ink3);flex:none}
.am-tag{font-style:normal;font-size:10.5px;font-weight:600;padding:1px 7px;border-radius:99px}.am-tag.rot{background:#FEE2E2;color:#B91C1C}
.am-clip{font-size:12px}
.am-betreff{display:block;margin-top:1px;font-size:13px;font-weight:600;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.am-betreff:hover{text-decoration:underline}
.am-vorschau{margin:3px 0 0;font-size:12px;color:var(--ink3);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.am-akt{display:flex;gap:6px;margin-top:8px}
.am-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line);background:var(--surface2);color:var(--ink2);border-radius:8px;padding:3px 10px;font-size:12px;cursor:pointer;text-decoration:none}
.am-btn svg{width:13px;height:13px}.am-btn:hover{color:var(--ink);border-color:var(--line2,#cfd8dc)}
.am-btn.ki{background:color-mix(in srgb,#7C3AED 10%,var(--surface));border-color:color-mix(in srgb,#7C3AED 30%,transparent);color:#6D28D9}
.am-form{margin-top:9px;padding:10px;border-radius:10px;background:var(--surface2);border:1px dashed var(--line)}
.am-form textarea{width:100%;margin:6px 0;font-size:13px}
.am-chips{display:flex;flex-wrap:wrap;gap:5px}
.am-chip{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:2px 9px;font-size:11.5px;color:var(--ink2);cursor:pointer}.am-chip:hover{color:var(--ink)}
.am-form-fuss{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.am-form-fuss small{font-size:11px}
.am-lade{display:none;font-size:12px;color:var(--ink3);align-items:center;gap:6px}
.am-m.htmx-request .am-lade{display:inline-flex}
div.am-lade{display:block;height:64px;border-radius:12px;margin-bottom:8px;background:linear-gradient(90deg,var(--surface2),var(--line),var(--surface2));background-size:200% 100%;animation:assi-schimmer 1.4s infinite}
.am-entwurf{margin-top:9px;padding:10px 12px;border-radius:10px;font-size:12.5px}
.am-entwurf.ok{background:color-mix(in srgb,#10B981 9%,var(--surface));border:1px solid color-mix(in srgb,#10B981 35%,transparent)}
.am-entwurf.err{background:#FEF2F2;border:1px solid #FECACA;color:#991B1B}
.am-e-kopf{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.am-e-kopf small{color:var(--ink3)}
.am-e-text{white-space:pre-wrap;max-height:180px;overflow:auto;padding:8px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-size:12.5px;line-height:1.5}
.am-e-akt{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
.am-leer{padding:14px 4px}
@keyframes assi-schimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}

/* Mail lesen: «Daraus machen» – Aufgabe, Termin, Projekt-Task (22.10.2026) */
.mr-weiter{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin-top:12px;padding:10px;border-radius:12px;background:var(--surface2);border:1px solid var(--line)}
.mr-w-titel{align-self:center;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink3);margin:0 4px 0 2px}
.mr-w-btn{display:flex;align-items:center;gap:9px;padding:8px 14px 8px 10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;color:var(--ink);transition:border-color .15s,transform .15s,box-shadow .15s}
.mr-w-btn:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(15,23,42,.08)}
.mr-w-btn i{font-style:normal;font-size:18px;width:30px;height:30px;display:grid;place-items:center;border-radius:8px}
.mr-w-btn span{display:flex;flex-direction:column;line-height:1.25}.mr-w-btn b{font-size:13.5px}.mr-w-btn small{font-size:11px;color:var(--ink3)}
.mr-w-btn.auf i{background:color-mix(in srgb,#10B981 15%,transparent)}.mr-w-btn.auf:hover{border-color:#10B981}
.mr-w-btn.ter i{background:color-mix(in srgb,#3B82F6 15%,transparent)}.mr-w-btn.ter:hover{border-color:#3B82F6}
.mr-w-btn.pm i{background:color-mix(in srgb,#F59E0B 18%,transparent)}.mr-w-btn.pm:hover{border-color:#F59E0B}
.mr-wv:empty{display:none}
.mr-wv-form{border:1px solid var(--line);gap:10px}
.mr-wv-kopf{display:flex;align-items:center;gap:8px;font-size:14px}
.mr-f{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink3)}
.mr-f>span{font-weight:600}
.mr-f input,.mr-f textarea,.mr-f select{font-size:13.5px;color:var(--ink);background:var(--surface);border:1px solid var(--line2,#cfd8dc);border-radius:8px;padding:7px 10px}
.mr-f input:focus,.mr-f textarea:focus,.mr-f select:focus{outline:2px solid color-mix(in srgb,var(--teal,#0E8F94) 35%,transparent);border-color:var(--teal,#0E8F94)}
.mr-f-zeile{display:flex;gap:10px;flex-wrap:wrap}.mr-f-zeile .mr-f{min-width:220px}
.mr-wv-ok{display:flex;align-items:center;gap:10px;flex-wrap:wrap}

/* Mails von heute: klarere Zeilen, Aktion rechts, Antwortfeld in zwei Schritten */
.am-m{flex-direction:column;gap:0;padding:0;overflow:hidden}
.am-zeile{display:flex;align-items:flex-start;gap:11px;padding:11px 12px}
.am-inhalt{display:flex;flex-direction:column;flex:1;min-width:0;color:inherit;text-decoration:none}
.am-inhalt:hover .am-betreff{text-decoration:underline}
.am-betreff{font-weight:500}.am-m.neu .am-betreff{font-weight:700}
.am-vorschau{-webkit-line-clamp:1}
.am-antw{flex:none;align-self:center;border:1px solid color-mix(in srgb,#7C3AED 30%,transparent);background:color-mix(in srgb,#7C3AED 9%,var(--surface));color:#6D28D9;border-radius:99px;padding:5px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}
.am-antw:hover{background:color-mix(in srgb,#7C3AED 16%,var(--surface))}
.am-m.offen{border-color:color-mix(in srgb,#7C3AED 45%,transparent);box-shadow:0 2px 10px rgba(124,58,237,.10)}
.am-m.offen .am-antw{visibility:hidden}
.am-m .am-form{margin:0;border:0;border-top:1px solid var(--line);border-radius:0;background:color-mix(in srgb,#7C3AED 4%,var(--surface2));padding:12px 14px}
.am-f-kopf{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;font-size:13px;color:#6D28D9}
.am-zu{border:0;background:none;font-size:18px;line-height:1;color:var(--ink3);cursor:pointer}
.am-schritt{display:flex;align-items:center;gap:7px;margin:4px 0 6px;font-size:11.5px;color:var(--ink2)}
.am-schritt em{font-style:normal;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;color:#fff;background:#7C3AED;flex:none}
.am-chip.an{background:#7C3AED;border-color:#7C3AED;color:#fff}
.am-m .am-form textarea{margin:6px 0 4px;background:var(--surface)}
.am-m .am-form-fuss{justify-content:flex-start}
.am-m .am-ergebnis:empty{display:none}.am-m .am-ergebnis{padding:0 12px 12px}

/* Mailsuche: KI fragen gut sichtbar, zuletzt gesucht als Chips (22.10.2026) */
.msl-ki-btn{background:linear-gradient(135deg,#8B5CF6,#6D28D9);color:#fff;border:0;font-weight:600;box-shadow:0 1px 4px rgba(109,40,217,.25)}
.msl-ki-btn:hover{filter:brightness(1.08)}
.msl.ki .msl-ki-btn,.msl-ki-btn.on{background:linear-gradient(135deg,#7C3AED,#5B21B6);color:#fff;border:0;box-shadow:0 0 0 3px color-mix(in srgb,#8B5CF6 30%,transparent)}
.msf-art-b.ki{border-color:color-mix(in srgb,#8B5CF6 45%,transparent);color:#6D28D9}
.msf-art-b.ki.on{background:#7C3AED;border-color:#7C3AED;color:#fff}.msf-art-b.ki.on small{color:#EDE9FE}
.msf-zuletzt{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px;margin-left:8px}
.msf-zuletzt small{color:var(--ink3);font-size:11.5px}
.msf-z{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:2px 10px;font-size:12px;color:var(--ink2);cursor:pointer;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.msf-z:hover{color:var(--ink);border-color:var(--teal,#0E8F94)}

/* Assistent: Chat nur als Seitenfenster auf Klick (22.10.2026) */
.ah-akt{display:flex;align-items:center;gap:8px}
.ah-ki{border:0;border-radius:99px;padding:8px 16px;font-size:13.5px;font-weight:700;color:#fff;cursor:pointer;background:linear-gradient(135deg,#8B5CF6,#6D28D9);box-shadow:0 2px 8px rgba(109,40,217,.3)}
.ah-ki:hover{filter:brightness(1.08)}
.assi-heute3.ohne-chat{grid-template-columns:minmax(320px,1fr) minmax(360px,1.2fr)}
.assi-heute3.ohne-chat.ohne-mails{grid-template-columns:1fr}
@media(max-width:1100px){.assi-heute3.ohne-chat{grid-template-columns:1fr}}
.assi-drawer{position:fixed;inset:0;z-index:900;pointer-events:none}
.assi-drawer-hg{position:absolute;inset:0;background:rgba(15,23,42,.28);opacity:0;transition:opacity .2s}
.assi-drawer .assi-chat{position:absolute !important;top:12px;right:12px;bottom:12px;width:min(620px,calc(100vw - 24px));height:auto !important;min-height:0 !important;
  margin:0;transform:translateX(110%);transition:transform .25s ease;box-shadow:0 10px 40px rgba(15,23,42,.25);grid-column:auto;grid-row:auto}
.assi-drawer.offen{pointer-events:auto}.assi-drawer.offen .assi-drawer-hg{opacity:1}.assi-drawer.offen .assi-chat{transform:none}
.assi-drawer .assi-verlauf{max-height:none}

/* Erweiterte Mailsuche ruhiger (22.10.2026): eine Kopfzeile, drei Spalten, neutrale Karten */
#mailFilter .msf-kopf{padding:10px 14px;background:var(--surface2);gap:10px}
#mailFilter .msf-art{margin:0;flex:1;align-items:center;gap:6px}
#mailFilter .msf-zuletzt{margin-left:auto}
#mailFilter .msf-raster{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr) minmax(0,1fr);gap:14px;padding:4px 16px 2px}
.msf-spalte{display:flex;flex-direction:column;gap:14px;min-width:0}
#mailFilter .msf-gruppe{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 14px 14px}
#mailFilter .msf-gruppe legend{display:flex;align-items:center;gap:6px;color:var(--ink2)}
#mailFilter .msf-gruppe legend::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--teal,#0E8F94)}
#mailFilter .msf-inhalt legend::before{background:#8B5CF6}#mailFilter .msf-zeit legend::before{background:#F59E0B}#mailFilter .msf-merkmale legend::before{background:#16A34A}
#mailFilter .msf-fuss{gap:12px}
#mailFilter.nur-ki .msf-kopf{display:flex}
@media(max-width:1100px){#mailFilter .msf-raster{grid-template-columns:1fr 1fr}.msf-spalte{grid-column:1 / -1;flex-direction:row}.msf-spalte>*{flex:1}}
@media(max-width:700px){#mailFilter .msf-raster{grid-template-columns:1fr}.msf-spalte{flex-direction:column}}

#mailFilter .msf-gruppe legend::before{display:none}
/* Assistent: Kopf «Mails von heute» */
.am-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px}
.am-kopf h2{margin:0;font-size:16px}.am-kopf p{margin:3px 0 0;font-size:12px;color:var(--ink3)}
.am-postfach{flex:none;font-size:12.5px;font-weight:600;color:var(--teal-d,#0B6F73);text-decoration:none;padding:5px 12px;border:1px solid var(--line);border-radius:99px;background:var(--surface)}
.am-postfach:hover{border-color:var(--teal,#0E8F94)}
.am-filter{padding-bottom:10px;border-bottom:1px solid var(--line);margin:0 0 10px}

/* Assistent: Antwortfeld und Entwurf-Ergebnis schöner (22.10.2026) */
.am-m .am-form .btn{background:linear-gradient(135deg,#8B5CF6,#6D28D9);border:0;color:#fff;box-shadow:0 1px 4px rgba(109,40,217,.25)}
.am-m .am-form textarea{border:1px solid var(--line2,#d5dde0);border-radius:10px;padding:9px 12px;font-size:13px}
.am-m .am-form textarea:focus{outline:2px solid color-mix(in srgb,#8B5CF6 30%,transparent);border-color:#8B5CF6}
.am-m.offen .am-zeile{padding-bottom:9px}
.am-m .am-ergebnis{padding:12px 14px 14px;border-top:1px solid var(--line);background:color-mix(in srgb,#10B981 4%,var(--surface))}
.am-entwurf.ok{margin:0;padding:0;border:0;background:none}
.am-e-kopf{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.am-e-kopf div{display:flex;flex-direction:column}.am-e-kopf b{font-size:13.5px}.am-e-kopf small{font-size:11.5px;color:var(--ink3)}
.am-e-ic{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:#10B981;color:#fff;font-weight:700;flex:none}
.am-entwurf .am-e-text{max-height:220px;padding:12px 14px;border:1px solid var(--line);border-left:3px solid #10B981;border-radius:10px;background:var(--surface);font-size:13px;line-height:1.6}
.am-e-akt{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:10px}
.am-e-neu{border:1px solid var(--line);background:var(--surface);color:var(--ink2);border-radius:99px;padding:6px 14px;font-size:12.5px;cursor:pointer}
.am-e-neu:hover{color:var(--ink);border-color:var(--line2,#cfd8dc)}
.am-e-los{border-radius:99px;padding:7px 16px;font-size:12.5px;font-weight:700;color:#fff;text-decoration:none;background:linear-gradient(135deg,#0E8F94,#0B6F73);box-shadow:0 1px 4px rgba(14,143,148,.3)}
.am-e-los:hover{filter:brightness(1.07)}
.am-entwurf.err{margin:0}

/* Mail-Liste: Werkzeugleiste (Ordner, Ungelesen, Gekennzeichnet, Aktualisieren) als deutliche Knöpfe (22.10.2026) */
.mail-such-beschr{gap:6px;padding:8px 10px}
.mail-such-beschr .iconbtn{display:inline-flex;align-items:center;gap:6px;width:auto;height:30px;padding:0 12px;border:1px solid var(--line2,#d5dde0);
  border-radius:99px;background:var(--surface);color:var(--ink);font-size:12.5px;font-weight:600;transition:border-color .15s,background .15s}
.mail-such-beschr .iconbtn svg{width:15px;height:15px}
.mail-such-beschr .iconbtn:hover{border-color:var(--teal,#0E8F94);background:color-mix(in srgb,var(--teal,#0E8F94) 6%,var(--surface))}
.mail-such-beschr #mailUngelesen.on{background:var(--teal,#0E8F94);border-color:var(--teal,#0E8F94);color:#fff}
.mail-such-beschr #mailMarkiert.on{background:#DC2626;border-color:#DC2626;color:#fff}
.mail-such-beschr .mail-ordner-auf{background:var(--surface2)}

/* Assistent: Zeitplan auf der vorderen Seite (22.10.2026) */
.assi-heute3.ohne-chat{grid-template-columns:minmax(300px,1fr) minmax(300px,1fr) minmax(340px,1.15fr);grid-template-areas:"wichtig zeit mails"}
.assi-heute3.ohne-chat .assi-wichtig{grid-area:wichtig}.assi-heute3.ohne-chat .assi-zeitkarte{grid-area:zeit}.assi-heute3.ohne-chat .assi-mailkarte{grid-area:mails}
.assi-heute3.ohne-chat.ohne-mails{grid-template-columns:1fr 1fr;grid-template-areas:"wichtig zeit"}
.assi-zeitkarte .assi-plan-fuss{display:none}
@media(max-width:1500px){.assi-heute3.ohne-chat{grid-template-columns:minmax(320px,1fr) minmax(360px,1.15fr);grid-template-areas:"wichtig mails" "zeit mails"}
  .assi-heute3.ohne-chat .assi-mailkarte{align-self:stretch}}
@media(max-width:1100px){.assi-heute3.ohne-chat,.assi-heute3.ohne-chat.ohne-mails{grid-template-columns:1fr;grid-template-areas:"wichtig" "mails" "zeit"}}

.cpf-spaeter{cursor:pointer;color:var(--ink3)}.cpf.cpf-wartet .cpf-inhalt{display:grid;place-items:center}

/* Benutzer & Rechte: ein Menüpunkt mit Registern (23.10.2026) */
.zg-kopf{margin-bottom:12px}.zg-kopf h1{margin:0 0 2px}.zg-kopf p{margin:0}
.zg-tabs{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap}
.zg-tab{display:flex;flex-direction:column;gap:1px;padding:10px 16px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);text-decoration:none;min-width:180px;flex:1 1 180px;max-width:280px;transition:border-color .15s}
.zg-tab b{font-size:14px}.zg-tab small{font-size:11.5px;color:var(--ink3)}
.zg-tab:hover{border-color:var(--teal,#0E8F94)}
.zg-tab.an{border-color:var(--teal,#0E8F94);background:color-mix(in srgb,var(--teal,#0E8F94) 8%,var(--surface));box-shadow:inset 0 -3px 0 var(--teal,#0E8F94)}
.zg-leiste{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:12px}.zg-leiste p{margin:0}
.rr-kopf{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.rr-kopf h2{margin:0 0 4px;font-size:16px}.rr-kopf p{margin:0}
.lv-bsp{display:inline-block;padding:1px 8px;border-radius:99px;font-size:11.5px;font-weight:600}
.rr-scroll{overflow:auto;max-height:calc(100vh - 290px);border:1px solid var(--line);border-radius:12px}
.rr-tab{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.rr-tab thead th{position:sticky;top:0;z-index:2;background:var(--surface2);padding:9px 10px;text-align:center;font-size:12px;font-weight:700;border-bottom:1px solid var(--line);white-space:nowrap}
.rr-tab thead th:first-child{text-align:left;left:0;z-index:3}
.rr-tab td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}
.rr-tab td:first-child{text-align:left;min-width:220px;max-width:380px;position:sticky;left:0;background:var(--surface);z-index:1}
.rr-tab td:first-child .small{line-height:1.35;margin-top:2px}
.rr-tab tr.rr-bereich th{position:sticky;top:37px;z-index:1;text-align:left;padding:7px 10px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--teal-d,#0B6F73);background:color-mix(in srgb,var(--teal,#0E8F94) 7%,var(--surface));border-bottom:1px solid var(--line)}
.rr-tab tbody tr:not(.rr-bereich):hover td{background:color-mix(in srgb,var(--teal,#0E8F94) 4%,var(--surface))}
.rr-tab select.lv{min-width:118px}
.rr-mehr{margin-top:14px}.rr-mehr>summary{cursor:pointer;padding:2px 0}.rr-mehr[open]>summary{margin-bottom:10px}
@media(max-width:760px){.zg-tab{max-width:none;min-width:0;flex:1 1 100%}.rr-scroll{max-height:none}.rr-tab td:first-child{min-width:170px}}
.lv-bsp.lv0{color:var(--ink3);background:var(--surface2)}.lv-bsp.lv1{color:var(--blue);background:var(--blue-s)}.lv-bsp.lv2{color:var(--green);background:var(--green-s)}

/* Führung & Stellvertretung (23.10.2026) */
.fu-stufen{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px;margin-bottom:14px}
.fu-stufe{padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);border-top:3px solid var(--fs,#0E8F94)}
.fu-stufe.s-inh{--fs:#F59E0B}.fu-stufe.s-stv{--fs:#0EA5E9}.fu-stufe.s-gl{--fs:#7C3AED}
.fu-stufe.fu-warn{background:color-mix(in srgb,#F59E0B 7%,var(--surface))}
.fu-s-kopf{display:flex;gap:10px;align-items:flex-start;margin-bottom:10px}.fu-s-kopf b{display:block;font-size:14px}.fu-s-kopf small{font-size:11.5px;color:var(--ink3)}
.fu-s-ic{font-size:20px;line-height:1}
.fu-leute{display:flex;flex-wrap:wrap;gap:6px}
.fu-p{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 3px;border:1px solid var(--line);border-radius:99px;font-size:12.5px;background:var(--surface2)}
.fu-p i,.fu-av{font-style:normal;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:10.5px;font-weight:700;color:#fff;background:var(--pf,#0E8F94)}
.fu-leer{font-size:12.5px;color:var(--ink3)}.fu-warn .fu-leer{color:#B45309}
.fu-info>summary,.fu-prot>summary{cursor:pointer}.fu-info[open]>summary,.fu-prot[open]>summary{margin-bottom:10px}
.fu-info-raster{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:12px}
.fu-info-raster b{font-size:13px}.fu-info-raster p{margin:4px 0 0;font-size:12.5px;color:var(--ink2);line-height:1.5}
.fu-k{display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:8px}.fu-k h2{margin:0;font-size:16px}.fu-k p{margin:0}
.fu-liste{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.fu-z{display:flex;align-items:center;gap:12px;padding:9px 6px;border-bottom:1px solid var(--line)}
.fu-z.an{background:color-mix(in srgb,#7C3AED 4%,transparent)}
.fu-av{width:32px;height:32px;font-size:12px;flex:none}
.fu-wer{flex:1;min-width:0;display:flex;flex-direction:column}.fu-wer small{font-size:11.5px;color:var(--ink3)}
.fu-schalter{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink2);white-space:nowrap}
.fu-fuss{margin-top:12px;display:flex;justify-content:flex-end}
@media(max-width:760px){.fu-z{flex-wrap:wrap}.fu-schalter{flex:1 1 45%}}

/* Benutzer: eine Liste mit kompakten Zeilen, aufgeklappt 2×2-Felder (23.10.2026) */
.bz-liste{display:flex !important;flex-direction:column;gap:0 !important;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.bz-liste>.bz-k{margin:0 !important;border:0 !important;border-bottom:1px solid var(--line) !important;border-radius:0 !important;box-shadow:none !important;padding:0 !important;background:none}
.bz-liste>.bz-k:last-child{border-bottom:0 !important}
.bz-liste>.bz-k>summary.bz-k-kopf{padding:10px 14px}
.bz-liste>.bz-k[open]{background:var(--surface2)}
.bz-liste>.bz-k[open]>summary{border-bottom:1px solid var(--line)}
.bz-inhalt{padding:12px 14px 14px}
.bz-felder{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px}
.bz-felder label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--ink2)}
.bz-fuss{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px}
.bz-mehr{margin-top:12px;border-top:1px dashed var(--line);padding-top:8px}
.bz-mehr>summary{cursor:pointer;font-size:12.5px;color:var(--teal-d,#0B6F73)}
.bz-mehr-in{display:flex;flex-direction:column;gap:12px;margin-top:10px}
.bz-pw{display:grid;grid-template-columns:1fr 1fr auto;gap:8px;align-items:end}
.bz-pw>div{grid-column:1 / -1;display:flex;flex-direction:column;gap:2px}
.bz-k.bz-aus .bz-wer b{color:var(--ink3);text-decoration:line-through}
@media(max-width:760px){.bz-felder,.bz-pw{grid-template-columns:1fr}}
/* Gruppen: kompakte Liste wie Benutzer */
.gr-liste{display:flex;flex-direction:column;gap:0;border:1px solid var(--line);border-radius:14px;background:var(--surface);overflow:hidden}
.gr-liste>.gr-k{margin:0 !important;border:0 !important;border-bottom:1px solid var(--line) !important;border-radius:0 !important;box-shadow:none !important}
.gr-liste>.gr-k:last-child{border-bottom:0 !important}
.gr-liste>.gr-k[open]{background:var(--surface2)}
.gr-kopf .gr-firma{display:inline-block !important;width:auto !important;margin:0 0 0 8px !important;padding:1px 9px !important;border-radius:99px;font-size:11px;vertical-align:1px}
.gr-kopf small{display:block;margin-top:2px}
.fu-k{align-items:center}.fu-k p{flex:1}
.bz-form2 .bz-fuss{margin:0 0 12px;padding-bottom:10px;border-bottom:1px solid var(--line)}

/* Kopfzeile: Zurück als runder Knopf, Pfad dezent, Seitentitel gross – auf allen Seiten gleich (23.10.2026) */
.topbar .crumb{display:flex;align-items:center;gap:12px;min-width:0}
.crumb-text{display:flex;flex-direction:column;justify-content:center;min-width:0}
.topbar .crumb-zurueck{flex:none;width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid var(--line);
  background:var(--surface);color:var(--ink2);cursor:pointer;transition:background .15s,color .15s,border-color .15s;box-shadow:none}
.topbar .crumb-zurueck:hover{background:var(--teal-s);color:var(--teal-d);border-color:color-mix(in srgb,var(--teal,#0E8F94) 40%,transparent)}
.topbar .crumb-zurueck svg{width:16px;height:16px}
.topbar .crumb-pfad{display:flex;align-items:center;gap:6px;flex-wrap:nowrap;margin:0;padding:0;border:0;background:none;box-shadow:none;border-radius:0;min-width:0}
.topbar .crumb-pfad .crumb-link{display:inline-flex;align-items:center;gap:5px;padding:0;font-size:12px;font-weight:500;color:var(--ink3);text-decoration:none;background:none}
.topbar .crumb-pfad .crumb-link:hover{color:var(--teal-d);background:none}
.topbar .crumb-pfad .crumb-link svg{width:13px;height:13px}
.topbar .crumb-pfad .crumb-sep{color:var(--ink3);font-size:12px}
.topbar .crumb-pfad .crumb-akt{font-size:16px;font-weight:700;color:var(--ink);letter-spacing:-.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.topbar .crumb-pfad .crumb-akt.crumb-vor{font-size:12px;font-weight:500;color:var(--ink3)}
/* Verwaltungspfad zweizeilig: oben «Verwaltung › …», unten der Seitentitel */
.topbar .crumb-pfad:has(.crumb-akt){flex-wrap:wrap;row-gap:0}
.topbar .crumb-pfad>.crumb-akt:last-child{flex-basis:100%;order:9}
.topbar .crumb-pfad>.crumb-sep:nth-last-child(2){display:none}
.topbar .crumb-titel b{font-size:16px;letter-spacing:-.01em}.topbar .crumb-titel small{font-size:12px}
@media(max-width:760px){.topbar .crumb-zurueck{width:30px;height:30px}.topbar .crumb-pfad .crumb-link,.topbar .crumb-pfad .crumb-sep,.topbar .crumb-pfad .crumb-vor{display:none}}
.gr-neu{margin-bottom:12px}
.bz-liste,.gr-liste{align-items:stretch !important}.bz-liste>.bz-k,.gr-liste>.gr-k{width:auto !important}

/* Gruppen im Stil der Benutzerliste */
.gr-liste>.gr-k>summary.gr-kopf{display:flex;align-items:center;gap:12px;padding:10px 14px;cursor:pointer;list-style:none}
.gr-ic{flex:none;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-size:14px;font-weight:700;color:#fff;background:var(--gf,#0E8F94)}
.gr-wer{flex:1;min-width:0;display:flex;flex-direction:column}.gr-wer b{font-size:14px}
.gr-wer small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gr-k.gr-aus .gr-ic{filter:grayscale(1);opacity:.6}
/* Eingabefelder in aufgeklappten Listenkarten sichtbar (eigener Hintergrund und Rahmen) */
.bz-inhalt input:not([type=checkbox]):not([type=radio]),.bz-inhalt select,.bz-inhalt textarea,
.gr-k[open] input:not([type=checkbox]):not([type=radio]),.gr-k[open] select,.gr-k[open] textarea{background:var(--surface) !important;border:1px solid var(--line2,#cfd8dc) !important;border-radius:8px;padding:7px 10px;min-height:36px}
.bz-inhalt input:focus,.bz-inhalt select:focus,.gr-k[open] input:focus,.gr-k[open] select:focus{border-color:var(--teal,#0E8F94) !important;outline:2px solid color-mix(in srgb,var(--teal,#0E8F94) 25%,transparent)}
/* Schieber (Ein/Aus) einheitlich im ganzen Cockpit (23.10.2026) */
.bz-schalter i,.zt-sw i{width:42px !important;height:24px !important;border-radius:99px;background:var(--line2,#cfd8dc) !important;position:relative;flex:none;
  box-shadow:inset 0 1px 2px rgba(15,23,42,.12);transition:background .2s ease}
.bz-schalter i::after,.zt-sw i::after{content:"";position:absolute;top:3px !important;left:3px !important;width:18px !important;height:18px !important;border-radius:50%;
  background:#fff;box-shadow:0 1px 3px rgba(15,23,42,.3);transition:transform .2s cubic-bezier(.3,1.4,.6,1)}
.bz-schalter input:checked+i,.zt-sw input:checked+i{background:var(--teal,#0E8F94) !important}
.bz-schalter input:checked+i::after,.zt-sw input:checked+i::after{left:3px !important;transform:translateX(18px)}
.bz-schalter input:focus-visible+i,.zt-sw input:focus-visible+i{outline:2px solid color-mix(in srgb,var(--teal,#0E8F94) 45%,transparent);outline-offset:2px}
.bz-schalter input:disabled+i,.zt-sw input:disabled+i{opacity:.5;cursor:not-allowed}
.bz-schalter:hover input:not(:disabled):not(:checked)+i,.zt-sw:hover input:not(:disabled):not(:checked)+i{background:color-mix(in srgb,var(--teal,#0E8F94) 22%,var(--line2,#cfd8dc)) !important}
.bz-schalter input,.zt-sw input{width:42px !important;height:24px !important}
/* Benutzer: Bereich «Mehr» als kleine Karten */
.bz-mehr-in>form{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.bz-mehr-in .bz-dev{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bz-pw>div b{font-size:13.5px}

/* Gruppen bearbeiten: Mitglieder als Raster mit Avatar (23.10.2026) */
.gr-form{padding:12px 14px 14px}
.gr-oben{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.gr-mitgl-box{margin-top:12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:10px 12px}
.gr-mitgl-kopf{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.gr-mitgl-kopf small{flex:1}
.gr-mitgl-q{max-width:240px}
.gr-mitgl2{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:6px}
.gr-p{position:relative;display:flex;align-items:center;gap:9px;padding:6px 10px 6px 6px;border:1px solid var(--line);border-radius:10px;cursor:pointer;background:var(--surface);transition:border-color .15s,background .15s}
.gr-p:hover{border-color:var(--line2,#cfd8dc)}
.gr-p input{position:absolute;opacity:0;pointer-events:none}
.gr-p:has(input:checked){border-color:var(--teal,#0E8F94);background:color-mix(in srgb,var(--teal,#0E8F94) 8%,var(--surface))}
.gr-p:has(input:checked)::after{content:"✓";position:absolute;right:9px;top:50%;transform:translateY(-50%);color:var(--teal-d,#0B6F73);font-weight:700}
.gr-p.auto{cursor:default;opacity:.85}.gr-p.auto::after{display:none}.gr-p em{font-style:normal;margin-left:auto;font-size:12px}
.gr-p:has(input:focus-visible){outline:2px solid color-mix(in srgb,var(--teal,#0E8F94) 40%,transparent)}
.gr-p-av{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:var(--pf,#0E8F94)}
.gr-p-t{display:flex;flex-direction:column;min-width:0;padding-right:16px}.gr-p-t b{font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gr-p-t small{font-size:11px;color:var(--ink3)}
/* Häckchen untereinander (23.10.2026, überall): mehrere label.chk in einem Behälter je auf eigener Zeile */
label.chk{display:inline-flex;align-items:center;gap:8px;line-height:1.35}
label.chk input[type=checkbox],label.chk input[type=radio]{flex:none;margin:0;width:16px;height:16px;accent-color:var(--teal,#0E8F94)}
:is(div,span,section,fieldset,form,p):has(> label.chk + label.chk){display:flex !important;flex-direction:column !important;align-items:flex-start !important;flex-wrap:nowrap !important;gap:8px !important}
:is(div,span,section,fieldset,form,p):has(> label.chk + label.chk) > br{display:none}

.rr-kopf{align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--line)}
.rr-kopf>div:first-child{flex:1;min-width:260px}
.rr-akt{display:flex;align-items:center;gap:12px;flex:none}
.rr-offen{font-size:12px;font-weight:600;color:#B45309}
.rr-karte.geaendert .rr-akt .btn{box-shadow:0 0 0 3px color-mix(in srgb,#F59E0B 35%,transparent)}

/* Benutzer: Firmen direkt in der Karte (23.10.2026) */
.bz-firmen{margin-top:12px;padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.bz-firmen-k{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;margin-bottom:8px}.bz-firmen-k small{flex:1}
.bz-firmen-ok{font-size:12px;font-weight:600;color:var(--green,#16A34A)}
.bz-firma{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid var(--line)}
.bz-firma:first-of-type{border-top:0}
.bz-firma-n{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;min-width:0}
.bz-firma-n i{flex:none;width:10px;height:10px;border-radius:50%;background:var(--fm,#0E8F94)}
.bz-seg{display:inline-flex;border:1px solid var(--line2,#cfd8dc);border-radius:10px;overflow:hidden;flex:none}
.bz-seg label{position:relative;cursor:pointer}
.bz-seg input{position:absolute;opacity:0;pointer-events:none}
.bz-seg span{display:block;padding:5px 12px;font-size:12px;color:var(--ink2);background:var(--surface);border-left:1px solid var(--line2,#cfd8dc);transition:background .15s,color .15s}
.bz-seg label:first-child span{border-left:0}
.bz-seg input:checked+span{background:var(--teal,#0E8F94);color:#fff;font-weight:600}
.bz-seg input[value=""]:checked+span{background:var(--surface2);color:var(--ink2)}
.bz-seg input:focus-visible+span{outline:2px solid color-mix(in srgb,var(--teal,#0E8F94) 40%,transparent);outline-offset:-2px}
@media(max-width:760px){.bz-firma{flex-direction:column;align-items:flex-start}}
/* Protokolle (23.10.2026) */
.pk-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.pk-tab{padding:7px 14px;border:1px solid var(--line);border-radius:99px;background:var(--surface);color:var(--ink2);font-size:13px;font-weight:600;text-decoration:none}
.pk-tab:hover{border-color:var(--teal,#0E8F94);color:var(--ink)}
.pk-tab.an{background:var(--teal,#0E8F94);border-color:var(--teal,#0E8F94);color:#fff}
.pk-filter{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.pk-filter input[type=search]{flex:1 1 260px;max-width:380px}
.pk-chips{display:flex;gap:6px;flex-wrap:wrap}
.pk-chip{border:1px solid var(--line);background:var(--surface);border-radius:99px;padding:5px 12px;font:inherit;font-size:12.5px;color:var(--ink2);cursor:pointer}
.pk-chip.an{border-color:var(--teal,#0E8F94);background:color-mix(in srgb,var(--teal,#0E8F94) 10%,var(--surface));color:var(--ink);font-weight:600}
.pk-chip em{font-style:normal;font-weight:700;margin-left:3px}
.pk-kz{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.pk-kz span{display:flex;flex-direction:column;padding:8px 14px;border:1px solid var(--line);border-radius:12px;font-size:12px;color:var(--ink3);min-width:120px}
.pk-kz b{font-size:20px;color:var(--ink)}.pk-kz .ok b{color:var(--green,#16A34A)}.pk-kz .warn b{color:#D97706}.pk-kz .rot b{color:#DC2626}
.pk-scroll{overflow:auto;border:1px solid var(--line);border-radius:12px;max-height:calc(100vh - 340px)}
.pk-tab{width:100%;border-collapse:separate;border-spacing:0;font-size:13px}
.pk-tab th{position:sticky;top:0;background:var(--surface2);text-align:left;font-size:12px;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;z-index:1}
.pk-tab td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.pk-tab td small{display:block;font-size:11.5px;color:var(--ink3)}
.pk-tab .r{text-align:right}.pk-tab .nw{white-space:nowrap}
.pk-tab tr.pk-aus td{opacity:.55}
.pk-an{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pk-st{display:inline-block;padding:1px 9px;border-radius:99px;font-size:11.5px;font-weight:600;background:var(--surface2);color:var(--ink2);margin:1px 4px 1px 0}
.pk-st.on,.pk-st.ok{background:color-mix(in srgb,#16A34A 14%,transparent);color:#15803D}
.pk-st.warn{background:#FEF3C7;color:#92400E}.pk-st.rot,.pk-st.aus{background:#FEE2E2;color:#B91C1C}.pk-st.nie{color:var(--ink3)}
.pk-rot{color:#DC2626;font-weight:700}
.pk-art{display:inline-block;padding:1px 8px;border-radius:6px;background:var(--surface2);font-size:11.5px;color:var(--ink2)}
.pk-team{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:8px}
.pk-team li{display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:12px}
.pk-team li.on{border-color:color-mix(in srgb,#16A34A 45%,transparent);background:color-mix(in srgb,#16A34A 5%,var(--surface))}
.pk-team li>div{flex:1;min-width:0;display:flex;flex-direction:column}.pk-team li small{font-size:11.5px;color:var(--ink3)}
.pk-av{position:relative;flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#fff;background:var(--pf,#0E8F94)}
.pk-av i{position:absolute;right:-1px;bottom:-1px;width:11px;height:11px;border-radius:50%;background:#22C55E;border:2px solid var(--surface)}
.pk-team-z{font-size:12px;color:var(--ink3);text-align:right}.pk-team-z b{color:#15803D}
.pk-mehr{margin-top:14px}.pk-mehr>summary{cursor:pointer;margin-bottom:8px}

/* Dunkelmodus: Zweitknöpfe (ghost) überall lesbar (23.10.2026) */
:root[data-theme="dark"] .btn.ghost{color:var(--teal);border:1px solid color-mix(in srgb,var(--teal) 35%,transparent)}

/* Kleiner Dialog (Neue Firma, Plugin installieren) */
.fm2-dlg{border:0;border-radius:14px;padding:22px;width:min(460px,calc(100vw - 32px));box-shadow:0 20px 50px rgba(0,0,0,.25);background:var(--surface);color:var(--ink)}
.fm2-dlg::backdrop{background:rgba(15,23,42,.4)}
.fm2-dlg form{display:grid;gap:12px}.fm2-dlg h2{margin:0}.fm2-dlg label:not(.chk){display:grid;gap:4px;font-size:13px;font-weight:600}
.fm2-dlg-k{display:flex;justify-content:flex-end;gap:8px;margin-top:4px}

/* Handy (Schritt 3 Responsive, 23.10.2026): Seiten ohne waagrechtes Scrollen */
@media (max-width:760px){
  .akte-tabs{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
  .pm-trow{display:flex!important;flex-wrap:wrap;align-items:center;gap:6px 10px}
  .pm-trow .pm-tt{flex:1 1 100%;min-width:0;order:-1}
  .pm-trow .pm-takt{margin-left:auto}
  .pmn-raster>*{min-width:0}
  .pmn-drei{grid-template-columns:1fr!important}
  .dt-grid{grid-template-columns:1fr}
  .dl-raster{grid-template-columns:1fr!important}
  .dl-raster>*{min-width:0}
  .dl-mitte{overflow-x:auto}
  .zg-kopf{flex-wrap:wrap}
  .pm-tt b{white-space:normal;overflow-wrap:anywhere}
  .gr-neu{flex-wrap:wrap}.gr-neu>*{min-width:0;max-width:100%}
  .dl-raster>*{overflow-x:auto}
  .dl-raster input,.dl-raster select{max-width:100%}
}

/* Tablet (Schritt 3 Responsive, 23.10.2026): breite Tabellen scrollen in ihrer Karte, Raster einspaltig */
@media (max-width:1100px){
  :is(section,div,form):has(> table.list){overflow-x:auto;max-width:100%}
  main > table.list{display:block;overflow-x:auto;max-width:100%}
  .assi-heute3,.assi-heute3.ohne-chat,.assi-heute3.ohne-mails{grid-template-columns:minmax(0,1fr)!important}
  .assi-heute3>*{min-width:0}
  .re-seg{flex-wrap:wrap;max-width:100%}
  .dl-raster{grid-template-columns:minmax(0,1fr)!important}
  .dl-raster>*{min-width:0;overflow-x:auto}
  .pmn-raster>*,.pmn-drei>*{min-width:0}
}