@font-face{font-family:"Manrope";src:url("../fonts/manrope.woff2") format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("../fonts/playfair-italic.woff2") format("woff2");font-style:italic;font-weight:400 900;font-display:swap}
:root,:root[data-theme="light"]{
  color-scheme:light;
  --navy:#1B4279;--slate:#45515b;--ink:#0f1c2e;--bg:#f4f6f9;--card:#fff;--line:#e3e8ef;--muted:#6b7785;
  --pri:#1B4279;--pri-h:#15335f;--on-pri:#fff;--link:#1B4279;
  --surface:#fff;--btn-bg:#fff;--field-bg:#fff;--soft:#f4f6f9;--over-bg:#eaeff6;
  --wrap:rgba(27,66,121,.05);--tint:rgba(27,66,121,.08);--tint2:rgba(27,66,121,.1);--tint3:rgba(27,66,121,.12);
  --count-on:rgba(255,255,255,.22);
  --stat-bg:#1B4279;--stat-h:#15335f;--hot-bg:#a1471b;--hot-h:#873b15;--mono-bg:#1B4279;
  --focus:rgba(27,66,121,.35);--noise:.35;
  --radius:22px;--shadow:0 1px 2px rgba(15,28,46,.04),0 12px 32px -12px rgba(15,28,46,.14);
  --shadow-h:0 2px 4px rgba(15,28,46,.05),0 22px 44px -14px rgba(15,28,46,.22);
  --warn:#a1471b;--bad:#9b2c28;
  --st-n-bg:#eef1f5;--st-n-fg:#45515b;--st-p-bg:rgba(27,66,121,.12);--st-p-fg:#1B4279;
  --st-a-bg:#fdecd2;--st-a-fg:#8a4b08;--st-w-bg:#dff3e6;--st-w-fg:#17623a;
  --st-l-bg:#f8e0df;--st-l-fg:#9b2c28;--st-x-bg:#ececec;--st-x-fg:#5b5b5b;
  --ban-bg:#fff6e5;--ban-line:#f0d9a8;--ban-fg:#6b4a0b;--code-bg:rgba(0,0,0,.06);
  --on-bg:#f1faf4;--on-line:#bfe3cd;--on-fg:#17623a;--off-bg:#fdf3f2;--off-line:#f0c9c7;--off-fg:#9b2c28;
  --ok-bg:#17623a;--ok-h:#114d2e;--on-ok:#fff;--danger-bg:#9b2c28;--on-danger:#fff;
  --reason-bg:#fbeee5;--reason-fg:#a1471b;
  --toast-bg:#0f1c2e;--toast-fg:#fff;--toast-bad:#9b2c28;
  --backdrop:rgba(15,28,46,.45);--dlg-wrap:rgba(27,66,121,.07);--dlg-shadow:0 30px 80px -20px rgba(15,28,46,.5);
  --disabled-bg:#c9d0da;--disabled-fg:#fff;
  --arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%2345515b' stroke-width='1.6' stroke-linecap='round'/></svg>");
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --slate:#b9c5d6;--ink:#e6edf7;--bg:#0c1524;--card:#131f33;--line:#243349;--muted:#93a1b6;
  --pri:#6f9be0;--pri-h:#8bb0ea;--on-pri:#0c1524;--link:#8fb2ec;
  --surface:#131f33;--btn-bg:#1a2a44;--field-bg:#0e1829;--soft:#0f1a2d;--over-bg:#16294a;
  --wrap:rgba(111,155,224,.06);--tint:rgba(111,155,224,.14);--tint2:rgba(111,155,224,.16);--tint3:rgba(111,155,224,.18);
  --count-on:rgba(12,21,36,.2);
  --stat-bg:#1a3560;--stat-h:#234578;--hot-bg:#a1471b;--hot-h:#b9521f;--mono-bg:#27477a;
  --focus:rgba(143,178,236,.65);--noise:.12;
  --shadow:0 1px 2px rgba(0,0,0,.28),0 10px 26px -16px rgba(0,0,0,.55);
  --shadow-h:0 2px 4px rgba(0,0,0,.3),0 18px 34px -16px rgba(0,0,0,.65);
  --warn:#f0a56a;--bad:#f3a5a1;
  --st-n-bg:#1f2d44;--st-n-fg:#b9c5d6;--st-p-bg:rgba(111,155,224,.18);--st-p-fg:#a9c4f0;
  --st-a-bg:#3b2a10;--st-a-fg:#f3c27a;--st-w-bg:#12372a;--st-w-fg:#86dba8;
  --st-l-bg:#3d1e20;--st-l-fg:#f4aaa7;--st-x-bg:#243044;--st-x-fg:#a5b0bf;
  --ban-bg:#2a2210;--ban-line:#5c4a1c;--ban-fg:#f0d28d;--code-bg:rgba(255,255,255,.08);
  --on-bg:#0f2b20;--on-line:#1f5a3d;--on-fg:#86dba8;--off-bg:#331a1c;--off-line:#6a2f31;--off-fg:#f4aaa7;
  --ok-bg:#4cc58a;--ok-h:#68d29d;--on-ok:#06150d;--danger-bg:#ee8480;--on-danger:#1a0808;
  --reason-bg:#3a2415;--reason-fg:#f2b078;
  --toast-bg:#263a58;--toast-fg:#fff;--toast-bad:#b23a35;
  --backdrop:rgba(3,8,16,.65);--dlg-wrap:rgba(111,155,224,.08);--dlg-shadow:0 30px 80px -20px rgba(0,0,0,.7);
  --disabled-bg:#1d2b42;--disabled-fg:#93a1b6;
  --arrow:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23b9c5d6' stroke-width='1.6' stroke-linecap='round'/></svg>");
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font-family:"Manrope",system-ui,sans-serif;background:var(--bg);color:var(--ink);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;position:relative}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:var(--noise);z-index:0;
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .1  0 0 0 0 .2  0 0 0 0 .3  0 0 0 .06 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.wrap{position:relative;z-index:1;max-width:1180px;margin:0 auto;padding:0 20px}
header.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:26px 0}
header.top img{height:34px;width:auto;display:block}
.badge{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--link);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:7px 14px}
.hero{padding:34px 0 30px}
.hero h1{font-weight:300;font-size:clamp(32px,5.4vw,60px);line-height:1.08;letter-spacing:-.02em;max-width:16ch}
.hero h1 em{font-family:"Playfair Display",serif;font-style:italic;font-weight:500;color:var(--link);position:relative;white-space:nowrap}
.hero h1 em svg{position:absolute;left:0;right:0;bottom:-.18em;width:100%;height:.28em;overflow:visible}
.hero p{margin-top:18px;color:var(--muted);max-width:52ch;font-size:17px}
.stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.stat{background:var(--stat-bg);color:#fff;border-radius:18px;padding:16px 22px;min-width:150px}
.stat b{display:block;font-size:34px;font-weight:300;line-height:1.1}
.stat span{font-size:13px;opacity:.78}
.bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:34px 0 22px}
.search{flex:1 1 260px;position:relative}
.search input{width:100%;font:inherit;font-size:15px;padding:14px 18px 14px 46px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}
.search svg{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:18px;height:18px;color:var(--muted)}
.search input:focus-visible,.chip:focus-visible,.card a:focus-visible,.open:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.chips{display:flex;flex-wrap:nowrap;gap:6px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;position:relative;padding:4px 2px}
.chips::-webkit-scrollbar{display:none}
.chip{font:inherit;font-size:13px;font-weight:600;line-height:1.2;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:var(--surface);color:var(--slate);cursor:pointer;transition:.2s;white-space:nowrap;flex:none}
.chip:hover{border-color:var(--link);color:var(--link)}
.chip[aria-pressed="true"]{background:var(--pri);border-color:var(--pri);color:var(--on-pri)}

/* Chipleiste: eine Zeile, horizontal scrollbar, Verlaufsränder als Hinweis */
.chipscroll{position:relative;flex:3 1 340px;min-width:0}
.chipscroll .chips{-webkit-mask-image:none;mask-image:none}
.chipscroll.can-l .chips{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 34px);mask-image:linear-gradient(to right,transparent 0,#000 34px)}
.chipscroll.can-r .chips{-webkit-mask-image:linear-gradient(to left,transparent 0,#000 34px);mask-image:linear-gradient(to left,transparent 0,#000 34px)}
.chipscroll.can-l.can-r .chips{-webkit-mask-image:linear-gradient(to right,transparent 0,#000 34px,#000 calc(100% - 34px),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 34px,#000 calc(100% - 34px),transparent 100%)}
.cs-btn{display:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:28px;height:28px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--slate);cursor:pointer;place-items:center;box-shadow:var(--shadow);transition:.2s}
.cs-btn svg{width:12px;height:12px}
.cs-btn.prev{left:0}
.cs-btn.next{right:0}
.cs-btn:hover{border-color:var(--link);color:var(--link)}
.cs-btn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.chipscroll.can-l .cs-btn.prev,.chipscroll.can-r .cs-btn.next{display:grid}}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:20px;padding-bottom:40px}
.card{background:var(--wrap);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);padding:6px;box-shadow:var(--shadow);transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s;opacity:0;transform:translateY(14px);animation:in .6s forwards}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-h)}
.card-in{background:var(--card);border-radius:var(--radius);padding:22px;height:100%;display:flex;flex-direction:column;gap:14px}
.row{display:flex;align-items:center;gap:14px}
.mono{width:56px;height:56px;border-radius:16px;background:var(--mono-bg);color:#fff;display:grid;place-items:center;font-weight:700;font-size:17px;letter-spacing:.02em;flex:none;overflow:hidden}
.mono.has-logo{background:#fff;box-shadow:inset 0 0 0 1px var(--line)}
.mono.has-logo::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(15,28,46,.08);pointer-events:none}
.mono{position:relative}
.mono img{width:100%;height:100%;object-fit:contain;display:block}
.card h2{font-size:19px;font-weight:700;line-height:1.2;letter-spacing:-.01em}
.meta{font-size:13px;color:var(--muted)}
.tag{display:inline-block;font-size:12px;font-weight:600;color:var(--link);background:var(--tint);border-radius:999px;padding:4px 11px}
.url{font-size:13.5px;color:var(--slate);word-break:break-all;margin-top:auto}
.open{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--on-pri);background:var(--pri);border-radius:999px;padding:14px 22px;font-weight:600;font-size:15px;transition:.25s}
.open:hover{background:var(--pri-h)}
.open svg{width:15px;height:15px;flex:none;transition:transform .25s}
.open:hover svg{transform:translate(2px,-2px)}
.empty{display:none;text-align:center;color:var(--muted);padding:50px 0 80px}
footer{position:relative;z-index:1;border-top:1px solid var(--line);padding:26px 0 40px;font-size:13px;color:var(--muted)}
footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
footer a{color:var(--link)}
@keyframes in{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.chips{scroll-behavior:auto}.card{animation:none;opacity:1;transform:none}*{transition:none!important}html{scroll-behavior:auto}}
@media (max-width:520px){.grid{grid-template-columns:1fr}}

/* Navigation und Kopf */
header.top .right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.tabs{display:flex;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:4px}
.tabs a{font-size:14px;font-weight:600;color:var(--slate);text-decoration:none;padding:8px 16px;border-radius:999px;transition:.2s}
.tabs a:hover{color:var(--link)}
.tabs a[aria-current="page"]{background:var(--pri);color:var(--on-pri)}
.tabs a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
a.stat{text-decoration:none;display:block;transition:transform .25s,background .25s}
a.stat:hover{transform:translateY(-3px);background:var(--stat-h)}
.stat.hot{background:var(--hot-bg)}
a.stat.hot:hover{background:var(--hot-h)}

/* Statuschips auf Karten */
.st{display:inline-flex;align-items:center;justify-content:center;line-height:1.2;font-size:12px;font-weight:600;border-radius:999px;padding:4px 11px;background:var(--tint);color:var(--link)}
.st-gebaut,.st-online,.st-bereit{background:var(--st-n-bg);color:var(--st-n-fg)}
.st-versendet,.st-scan,.st-gespraech,.st-bestell{background:var(--st-p-bg);color:var(--st-p-fg)}
.st-anfrage{background:var(--st-a-bg);color:var(--st-a-fg)}
.st-gewonnen{background:var(--st-w-bg);color:var(--st-w-fg)}
.st-uebergeben{background:var(--st-w-bg);color:var(--st-w-fg)}
.st-abgeschlossen{background:var(--st-x-bg);color:var(--st-x-fg)}
.fld i.reakt{color:var(--link);font-style:normal;font-weight:600}
.lead-id .chiprow{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0}
.st-verloren{background:var(--st-l-bg);color:var(--st-l-fg)}
.st-abgelaufen{background:var(--st-x-bg);color:var(--st-x-fg)}
.card .chiprow{display:flex;flex-wrap:wrap;gap:6px}
.card .note{font-size:13px;color:var(--slate)}
.card .note.warn{color:var(--warn);font-weight:600}
.open.off{background:var(--disabled-bg);color:var(--disabled-fg);pointer-events:none}

/* Leads */
.banner{display:none;margin:0 0 18px;padding:14px 18px;border-radius:16px;background:var(--ban-bg);border:1px solid var(--ban-line);color:var(--ban-fg);font-size:14px}
.banner.show{display:block}
.banner code{background:var(--code-bg);padding:1px 6px;border-radius:6px}
.srv{display:inline-flex;align-items:center;justify-content:center;line-height:1.2;font-size:12px;font-weight:600;border-radius:999px;padding:7px 12px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}
.srv.on{color:var(--on-fg);border-color:var(--on-line);background:var(--on-bg)}
.srv.off{color:var(--off-fg);border-color:var(--off-line);background:var(--off-bg)}
.sel{font:inherit;font-size:14px;font-weight:600;color:var(--slate);padding:10px 36px 10px 16px;border-radius:999px;border:1px solid var(--line);background:var(--btn-bg) var(--arrow) no-repeat right 14px center;appearance:none;-webkit-appearance:none;cursor:pointer;max-width:100%}
.sel:hover{border-color:var(--link)}
.sel:focus-visible,.btn:focus-visible,.inp:focus-visible,.lead button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.sel:disabled{opacity:.6;cursor:not-allowed}
.bar.l{margin-bottom:14px}
.seg{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:6px 0 4px}
.count{display:inline-block;min-width:20px;text-align:center;font-size:11.5px;border-radius:999px;padding:0 6px;margin-left:6px;background:var(--count-on)}
.chip:not([aria-pressed="true"]) .count{background:var(--tint2)}
.list{display:flex;flex-direction:column;gap:16px;padding-bottom:50px}
.groupt{font-size:18px;font-weight:700;margin:14px 0 2px;letter-spacing:-.01em}
.groupt small{font-weight:500;color:var(--muted);font-size:14px;margin-left:8px}
.lead{background:var(--card);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);padding:6px;box-shadow:var(--shadow)}
.lead-in{background:var(--card);border-radius:var(--radius);padding:18px 22px;display:grid;grid-template-columns:minmax(210px,1.5fr) minmax(170px,1fr) 150px 150px minmax(190px,auto);gap:16px 22px;align-items:center}
.lead-id{display:flex;align-items:center;gap:14px;min-width:0}
.lead-id h2{font-size:17px;font-weight:700;line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}
.fld{display:flex;flex-direction:column;gap:3px;min-width:0}
.fld>span{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.fld>b{font-size:14.5px;font-weight:600}
.fld>i{font-style:normal;font-size:13px;color:var(--muted)}
.fld>i.warn{color:var(--warn);font-weight:600}
.fld>i.bad{color:var(--bad);font-weight:600}
.lead-act{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.btn{font:inherit;font-size:13.5px;font-weight:600;border-radius:999px;border:1px solid var(--line);background:var(--btn-bg);color:var(--link);padding:9px 15px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:.2s}
.btn:hover{border-color:var(--link)}
.btn.pri{background:var(--pri);border-color:var(--pri);color:var(--on-pri)}
.btn.pri:hover{background:var(--pri-h);border-color:var(--pri-h)}
.btn.ok{background:var(--ok-bg);border-color:var(--ok-bg);color:var(--on-ok)}
.btn.ok:hover{background:var(--ok-h);border-color:var(--ok-h)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.btn svg{width:13px;height:13px}
.reasons{display:flex;flex-wrap:wrap;gap:8px;padding:10px 22px 6px}
.reason{font-size:13px;font-weight:600;color:var(--reason-fg);background:var(--reason-bg);border-radius:999px;padding:5px 12px}
.panel{background:var(--card);border-top:1px solid var(--line);border-radius:0 0 var(--radius) var(--radius);margin-top:6px;padding:22px;display:none;gap:28px;grid-template-columns:1fr 1fr 1fr}
.psec{min-width:0;align-self:start}
.panel.is-open{display:grid}
.panel h3{font-size:14px;font-weight:700;margin-bottom:10px}
.notes{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow:auto;margin-bottom:12px}
.nt{font-size:14px;background:var(--soft);border-radius:12px;padding:10px 14px;overflow-wrap:anywhere}
.nt small{display:block;color:var(--muted);font-size:12px;margin-bottom:2px}
.nt.sys{background:transparent;border:1px dashed var(--line);color:var(--muted);font-size:13px}
.inp{font:inherit;font-size:14px;width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--line);background:var(--field-bg);color:var(--ink)}
textarea.inp{min-height:76px;resize:vertical}
.form{display:grid;gap:12px}
.form label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
.fbtn{display:flex;gap:8px;justify-content:flex-end}
.err{background:var(--off-bg);border:1px solid var(--off-line);color:var(--off-fg);border-radius:16px;padding:14px 18px;font-size:14px}
dialog{margin:auto;border:0;border-radius:26px;padding:6px;background:var(--dlg-wrap);box-shadow:var(--dlg-shadow);max-width:min(460px,92vw);width:100%;color:var(--ink)}
dialog::backdrop{background:var(--backdrop)}
dialog .in{background:var(--card);border-radius:22px;padding:26px}
dialog h2{font-size:21px;font-weight:700;margin-bottom:6px}
dialog p{color:var(--muted);font-size:14px;margin-bottom:16px}
#toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:var(--toast-bg);color:var(--toast-fg);font-size:14px;font-weight:600;padding:12px 20px;border-radius:999px;opacity:0;pointer-events:none;transition:.3s;z-index:20;max-width:92vw}
#toast.show{opacity:1;transform:translate(-50%,0)}
#toast.bad{background:var(--toast-bad);color:#fff}
@media (max-width:1060px){.lead-in{grid-template-columns:1fr 1fr}.lead-id{grid-column:1/-1}.lead-act{grid-column:1/-1;justify-content:flex-start}.panel.is-open{grid-template-columns:1fr}}
@media (max-width:520px){.lead-in{grid-template-columns:1fr}}

/* Passwort Anzeige in Projektboxen */
.pw{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--slate)}
.pw>span{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pwb{font:inherit;font-family:ui-monospace,Consolas,Menlo,monospace;font-size:13px;border:1px solid var(--line);background:var(--soft);border-radius:999px;padding:4px 12px;cursor:pointer;color:var(--ink);transition:.2s}
.pwb:hover{border-color:var(--link)}
.pwb:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.pwb>span{display:inline-block;filter:blur(5px);user-select:none;-webkit-user-select:none;transition:filter .2s}
.pwb.show>span{filter:none;user-select:all;-webkit-user-select:all}
.pw{flex-wrap:nowrap;min-width:0}
.pwb{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pwc{display:inline-flex;align-items:center;justify-content:center;flex:none;width:26px;height:26px;padding:0;border:1px solid var(--line);background:var(--btn-bg);border-radius:50%;cursor:pointer;color:var(--slate);transition:.2s}
.pwc svg{width:13px;height:13px}
.pwc .chk{display:none}
.pwc:hover{border-color:var(--link);color:var(--link)}
.pwc:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.pwc.ok{background:var(--pri);border-color:var(--pri);color:var(--on-pri)}
.pwc.ok svg:first-child{display:none}
.pwc.ok .chk{display:block}

/* Kanban */
.mono.sm{width:40px;height:40px;border-radius:12px;font-size:14px}
.kanban{display:flex;gap:14px;overflow-x:auto;padding-bottom:40px;align-items:flex-start;scroll-snap-type:x proximity}
.kcol{flex:0 0 285px;background:var(--soft);border:1px solid var(--line);border-radius:20px;padding:10px;min-height:140px;scroll-snap-align:start}
.kcol.over{outline:2px dashed var(--pri);outline-offset:-2px;background:var(--over-bg)}
.kcol h3{display:flex;justify-content:space-between;align-items:center;padding:4px 6px 12px}
.kcol h3 small{font-size:13px;font-weight:600;color:var(--muted)}
.kleer{font-size:13px;color:var(--muted);text-align:center;padding:18px 0}
.kcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;margin-bottom:10px;box-shadow:var(--shadow);cursor:grab;display:flex;flex-direction:column;gap:8px}
.kcard.drag{opacity:.4}
.krow{display:flex;align-items:center;gap:10px;min-width:0}
.krow h4{font-size:15px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}
.kmeta{font-size:12.5px;color:var(--muted)}
.kwarn{font-size:12.5px;font-weight:600;color:var(--warn)}
.kact{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.kact .sel{font-size:12.5px;padding:6px 28px 6px 12px;flex:1 1 100%}
.kact .btn{font-size:12.5px;padding:6px 12px}
a.badge{text-decoration:none;transition:.2s}
a.badge:hover{border-color:var(--link)}
a.btn.logout{padding:7px 14px;font-size:13px}

/* Warteschlange */
.qadd{background:var(--card);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);padding:22px 24px;box-shadow:var(--shadow);margin:6px 0 26px}
.qadd h2{font-size:18px;font-weight:700;margin-bottom:12px}
.qaddrow{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.qaddrow label{max-width:100%}
.qaddrow .btn{margin-left:auto}
.qi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px 22px}
.qrow{display:grid;grid-template-columns:minmax(220px,1.6fr) auto auto;gap:14px 22px;align-items:center}
.qid{display:flex;align-items:center;gap:14px;min-width:0}
.qid h2{font-size:17px;font-weight:700;line-height:1.2;overflow-wrap:anywhere}
.qid a{color:var(--link)}
.qdetail{display:none;border-top:1px solid var(--line);margin-top:14px;padding-top:16px}
.qdetail.is-open{display:block}
.qgrid{grid-template-columns:repeat(3,1fr);gap:12px 18px}
.qgrid .wide{grid-column:1/-1}
.qgrid .fbtn{grid-column:1/-1}
.qhint{font-size:13px;color:var(--slate);margin:0}
.qadd .qgrid{margin:14px 0}
.btn.danger{background:var(--danger-bg);border-color:var(--danger-bg);color:var(--on-danger)}
@media (max-width:900px){.qrow{grid-template-columns:1fr}.qgrid{grid-template-columns:1fr}.qaddrow .btn{margin-left:0}}

.kerr{color:var(--bad);min-height:1.3em}

/* Dunkelmodus Umschalter und Logos */
.theme{display:inline-grid;place-items:center;flex:none;width:36px;height:36px;padding:0;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--slate);cursor:pointer;transition:.2s}
.theme svg{width:17px;height:17px}
.theme:hover{border-color:var(--link);color:var(--link)}
.theme:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.theme .i-sun{display:none}
html[data-theme="dark"] .theme .i-sun{display:block}
html[data-theme="dark"] .theme .i-moon{display:none}
.theme.lg-theme{position:fixed;top:16px;right:16px;z-index:5}
.logo-d{display:none!important}
html[data-theme="dark"] .logo-d{display:block!important}
html[data-theme="dark"] .logo-l{display:none!important}
html[data-theme="dark"] ::selection{background:rgba(111,155,224,.35)}
@media (max-width:520px){header.top{flex-wrap:wrap}}


/* Kachelansicht */
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:18px;padding-bottom:50px}
.tile{background:var(--wrap);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);padding:6px;box-shadow:var(--shadow);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}
.tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-h)}
.tile-in{background:var(--card);border-radius:var(--radius);padding:20px;height:100%;display:flex;flex-direction:column;gap:12px}
.tile h2{font-size:17.5px;font-weight:700;line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}
.tile .row{display:flex;align-items:center;gap:14px}
.tile .note{font-size:13.5px;color:var(--slate)}
.tile .note.warn{color:var(--warn);font-weight:600}
.tile .tfacts{margin-top:auto}
.tact{display:flex;gap:8px;justify-content:flex-end}
.tile .dd{width:100%}
.chiprow{display:flex;flex-wrap:wrap;gap:6px}

/* Moderne Auswahllisten */
select.sel[data-dd]{display:none}
.dd{font:inherit;font-size:14px;font-weight:600;color:var(--ink);display:inline-flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px 10px 16px;border-radius:14px;border:1px solid var(--line);background:var(--field-bg);cursor:pointer;text-align:left;transition:.2s;min-width:0;max-width:100%}
.dd>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dd svg{flex:none;color:var(--muted);transition:transform .2s}
.dd[aria-expanded="true"]{border-color:var(--link);box-shadow:0 0 0 3px var(--focus)}
.dd[aria-expanded="true"] svg{transform:rotate(180deg)}
.dd:hover{border-color:var(--link)}
.dd:disabled{opacity:.6;cursor:not-allowed}
.dd:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.bar.l .dd{border-radius:999px;background:var(--btn-bg);color:var(--slate)}
.kact .dd{font-size:12.5px;padding:6px 12px;flex:1 1 100%;width:100%}
.form label .dd{width:100%}
.ddmenu{position:fixed;z-index:60;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:6px;box-shadow:var(--shadow-h),0 24px 50px -18px rgba(15,28,46,.35);max-height:min(320px,60vh);overflow:auto;display:flex;flex-direction:column;gap:2px;animation:ddin .14s ease-out}
.ddopt{font:inherit;font-size:14px;font-weight:600;color:var(--ink);background:transparent;border:0;border-radius:10px;padding:9px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;text-align:left}
.ddopt:hover,.ddopt:focus-visible{background:var(--tint);outline:none}
.ddopt.on{color:var(--link)}
@keyframes ddin{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}

/* Detailfenster (Seitenleiste) */
dialog.drawer{margin:0 0 0 auto;max-width:min(560px,100vw);width:100%;height:100dvh;max-height:100dvh;border-radius:26px 0 0 26px;padding:6px}
dialog.drawer::backdrop{background:var(--backdrop)}
.drawer-in{background:var(--card);border-radius:22px 0 0 22px;height:100%;display:flex;flex-direction:column;overflow:hidden;animation:dslide .28s cubic-bezier(.2,.7,.2,1)}
@keyframes dslide{from{opacity:0;transform:translateX(28px)}to{opacity:1;transform:none}}
.dhead{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:22px 22px 16px;border-bottom:1px solid var(--line)}
.dtitle{display:flex;align-items:center;gap:14px;min-width:0}
.dtitle h2{font-size:19px;font-weight:700;line-height:1.2;overflow-wrap:anywhere;margin:0}
.dtitle .chiprow{margin-top:6px}
.dx{flex:none;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--btn-bg);color:var(--slate);display:grid;place-items:center;cursor:pointer}
.dx svg{width:14px;height:14px}
.dx:hover{border-color:var(--link);color:var(--link)}
.dbody{flex:1;overflow:auto;padding:18px 22px 28px;display:flex;flex-direction:column;gap:16px}
.dstatus{display:flex;flex-direction:column;gap:6px}
.dstatus>span,.dfacts span{font-size:11.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.dstatus .dd{width:100%}
.dfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.dfacts>div{background:var(--soft);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:2px;min-width:0}
.dfacts b{font-size:13.5px;font-weight:600;overflow-wrap:anywhere}
.dfacts i{font-style:normal;font-size:12.5px;color:var(--muted)}
.dact{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dtabs{display:flex;gap:4px;background:var(--soft);border-radius:999px;padding:4px;overflow-x:auto;scrollbar-width:none}
.dtabs button{font:inherit;font-size:13px;font-weight:600;color:var(--slate);background:transparent;border:0;border-radius:999px;padding:8px 14px;cursor:pointer;white-space:nowrap;flex:1}
.dtabs button[aria-selected="true"]{background:var(--surface);color:var(--link);box-shadow:var(--shadow)}
.pane[hidden]{display:none}
.pane .notes{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.form .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media (max-width:560px){dialog.drawer{border-radius:0}.drawer-in{border-radius:0}.dfacts{grid-template-columns:1fr}.form .two{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.drawer-in,.ddmenu{animation:none}}
.pane .form .dd,.dstatus .dd{width:100%;display:flex}
.dbody .pane{align-self:stretch}
.dbody .pane,.pane .form{width:100%}.pane .inp,.pane textarea.inp{width:100%;max-width:100%}.pane textarea.inp{min-height:120px}.dtabs{justify-content:space-between}

/* ===== App Layout: Menüleiste links, volle Breite ===== */
:root{--r:14px;--sw:252px}
html[data-nav="collapsed"]{--sw:76px}
body.app-body{background:var(--bg)}
.app{display:grid;grid-template-columns:var(--sw) minmax(0,1fr);min-height:100vh;position:relative;z-index:1;transition:grid-template-columns .22s cubic-bezier(.2,.7,.2,1)}
.side{background:var(--surface);border-right:1px solid var(--line);padding:18px 14px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;height:100vh;overflow:hidden;z-index:30}
.brand{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 8px 10px;min-height:44px;flex:none}
.brand-l{display:flex;align-items:center;text-decoration:none}
.brand img.logo-l,.brand img.logo-d{height:30px;width:auto;display:block}
.brand img.mk{display:none;width:34px;height:34px;border-radius:9px}
.tog{flex:none;width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--btn-bg);color:var(--slate);display:grid;place-items:center;cursor:pointer;transition:.2s}
.tog svg{width:13px;height:13px;transition:transform .2s}
.tog:hover{border-color:var(--link);color:var(--link)}
.menu{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;margin-right:-6px;padding-right:6px}
.menu::-webkit-scrollbar{width:6px}.menu::-webkit-scrollbar-thumb{background:var(--line);border-radius:6px}
.grp{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:12px 12px 6px;white-space:nowrap}
.nav{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:11px;color:var(--slate);font:inherit;font-weight:600;font-size:14.5px;text-decoration:none;position:relative;border:0;background:transparent;cursor:pointer;width:100%;text-align:left;white-space:nowrap;transition:background .15s,color .15s}
.nav svg{width:19px;height:19px;flex:none}
.nav:hover{background:var(--tint);color:var(--link)}
.nav.on{background:var(--tint2);color:var(--link)}
.nav:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.nav .n{margin-left:auto;font-style:normal;font-size:12px;font-weight:700;background:var(--hot-bg);color:#fff;border-radius:999px;padding:1px 8px;line-height:1.5}
.nav .n[hidden],.nav .dot[hidden]{display:none}
.nav .dot{display:none;position:absolute;top:7px;right:16px;width:8px;height:8px;border-radius:50%;background:var(--hot-bg)}
.sfoot{margin-top:auto;flex:none;display:flex;flex-direction:column;gap:8px;padding-top:8px}
.user{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--line);border-radius:12px;min-width:0}
.av{width:34px;height:34px;border-radius:50%;background:var(--mono-bg);color:#fff;display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.who{min-width:0;flex:1}.who b{display:block;font-size:13px;line-height:1.2}.who small{color:var(--muted);font-size:12px}
.user .logout{margin-left:auto}
.main{min-width:0;display:flex;flex-direction:column;min-height:100vh}
.topbar{display:flex;align-items:center;gap:14px;padding:14px 32px;border-bottom:1px solid var(--line);background:var(--bg);position:sticky;top:0;z-index:20}
.topbar h1{font-size:20px;font-weight:700;letter-spacing:-.01em}
.topbar .sp{flex:1}
.burger{display:none;width:38px;height:38px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--slate);place-items:center;cursor:pointer}
.burger svg{width:19px;height:19px}
.page{padding:26px 32px 60px;flex:1;min-width:0}
.main footer{border-top:1px solid var(--line);padding:18px 32px 26px;margin-top:auto}
.foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.scrim{display:none}

@media (min-width:901px){
  html[data-nav="collapsed"] .brand{justify-content:center;padding:4px 0 16px}
  html[data-nav="collapsed"] .brand .logo-l,html[data-nav="collapsed"] .brand .logo-d,html[data-nav="collapsed"] .brand .tog{display:none!important}
  html[data-nav="collapsed"] .brand img.mk{display:block}
  html[data-nav="collapsed"] .grp{visibility:hidden;height:14px;padding:0}
  html[data-nav="collapsed"] .nav{justify-content:center;padding:11px 0}
  html[data-nav="collapsed"] .nav span,html[data-nav="collapsed"] .nav .n{display:none}
  html[data-nav="collapsed"] .nav .dot:not([hidden]){display:block}
  html[data-nav="collapsed"] .sfoot .nav svg{transform:scaleX(-1)}
  html[data-nav="collapsed"] .user{justify-content:center;border:0;padding:6px 0;flex-direction:column}
  html[data-nav="collapsed"] .who{display:none}
}
@media (max-width:900px){
  .app{grid-template-columns:minmax(0,1fr)}
  .side{position:fixed;left:0;top:0;bottom:0;width:272px;transform:translateX(-102%);transition:transform .25s cubic-bezier(.2,.7,.2,1);box-shadow:var(--shadow-h)}
  html.nav-open .side{transform:none}
  html.nav-open .scrim{display:block;position:fixed;inset:0;background:var(--backdrop);z-index:25}
  .burger{display:grid}
  .brand .tog{display:none}
  .topbar,.page,.main footer{padding-left:18px;padding-right:18px}
  .sfoot>.nav{display:none}
}

/* Moderne Bedienelemente */
.btn{border-radius:11px;padding:9px 14px}
.btn.logout{padding:7px 14px}
.chip{border-radius:10px}
.search input{border-radius:12px;box-shadow:none}
.sel,.dd{border-radius:11px}
.bar.l .dd{border-radius:11px}
.bar.l{margin:18px 0 20px}
.seg{margin:0 0 14px}
.srv{border-radius:10px}
.inp{border-radius:11px}
.page .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:16px;margin:0 0 22px}
.page .stat{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;box-shadow:var(--shadow);min-width:0}
.page .stat span{color:var(--muted);font-weight:600;font-size:12.5px;opacity:1}
.page .stat b{font-size:30px;font-weight:300;margin-top:2px}
.page a.stat:hover{background:var(--soft);transform:translateY(-2px)}
.page .stat.hot,.page a.stat.hot{background:var(--stat-bg);color:#fff;border-color:transparent}
.page .stat.hot span{color:#cfe0f7}
.page a.stat.hot:hover{background:var(--stat-h)}
/* Karten: ein Rahmen statt doppeltem Rahmen */
.card,.tile,.lead{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:0;box-shadow:var(--shadow)}
.card-in,.tile-in,.lead-in{background:transparent;border-radius:var(--r)}
.card-in{padding:18px}
.tile-in{padding:18px}
.lead-in{padding:16px 20px}
.grid,.tiles{grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:16px}
.mono,.mark{border-radius:12px}
.kcard{border-radius:12px}

/* E-Mail Seite */
.vgridl{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}
.vcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}
.vcard h3{font-size:16px;font-weight:700}
.vcard .vb{font-weight:600;font-size:13.5px;color:var(--link)}
.vcard p{color:var(--muted);font-size:13.5px;flex:1}
.vact{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}
.vact .btn{padding:7px 12px;font-size:13px}
.btn.danger{background:var(--danger-bg);border-color:var(--danger-bg);color:var(--on-danger)}
.tablewrap{overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow)}
.mtab{width:100%;border-collapse:collapse;font-size:14px}
.mtab th{text-align:left;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:12px 16px;background:var(--soft);white-space:nowrap}
.mtab td{padding:12px 16px;border-top:1px solid var(--line);vertical-align:top}
dialog.vdlg{max-width:min(1060px,94vw)}
.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:14px 0 18px}
textarea.vtext{min-height:300px}
.phs{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12.5px;color:var(--muted)}
.ph{font:inherit;font-size:12px;font-weight:600;border:1px dashed var(--line);background:var(--soft);color:var(--link);border-radius:8px;padding:3px 8px;cursor:pointer}
.ph:hover{border-color:var(--link)}
.vprev{background:var(--soft);border-radius:var(--r);padding:16px;min-width:0}
.vprev-h{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:12.5px;font-weight:600;color:var(--muted)}
.vprev-h .dd,.vprev-h .sel{flex:1}
.vprev-b b{display:block;margin-bottom:10px}
.vprev-b pre{white-space:pre-wrap;font:inherit;font-size:14px;overflow-wrap:anywhere}
@media (max-width:860px){.vgrid{grid-template-columns:1fr}}
/* E-Mail im Detailfenster */
textarea.mtext{min-height:220px}
.dbody>*{flex-shrink:0}
.mwarn{display:none;color:var(--warn);font-weight:600;font-size:13px}
.mwarn.show{display:block}
.form label.chk{flex-direction:row;align-items:center;gap:8px;font-weight:600;color:var(--slate);font-size:13px}
.form label.chk input{width:16px;height:16px}
.mbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.mbar .meta{flex:1;min-width:180px}
.mh{font-size:13px;margin:8px 0 2px}

.av{overflow:hidden;cursor:pointer;position:relative}
.av:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.av img{width:100%;height:100%;object-fit:cover;display:block}
.iconbtn{display:inline-grid;place-items:center;flex:none;width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--btn-bg);color:var(--slate);text-decoration:none;cursor:pointer;transition:.2s;padding:0;font-size:0}
.iconbtn svg{width:16px;height:16px}
.iconbtn:hover{border-color:var(--link);color:var(--link)}
.iconbtn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}

.iconbtn.logout{display:grid;place-items:center;width:34px;height:34px;line-height:0;color:#b3342f;background:#fdeceb;border-color:#f5cfcc}
.iconbtn.logout svg{display:block;width:16px;height:16px;margin:0}
.iconbtn.logout:hover{background:#fadbd8;border-color:#e9a9a4;color:#9b2c28}
html[data-theme="dark"] .iconbtn.logout{color:#f3a5a1;background:#3a1f1f;border-color:#5a2e2d}
html[data-theme="dark"] .iconbtn.logout:hover{background:#4a2625;border-color:#7a3d3b;color:#ffc4c0}

html[data-nav="collapsed"] .user .logout{margin:0;align-self:center}

.aibar{display:flex;gap:8px;align-items:center}
.aibar .inp{flex:1;min-width:0}
.aibar .btn{flex:none;white-space:nowrap}

/* Warteschlange: Anzeige, solange Claude eine Seite baut */
.baut{display:inline-flex;align-items:center;gap:10px;padding:8px 16px 8px 10px;border-radius:999px;font-size:13px;font-weight:600;color:var(--st-p-fg);background:linear-gradient(110deg,var(--st-p-bg) 35%,rgba(255,255,255,.55) 50%,var(--st-p-bg) 65%);background-size:240% 100%;animation:bautGlanz 2.6s linear infinite;white-space:nowrap}
.baut-ico{width:22px;height:22px;flex:none}
.baut-ico .rahmen{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.baut-ico g{transform-origin:12px 15px;animation:bautAtmen 1.8s ease-in-out infinite}
.baut-ico rect{fill:currentColor}
.baut-pkt{display:inline-flex;gap:3px;margin-left:-3px}
.baut-pkt i{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.25;animation:bautPkt 1.2s ease-in-out infinite}
.baut-pkt i:nth-child(2){animation-delay:.18s}
.baut-pkt i:nth-child(3){animation-delay:.36s}
@keyframes bautGlanz{from{background-position:120% 0}to{background-position:-120% 0}}
@keyframes bautDreh{to{transform:rotate(360deg)}}
@keyframes bautAtmen{0%,100%{transform:scale(.82)}50%{transform:scale(1.06)}}
@keyframes bautPkt{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media (prefers-reduced-motion:reduce){.baut,.baut-ico,.baut-ico g,.baut-pkt i{animation:none}.baut-pkt i{opacity:.7}}
.mehr{grid-column:1/-1;display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:14px 0 6px}
.aend-st{display:flex;flex-direction:column;gap:6px;align-items:flex-start;padding:12px 14px;border:1px solid var(--line,rgba(127,127,127,.25));border-radius:12px;animation:aendEin .35s ease both}
.aend-st small{opacity:.75}
.wu-l{display:flex;flex-direction:column;gap:10px;margin:8px 0 18px}
.wu{padding:12px 14px;border:1px solid var(--line,rgba(127,127,127,.25));border-radius:12px;display:flex;flex-direction:column;gap:8px}
.wu.erl{opacity:.65}
.wu-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.wu-t{font-size:.8rem;opacity:.7}
.wu-x{white-space:pre-wrap;overflow-wrap:anywhere}
.wu-k{font-size:.88rem;opacity:.85}
.wu-b{display:flex;gap:8px;flex-wrap:wrap}
.aend-st.ok b{color:#1f8a4c}
.aend-st.bad b{color:#c0392b}
label.chk{display:flex;gap:10px;align-items:center;font-size:14px;font-weight:600;cursor:pointer;margin:0}
label.chk input{margin:0;flex:none;width:18px;height:18px}
label.chk small{display:block;font-weight:400;opacity:.7;font-size:12px;line-height:1.35;margin-top:2px}
.aend-row{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}
@keyframes aendEin{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.aend-st{animation:none}}

.dtabs{flex-wrap:wrap;overflow:visible;border-radius:18px;justify-content:center}.dtabs button{flex:1 1 auto;padding:8px 12px}
.ubox{background:var(--wrap);border:1px solid var(--line);border-radius:calc(var(--radius) + 6px);padding:22px;margin:0 0 20px;box-shadow:var(--shadow)}
.ubox h2{margin:0 0 14px;font-size:17px}
.urow{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-top:1px solid var(--line)}
.urow:first-child{border-top:0;padding-top:0}
.uinfo{display:flex;align-items:center;gap:12px;min-width:0}
.uav{overflow:hidden;width:38px;height:38px;border-radius:50%;background:var(--soft);color:var(--link);display:grid;place-items:center;font-weight:700;font-size:13px;flex:none}
.uact{display:flex;gap:8px;flex-wrap:wrap}
.upw{flex:1 1 100%;display:flex;flex-direction:column;gap:10px;animation:aendEin .3s ease both}
.pwrow{display:flex;gap:8px;align-items:center}.pwrow .inp{flex:1}
.uform{max-width:520px;display:flex;flex-direction:column;gap:14px}

.uav img{width:100%;height:100%;object-fit:cover;display:block}
.av .av-ini{font-weight:700;font-size:13px}

/* Tab Leiste im Lead Drawer: Slider, eine Zeile, Pfeile und Verlauf nur bei Bedarf */
.dtabs-w{position:relative;background:var(--soft);border-radius:999px;padding:4px}
.dtabs{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;background:transparent;border-radius:999px;justify-content:flex-start;gap:2px;padding:0;scrollbar-width:none;scroll-snap-type:x proximity;overscroll-behavior-x:contain}
.dtabs::-webkit-scrollbar{display:none}
.dtabs button{flex:1 0 auto;padding:8px 14px;font-size:13px;scroll-snap-align:center}
.dtn{position:absolute;top:4px;bottom:4px;width:34px;z-index:2;border:0;padding:0;display:grid;place-items:center;color:var(--link);cursor:pointer;border-radius:999px}
.dtn[hidden]{display:none}
.dtn svg{width:14px;height:14px}
.dtn-l{left:4px;background:linear-gradient(90deg,var(--soft) 55%,transparent)}
.dtn-r{right:4px;background:linear-gradient(270deg,var(--soft) 55%,transparent)}
.dtn-l svg{margin-right:8px}.dtn-r svg{margin-left:8px}
.dtn:hover svg{transform:scale(1.15)}
.dtn svg{transition:transform .15s}
@media (prefers-reduced-motion:reduce){.dtn svg{transition:none}}

/* Rechte: Bereiche ausblenden, die der Benutzer nicht nutzen darf (der Server prüft zusätzlich) */
.r-kein-user [data-nav="user"]{display:none!important}
.r-kein-bauen [data-act="aendstart"],.r-kein-bauen [data-act="briefstart"],.r-kein-bauen [data-act="qstart"],.r-kein-bauen [data-tab="aend"],.r-kein-bauen [data-tab="brief"]{display:none!important}
.r-kein-mail [data-tab="mail"],.r-kein-mail [data-act="mailsenden"],.r-kein-mail [data-act="entwurf"]{display:none!important}
.rpanel{display:flex;flex-direction:column;gap:12px}
.rchecks{display:flex;flex-direction:column;gap:10px}
.rchecks[hidden]{display:none}
.urow .chiprow{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}
.r-kein-bauen [data-act="start"]{display:none!important}

.dbuilder{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;margin:0 0 12px;font-size:13px}
.dbuilder>span{color:var(--muted);font-weight:600}
.dbuilder>div{display:flex;flex-wrap:wrap;gap:6px 14px}
.dbuilder a{color:var(--link);text-decoration:none;font-weight:600}
.dbuilder a:hover{text-decoration:underline}
.lead-link{display:inline-block;margin-top:10px;font-size:13px;font-weight:600;color:var(--link);text-decoration:none}
.lead-link:hover{text-decoration:underline}
.qi.fokus{animation:qFokus 1.6s ease}
@keyframes qFokus{0%,60%{box-shadow:0 0 0 3px var(--focus)}100%{box-shadow:none}}
@media (prefers-reduced-motion:reduce){.qi.fokus{animation:none;outline:2px solid var(--focus)}}

/* Kontakte */
.kk{margin-bottom:12px}
.kk .qst{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.kdetail{padding-top:16px;margin-top:14px;border-top:1px solid var(--line);animation:aendEin .3s ease both}
.kdetail h3{margin:18px 0 10px;font-size:14px}.kdetail h3:first-child{margin-top:0}
.kcols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
@media (max-width:900px){.kcols{grid-template-columns:1fr;gap:8px}}
.aprow{display:grid;grid-template-columns:1.2fr 1fr 1.3fr 1fr auto;gap:8px;margin-bottom:8px}
@media (max-width:1200px){.aprow{grid-template-columns:1fr 1fr}.aprow .btn{grid-column:1/-1;justify-self:start}}
.vrow{display:grid;gap:8px;padding:12px 0;border-top:1px solid var(--line)}.vrow:first-child{border-top:0;padding-top:0}
.vact{display:flex;gap:8px;flex-wrap:wrap}
.vrow a.st{text-decoration:none}
.kdetail .note span{display:block;font-size:12px;opacity:.65;margin-bottom:2px}.kdetail .note{margin-bottom:10px}

.kn{opacity:.6;font-weight:500;margin-left:4px}

/* Eingebetteter Lead (iframe im Kontakt): nur das Detailfenster zeigen */
html.embed,html.embed body{background:transparent!important;visibility:hidden}
html.embed dialog,html.embed #toast{visibility:visible}
html.embed dialog.drawer{max-width:100vw;width:100vw;margin:0;padding:0;border-radius:0}
html.embed dialog.drawer::backdrop{background:transparent}
html.embed .drawer-in{border-radius:0;animation:none}
dialog.vframe{padding:0;border:0;background:transparent;overflow:hidden;max-width:min(580px,100vw)}
dialog.vframe iframe{display:block;width:100%;height:100dvh;border:0;background:transparent}
dialog.vframe::backdrop{background:var(--backdrop)}

/* Kontaktansicht (Kundenakte) */
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin:0 0 14px}
.crumb a{color:var(--link);text-decoration:none;font-weight:600}.crumb a:hover{text-decoration:underline}
.khead{display:flex;flex-wrap:wrap;align-items:center;gap:18px;background:var(--card);border:1px solid var(--line);border-left:5px solid var(--pri);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px}
.khead .mono{width:64px;height:64px;font-size:22px;flex:none}
.khead-t{flex:1 1 260px;min-width:0}.khead-t h2{margin:0 0 4px;font-size:24px}
.khead .chiprow{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}
.khead-a{display:flex;gap:8px;flex-wrap:wrap}
.kt{display:flex;gap:4px;overflow-x:auto;border-bottom:1px solid var(--line);margin:18px 0 18px;scrollbar-width:none}.kt::-webkit-scrollbar{display:none}
.kt a{white-space:nowrap;padding:12px 16px;color:var(--slate);text-decoration:none;font-weight:600;font-size:14px;border-bottom:3px solid transparent;margin-bottom:-1px}
.kt a:hover{color:var(--ink)}.kt a[aria-selected="true"]{color:var(--pri);border-bottom-color:var(--pri)}
.kn{display:inline-block;min-width:20px;padding:0 6px;margin-left:4px;border-radius:10px;background:var(--tint);color:var(--pri);font-size:12px;text-align:center}
.kgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
.kcard-box{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px;display:grid;gap:10px;align-content:start}
.kcard-box h3{margin:0;font-size:15px}
.kmini{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}.kmini:first-of-type{border-top:0}
.kliste{margin:0;padding-left:18px;display:grid;gap:6px;font-size:14px}
.vact{display:flex;flex-wrap:wrap;gap:8px}
.kproj{margin-bottom:12px}
.kframe{display:block;width:100%;height:max(620px,calc(100dvh - 330px));border:1px solid var(--line);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow)}
a.kcard{text-decoration:none;color:inherit;display:block}
@media(max-width:640px){.khead{padding:16px}.khead-t h2{font-size:20px}}
.vid{display:flex;gap:12px;align-items:center;min-width:0}
.vid .mono{flex:none}
.apgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:14px}
.aprow.aptile{display:grid;grid-template-columns:1fr;gap:10px;margin:0;padding:16px;background:var(--soft);border:1px solid var(--line);border-radius:18px}
.aptile label{display:grid;gap:4px;font-size:12px;font-weight:600;color:var(--muted)}
.aptile .aphead{display:flex;align-items:center;gap:10px}.aptile .apt{flex:1;min-width:0}
.cpw{position:relative;display:block}
.cpw .inp{width:100%;padding-right:40px}
.cp{position:absolute;right:6px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:28px;height:28px;border:0;border-radius:8px;background:transparent;color:var(--muted);cursor:pointer}
.cp:hover{background:var(--tint);color:var(--pri)}
.cp:focus-visible{outline:3px solid var(--focus)}
.cp.ok{color:var(--on-fg);background:var(--on-bg)}
.cpw2 .inp{padding-right:72px}
.cpw2 .cp.call{right:36px}
.cpw2 .inp{padding-right:72px}
.cpw2 .cp.call{right:36px}
/* eingebettet in der Kontaktansicht: hinter der Detailkarte darf nichts scrollen */
html.embed,html.embed body{height:100%;max-height:100%;overflow:hidden!important}
html.embed dialog.drawer{height:100%;max-height:100%}

/* Statistik und Nutzung */

.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;margin-bottom:18px}
.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;display:grid;gap:4px;align-content:start}
.kpi span{font-size:12.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.kpi b{font-size:30px;font-weight:600;line-height:1.1;letter-spacing:-.01em;color:var(--ink)}
.kpi small{font-size:13px;color:var(--slate)}
.kpi.warn b{color:var(--bad)}
.sgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:16px;margin-bottom:16px}
.sec{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px;margin-bottom:16px;min-width:0}
.sgrid .sec{margin-bottom:0}
.sec h2{margin:0 0 4px;font-size:16px}.sec .sub{margin:0 0 14px;font-size:13px;color:var(--muted)}
.cv{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));margin-top:6px}
.cvc{display:flex;flex-direction:column;min-width:0;outline:0}
.cva{height:190px;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid var(--line);padding:0 3px}
.cvb{display:block;position:relative;width:100%;max-width:44px;background:var(--pri);opacity:.78;border-radius:4px 4px 0 0;transition:opacity .15s}
.cvb.top{opacity:1}
.cvb em{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);margin-bottom:4px;font-style:normal;font-size:12px;font-weight:600;color:var(--ink);white-space:nowrap}
.cvc:hover .cvb,.cvc:focus-visible .cvb{opacity:1}
.cvc:focus-visible .cva{outline:2px solid var(--focus);outline-offset:2px;border-radius:6px}
.cvl{font-size:11.5px;color:var(--muted);text-align:center;margin-top:6px;min-height:16px;white-space:nowrap;overflow:hidden}
.ch{display:grid;gap:8px}
.chr{display:grid;grid-template-columns:minmax(90px,170px) 1fr minmax(64px,auto);gap:12px;align-items:center;font-size:13.5px;border-radius:8px;outline:0}
.chr:focus-visible{outline:2px solid var(--focus)}
.chl{color:var(--slate);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cht{height:14px;border-radius:4px;background:var(--tint);overflow:hidden;display:block}
.cht i{display:block;height:100%;background:var(--pri);border-radius:4px}
.chv{text-align:right;font-weight:600;font-variant-numeric:tabular-nums;color:var(--ink)}
.cempty{padding:20px 0}
#ctip{position:fixed;z-index:60;pointer-events:none;background:var(--toast-bg);color:var(--toast-fg);border-radius:10px;padding:8px 12px;font-size:12.5px;line-height:1.45;display:grid;gap:1px;box-shadow:var(--shadow-h);max-width:260px}
#ctip[hidden]{display:none}
#ctip b{font-weight:600}
.tabwrap{overflow-x:auto}
.stab{width:100%;border-collapse:collapse;font-size:13.5px}
.stab th{text-align:left;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.stab td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top}
.stab td.r,.stab th.r{text-align:right;font-variant-numeric:tabular-nums}
.stab tr:last-child td{border-bottom:0}
.stab .sm{font-size:12px;color:var(--muted)}
.fbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.fbar .grow{flex:1}
.fbar label{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--slate)}
.fbar .inp.kurs{width:84px}
.hinweis{background:var(--ban-bg);border:1px solid var(--ban-line);color:var(--ban-fg);border-radius:var(--radius);padding:14px 18px;margin-bottom:16px;font-size:14px}
.hinweis.bad{background:var(--off-bg);border-color:var(--off-line);color:var(--off-fg)}
.hinweis a{color:inherit;font-weight:600}
.stab td.r{white-space:nowrap}
.kpi b{font-size:26px}

/* Anfragen */
#alist{display:grid;gap:12px}
.pacard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.pacard{border-left-width:4px}
.pacard.neu{border-left-color:var(--hot-bg)}
.pahead{all:unset;box-sizing:border-box;width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto 14px;gap:16px;align-items:center;padding:16px 20px;cursor:pointer}
.pahead:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;border-radius:var(--radius)}
.patitel{display:grid;gap:2px;min-width:0}
.patitel b{font-size:16px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.patitel small,.pameta small{font-size:13px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pameta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.pachev{width:12px;height:8px;color:var(--muted);transition:transform .2s}
.pacard.auf .pachev{transform:rotate(180deg)}
.padetail{border-top:1px solid var(--line);padding:18px 20px 20px;display:grid;gap:18px}
.pavor{background:var(--tint);border-radius:12px;padding:12px 14px;font-size:14px;color:var(--slate)}
.pagrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px 22px}
.paf span,.panach>span,.panotizen>span,.pazu>span,.pasteuer label{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.paf div{margin-top:3px;font-size:14.5px;color:var(--ink);overflow-wrap:anywhere}
.paf a,.padetail a:not(.btn){color:var(--link)}
.panach p{margin:4px 0 0;white-space:pre-wrap;font-size:14.5px;color:var(--ink);background:var(--soft);border-radius:12px;padding:12px 14px}
.pactions{display:flex;flex-wrap:wrap;gap:8px}
.pasteuer{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:flex-end}
.pasteuer label{display:grid;gap:6px}
.pazu{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.pazu>span{width:100%}
.panotizen ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:8px}
.panotizen li p{margin:2px 0 0;font-size:14px;color:var(--ink);white-space:pre-wrap}
.panform{display:flex;gap:8px;margin-top:10px}
.padel{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:640px){.pahead{grid-template-columns:minmax(0,1fr) 14px}.pameta{grid-column:1/2;justify-content:flex-start}.pachev{grid-row:1;grid-column:2}}

/* Bewerbungen */
#blist{display:grid;gap:12px}
.bwfiles{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.bwfiles li{display:flex;align-items:center;gap:8px}
.bwfaellig{color:var(--bad);font-weight:600}

/* Versionsanzeige in der Seitenleiste */
.verbtn{display:flex;align-items:baseline;gap:8px;width:100%;padding:6px 12px;margin:0 0 4px;border:0;border-radius:9px;background:transparent;color:var(--muted);font:inherit;font-size:12px;text-align:left;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}
.verbtn b{font-weight:700;color:var(--slate)}
.verbtn:hover{background:var(--tint);color:var(--link)}
.verbtn:hover b{color:var(--link)}
.verbtn:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.verpop{position:fixed;z-index:60;width:320px;max-height:min(70vh,520px);overflow:auto;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-h);padding:16px 18px}
.verpop[hidden]{display:none}
.verpop h2{margin:0 0 10px;font-size:15px}
.verpop section{padding:10px 0;border-top:1px solid var(--line)}
.verpop h3{margin:0 0 4px;font-size:13px;display:flex;align-items:baseline;gap:8px}
.verpop h3 small{font-weight:500;color:var(--muted);font-size:12px}
.verpop .cur h3{color:var(--link)}
.verpop ul{margin:0;padding-left:18px;font-size:13px;color:var(--slate);line-height:1.5}
@media (min-width:901px){
  html[data-nav="collapsed"] .verbtn{justify-content:center;padding:6px 0}
  html[data-nav="collapsed"] .verbtn span{display:none}
}

/* Schlanke Scrollbalken im ganzen Dashboard (ohne Pfeile), passend zu Hell und Dunkel */
*::-webkit-scrollbar{width:8px;height:8px}
*::-webkit-scrollbar-track{background:transparent}
*::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--muted) 45%,transparent);border-radius:999px;border:2px solid transparent;background-clip:padding-box}
*::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--muted) 70%,transparent);background-clip:padding-box}
*::-webkit-scrollbar-button{display:none;width:0;height:0}
*::-webkit-scrollbar-corner{background:transparent}
@supports not selector(::-webkit-scrollbar){*{scrollbar-width:thin;scrollbar-color:var(--muted) transparent}}
/* Fenster für Deals&Projects: ein Scrollbereich, ruhige Schrift */
#dpdlg{max-width:min(500px,94vw);max-height:calc(100dvh - 16px);overflow:hidden}
#dpdlg .in{max-height:calc(100dvh - 28px);overflow-y:auto;overflow-x:hidden;padding:22px 24px}
#dpdlg h2{font-size:19px}
#dpdlg p{font-size:13.5px;margin-bottom:12px}
#dpdlg .form{display:flex;flex-direction:column;gap:12px}
#dpdlg .note,#dpdlg .meta{font-size:13px;line-height:1.5;color:var(--slate)}
#dpdlg .note.warn{background:var(--tint);border-radius:10px;padding:10px 12px;color:var(--ink)}
#dpdlg .paf div{font-size:14px}
#dpdlg .fbtn{margin-top:4px}
#dpdlg .kerr:empty{display:none}
#dpdlg .kerr{color:var(--hot-bg,#b3412a);font-size:13px}
#dpdlg .in{padding:20px 22px 0}
#dpdlg h2{margin-bottom:10px}
#dpdlg .form{gap:10px}
#dpdlg .hint{display:block;margin-top:4px;font-size:12px;font-weight:400;color:var(--muted);line-height:1.4;text-transform:none;letter-spacing:0}
#dpdlg .fbtn{position:sticky;bottom:0;background:var(--card);padding:12px 0 18px;margin-top:2px;border-top:1px solid var(--line)}

/* Projekt als eigene Seite (leads/?projekt=1#o=...) */
html.projektseite .page > *:not(#pseite):not(dialog):not(#toast){display:none!important}
html.projektseite #pseite{display:block}
html.projektseite #pseite .crumb{margin:0 0 16px}
html.projektseite dialog.drawer{position:static;display:block;inset:auto;margin:0;width:100%;max-width:none;height:auto;max-height:none;padding:0;background:transparent;box-shadow:none;border-radius:0;color:inherit}
html.projektseite .drawer-in{height:auto;overflow:visible;border-radius:22px;animation:none;border:1px solid var(--line);box-shadow:var(--shadow)}
html.projektseite .dbody{overflow:visible}
html.projektseite .dhead{padding:22px 26px}
html.projektseite .dbody{padding:0 26px 26px}
html.projektseite .dx{font-size:0}
.dfull{margin-left:auto;margin-right:10px;align-self:center;font-size:13px;font-weight:600;color:var(--link);text-decoration:none;padding:6px 10px;border-radius:9px}
.dfull:hover{background:var(--tint)}
.dpact{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}
.dpnone{color:var(--muted);font-size:14.5px}
.dpkv{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:6px}.dpkv .inp{flex:1 1 260px;min-width:0}
.dpkbox{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--tint,transparent);font-size:14px}.dpkstat{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.dpchips{display:flex;gap:6px;flex-wrap:wrap}
/* Systemlog */

.slist{display:grid;gap:2px}
.slday{margin:18px 0 6px;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.slday:first-child{margin-top:0}
.slrow{display:grid;grid-template-columns:48px 14px 92px 1fr;gap:10px;align-items:start;padding:9px 6px;border-radius:10px;font-size:14px}
.slrow:hover{background:var(--tint)}
.slrow time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:13px;padding-top:1px}
.sldot{width:9px;height:9px;border-radius:50%;background:var(--muted);margin-top:6px}
.s-warn .sldot{background:var(--warn)}.s-fehler .sldot{background:var(--bad)}
.s-fehler .sltext{color:var(--bad)}
.slbe{font-size:12px;font-weight:600;color:var(--slate);padding-top:2px}
.sltext{min-width:0;overflow-wrap:anywhere;color:var(--ink)}
.slref{font-weight:600;color:var(--link);text-decoration:none}
a.slref:hover{text-decoration:underline}
.slwer{color:var(--muted)}
@media (max-width:640px){.slrow{grid-template-columns:42px 12px 1fr}.slbe{grid-column:3;order:2}.sltext{grid-column:3}}
#smehr[hidden]{display:none!important}
#smehr{margin:14px auto 0;display:block}

/* Profilbild Zuschnitt */
.pzov{position:fixed;inset:0;z-index:300;background:rgba(15,23,42,.55);display:grid;place-items:center;padding:16px}
.pzbox{background:var(--card,#fff);border-radius:20px;padding:22px;width:min(100%,360px);box-shadow:0 20px 60px rgba(15,23,42,.35);display:grid;gap:12px;justify-items:center}
.pzbox h3{margin:0;font-size:17px;justify-self:start}
.pzview{position:relative;border-radius:14px;overflow:hidden;background:#fff;touch-action:none}
.pzview canvas{display:block;cursor:grab}
.pzview canvas:active{cursor:grabbing}
.pzring{position:absolute;inset:0;pointer-events:none;border-radius:50%;box-shadow:0 0 0 400px rgba(15,23,42,.45),inset 0 0 0 2px #fff}
.pzzoom{display:flex;gap:10px;align-items:center;width:100%;font-size:13px;color:var(--muted)}
.pzzoom input{flex:1}
.pzbox .fbtn{justify-self:end}

/* Rechte: Reiter und Optionen ausblenden (die Pruefung selbst macht immer der Server) */
.r-kein-seite_projekte [data-nav="start"],.r-kein-seite_kontakte [data-nav="kontakte"],.r-kein-seite_builder [data-nav="queue"],.r-kein-seite_mail [data-nav="mail"],.r-kein-seite_anfragen [data-nav="anfragen"],.r-kein-seite_kunden [data-nav="kunden"],.r-kein-seite_dokumente [data-nav="dokumente"],.r-kein-seite_wordpress [data-nav="wordpress"],.r-kein-seite_bewerbungen [data-nav="bewerbungen"],.r-kein-seite_statistik [data-nav="stats"],.r-kein-seite_nutzung [data-nav="nutzung"],.r-kein-seite_systemlog [data-nav="systemlog"],.r-kein-seite_partner [data-nav="partner"]{display:none!important}
.r-kein-bauen.r-kein-zip.r-kein-zugang.r-kein-livegang [data-tab="live"],.r-kein-zip [data-act="zipstart"]{display:none!important}
.r-kein-dp [data-tab="dp"]{display:none!important}
.r-kein-leads_bearbeiten [data-act="status"],.r-kein-leads_bearbeiten [data-act="notiz"],.r-kein-leads_bearbeiten [data-act="felder"],.r-kein-leads_bearbeiten [data-act="kauf"],.r-kein-leads_bearbeiten [data-act="verlaengern"],.r-kein-leads_bearbeiten [data-act="abgelaufen"]{pointer-events:none;opacity:.5}
.r-kein-kontakte_bearbeiten [data-act="apadd"],.r-kein-kontakte_bearbeiten [data-act="apdel"],.r-kein-kontakte_bearbeiten [data-act="notiz"]{display:none!important}
.r-kein-kontakte_zusammen [data-act="merge"]{display:none!important}
.r-kein-queue_verwalten [data-act="pause"],.r-kein-queue_verwalten [data-act="delete"],.r-kein-queue_verwalten [data-act="up"],.r-kein-queue_verwalten [data-act="down"]{display:none!important}
.uav[data-act="bild"]{cursor:pointer;position:relative}
.uav[data-act="bild"]:hover::after{content:"Ändern";position:absolute;inset:0;display:grid;place-items:center;background:rgba(15,23,42,.55);color:#fff;font-size:10px;font-weight:600}
.rgroup{display:grid;gap:8px}
.rgroup h4{margin:6px 0 0;font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.rgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px 14px}
.rpre{display:flex;gap:6px;flex-wrap:wrap}
.rpre .btn{font-size:12px;padding:5px 10px}
.rbulk{display:flex;gap:10px;align-items:center}
.rbulk button{background:none;border:0;color:var(--link);font:inherit;font-size:12px;cursor:pointer;padding:0}
.user .who,.user [data-avatar]{cursor:pointer}

/* Livegang: Zugangsdaten */
.zugbox{display:grid;gap:12px;padding:14px;border:1px solid var(--line,#e2e6ee);border-radius:14px;background:var(--soft,#f6f8fb);margin-bottom:6px}
.zugbox .groupt{margin:0}
.zdl{display:grid;gap:6px;margin:0}
.zdl>div{display:grid;grid-template-columns:150px 1fr;gap:10px;font-size:14px}
.zdl dt{color:var(--muted)}
.zdl dd{margin:0;overflow-wrap:anywhere}
.zpw{font-family:ui-monospace,Menlo,Consolas,monospace;background:#fff;border:1px solid var(--line,#e2e6ee);border-radius:6px;padding:1px 6px;user-select:all}
@media (max-width:560px){.zdl>div{grid-template-columns:1fr;gap:0}}

.qauto{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px;margin:0 0 20px;box-shadow:var(--shadow);display:grid;gap:18px}
.qauto[hidden]{display:none!important}
.qauto-head{display:flex;gap:16px;align-items:flex-start;justify-content:space-between}
.qauto-txt h2{font-size:18px;font-weight:700;margin:0 0 4px}
.qauto-txt p{margin:0;font-size:14px;color:var(--muted);max-width:62ch}
.qauto-s{flex:none;font-size:12px;font-weight:700;letter-spacing:.02em;padding:6px 13px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted);display:inline-flex;align-items:center;gap:7px}
.qauto-s:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor;opacity:.55}
.qauto-s.on{background:#e3f5ea;border-color:#bfe5cd;color:#1b6b3a}
.qauto-s.on:before{opacity:1;animation:qpulse 2s ease-in-out infinite}
@keyframes qpulse{50%{opacity:.3}}
.qauto-ctl{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;padding-top:16px;border-top:1px solid var(--line)}
.qsw{display:inline-flex;align-items:center;gap:12px;cursor:pointer;font-weight:600;font-size:15px;user-select:none}
.qsw input{position:absolute;opacity:0;width:1px;height:1px}
.qsw-track{width:46px;height:26px;border-radius:999px;background:#cfd6e0;position:relative;transition:background .25s;flex:none}
.qsw-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(15,28,46,.3);transition:transform .25s cubic-bezier(.2,.7,.2,1)}
.qsw input:checked+.qsw-track{background:#2f9e62}
.qsw input:checked+.qsw-track .qsw-knob{transform:translateX(20px)}
.qsw input:focus-visible+.qsw-track{outline:2px solid var(--navy);outline-offset:3px}
.qlim{display:flex;align-items:center;gap:12px}
.qlim-l{font-size:14px;font-weight:600;color:var(--slate)}
.qstep{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:var(--surface);overflow:hidden}
.qstep-b{font:inherit;font-size:18px;line-height:1;width:36px;height:38px;border:0;background:transparent;color:var(--slate);cursor:pointer;transition:background .2s}
.qstep-b:hover{background:var(--line)}
.qstep input{width:44px;text-align:center;font:inherit;font-weight:700;border:0;background:transparent;color:var(--ink);padding:0;-moz-appearance:textfield}
.qstep input::-webkit-outer-spin-button,.qstep input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.qstep input:focus{outline:none}
.qprog{flex:1 1 180px;min-width:160px;max-width:300px}
.qprog-t{font-size:13px;font-weight:600;color:var(--slate);margin-bottom:6px}
.qprog-bar{height:8px;border-radius:999px;background:var(--line);overflow:hidden}
.qprog-bar i{display:block;height:100%;border-radius:999px;background:var(--navy);transition:width .4s}
.qauto-ctl .btn{margin-left:auto}
@media (max-width:700px){.qauto-head{flex-direction:column}.qauto-ctl .btn{margin-left:0;width:100%}.qprog{max-width:none;flex-basis:100%}}

/* Partner und Gutscheine */
.r-kein-partner_bearbeiten [data-pw="edit"],.r-kein-partner_auszahlung [data-pw="pay"]{display:none!important}
.pbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.pbar .grow{flex:1}
.pnote{font-size:13.5px;color:var(--slate);margin:0 0 14px;max-width:80ch}
.pform{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px;margin-bottom:16px}
.pform h2{font-size:17px;margin:0 0 12px}
.pgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pgrid .wide{grid-column:1/-1}
.pcode{display:flex;gap:8px}
.pcode .inp{text-transform:uppercase;letter-spacing:.04em;font-weight:600}
.pchk{flex-direction:row!important;align-items:center;gap:10px!important;font-size:14px!important;color:var(--ink)!important;font-weight:500!important}
.pchk input{width:18px;height:18px}
.pcard{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 20px;margin-bottom:14px;display:grid;gap:12px}
.pcard.aus{opacity:.65}
.phead{display:flex;flex-wrap:wrap;gap:10px;align-items:baseline;justify-content:space-between}
.phead h3{margin:0;font-size:17px}
.pmeta{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13.5px;color:var(--slate)}
.pmeta b{color:var(--ink);font-weight:600}
.psum{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px}
.psum div{background:var(--soft);border-radius:14px;padding:10px 12px;display:grid;gap:2px}
.psum span{font-size:12px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}
.psum b{font-size:18px}
.plink{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.plink code{font:12.5px ui-monospace,Menlo,monospace;background:var(--soft);padding:6px 10px;border-radius:10px;word-break:break-all;max-width:100%}
.pst{display:inline-block;font-size:12px;font-weight:600;border-radius:999px;padding:3px 10px;background:var(--soft);color:var(--slate);white-space:nowrap}
.pst.ok{background:var(--st-w-bg);color:var(--st-w-fg)}
.pst.warn{background:var(--st-a-bg);color:var(--st-a-fg)}
.pst.off{background:var(--st-x-bg);color:var(--st-x-fg)}
.pcode-t{font:600 14px ui-monospace,Menlo,monospace;letter-spacing:.03em}
.pacts{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.pacts .btn{font-size:12.5px;padding:6px 12px}
.pitems{display:grid;gap:4px;font-size:13.5px}
.pitems div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line);padding:5px 0}
.pitems div:last-child{border-bottom:0}
@media (max-width:700px){.pgrid{grid-template-columns:1fr}}
.umehr{margin-top:4px}.umehr>summary{cursor:pointer;font-size:13px;color:var(--muted,#6b7488);padding:6px 0}.umehr[open]>summary{margin-bottom:8px}.umehr .fbtn{margin-top:10px}
/* Livegang als Schritte */
.lsteps{display:grid;gap:12px}
.lstep{border:1px solid var(--line,#e2e6ee);border-radius:16px;background:#fff;padding:16px 18px;display:grid;gap:12px}
.lstep>header{display:flex;align-items:center;gap:14px}
.lstep>header b{display:block;font-size:16px;letter-spacing:-.01em}
.lstep>header small{display:block;color:var(--muted,#6b7488);font-size:13px;margin-top:2px}
.lsdot{flex:none;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px;background:var(--soft,#eef1f6);color:var(--slate,#44506a)}
.lsdot svg{width:16px;height:16px}
.ls-ok .lsdot{background:#e3f4ea;color:#1c7c45}
.lsbody{display:grid;gap:10px;padding-left:44px}
.lsbody .fbtn{margin:0;display:flex;gap:8px;flex-wrap:wrap}
.lalt{border:1px dashed var(--line,#d5dbe6);border-radius:14px;padding:10px 16px}
.lalt>summary{cursor:pointer;font-size:14px;color:var(--slate,#44506a);font-weight:600}
.lalt[open]>summary{margin-bottom:10px}.lalt[open]{display:grid;gap:10px}
@media(max-width:640px){.lsbody{padding-left:0}}

/* ESTM Care im Dashboard */
.sgbox{display:grid;gap:12px;padding:16px;border:1px solid var(--line,#e2e6ee);border-radius:16px;background:var(--soft,#f6f8fb);margin-bottom:6px}
.sgh{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.sgh .st{flex:none;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#eef1f6;color:var(--slate,#44506a)}
.sgh .st.ok{background:#e3f4ea;color:#1c7c45}.sgh .st.bad{background:#fdecea;color:#b3332d}
.sgk{font-size:14px}.sgk b{font-size:22px;margin-right:4px}
.sgw{display:grid;gap:8px;padding:10px 0;border-top:1px solid var(--line,#e2e6ee)}
.sgw .sgwk{display:grid;gap:2px;font-size:14px;line-height:1.45}.sgw small{color:var(--muted,#6b7488)}
.sgw.erl .sgwk span{opacity:.55;text-decoration:line-through}
.sgwb{display:flex;gap:6px;flex-wrap:wrap}.sgwb .btn{font-size:12.5px;padding:6px 10px}
.sgbox.leer{background:transparent;border:1.5px dashed #9ccdb0}
.sgab{display:grid;gap:8px}.sgab .stab td .st{font-size:12px}.sgab .btn{font-size:12.5px;padding:4px 10px}
.sgab .st,.stab .st{display:inline-block;font-size:12px;font-weight:700;padding:3px 9px;border-radius:999px;background:#eef1f6;color:var(--slate,#44506a)}.sgab .st.ok,.stab .st.ok{background:#e3f4ea;color:#1c7c45}.sgab .st.bad,.stab .st.bad{background:#fdecea;color:#b3332d}
.sausz{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line,#e2e6ee);font-size:14px}.sausz .btn{font-size:12.5px;padding:5px 10px}
#stable .btn{font-size:12px;padding:5px 10px;white-space:nowrap}
/* Zahlungen */
.zliste{display:grid;gap:14px}
.zk{background:var(--card,#fff);border:1px solid var(--line,#e2e6ee);border-radius:20px;padding:18px 20px;display:grid;gap:14px;box-shadow:0 1px 2px rgba(20,30,60,.04)}
.zk header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.zk h3{margin:0;font-size:17px}.zk h3 a{color:inherit;text-decoration:none}.zk h3 a:hover{text-decoration:underline}
.zsum{text-align:right;font-size:15px}
.zsteps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.zsteps li{display:flex;gap:10px;padding:12px;border-radius:14px;background:var(--soft,#f6f8fb);border:1px solid transparent;font-size:13.5px;line-height:1.45}
.zsteps li i{flex:none;width:10px;height:10px;border-radius:50%;margin-top:5px;background:#9aa4b8}
.zsteps li.ok i{background:#1c7c45}.zsteps li.bad{background:#fdf1f0;border-color:#f0c9c7}.zsteps li.bad i{background:#b3332d}
.zsteps li.todo{border:1px dashed var(--line,#d5dbe6);background:transparent}
.zsteps b{display:block;font-size:13.5px}.zt{color:var(--muted,#6b7488);margin-top:2px}
code.zid{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;background:rgba(27,66,121,.08);color:var(--navy,#1b4279);padding:2px 6px;border-radius:6px;cursor:pointer;word-break:break-all}
code.zid:hover{background:rgba(27,66,121,.16)}
.zlink{font-weight:600;font-size:12.5px}
@media (max-width:640px){.zk header{flex-direction:column}.zsum{text-align:left}}
/* Startseite */
.homekopf{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.homekopf h2{margin:0;font-size:26px}.homekopf .meta{margin:4px 0 0}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:stretch}
.tile{position:relative;background:var(--card,#fff);border:1px solid var(--line,#e2e6ee);border-radius:20px;padding:18px 20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 1px 2px rgba(20,30,60,.04);min-height:150px;transition:box-shadow .2s,transform .2s,border-color .2s}
.tile.w2{grid-column:span 2}
@media (max-width:760px){.tile.w2{grid-column:span 1}}
.tile h3{margin:0;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted,#6b7488);display:flex;justify-content:space-between;gap:8px}
.tile h3 a{color:inherit;text-decoration:none;text-transform:none;letter-spacing:0;font-weight:600;font-size:12.5px;color:var(--navy,#1b4279)}
.tile .big{font-size:34px;font-weight:700;line-height:1.1}
.tile .tsub{font-size:13px;color:var(--muted,#6b7488)}
.tile .tkpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:12px}
.tile .tkpis div{display:grid;gap:2px}.tile .tkpis b{font-size:22px}.tile .tkpis span{font-size:12px;color:var(--muted,#6b7488)}
.tile .trows{display:grid;gap:0}
.tile .trow{display:flex;justify-content:space-between;gap:10px;padding:9px 0;border-top:1px solid var(--line,#e2e6ee);font-size:13.5px;text-decoration:none;color:inherit}
.tile .trow:first-child{border-top:0}.tile a.trow:hover b{text-decoration:underline}
.tile .trow small{display:block;color:var(--muted,#6b7488);font-size:12.5px}
.tile.hot .big{color:#b3332d}
.tile .tempty{color:var(--muted,#6b7488);font-size:13.5px;margin:auto 0}
.tile .tbars{min-height:90px}
.tiles.edit .tile{border:1.5px dashed #9ccdb0;cursor:grab}
.tiles.edit .tile.zieh{opacity:.45}
.tiles.edit .tile.ziel{border-color:var(--navy,#1b4279);box-shadow:0 0 0 3px rgba(27,66,121,.15)}
.tbar{display:none;position:absolute;top:8px;right:8px;gap:4px;background:var(--card,#fff);border:1px solid var(--line,#e2e6ee);border-radius:999px;padding:3px}
.tiles.edit .tbar{display:flex}
.tbar button{width:28px;height:28px;border:0;background:transparent;border-radius:50%;cursor:pointer;color:var(--slate,#44506a);font-size:14px;line-height:1}
.tbar button:hover{background:rgba(27,66,121,.1);color:var(--navy,#1b4279)}
.tiles.edit .tile h3 a{pointer-events:none}
.tray{margin-top:22px}.traylist{display:flex;gap:8px;flex-wrap:wrap}
.tray .btn{font-size:13px}
.tile .tbars{margin-top:14px}.tile .tkpis+.tsub{margin-top:4px}

/* Produktfarben der Anfragen */
:root{--zc-sites:#1B4279;--zc-boards:#0c6a62;--zc-metrics:#b4501a;--zc-x:#6b7a90}
:root[data-theme="dark"]{--zc-sites:#7ea6e8;--zc-boards:#4fc2b6;--zc-metrics:#f29a58;--zc-x:#93a1b6}
.zk-sites{--zc:var(--zc-sites)}.zk-boards{--zc:var(--zc-boards)}.zk-metrics{--zc:var(--zc-metrics)}.zk-x{--zc:var(--zc-x)}
.pacard[class*="zk-"]{border-left-color:var(--zc)}
.pacard.neu[class*="zk-"]{border-left-color:var(--zc)}
.pavor[class*="zk-"]{background:color-mix(in srgb,var(--zc) 12%,transparent);box-shadow:inset 3px 0 0 var(--zc)}
.st.zp{gap:6px;background:var(--zc-sites);color:#fff}
.st.zp svg{flex:none}
.st.zp-sites{background:var(--zc-sites)}.st.zp-boards{background:var(--zc-boards)}.st.zp-metrics{background:var(--zc-metrics)}
.st.zp-x{background:var(--tint);color:var(--link)}
:root[data-theme="dark"] .st.zp-sites,:root[data-theme="dark"] .st.zp-boards,:root[data-theme="dark"] .st.zp-metrics{color:#0c1524}
.chip[data-p]{display:inline-flex;align-items:center;gap:7px}
.chip[data-p="sites"]{--zc:var(--zc-sites)}.chip[data-p="boards"]{--zc:var(--zc-boards)}.chip[data-p="metrics"]{--zc:var(--zc-metrics)}
.chip[data-p] svg{color:var(--zc)}
.chip[data-p][aria-pressed="true"]{background:var(--zc);border-color:var(--zc);color:#fff}
.chip[data-p][aria-pressed="true"] svg{color:#fff}
:root[data-theme="dark"] .chip[data-p][aria-pressed="true"],:root[data-theme="dark"] .chip[data-p][aria-pressed="true"] svg{color:#0c1524}

.pamail{display:grid;gap:12px;border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--soft,var(--tint))}
.pamail label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--slate)}
.pamail .mtext{min-height:190px;resize:vertical;font:inherit;line-height:1.5}
.pamail .mbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}
.pamail .mbar .meta{margin-right:auto}
.pamail .mwarn{display:none;font-size:13px;color:var(--hot-bg,#b3412a)}.pamail .mwarn.show{display:block}
.pamt summary{cursor:pointer;color:var(--ink);font-size:14px}.pamt summary::marker{color:var(--muted)}
.pamb{white-space:pre-wrap;margin-top:8px;padding:12px 14px;border-radius:12px;background:var(--tint);color:var(--slate);font-size:14px;line-height:1.55}
.pamb small{display:block;color:var(--muted);margin-bottom:6px}
.kform{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 16px}
.kform label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--slate)}
.padp{display:grid;gap:10px}.padp>span{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.padp .pamail p{margin:0}

/* Dokumente */
#dlist{display:grid;gap:12px}
.dbetrag{font-size:15px;font-weight:700;color:var(--ink);white-space:nowrap}
.deditor{display:grid;gap:18px}
.dgrp{display:grid;gap:10px}
.dgrp>b{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.dgrp label,.pamail label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--slate)}
.dposlist{display:grid;gap:12px}
.dpos{display:grid;grid-template-columns:minmax(0,3fr) 90px 90px 130px 100px auto;gap:10px;align-items:end;border:1px solid var(--line);border-radius:14px;padding:12px;background:var(--soft,var(--tint))}
.dpos .dp-b{grid-column:1/-1}
.dpos .btn{align-self:end}
.dsum{display:grid;gap:6px;justify-items:end;margin-top:12px;font-size:14px;color:var(--slate)}
.dsum>div{display:flex;gap:24px;justify-content:space-between;min-width:260px}
.dsum b{color:var(--ink);font-variant-numeric:tabular-nums}
.dsum .dtot{border-top:2px solid var(--ink);padding-top:8px;font-size:16px}
.dsum .dtot b{font-size:18px}
.dtabwrap{overflow-x:auto}
.dtab{width:100%;border-collapse:collapse;font-size:14px}
.dtab th{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
.dtab td{padding:10px;border-bottom:1px solid var(--line);vertical-align:top;color:var(--ink)}
.dtab td small{display:block;color:var(--muted);margin-top:2px;white-space:pre-wrap}
.dtab .r{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.fbar .sel#dstatus{flex:0 0 auto}
@media (max-width:900px){.dpos{grid-template-columns:1fr 1fr}.dpos .dp-bez{grid-column:1/-1}.dsum{justify-items:stretch}.dsum>div{min-width:0}}
.fbar.dok .chipscroll{flex:1 1 100%}
.fbar.dok .search{flex:1 1 240px;min-width:200px}
.fbar.dok .sel#dstatus{flex:0 0 auto}

/* WordPress */
#wlist{display:grid;gap:12px}
.wsec{display:grid;gap:8px}
.wsec>b{font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.wkunde{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--slate)}
.wsec .pactions label{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--slate)}
.wvul,.wchk,.wverl{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:14px}
.wvul p{margin:2px 0 0;color:var(--slate)}
.wchk li{padding-left:22px;position:relative}
.wchk li::before{content:"";position:absolute;left:4px;top:.45em;width:9px;height:9px;border-radius:50%}
.wchk li.ok::before{background:var(--ok-bg)}
.wchk li.bad{color:var(--bad);font-weight:600}
.wchk li.bad::before{background:var(--danger-bg)}
.r-kein-wordpress_bearbeiten [data-wpedit]{display:none!important}
@media (max-width:640px){.wkunde{width:100%}.wkunde .sel{flex:1}}

/* Kontakte: Verlauf aus Deals&Projects und Import */
.vstack{display:grid;gap:16px}
.tbl-wrap{overflow-x:auto}
.vtab{width:100%;border-collapse:collapse;font-size:14px}
.vtab th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:6px 10px 6px 0;border-bottom:1px solid var(--line);white-space:nowrap}
.vtab td{padding:8px 10px 8px 0;border-bottom:1px solid var(--line);vertical-align:top}
.vtab .r{text-align:right;white-space:nowrap}
.vtab tr:last-child td{border-bottom:0}
.kimp-res{display:grid;gap:8px;margin:14px 0}
#kimp{max-width:min(640px,94vw)}
#kimp .in{padding:24px;display:grid;gap:14px}
#kimp h2{margin:0}
#kstufe[hidden],#kimpbtn[hidden]{display:none}
#kimp{max-height:92vh;overflow:auto}
#kimp .fbtn{position:sticky;bottom:0;background:var(--card);padding-top:10px}

/* Deals und Projekte */
#crmroot .fbar{margin-bottom:16px}
.seg.cseg,#cview{display:inline-flex;margin:0;gap:0;border:1px solid var(--line);border-radius:999px;overflow:hidden;background:var(--btn-bg)}
.segb{font:inherit;font-size:13.5px;font-weight:600;color:var(--slate);background:transparent;border:0;padding:9px 16px;cursor:pointer}
.segb[aria-pressed="true"]{background:var(--link);color:#fff}
.segb:focus-visible{outline:3px solid var(--focus);outline-offset:-3px}
.pipe{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(250px,1fr);gap:14px;overflow-x:auto;padding-bottom:10px;align-items:start}
.pcol{background:var(--tint);border:1px solid var(--line);border-radius:var(--radius);padding:10px;min-height:140px;transition:border-color .15s}
.pcol.ziel{border-color:var(--link);border-style:dashed}
.pcol header{display:grid;gap:2px;padding:6px 8px 10px}
.pcol header b{font-size:14px}
.pbody{display:grid;gap:10px}
.pleer{text-align:center;padding:18px 0}
.dcard{background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:12px 14px;display:grid;gap:5px;cursor:pointer}
.dcard:hover{border-color:var(--link)}
.dcard:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.dcard.zieht{opacity:.45}
.dcard b{font-size:14.5px;line-height:1.3;overflow-wrap:anywhere}
.dcfoot{display:flex;justify-content:space-between;align-items:center;gap:8px}
.dbetrag{font-variant-numeric:tabular-nums;white-space:nowrap}
.dliste{display:grid;gap:10px}
.pacard.dz .pahead{grid-template-columns:minmax(0,1fr) auto}
.pameta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.steps{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}
.step{font:inherit;font-size:13px;font-weight:600;color:var(--slate);background:var(--btn-bg);border:1px solid var(--line);border-radius:999px;padding:7px 13px;cursor:pointer}
.step[aria-pressed="true"]{background:var(--link);border-color:var(--link);color:#fff}
.step:disabled{cursor:not-allowed;opacity:.7}
.step:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.form .three{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}
#cdlg .dhead{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:6px}
#cdlg .dsec{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
#cdlg .dsec h3{font-size:15px;margin-bottom:8px}
#cdlg .pactions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}
#cdlg .fbtn{margin-top:18px}
#cdlg{max-height:92vh;overflow:auto}
#cdlg .meta a{color:var(--link)}
.note{white-space:pre-wrap}
@media (max-width:640px){.form .three{grid-template-columns:1fr}.pipe{grid-auto-columns:minmax(240px,86%)}.pacard.dz .pahead{grid-template-columns:1fr}.pameta{justify-content:flex-start}}
.r-kein-seite_deals [data-nav="deals"],.r-kein-seite_crm_projekte [data-nav="crm_projekte"],.r-kein-seite_vertraege [data-nav="vertraege"]{display:none!important}
.r-kein-deals_bearbeiten #cneu,.r-kein-crm_projekte_bearbeiten #cneu{display:none!important}
#cdlg .form{grid-template-columns:minmax(0,1fr)}
#cdlg .form .two{grid-template-columns:repeat(2,minmax(0,1fr))}
#cdlg .form .three{grid-template-columns:repeat(3,minmax(0,1fr))}
#cdlg .sel,#cdlg .inp{width:100%;min-width:0;box-sizing:border-box}
#cdlg .in{padding:22px}
.pipe{grid-auto-columns:minmax(200px,1fr)}
@media (max-width:640px){#cdlg .form .two,#cdlg .form .three{grid-template-columns:minmax(0,1fr)}#cdlg{max-width:96vw}#cdlg .in{padding:16px}}
.pbody{max-height:68vh;overflow-y:auto;padding-right:2px}

/* ===== Optik 2026-11 (ruhig, neutral, wie Qonto): Farben, Menü, Buttons, Kacheln ===== */
:root,:root[data-theme="light"]{
  --ink:#141414;--bg:#F4F4F1;--card:#fff;--line:#E7E7E2;--muted:#6B6B66;--slate:#3D3D3A;
  --pri:#141414;--pri-h:#2E2E2C;--on-pri:#fff;--link:#1B4279;
  --surface:#fff;--btn-bg:#fff;--soft:#F4F4F1;--over-bg:#EDEDE8;
  --wrap:transparent;--tint:#ECECE7;--tint2:#E4E4DE;--tint3:#DEDED8;
  --stat-bg:#fff;--stat-h:#F7F7F4;--mono-bg:#1B4279;--noise:0;
  --radius:16px;--shadow:none;--shadow-h:0 10px 28px -14px rgba(20,20,20,.22);
  --btn-line:#D9D9D3;--disabled-bg:#D9D9D3;
}
:root[data-theme="dark"]{
  --ink:#EDEDEA;--bg:#121212;--card:#1B1B1A;--line:#2B2B29;--muted:#A3A39D;--slate:#CFCFC9;
  --pri:#F2F2EF;--pri-h:#FFFFFF;--on-pri:#121212;--link:#8FB2EC;
  --surface:#1B1B1A;--btn-bg:#1F1F1E;--field-bg:#161616;--soft:#171717;--over-bg:#242423;
  --wrap:transparent;--tint:#232322;--tint2:#2C2C2A;--tint3:#333331;
  --stat-bg:#1B1B1A;--stat-h:#232322;--mono-bg:#2B4C80;--noise:0;
  --shadow:none;--shadow-h:0 10px 28px -14px rgba(0,0,0,.6);--btn-line:#363633;
}
.side{background:var(--bg);padding:16px 12px}
.ngrp{display:flex;flex-direction:column;gap:2px}
.ngrp[hidden]{display:none}
.grp{letter-spacing:.06em;padding:16px 10px 6px}
.ngrp:first-child .grp{padding-top:6px}
.nav{color:var(--slate);font-weight:500;font-size:14px;padding:8px 10px;border-radius:9px}
.nav svg{width:18px;height:18px}
.nav:hover{background:var(--tint);color:var(--ink)}
.nav.on{background:var(--tint2);color:var(--ink);font-weight:700}
.nav .n{background:var(--ink);color:var(--bg)}
.nav .dot{background:var(--ink)}
.user{background:var(--surface)}
.tog{background:var(--surface)}
.topbar{background:var(--bg);border-bottom:0;padding-top:22px;padding-bottom:10px}
.topbar h1{font-size:26px;font-weight:800;letter-spacing:-.02em}
.main footer{border-top:0}
.btn{border-radius:999px;color:var(--ink);border-color:var(--btn-line)}
.btn:hover{border-color:var(--ink);background:var(--tint)}
.btn.pri{background:var(--pri);border-color:var(--pri);color:var(--on-pri)}
.btn.pri:hover{background:var(--pri-h);border-color:var(--pri-h)}
.chip{border-radius:999px;color:var(--ink);border-color:var(--btn-line)}
.chip:hover{border-color:var(--ink);color:var(--ink)}
.stat{background:var(--surface);color:var(--ink);border:1px solid var(--line)}
a.stat:hover{background:var(--stat-h)}
.stat span{opacity:1;color:var(--muted)}
.stat b,.page .stat b{font-weight:800;letter-spacing:-.02em}
.card{box-shadow:none}
.card:hover{box-shadow:var(--shadow-h)}
.search input{background:var(--surface);border-radius:12px}
:root[data-theme="dark"]{--navy:#8FB2EC}
.brand{padding-bottom:14px}
/* Kontaktseite (Schritt 2) */
.khead{border-left:1px solid var(--line)}
.kt a[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.kt .kn{font-size:11px;font-weight:700;padding:1px 7px;border-radius:999px;background:var(--tint);color:var(--slate);margin-left:4px}
.kkpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-top:14px}
.kkpi>div{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;gap:2px}
.kkpi span{font-size:12px;color:var(--muted)}
.kkpi b{font-size:20px;font-weight:800;letter-spacing:-.01em}
.khd{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px}
.khd h3{margin:0}
.khd-a{display:flex;flex-wrap:wrap;gap:8px}
.ksum{display:flex;flex-wrap:wrap;gap:6px 20px;font-size:13px;color:var(--muted)}
.ksum b{color:var(--ink);font-size:15px}
.kneu{position:relative}
.kneu>summary{list-style:none;cursor:pointer}
.kneu>summary::-webkit-details-marker{display:none}
.kneu-m{position:absolute;right:0;top:calc(100% + 6px);z-index:15;min-width:190px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-h);padding:6px;display:flex;flex-direction:column}
.kneu-m a,.kneu-m button{font:inherit;font-size:14px;font-weight:500;text-align:left;padding:9px 12px;border-radius:8px;border:0;background:transparent;color:var(--ink);text-decoration:none;cursor:pointer}
.kneu-m a:hover,.kneu-m button:hover{background:var(--tint)}
.ktl{display:flex;flex-direction:column}
.ktl-e{display:flex;gap:16px;padding:10px 0;border-top:1px solid var(--line)}
.ktl-e:first-child{border-top:0}
.ktl-d{width:96px;flex:none;font-size:13px;color:var(--muted)}
.ktl-t{display:flex;flex-direction:column;min-width:0}
.ktl-t b{font-weight:600;font-size:14px}.ktl-t b a{color:inherit}
.ktl-t small{font-size:12px;color:var(--muted)}
@media (max-width:600px){.kneu-m{right:auto;left:0}.ktl-e{flex-direction:column;gap:2px}.ktl-d{width:auto}}
.kt a{padding:12px 12px}
.note span{margin-right:8px}
/* Websites (Schritt 3) */
.subtabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.subtabs a{display:inline-flex;align-items:center;height:36px;padding:0 16px;border-radius:999px;border:1px solid var(--btn-line);background:var(--surface);color:var(--ink);font-size:14px;font-weight:600;text-decoration:none}
.subtabs a:hover{border-color:var(--ink)}
.subtabs a[aria-current="page"]{background:var(--pri);border-color:var(--pri);color:var(--on-pri)}
.r-kein-seite_projekte [data-sub="start"],.r-kein-seite_wordpress [data-sub="wordpress"],.r-kein-seite_builder [data-sub="queue"]{display:none}
.r-kein-seite_projekte [data-nav="start"]{display:flex!important}

.abl{display:flex;gap:4px;list-style:none;padding:0;margin:0}
.abl li{flex:1;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--muted);min-width:0}
.abl li::before{content:"";height:6px;border-radius:3px;background:var(--line)}
.abl li.done::before{background:var(--ok-bg)}
.abl li.cur::before{background:var(--link)}
.abl li.cur{color:var(--ink);font-weight:700}
.abl li.done{color:var(--slate)}
.abl li span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.abl-k{margin-top:12px}.abl-k li::before{height:5px}
.abl-t{font-size:12px;color:var(--muted);margin-top:6px}
.dablauf{margin:0 0 12px}
.lead-links{display:flex;flex-wrap:wrap;gap:4px 16px}
/* Deals: Eingang (Schritt 4) */
.pein{background:transparent;border:1px dashed var(--btn-line);border-radius:var(--radius);padding:10px;min-height:140px}
.pein header{display:grid;gap:2px;padding:6px 8px 10px}
.pein header b{font-size:14px}
.pein .pbody{display:grid;gap:10px}
.ecard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px 14px;display:grid;gap:6px}
.ecard .abl-k{margin-top:4px}
.ecact{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.ecact .btn{font-size:12.5px;padding:6px 12px}
/* Artikel und Leistungen (Suche und Pflege) */
.art-dlg{width:min(980px,calc(100vw - 32px))}
.art-q{display:flex;margin:4px 0 14px}
.art-q input{flex:1;padding-left:16px!important}
.art-grid{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:start}
.art-liste{max-height:min(52vh,520px);overflow:auto;padding-right:4px}
.art-gruppen{display:flex;flex-direction:column;gap:4px;max-height:min(52vh,520px);overflow:auto}
.art-h{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:10px 0 6px}
.art-h:first-child{margin-top:0}
.art-z{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}
.art-w{flex:1;min-width:0;display:flex;align-items:center;gap:12px;font:inherit;text-align:left;background:none;border:0;padding:10px 6px;border-radius:10px;cursor:pointer;color:var(--ink)}
.art-w:hover,.art-w:focus-visible{background:var(--soft)}
.art-t{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}
.art-t b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.art-t small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.art-p{font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}
.art-e{flex:none;font-size:12.5px;padding:6px 11px}
.art-g{font:inherit;font-size:13.5px;text-align:left;display:flex;justify-content:space-between;gap:8px;padding:8px 12px;border-radius:10px;border:1px solid transparent;background:none;color:var(--slate);cursor:pointer}
.art-g:hover{background:var(--soft)}
.art-g[aria-pressed="true"]{background:var(--ink);color:var(--surface);font-weight:600}
.art-g .count{opacity:.7;font-variant-numeric:tabular-nums}
@media (max-width:720px){.art-grid{grid-template-columns:1fr}.art-gruppen{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;order:-1;max-height:none;padding-bottom:4px}.art-gruppen .art-h{display:none}.art-g{flex:none}.art-g{border-color:var(--line);border-radius:999px;padding:6px 12px}.art-e{display:none}}
/* Formatierung in Textfeldern und Positionen */
.fmtwrap{display:grid;border:1px solid var(--line);border-radius:12px;background:var(--surface);position:relative}
.fmtwrap:focus-within{border-color:var(--ink)}
.fmtbar{display:flex;align-items:center;gap:2px;padding:4px 6px;border-bottom:1px solid var(--line);background:var(--soft,var(--tint));border-radius:11px 11px 0 0}
.fmtbar>button{font:inherit;font-size:14px;width:30px;height:28px;display:grid;place-items:center;border:0;border-radius:7px;background:none;color:var(--ink);cursor:pointer}
.fmtbar>button:hover{background:var(--surface)}
.fmtbar>button:disabled{opacity:.4;cursor:default}
.fmtbar svg{width:16px;height:16px}
.fmthint{margin-left:auto;font-size:11.5px;color:var(--muted);padding-right:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fmtwrap textarea.inp{border:0;border-radius:0;box-shadow:none;outline:none;resize:vertical}
textarea.grow{field-sizing:content;min-height:4.6em;max-height:640px}
.dpos .lbl{display:block;font-size:13px;font-weight:600;color:var(--slate);margin:0 0 6px}
.dpos .dp-b{grid-column:1/-1}
.pactions .padel{margin-left:auto;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
@media (max-width:600px){.fmthint{display:none}}
/* Menü mit Unterseiten: Punkt nur ausblenden, wenn keine Unterseite erlaubt ist; Reiter je Recht */
.r-kein-seite_deals [data-nav="deals"],.r-kein-seite_statistik [data-nav="stats"]{display:flex!important}
.r-kein-seite_deals.r-kein-seite_anfragen [data-nav="deals"],.r-kein-seite_statistik.r-kein-seite_nutzung.r-kein-seite_systemlog [data-nav="stats"],.r-kein-seite_projekte.r-kein-seite_wordpress.r-kein-seite_builder.r-kein-seite_kunden [data-nav="start"]{display:none!important}
.r-kein-seite_deals [data-sub="deals"],.r-kein-seite_anfragen [data-sub="anfragen"],.r-kein-seite_kunden [data-sub="kunden"],.r-kein-seite_statistik [data-sub="stats"],.r-kein-seite_nutzung [data-sub="nutzung"],.r-kein-seite_systemlog [data-sub="systemlog"]{display:none}
.ngrp:first-child .nav:first-of-type{margin-top:2px}
/* Editor mit sichtbarer Formatierung, Platzhalter und Textvorlagen */
.fmtwrap textarea[hidden]{display:none!important}
.rte{border-radius:0 0 11px 11px;min-height:4.6em;padding:12px 14px;font-size:15px;line-height:1.55;color:var(--ink);outline:none;overflow-wrap:anywhere;cursor:text}
.rte[contenteditable="false"]{color:var(--muted);cursor:default}
.rte ul{margin:2px 0;padding-left:22px}
.rte li{margin:1px 0}
.rte b,.rte strong{font-weight:700}
.dpos .rte{min-height:3.2em;background:var(--surface)}
.fmtbar>button[aria-pressed="true"]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line)}
.ph{display:inline-block;padding:0 7px;margin:0 1px;border-radius:6px;background:var(--soft,var(--tint));border:1px solid var(--line);font-size:.9em;color:var(--slate);white-space:nowrap;user-select:all}
.fmtsp{flex:1}
.vlwrap{position:relative}
.vlbtn{font:inherit;font-size:12.5px;font-weight:600;display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;border:0;border-radius:7px;background:none;color:var(--link);cursor:pointer}
.vlbtn:hover{background:var(--surface)}
.vlbtn svg{width:14px;height:14px}
.vlpop{position:absolute;right:0;top:calc(100% + 6px);z-index:30;width:min(420px,86vw);max-height:420px;overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -18px rgba(0,0,0,.35);padding:6px}
.vlitem{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;font:inherit;background:none;border:0;border-radius:10px;padding:9px 10px;cursor:pointer;color:var(--ink)}
.vlitem:hover,.vlitem:focus-visible{background:var(--soft,var(--tint))}
.vlitem b{font-size:14px;font-weight:600}
.vlitem small{font-size:12.5px;color:var(--muted);line-height:1.4}
.vlstd{display:inline-block;font-size:11px;font-weight:600;padding:1px 7px;border-radius:999px;background:var(--soft,var(--tint));color:var(--slate);vertical-align:1px}
.vlrow{border-bottom:1px solid var(--line);border-radius:0}
.vlfoot{border-top:1px solid var(--line);margin-top:6px;padding:8px 4px 2px;display:grid;gap:8px}
.vlneu{display:flex;gap:6px}
.vlneu .inp{flex:1;min-width:0;padding:8px 12px;font-size:13.5px}
.vlfoot .btn{justify-content:center}
.vltext .lbl{display:block;font-size:13px;font-weight:600;color:var(--slate);margin:0 0 6px}
/* Website: nächster Schritt statt vieler Knöpfe */
.dnext{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 20px;padding:16px 18px;border:1px solid var(--line);border-radius:16px;background:var(--surface);margin:4px 0 14px}
.dnext-t{min-width:min(100%,280px);flex:1}
.dnext-t span{display:block;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}
.dnext-t b{display:block;font-size:18px;font-weight:700;margin:3px 0 2px;color:var(--ink)}
.dnext-t p{margin:0;font-size:14px;color:var(--slate)}
.dnext-a{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.dmehr{position:relative}
.dmehr>summary{list-style:none;cursor:pointer}
.dmehr>summary::-webkit-details-marker{display:none}
.dmehr-m{position:absolute;right:0;top:calc(100% + 6px);z-index:40;width:290px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px -18px rgba(0,0,0,.35);padding:6px;display:grid}
.dmehr-m button{display:flex;flex-direction:column;align-items:flex-start;gap:1px;font:inherit;text-align:left;background:none;border:0;border-radius:10px;padding:9px 11px;cursor:pointer;color:var(--ink)}
.dmehr-m button:hover,.dmehr-m button:focus-visible{background:var(--soft,var(--tint))}
.dmehr-m b{font-size:14px;font-weight:600}
.dmehr-m small{font-size:12.5px;color:var(--muted)}
.dmehr-m button+button{border-top:1px solid var(--line);border-radius:0}
.notizneu{margin-bottom:6px}
@media (max-width:600px){.dmehr-m{right:auto;left:0;width:min(290px,86vw)}}
/* E-Mails: Menüpunkt nur ausblenden, wenn weder Postfach noch Versand erlaubt */
.r-kein-seite_postfach.r-kein-seite_mail [data-nav="postfach"]{display:none!important}
.r-kein-seite_postfach [data-sub="postfach"],.r-kein-seite_mail [data-sub="mail"]{display:none}
/* Postfach */
.pfstart{display:grid;place-items:center;padding:40px 0}
.pfstart-in{max-width:520px;text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:36px 32px}
.pfstart-in svg{width:44px;height:44px;color:var(--slate)}
.pfstart-in h2{margin:10px 0 8px;font-size:22px}
.pfstart-in p{color:var(--slate);margin:0 0 18px}
.pfbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}
.pfkf{display:flex;gap:10px;align-items:center;justify-content:space-between;padding:10px 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:12px}
.pfgrid{display:grid;grid-template-columns:minmax(300px,400px) minmax(0,1fr);gap:16px;align-items:start}
.pfliste{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;max-height:calc(100vh - 230px);overflow-y:auto}
.pflese{background:var(--surface);border:1px solid var(--line);border-radius:16px;min-height:340px;padding:18px 20px}
.pfleer{padding:40px 16px;text-align:center;color:var(--muted)}
.pfz{display:flex;gap:12px;width:100%;text-align:left;font:inherit;background:none;border:0;border-bottom:1px solid var(--line);padding:12px 14px;cursor:pointer;color:var(--ink)}
.pfz:hover{background:var(--soft,var(--tint))}
.pfz.on{background:var(--soft,var(--tint));box-shadow:inset 3px 0 0 var(--ink)}
.pfav{flex:none;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:var(--soft,var(--tint));color:var(--slate);font-size:12.5px;font-weight:700}
.pfzt{flex:1;min-width:0;display:grid;gap:1px}
.pfz1{display:flex;gap:8px;justify-content:space-between}
.pfz1 b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pfz1 i{font-style:normal;font-size:12px;color:var(--muted);white-space:nowrap}
.pfz2{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pfz3{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}
.pfz.neu .pfz1 b,.pfz.neu .pfz2{font-weight:700}
.pfz.neu .pfav{background:var(--ink);color:var(--surface)}
.pfz4{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.pftag{display:inline-block;font-size:11.5px;font-weight:600;padding:1px 8px;border-radius:999px;background:var(--soft,var(--tint));color:var(--slate)}
.pftag.ok{background:#e3f1e8;color:#1f6b3a}
.pfmehr{padding:12px;text-align:center}
.pflk{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.pflk h2{font-size:19px;margin:0}
.pfzur{display:none}
.pfmail{border-top:1px solid var(--line)}
.pfmk{display:flex;gap:10px;align-items:center;width:100%;text-align:left;font:inherit;background:none;border:0;padding:12px 0;cursor:pointer;color:var(--ink)}
.pfmkt{flex:1;min-width:0}
.pfmkt small{color:var(--muted)}
.pfmk>i{font-style:normal;font-size:12px;color:var(--muted);white-space:nowrap}
.pfmb{padding:0 0 16px 44px}
.pfhtml{width:100%;min-height:360px;border:0;background:#fff;border-radius:10px}
.pftext{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.55}
.pfanh{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.pfanh small{color:var(--muted)}
.pfmact{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:12px}
.pfablf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--soft,var(--tint))}
.pfablf label{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--slate)}
.pfablf .pfmact{grid-column:1/-1;margin-top:0}
.pfzit .pftext{max-height:200px;overflow:auto;color:var(--muted);font-size:13px;border-left:2px solid var(--line);padding-left:10px;margin-top:6px}
#pfdin .lbl{display:block;font-size:13px;font-weight:600;color:var(--slate);margin:0 0 6px}
#pfdin .rte{min-height:180px}
.kmail{border-bottom:1px solid var(--line);padding:10px 0}
.kmail summary{cursor:pointer;display:flex;gap:10px;justify-content:space-between;list-style:none}
.kmail summary::-webkit-details-marker{display:none}
.kmail .pftext{margin-top:8px;font-size:13.5px;max-height:420px;overflow:auto}
@media (max-width:900px){.pfgrid{grid-template-columns:1fr}.pflese{display:none}.pfroot.pf-lesen .pflese{display:block}.pfroot.pf-lesen .pfliste{display:none}.pfzur{display:inline-flex}.pfmb{padding-left:0}.pfablf{grid-template-columns:1fr}.pfliste{max-height:none}}
.pfbar .chipscroll{flex:1 1 300px;max-width:100%;overflow:hidden}
.pfbar .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}
.pfbar .chips::-webkit-scrollbar{display:none}
/* Zuordnen (Postfach) */
.zdlg{width:min(620px,calc(100vw - 32px))}
.zchips{display:flex;flex-wrap:wrap;gap:6px;min-height:34px;align-items:center;margin:2px 0 12px}
.zchip{display:inline-flex;align-items:center;gap:6px;padding:5px 6px 5px 10px;border-radius:999px;background:var(--soft,var(--tint));border:1px solid var(--line);font-size:13.5px;font-weight:600}
.zchip svg{width:15px;height:15px;color:var(--slate)}
.zchip button{border:0;background:none;cursor:pointer;font-size:16px;line-height:1;color:var(--muted);padding:0 4px}
.zsuche{display:flex;margin-bottom:10px}
.zsuche input{flex:1}
.zliste{max-height:min(46vh,420px);overflow:auto;display:grid;gap:2px}
.zgr{font-size:11.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:10px 0 4px}
.zgr:first-child{margin-top:0}
.zhint{padding:18px 4px}
.zt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;font:inherit;background:none;border:1px solid transparent;border-radius:12px;padding:8px 10px;cursor:pointer;color:var(--ink)}
.zt:hover,.zt:focus-visible{background:var(--soft,var(--tint))}
.zt.an{border-color:var(--ink);background:var(--soft,var(--tint))}
.zti{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--soft,var(--tint));color:var(--slate)}
.zti svg{width:18px;height:18px}
.zti-d{background:#e8eefb;color:#2c4f9e}.zti-p{background:#efe8fb;color:#5b3a9e}.zti-k{background:#e3f1e8;color:#1f6b3a}
.ztt{flex:1;min-width:0;display:grid}
.ztt b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ztt small{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.zok{font-weight:700}
.pfablz{display:grid;gap:6px}
.pfablbtn{font:inherit;text-align:left;padding:11px 14px;border:1px dashed var(--line);border-radius:12px;background:var(--surface);cursor:pointer;color:var(--ink)}
.pfablbtn:hover{border-color:var(--ink)}
/* Zahlungen */
.zseg{display:flex;gap:8px;margin-bottom:16px}
.kq{display:inline-block;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px}
.kq-qonto{background:#e8eefb;color:#2c4f9e}.kq-mollie{background:#fdeee6;color:#9a4317}
.ktab td{vertical-align:top}
.kbet{font-weight:700;color:#1f6b3a}
.kbet.neg{color:var(--ink)}
.kbez{padding:4px 10px;font-size:12.5px;margin-top:4px}
.sm{font-size:12.5px;color:var(--muted)}
/* Verträge & Abos */
.vtart{background:var(--soft,var(--tint));color:var(--slate)}
a.pahead{text-decoration:none;color:inherit}
/* Projekt: Reiter, Dateien, Eingangsrechnungen, Auswertung */
.ptabs{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line);margin:14px 0 14px}
.ptabs button{font:inherit;font-size:14px;font-weight:600;white-space:nowrap;background:none;border:0;border-bottom:2px solid transparent;padding:10px 12px;color:var(--slate);cursor:pointer}
.ptabs button[aria-selected="true"]{color:var(--ink);border-bottom-color:var(--ink)}
.pausw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.pausw div{border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--surface)}
.pausw span{display:block;font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.pausw b{display:block;font-size:20px;margin-top:4px}
.pausw b.neg{color:#b42318}
.pausw small{color:var(--muted);font-size:12px}
.pdrop{display:grid;place-items:center;gap:4px;text-align:center;padding:26px 16px;border:2px dashed var(--line);border-radius:16px;cursor:pointer;background:var(--soft,var(--tint));margin-bottom:14px}
.pdrop.klein{padding:16px}
.pdrop:hover,.pdrop.ueber{border-color:var(--ink)}
.pdat{display:grid;gap:8px}
.pdz{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:8px 10px;background:var(--surface)}
.pdz img{width:44px;height:44px;object-fit:cover;border-radius:8px;flex:none}
.pdi{flex:none;width:44px;height:44px;border-radius:8px;display:grid;place-items:center;background:var(--soft,var(--tint));font-size:11px;font-weight:800;color:var(--slate)}
.pdt{flex:1;min-width:0;display:grid}
.pdt b{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pdt small{color:var(--muted);font-size:12px}
.peinf{margin-bottom:14px}
.peinf>summary{list-style:none;display:inline-flex;margin-bottom:10px}
.peinf>summary::-webkit-details-marker{display:none}
.vtab tfoot td{border-top:2px solid var(--line);padding-top:8px}
@media (max-width:700px){.pausw{grid-template-columns:1fr}.pdz .btn{padding:6px 10px;font-size:12.5px}}

/* ===== 1.39: Marke, globale Suche, Prozessanzeige, Verlauf, Mail Ablage, Umsatz ===== */
:root{--pf:#0c0c0c;--pf-acc:#3dbdf2}
:root[data-theme="dark"]{--pf:#e9f6fd}
.mwrap{position:relative;padding:0 8px 10px;flex:none}
.mwahl{display:flex;align-items:center;gap:9px;width:100%;font:inherit;font-size:13px;font-weight:600;color:var(--ink);background:var(--btn-bg);border:1px solid var(--line);border-radius:12px;padding:8px 11px;cursor:pointer;text-align:left}
.mwahl:hover{border-color:var(--pri)}
.mwahl span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mwahl svg{width:11px;height:8px;color:var(--muted);flex:none}
.mdot{width:10px;height:10px;border-radius:50%;flex:none;background:conic-gradient(var(--navy) 0 50%,var(--pf-acc) 0 100%)}
.mwahl[data-m="estethik"] .mdot,.mdot.m-estethik{background:var(--navy)}
:root[data-theme="dark"] .mwahl[data-m="estethik"] .mdot,:root[data-theme="dark"] .mdot.m-estethik{background:#6f9be0}
.mwahl[data-m="proframes"] .mdot,.mdot.m-proframes{background:var(--pf-acc)}
.mpop{position:absolute;left:8px;right:8px;top:calc(100% - 4px);z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-h);padding:6px;display:grid;gap:2px;min-width:200px}
.mpop>button{display:flex;align-items:center;gap:9px;font:inherit;font-size:13.5px;font-weight:600;color:var(--ink);background:none;border:0;border-radius:9px;padding:9px 10px;cursor:pointer;text-align:left}
.mpop>button:hover{background:var(--tint)}
.mpop>button[aria-checked="true"]{background:var(--tint2)}
.mpf{display:grid;gap:6px;border-top:1px solid var(--line);margin-top:4px;padding:10px 6px 4px;font-size:13px}
.mpf .btn{justify-content:center}
html[data-nav="collapsed"] .mwahl{justify-content:center;padding:9px 0}
html[data-nav="collapsed"] .mwahl span,html[data-nav="collapsed"] .mwahl svg{display:none}
html[data-nav="collapsed"] .mpop{left:calc(100% - 4px);top:0;right:auto}
.mtag{display:inline-block;vertical-align:middle;margin-left:7px;font-size:10px;font-weight:700;letter-spacing:.06em;line-height:1;padding:4px 6px;border-radius:6px;background:var(--st-n-bg);color:var(--st-n-fg)}
.mtag.pf{background:var(--pf);color:var(--pf-acc)}
:root[data-theme="dark"] .mtag.pf{background:#0b2633;color:var(--pf-acc)}
.dcard .mtag{align-self:flex-start;margin:2px 0 0}

/* Suche oben rechts */
.gsbtn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:13.5px;color:var(--muted);background:var(--btn-bg);border:1px solid var(--line);border-radius:999px;padding:8px 10px 8px 13px;cursor:pointer;min-width:220px;margin-right:8px}
.gsbtn:hover{border-color:var(--pri);color:var(--ink)}
.gsbtn svg{width:16px;height:16px;flex:none}
.gsbtn span{flex:1;text-align:left}
.gsbtn kbd,.gsk kbd{font:600 11px/1 "Manrope",system-ui,sans-serif;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:6px;padding:4px 6px}
@media (max-width:760px){.gsbtn{min-width:0;padding:9px;border-radius:50%}.gsbtn span,.gsbtn kbd{display:none}}
dialog.gsuche{width:min(680px,calc(100vw - 24px));max-height:min(640px,calc(100vh - 80px));margin:8vh auto auto;padding:0;border:1px solid var(--line);border-radius:18px;background:var(--surface);color:var(--ink);box-shadow:var(--dlg-shadow);overflow:hidden}
dialog.gsuche[open]{display:flex;flex-direction:column}
dialog.gsuche::backdrop{background:var(--backdrop)}
.gsk{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}
.gsk svg{width:18px;height:18px;color:var(--muted);flex:none}
.gsk input{flex:1;min-width:0;font:inherit;font-size:16px;border:0;outline:0;background:none;color:var(--ink)}
.gsl{overflow:auto;padding:6px 8px 10px;min-height:80px;transition:opacity .15s}
.gsl.laedt{opacity:.55}
.gsl section{padding:4px 0}
.gsl h4{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:10px 10px 4px}
.gsl h4 span{font-weight:600;letter-spacing:0;text-transform:none}
.gst{display:grid;gap:1px;padding:9px 10px;border-radius:10px;text-decoration:none;color:var(--ink)}
.gst b{font-weight:650;font-size:14.5px}
.gst small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gst:hover,.gst.an{background:var(--tint)}
.gsh{padding:18px 10px}
.mhkopf{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 4px}
.mhkopf b{font-size:16px}
.mhchips{display:flex;flex-wrap:wrap;gap:6px;padding:10px 16px 4px}
.mhz{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-radius:10px}
.mhz:hover{background:var(--soft)}
.mhz>div{display:grid;min-width:0;gap:1px}
.mhz b,.mhz small,.mhz .meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mhz small{color:var(--muted);font-size:12.5px}
.mhz .meta{font-size:12.5px}
.mhz .btn,.mhz .pftag{flex:none}

/* Prozessanzeige statt Knopfreihe */
.pstep{list-style:none;padding:6px 0 0;margin:8px 0 6px;display:flex;align-items:flex-start;overflow:visible}
.pstep li{flex:1 1 0;min-width:0;position:relative}
.pstep li::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:2px;background:var(--line);z-index:0}
.pstep li:first-child::before{display:none}
.pstep li.done::before,.pstep li.cur::before{background:var(--pri)}
.pstep button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%;font:inherit;background:none;border:0;padding:0 4px;cursor:pointer;color:var(--muted)}
.pstep button:disabled{cursor:default}
.pdot{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:13px;font-weight:700;background:var(--surface);border:2px solid var(--line);color:var(--muted);transition:transform .15s}
.pdot svg{width:14px;height:14px}
.plab{font-size:12.5px;font-weight:600;text-align:center;line-height:1.25}
.pstep li.done .pdot{background:var(--pri);border-color:var(--pri);color:var(--on-pri)}
.pstep li.done .plab{color:var(--slate)}
.pstep li.cur .pdot{border-color:var(--pri);color:var(--pri);box-shadow:0 0 0 5px var(--tint2)}
.pstep li.cur .plab{color:var(--ink);font-weight:750}
.pstep button:not(:disabled):hover .pdot{transform:scale(1.08)}
.parchbtn{margin:2px 0 4px auto;display:flex}
.parch{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}
.pfinfo{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;color:var(--slate);background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:8px 12px;margin:10px 0 0}
.pfinfo .mtag{margin:0}

/* Übersicht mit Verlauf rechts */
.pueb{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,340px);gap:20px;align-items:start}
@media (max-width:980px){.pueb{grid-template-columns:1fr}}
.pvbox{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:14px;position:sticky;top:0;max-height:70vh;display:flex;flex-direction:column;min-height:0}
.dsec .pvbox{position:static;max-height:none}
.pvkopf{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.pvkopf h3{margin:0}
.pvnotiz{margin-bottom:10px}
.pvnotiz .inp{width:100%;font-size:13.5px;padding:9px 12px}
#pverlauf{overflow:auto;min-height:0}
.vlauf{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.vlauf li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;padding:7px 2px;position:relative}
.vlauf li::after{content:"";position:absolute;left:14px;top:32px;bottom:-4px;width:1px;background:var(--line)}
.vlauf li:last-child::after{display:none}
.vlauf i{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-style:normal;font-size:12px;font-weight:700;background:var(--surface);border:1px solid var(--line);color:var(--slate)}
.vlauf .va-stufe i{background:var(--pri);border-color:var(--pri);color:var(--on-pri)}
.vlauf .va-neu i{background:var(--st-w-bg);color:var(--st-w-fg);border-color:transparent}
.vlauf .va-mail i{background:var(--st-p-bg);color:var(--st-p-fg);border-color:transparent}
.vlauf .va-beleg i,.vlauf .va-archiv i{background:var(--st-a-bg);color:var(--st-a-fg);border-color:transparent}
.vlauf .va-notiz i{background:var(--surface)}
.vlauf p{font-size:13.5px;line-height:1.4;overflow-wrap:anywhere}
.vlauf p.vlang{white-space:pre-wrap;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:7px 9px;margin-top:1px}
.vlauf small{font-size:11.5px;color:var(--muted)}
.vmehr{margin-top:8px;width:100%;justify-content:center}

/* Mail Ablage */
.khd{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}
.khdb{display:flex;flex-wrap:wrap;gap:6px}
.kmbody{margin-top:10px}
.kmbody .pftext{white-space:pre-wrap}
.kmact{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.mframe{display:block;width:100%;min-height:120px;height:220px;border:1px solid var(--line);border-radius:10px;background:#fff}

/* Umsatz in der Auswertung */
.sbeleg{margin-bottom:22px}
.sbeleg h3{font-size:14px;margin:14px 0 6px}
.sbj{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.sb2{grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:860px){.sb2{grid-template-columns:1fr}}
.shead{font-size:18px;margin:8px 0 12px}
.dhr{display:flex;flex-direction:column;align-items:flex-end;gap:8px}
.btn.klein{font-size:12.5px;padding:6px 11px}
.vlauf p{margin:0 0 2px}
.vlauf small{display:block}
.vlauf a{color:var(--ink);text-decoration:none;font-weight:600}
.vlauf a:hover{color:var(--link);text-decoration:underline}

/* ===== 1.40: Detailseite Projekt und Deal, Aufgaben ===== */
#crmroot.detail{max-width:none}
.dt{display:block}
.dtkopf{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:2px 0 6px}
.dtkl{min-width:0}
.dtpfad{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin-bottom:4px}
.dtpfad a{color:var(--muted);text-decoration:none}
.dtpfad a:hover{color:var(--link);text-decoration:underline}
.dtkopf h2{font-size:26px;line-height:1.2;letter-spacing:-.01em}
.dtakt{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.dtakt .st{margin-right:4px}
.dtstat{margin:10px 0 0}
.dtmw{position:relative}
.dtmenu{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:300px;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-h);padding:6px;display:grid;gap:2px}
.dtmenu>button,.dtmenu>a{display:grid;gap:1px;text-align:left;font:inherit;background:none;border:0;border-radius:10px;padding:9px 11px;cursor:pointer;color:var(--ink);text-decoration:none}
.dtmenu>button:hover,.dtmenu>a:hover{background:var(--tint)}
.dtmenu b{font-size:14px;font-weight:650}
.dtmenu small{font-size:12px;color:var(--muted)}
.dtgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:22px;align-items:start;margin-top:10px}
@media (max-width:1100px){.dtgrid{grid-template-columns:1fr}}
.dtmain{min-width:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:6px 20px 20px;box-shadow:var(--shadow)}
.dtmain .ptabs{margin:0 -4px 6px;overflow-x:auto;scrollbar-width:thin}
.dtside{display:grid;gap:14px;position:sticky;top:12px}
@media (max-width:1100px){.dtside{position:static}}
.dtcard{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow)}
.dtch{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
.dtch h3{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:0}
.lnk{font:inherit;font-size:13px;font-weight:600;color:var(--link);background:none;border:0;padding:2px 0;cursor:pointer}
.lnk:hover{text-decoration:underline}
.dtdl{display:grid;gap:6px;margin:0}
.dtdl>div{display:grid;grid-template-columns:118px minmax(0,1fr);gap:8px;font-size:13.5px}
.dtdl dt{color:var(--muted)}
.dtdl dd{margin:0;overflow-wrap:anywhere}
.dtdl .mtag{margin:0}
.dtlinks{font-size:13px;margin-top:10px}
.dtkon{display:grid;gap:3px;font-size:13.5px}
.dtkon a{color:var(--ink);text-decoration:none}
.dtkon a:hover{color:var(--link);text-decoration:underline}
.dtkn{font-weight:700;font-size:15px}
.dtzahl{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dtzahl span{display:block;font-size:12px;color:var(--muted)}
.dtzahl b{font-size:17px}
.dtzahl b.neg{color:var(--bad)}
.dtzahl small{display:block;font-size:11.5px;color:var(--warn)}
.dtbar{display:block;height:4px;border-radius:4px;background:var(--line);margin-top:5px;overflow:hidden}
.dtbar i{display:block;height:100%;background:var(--pri)}
.dtvk{display:grid;gap:6px}
.dtvk a{display:grid;gap:1px;font-size:13.5px;color:var(--ink);text-decoration:none;padding:8px 10px;border:1px solid var(--line);border-radius:10px}
.dtvk a:hover{border-color:var(--pri)}
.dtvk span{font-size:11.5px;color:var(--muted)}
.dtcard.edit .form{gap:10px}
/* Verlauf als Hauptbereich */
.vhaupt{padding-top:6px}
.vakt{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}
.vt{font:inherit;font-size:13px;font-weight:600;color:var(--slate);background:var(--btn-bg);border:1px solid var(--line);border-radius:999px;padding:6px 12px;cursor:pointer}
.vt[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--surface)}
.vt:hover{border-color:var(--pri)}
.vein{display:flex;gap:8px;align-items:flex-end;margin-bottom:14px}
.vein textarea{flex:1;min-height:44px;resize:vertical}
.vhaupt #pverlauf{max-height:none}
/* Aufgaben */
.tz{display:flex;align-items:center;gap:9px;padding:7px 4px;border-bottom:1px solid var(--line)}
.tz:last-child{border-bottom:0}
.tchk{display:grid;place-items:center;width:22px;height:22px;flex:none;border-radius:7px;border:1.5px solid var(--line);background:var(--surface);color:transparent;cursor:pointer;padding:0}
.tchk svg{width:12px;height:12px}
.tchk:hover{border-color:var(--pri);color:var(--muted)}
.tz.fertig .tchk{background:var(--ok-bg);border-color:var(--ok-bg);color:var(--on-ok)}
.tt{flex:1;min-width:0;display:grid;text-align:left;font:inherit;background:none;border:0;padding:0;cursor:pointer;color:var(--ink)}
.tt b{font-weight:600;font-size:14px;overflow-wrap:anywhere}
.tt small{color:var(--muted);font-size:12.5px}
.tz.fertig .tt b{text-decoration:line-through;color:var(--muted);font-weight:500}
.tstd,.tdat{font-size:12px;color:var(--muted);white-space:nowrap}
.tz.heute .tdat{color:var(--warn);font-weight:700}
.tz.ueber .tdat{color:var(--bad);font-weight:700}
.tav{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:50%;font-size:10.5px;font-weight:700;background:var(--tint2);color:var(--st-p-fg)}
.tgrp{margin:12px 0}
.tgrp h4{font-size:13px;font-weight:700;color:var(--slate);margin:0 0 4px;padding-bottom:4px;border-bottom:1px solid var(--line)}
.tfertig{margin-top:12px}
.tfertig summary{cursor:pointer;font-size:13px;font-weight:600;color:var(--muted)}
.tquick{display:flex;gap:6px;margin-top:10px}
.tquick .inp{min-width:0;font-size:13px;padding:8px 10px}
.tquick #tqt{flex:1}
.tquick #tqd{width:132px;flex:none}
.tquick .btn{flex:none;padding:8px 13px}
.chk{display:flex;align-items:center;gap:8px;font-size:14px;margin:10px 0}
a.pahead{text-decoration:none;color:inherit}
.r-kein-seite_crm_projekte [data-nav="aufgaben"],.r-kein-seite_dokumente [data-nav="artikel"]{display:none!important}
/* Aufgabenseite */
.agrp{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:8px 16px;margin-bottom:14px;box-shadow:var(--shadow)}
.agrp h3{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:8px 0 2px}
.az{padding:10px 2px}
.lnk2{font:inherit;background:none;border:0;padding:0;text-align:left;cursor:pointer;color:var(--ink)}
.lnk2:hover b{color:var(--link)}
.az .tt small a{color:var(--muted);text-decoration:none}
.az .tt small a:hover{color:var(--link);text-decoration:underline}
.tav.leer{background:var(--soft);color:var(--muted)}
/* Artikelseite */
.arttab tbody tr{cursor:pointer}
.arttab tbody tr:hover td{background:var(--soft)}
.arttab tr.inaktiv td{color:var(--muted)}
.arttab .sm{font-size:12.5px;color:var(--muted);max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.atl{display:grid;gap:6px;margin:10px 0}
.atz{display:flex;align-items:center;gap:6px}
.atn{width:22px;font-size:13px;color:var(--muted);text-align:right;flex:none}
.atz [data-at="titel"]{flex:1;min-width:0}
.atstd{width:76px;flex:none}
.atb{padding:7px 11px;flex:none}
.art-dlg [data-apane] .form{margin-top:6px}
/* Aufgabe als Seitenpanel */
.apscrim{position:fixed;inset:0;background:var(--backdrop);opacity:0;pointer-events:none;transition:opacity .2s;z-index:90}
.apscrim.auf{opacity:.55;pointer-events:auto}
.apanel{position:fixed;top:0;right:0;bottom:0;width:min(560px,100vw);background:var(--surface);color:var(--ink);box-shadow:-24px 0 60px -20px rgba(15,28,46,.35);z-index:91;display:flex;flex-direction:column;transform:translateX(104%);transition:transform .24s cubic-bezier(.2,.8,.2,1);visibility:hidden}
.apanel.auf{transform:none;visibility:visible}
@media (prefers-reduced-motion:reduce){.apanel,.apscrim{transition:none}}
html.apoffen{overflow:hidden}
.aphead{display:flex;align-items:center;gap:10px;padding:14px 18px;border-bottom:1px solid var(--line)}
.apstat{display:flex;gap:4px;background:var(--soft);border-radius:999px;padding:3px}
.apstat button{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;font-weight:600;color:var(--slate);background:none;border:0;border-radius:999px;padding:6px 12px;cursor:pointer}
.apstat button svg{width:12px;height:12px}
.apstat button[aria-pressed="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(15,28,46,.12)}
.apstat button[data-st="erledigt"][aria-pressed="true"]{background:var(--ok-bg);color:var(--on-ok)}
.apstat button:disabled{opacity:.5;cursor:default}
.apmsg{margin-left:auto;font-size:12.5px;color:var(--muted);opacity:0;transition:opacity .2s}
.apmsg.zeigen{opacity:1}
.apmsg.err{color:var(--bad)}
.apx{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:0;background:none;color:var(--slate);cursor:pointer;flex:none}
.apx:hover{background:var(--soft)}
.apx svg{width:16px;height:16px}
.apbody{flex:1;overflow:auto;padding:18px 26px 26px}
.apbezug{font-size:13px;color:var(--muted);margin-bottom:6px}
.apbezug a{color:var(--muted);text-decoration:none}
.apbezug a:hover{color:var(--link);text-decoration:underline}
.aptitel{display:block;width:100%;font:inherit;font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--ink);background:none;border:1px solid transparent;border-radius:10px;padding:4px 8px;margin:0 -8px 10px;resize:none;overflow:hidden}
.aptitel:hover{border-color:var(--line)}
.aptitel:focus{outline:0;border-color:var(--pri);background:var(--field-bg)}
.approps{display:grid;gap:2px;margin-bottom:18px}
.apanel .aprow{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:10px;min-height:38px}
.apanel .aprow>span{font-size:13px;color:var(--muted)}
.apin{font:inherit;font-size:14px;color:var(--ink);background:none;border:1px solid transparent;border-radius:8px;padding:6px 8px;max-width:100%;cursor:pointer}
.apin:hover{border-color:var(--line);background:var(--soft)}
.apin:focus{outline:0;border-color:var(--pri);background:var(--field-bg)}
select.apin{appearance:none;-webkit-appearance:none;padding-right:8px}
.apwer{display:flex;align-items:center;gap:6px}
.apav{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-style:normal;font-size:11px;font-weight:700;background:var(--tint2);color:var(--st-p-fg);flex:none}
.apstd{display:flex;align-items:center;gap:2px;font-size:14px;color:var(--muted)}
.apstd .apin{width:70px}
.apsec{border-top:1px solid var(--line);padding:16px 0 4px}
.apsec h4{font-size:13px;font-weight:700;color:var(--ink);margin:0 0 10px;display:flex;align-items:center;gap:8px}
.apsec h4 em{font-style:normal;font-weight:600;color:var(--muted)}
.apsec .fmtwrap{border-color:transparent;background:var(--soft)}
.apsec .fmtwrap:focus-within{border-color:var(--pri);background:var(--field-bg)}
.apsec .rte{min-height:70px}
.apbar{display:block;height:4px;border-radius:4px;background:var(--line);overflow:hidden;margin:-2px 0 8px}
.apbar i{display:block;height:100%;background:var(--ok-bg);transition:width .2s}
.aptodos{display:grid;gap:1px}
.aptodo{display:flex;align-items:center;gap:8px;border-radius:8px;padding:2px 4px}
.aptodo:hover{background:var(--soft)}
.aptodo.fertig .tchk{background:var(--ok-bg);border-color:var(--ok-bg);color:var(--on-ok)}
.aptodo.fertig .apcl{text-decoration:line-through;color:var(--muted)}
.apcl{flex:1;min-width:0;font:inherit;font-size:14px;color:var(--ink);background:none;border:1px solid transparent;border-radius:6px;padding:6px 6px}
.apcl:focus{outline:0;border-color:var(--pri);background:var(--field-bg)}
.apdel{opacity:0;border:0;background:none;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:6px}
.aptodo:hover .apdel,.aplink:hover .apdel{opacity:1}
.apdel:hover{color:var(--bad);background:var(--off-bg)}
.apneu{display:flex;align-items:center;gap:6px;padding:2px 4px;color:var(--muted)}
.apneu span{width:22px;text-align:center;font-size:17px}
.aplinks{display:grid;gap:2px;margin-bottom:4px}
.aplink{display:flex;align-items:center;gap:6px;padding:4px 6px;border-radius:8px}
.aplink:hover{background:var(--soft)}
.aplink a{flex:1;font-size:14px;font-weight:600;color:var(--link);text-decoration:none}
.aplink a:hover{text-decoration:underline}
.apfuss{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:16px;padding-top:14px;font-size:12.5px;color:var(--muted)}
.aplos{font:inherit;font-size:12.5px;font-weight:600;color:var(--bad);background:none;border:0;cursor:pointer;padding:4px 0}
@media (max-width:600px){.apbody{padding:14px 18px 22px}.apanel .aprow{grid-template-columns:110px minmax(0,1fr)}.aptitel{font-size:21px}}
.tbadge{font-size:11.5px;font-weight:700;color:var(--st-p-fg);background:var(--st-p-bg);border-radius:999px;padding:3px 8px;white-space:nowrap}
.tcl{font-size:12px;font-weight:600;color:var(--muted);background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:2px 7px;white-space:nowrap}
.atw{display:grid;gap:4px}
.atcl{padding-left:28px}
.atcl textarea{width:100%;font-size:13.5px}
.attd[aria-expanded="true"]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
/* Kontakte kompakt (1.40) */
.kzliste{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}
.kzliste .mehr{padding:14px;border-top:1px solid var(--line);margin:0}
.kzh,.kz{display:grid;grid-template-columns:minmax(0,2.4fr) minmax(0,1.6fr) 150px minmax(0,1.2fr) 110px 16px;align-items:center;gap:16px;padding:0 20px}
.kzh{height:40px;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.kzh span:nth-child(5){text-align:right}
.kz{min-height:56px;padding-top:6px;padding-bottom:6px;text-decoration:none;color:var(--ink);border-bottom:1px solid var(--line)}
.kz:last-of-type{border-bottom:0}
.kz:hover{background:var(--soft)}
.kzn{display:flex;align-items:center;gap:12px;min-width:0}
.kzn .mono{flex:none;width:34px;height:34px;min-width:34px;border-radius:10px;font-size:12px}
.kzn .mono img{width:100%;height:100%;object-fit:contain}
.kzn>span{display:grid;min-width:0}
.kzn b{font-weight:650;font-size:14.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kzn b .mtag{margin-left:6px}
.kzn small,.kzk span{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kzk{display:grid;min-width:0}
.kzk span:first-child{color:var(--slate)}
.kzs{display:flex;gap:6px;flex-wrap:wrap}
.kzl{font-size:13px;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kzu{font-size:13.5px;font-weight:650;text-align:right;white-space:nowrap}
.kzc{width:12px;height:12px;color:var(--muted)}
@media (max-width:1100px){.kzh,.kz{grid-template-columns:minmax(0,2fr) minmax(0,1.4fr) 130px 16px}.kzl,.kzu,.kzh span:nth-child(4),.kzh span:nth-child(5){display:none}}
@media (max-width:640px){.kzh{display:none}.kz{grid-template-columns:minmax(0,1fr) auto 12px;gap:10px;padding:0 14px}.kzk{display:none}}

/* ---------- 1.41 Belegfenster: Eingabe links, Live Vorschau rechts ---------- */
body.bwin-auf{overflow:hidden}
.bwin{position:fixed;inset:0;z-index:80;background:var(--bg);display:flex;flex-direction:column;animation:bwin-ein .18s ease-out}
@keyframes bwin-ein{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.bwin{animation:none}}
.bwtop{display:flex;align-items:center;gap:12px;padding:12px 20px;background:var(--surface);border-bottom:1px solid var(--line);min-height:64px;flex-wrap:wrap}
.bwzu{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--btn-bg);color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none}
.bwzu:hover{background:var(--soft)}.bwzu svg{width:18px;height:18px}
.bwtitel{display:flex;flex-direction:column;min-width:0}.bwtitel b{font-size:16px;white-space:nowrap}.bwtitel small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46vw}
.bwsp{flex:1}
.bwstate{font-size:12.5px;color:var(--muted);display:inline-flex;align-items:center;gap:6px}
.bwstate::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--line)}
.bwstate.ok::before{background:#2f9e63}.bwstate.bad{color:var(--bad)}.bwstate.bad::before{background:var(--bad)}
.bwmv{display:none}
.bwbody{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.bwlinks{overflow:auto;padding:22px 26px 60px;overscroll-behavior:contain}
.bwlinks .padetail{max-width:820px;margin:0 auto;padding:0;border:0}
.bwrechts{background:var(--over-bg);border-left:1px solid var(--line);min-height:0;display:flex}
.bwrechts iframe{flex:1;width:100%;height:100%;border:0;background:transparent}
@media (min-width:1500px){.bwbody{grid-template-columns:minmax(0,1.1fr) minmax(560px,.9fr)}}
@media (max-width:1050px){
  .bwbody{grid-template-columns:1fr}.bwrechts{display:none}.bwmv{display:inline-flex}
  .bwin.mvorschau .bwlinks{display:none}.bwin.mvorschau .bwrechts{display:flex;border-left:0}
}
@media (max-width:640px){.bwtop{padding:10px 12px;gap:8px}.bwtop .btn{padding:8px 12px}.bwtitel small{max-width:60vw}.bwstate{display:none}.bwlinks{padding:16px 14px 50px}}
/* Liste: Zeilen öffnen das Fenster */
[data-zeile] .pachev{width:8px;height:12px}

/* Neuer Beleg: Art wählen */
.neuwahl{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin:12px 0}
.neuopt{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-align:left;padding:18px 20px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.neuopt:hover{border-color:var(--pri);box-shadow:var(--shadow)}.neuopt b{font-size:16px}.neuopt small{color:var(--muted)}

/* Empfänger: Kontakt suchen und Ansprechpartner */
.mono.xs{width:28px;height:28px;border-radius:9px;font-size:11px}
.ewk{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.ewk .mono.sm{width:38px;height:38px;font-size:13px}
.ewt{flex:1;min-width:0;display:flex;flex-direction:column}.ewt b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ewt small{color:var(--muted);font-size:12.5px}
.ewap{margin-top:12px}.ewap .lbl{display:block;font-size:12.5px;color:var(--muted);margin-bottom:6px}
.apchips{display:flex;flex-wrap:wrap;gap:8px}
.apchip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;border:1px solid var(--line);border-radius:999px;background:var(--surface);color:var(--ink);font:inherit;font-size:13px;cursor:pointer;text-align:left}
.apchip span:last-child{display:flex;flex-direction:column;line-height:1.25}.apchip small{color:var(--muted);font-size:11.5px}
.apchip.ohne{padding:8px 14px;color:var(--muted)}
.apchip:hover{border-color:var(--pri)}
.apchip[aria-checked="true"]{border-color:var(--pri);background:var(--tint);box-shadow:inset 0 0 0 1px var(--pri)}
.apchip[aria-checked="true"].ohne{color:var(--ink)}
.esuche{position:relative}
.esuche>svg{position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;color:var(--muted);pointer-events:none}
.esuche>.inp{padding-left:42px;width:100%}
.eliste{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-h);padding:6px;max-height:340px;overflow:auto}
.eliste .meta{padding:10px 12px;margin:0}
.eopt{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}
.eopt span:last-child{display:flex;flex-direction:column;min-width:0}.eopt b{font-weight:600}.eopt small{color:var(--muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eopt:hover,.eopt[aria-selected="true"]{background:var(--tint)}
.eadr{margin-top:12px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}
.eadr>summary{list-style:none;cursor:pointer;padding:11px 14px;display:flex;flex-direction:column;gap:2px}
.eadr>summary::-webkit-details-marker{display:none}
.eadr>summary span{font-size:13px;font-weight:600;display:flex;justify-content:space-between}
.eadr>summary span::after{content:"";width:8px;height:8px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(45deg);margin:2px 4px 0 0;transition:transform .15s}
.eadr[open]>summary span::after{transform:rotate(-135deg);margin-top:6px}
.eadr>summary small{color:var(--muted);font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.eadr[open]>summary small{display:none}
.eadr>.kform{padding:2px 14px 14px}

/* Ansprechpartner: weitere Felder */
.apmehr{grid-column:1/-1;border-top:1px dashed var(--line);padding-top:8px}
.apmehr>summary{cursor:pointer;font-size:13px;color:var(--link);list-style:none;display:inline-flex;align-items:center;gap:6px}
.apmehr>summary::-webkit-details-marker{display:none}
.apmehr>summary::before{content:"+";font-weight:700;width:14px;text-align:center}
.apmehr[open]>summary::before{content:"\2212"}
.apmehr .apfelder{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:10px}
.apmehr textarea{min-height:70px}
.apzusatz{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:4px}
.mono.sm,.mono.xs{color:#fff}
@media (max-width:640px){.bwin:not(.mvorschau) .bwdruck{display:none}.bwin.mvorschau [data-festarm]{display:none}}
.apgrid{align-items:start}
.aprow.aptile{grid-template-columns:minmax(0,1fr)}
.bwlinks .padetail,.bwlinks .deditor,.bwlinks .dgrp,.bwlinks .dgrp>*{min-width:0}.bwlinks .deditor,.bwlinks .dgrp{grid-template-columns:minmax(0,1fr)}
/* Was möchtest du anlegen? */
.nbdlg{border:0;padding:0;border-radius:22px;background:var(--surface);color:var(--ink);width:min(640px,calc(100vw - 32px));box-shadow:var(--dlg-shadow)}
.nbdlg::backdrop{background:var(--backdrop)}
.nbin{padding:22px 24px 20px;display:grid;gap:16px}
.nbk{display:flex;align-items:center;gap:10px}.nbk h2{flex:1;margin:0;font-size:19px}
.nbx{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--btn-bg);color:var(--ink);font-size:20px;line-height:1;cursor:pointer;flex:none}
.nbx:hover{background:var(--soft)}
.nbg h3{margin:0 0 8px;font-size:12.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
.nbw{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.nbo{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,box-shadow .15s}
.nbo:hover,.nbo:focus-visible{border-color:var(--pri);box-shadow:var(--shadow)}.nbo b{font-size:15px}.nbo small{color:var(--muted);font-size:12.5px}
.nbo:disabled{opacity:.55;cursor:default}
.nbin>.meta{margin:0}
.nbl{display:grid;gap:4px;max-height:340px;overflow:auto}
.nbp{display:flex;flex-direction:column;padding:10px 12px;border-radius:10px;color:var(--ink);text-decoration:none}.nbp:hover{background:var(--tint)}.nbp small{color:var(--muted)}
.nbfehler{color:var(--bad);margin:0}
@media (max-width:520px){.nbw{grid-template-columns:1fr}.nbin{padding:18px 16px}}
.dposlist.ohnepreis .dpos{grid-template-columns:minmax(0,1fr) 90px 90px auto}
@media (max-width:900px){.dposlist.ohnepreis .dpos{grid-template-columns:1fr 1fr}}
/* print.com Druckprodukt */
.pcdlg{width:min(720px,calc(100vw - 32px))}
.pcform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pcform label{display:grid;gap:5px;font-size:13px;font-weight:600;color:var(--muted)}.pcform small{font-weight:400}
.pcpreis{border:1px solid var(--line);border-radius:14px;padding:12px 16px;background:var(--soft);display:grid;gap:6px}
.pcpreis .meta,.pcpreis .nbfehler{margin:0}
.pcz{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}
.pcauf{display:inline-flex;align-items:center;gap:6px}.pcauf .inp{width:80px;text-align:right;padding:6px 10px}
.pcvk{border-top:1px solid var(--line);padding-top:8px}.pcvk b{font-size:18px}
.pcvorl{display:flex;flex-wrap:wrap;gap:8px}
.pcakt{display:flex;align-items:center;gap:10px}
@media (max-width:560px){.pcform{grid-template-columns:1fr}}
.pcform select,.pcform .inp{width:100%;min-width:0}
.pcform label>small{font-weight:400;display:inline}
/* Positionen im Belegfenster: Bezeichnung über die volle Breite, Zahlen darunter */
.bwlinks .dpos{grid-template-columns:90px 100px minmax(0,1fr) 100px auto}
.bwlinks .dpos .dp-bez{grid-column:1/-1}
.bwlinks .dposlist.ohnepreis .dpos{grid-template-columns:90px 100px minmax(0,1fr) auto}
.bwlinks .dposlist.ohnepreis .dpos [data-posdel]{grid-column:4}
.bwlinks .dpos [data-posdel]{background:none;border-color:transparent;color:var(--muted);padding-left:10px;padding-right:10px}
.bwlinks .dpos [data-posdel]:hover{color:var(--bad);background:var(--soft)}
@media (max-width:640px){.bwlinks .dpos{grid-template-columns:1fr 1fr}.bwlinks .dpos [data-posdel]{grid-column:1/-1;justify-self:start}}
/* Druckaufträge am Projekt */
.ddl{display:grid;gap:8px}
.ddz{display:grid;gap:6px;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.ddt{display:flex;flex-direction:column;min-width:0}.ddt b{font-size:13.5px;overflow:hidden;text-overflow:ellipsis}.ddt small{color:var(--muted);font-size:12px}
.ddr{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ddr b{margin-left:auto;font-size:13.5px}
.ddx{border:0;background:none;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;padding:2px 6px;border-radius:8px}
.ddx:hover{color:var(--bad);background:var(--soft)}.ddx.arm{color:var(--bad);font-size:12px;font-weight:600}
.ddsuche{display:flex;gap:8px}.ddsuche .inp{flex:1;min-width:0}
.ddw{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line)}
.ddw .ddt{flex:1}.ddw>b{white-space:nowrap;font-size:13.5px}
@media (max-width:520px){.ddw{flex-wrap:wrap}.ddw .ddt{flex-basis:100%}}
/* Prozessanzeige: nie scrollen, auf schmalen Schirmen nur die aktuelle Stufe beschriften */
.pstep .plab{max-width:100%;overflow-wrap:anywhere;text-align:center}
@media (max-width:760px){.pstep .plab{display:none}.pstep li.cur .plab{display:block;position:absolute;top:40px;left:50%;transform:translateX(-50%);white-space:nowrap;max-width:none}.pstep li:first-child.cur .plab{left:0;transform:none}.pstep li:last-child.cur .plab{left:auto;right:0;transform:none}.pstep{margin-bottom:28px}}
/* Akquise-Brief per Post */
.note.ok{background:var(--on-bg);border:1px solid var(--on-line);color:var(--on-fg);border-radius:12px;padding:9px 12px;font-size:13px}
.postok{display:grid;gap:6px;border:1px solid var(--line);border-radius:14px;padding:12px 14px;background:var(--soft)}
.postok>span{font-size:13px;color:var(--slate)}
.pfstand{color:var(--muted)}.pfstand a{color:inherit}.pflnk{font:inherit;color:inherit;background:none;border:0;padding:0;text-decoration:underline;cursor:pointer}.pflnk:disabled{text-decoration:none;cursor:default}.pff{color:var(--bad);font-weight:600}
.dtdel{margin-top:6px;text-align:right}.dtdel .lnk{color:var(--bad)}
/* print.com Liste: Knöpfe ohne Browserrahmen */
.pcdlg .nbp,.pkdlg .nbp{appearance:none;border:0;background:none;font:inherit;text-align:left;width:100%;cursor:pointer;gap:2px}
.pcdlg .nbp b{font-weight:600}.pcdlg .nbp:focus-visible{outline:2px solid var(--accent,#1B4279);outline-offset:-2px}
/* PROFRAMES Kalkulation im Beleg */
.pkdlg{width:min(860px,calc(100vw - 32px))}
.pkdlg .nbin{max-height:calc(100vh - 48px);overflow:auto}
.pktabs{display:flex;gap:4px;padding:3px;background:var(--tint);border-radius:999px;width:max-content;margin:-4px 0 4px}
.pktabs button{appearance:none;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--muted);padding:6px 14px;border-radius:999px;cursor:pointer}
.pktabs button[aria-selected="true"]{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.08)}
.pkanf{display:grid;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px}
.pkwahl{display:grid;gap:5px;font-size:13px;font-weight:600;color:var(--muted)}.pkwahl select{width:100%;min-width:0}
.pkform{display:grid;grid-template-columns:1.1fr 1.1fr 1fr 1fr .6fr;gap:10px}
.pkform label{display:grid;gap:5px;font-size:13px;font-weight:600;color:var(--muted);min-width:0}.pkform select,.pkform .inp{width:100%;min-width:0}
.pkchk{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;font-size:14px}.pkchk label{display:inline-flex;align-items:center;gap:7px;cursor:pointer}
.pkchk .pkral{width:130px}
.pkh{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:16px 0 8px}.pkh small{text-transform:none;letter-spacing:0;font-weight:500;margin-left:6px}
.pkalt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
.pka{appearance:none;font:inherit;color:inherit;text-align:left;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface);cursor:pointer;min-width:0}
.pka span{display:grid;gap:1px;min-width:0}.pka b{font-weight:600;font-size:13.5px}.pka small{color:var(--muted);font-size:12px}.pka em{font-style:normal;font-weight:600;font-size:13.5px;white-space:nowrap}
.pka:hover{background:var(--tint)}.pka.an{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}
.pkopt,.pkhin{margin-top:12px;border:1px solid var(--line);border-radius:12px;padding:10px 12px}
.pkopt summary,.pkhin summary{cursor:pointer;font-size:13.5px;font-weight:600}
.pkopt .pkform{grid-template-columns:repeat(3,minmax(0,1fr));margin:10px 0}
.pkhin ul{margin:8px 0 0;padding-left:18px;font-size:13px;color:var(--muted);display:grid;gap:5px}
.pktab{overflow:auto;border:1px solid var(--line);border-radius:12px}
.pktab table{width:100%;border-collapse:collapse;font-size:13px}
.pktab th{font-size:11.5px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600;text-align:left;padding:8px 10px;border-bottom:1px solid var(--line)}
.pktab td{padding:7px 10px;border-bottom:1px solid var(--line);vertical-align:top}.pktab tr:last-child td{border-bottom:0}
.pktab .r{text-align:right;white-space:nowrap}.pktab .nw{white-space:nowrap}.pktab tr.opt td{color:var(--muted)}
.mono-sku{color:var(--muted);font-size:11.5px}.pkw{color:#b45309;font-size:11.5px}
.pksum{display:flex;flex-wrap:wrap;align-items:center;gap:8px 22px;margin:12px 0 4px;font-size:14px}
.pksum .inp{width:64px;display:inline-block;padding:6px 8px;margin:0 2px}
.pkmodus{display:flex;gap:14px;font-size:14px}.pkmodus label{display:inline-flex;align-items:center;gap:6px;cursor:pointer}
.pkdlg .pcakt{margin-top:14px}
.pkl{max-height:420px}
.pkt{flex-direction:row!important;justify-content:space-between;align-items:center;gap:12px}
.pkt span{display:grid;gap:2px;min-width:0}.pkt small{color:var(--muted)}.pkt em{font-style:normal;text-align:right;font-size:12.5px;color:var(--muted);white-space:nowrap}.pkt em b{color:var(--ink);font-weight:600}
.pkt.pkok{background:var(--tint)}
@media (max-width:720px){.pkform{grid-template-columns:repeat(2,minmax(0,1fr))}.pkalt{grid-template-columns:1fr}.pkopt .pkform{grid-template-columns:1fr}.pcakt{flex-wrap:wrap}}
dialog.pcdlg{max-width:min(720px,calc(100vw - 32px))}dialog.pkdlg{max-width:min(880px,calc(100vw - 24px))}
.pkmehr{appearance:none;border:0;background:none;font:inherit;font-size:13px;font-weight:600;color:var(--pri,#1B4279);cursor:pointer;padding:6px 2px;justify-self:start}
.pkdlg .nbin{grid-template-columns:minmax(0,1fr)}.pkdlg [data-pkv]{min-width:0}
@media (max-width:520px){.pkdlg .nbin{padding:18px 14px}.pktab td,.pktab th{padding:6px 7px}.pkanf{padding:12px}}
/* Interne Kalkulation je Position */
.dp-nl{display:flex;align-items:center;justify-content:space-between;gap:6px}
.dp-kl{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--muted);font:inherit;font-size:11px;font-weight:700;letter-spacing:.04em;border-radius:999px;padding:1px 8px;cursor:pointer;line-height:1.5}
.dp-kl:hover,.dp-kl[aria-expanded="true"]{color:var(--ink);border-color:var(--ink)}
.dpos .dp-k{grid-column:1/-1;display:grid;grid-template-columns:150px 120px minmax(0,1fr);gap:10px;align-items:end;padding:10px 12px;border:1px dashed var(--line);border-radius:12px;background:var(--surface)}
.dpos .dp-k[hidden]{display:none}
.dp-k label{display:grid;gap:5px;font-size:13px;font-weight:600;color:var(--slate,var(--muted))}.dp-k .inp{width:100%;min-width:0}
.dp-kr{font-size:13px;color:var(--muted);padding-bottom:11px}
.dek{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px 16px;margin-top:8px;font-size:13px;color:var(--muted)}.dek b{color:var(--ink)}.dek small{font-size:11px;text-transform:uppercase;letter-spacing:.05em;align-self:center}
@media (max-width:640px){.dpos .dp-k{grid-template-columns:1fr 1fr}.dp-kr{grid-column:1/-1;padding:0}}
.dpos .dp-n{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--slate);min-width:0}.dpos .dp-n label{display:block;font:inherit;color:inherit}
/* Einstellungen: zweite Seitenleiste */
.r-kein-user [data-nav="einstellungen"]{display:none!important}
.einsec{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:20px 22px}
.einsec h2{margin:0 0 4px;font-size:18px}.einsec h3{margin:18px 0 6px;font-size:14px}.einsec .meta{margin:0 0 12px}
.einsec .kform{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.einsec .kform .chk{grid-column:1/-1;display:flex;align-items:center;gap:8px;font-weight:500}
.einakt{display:flex;justify-content:flex-end;position:sticky;bottom:12px}
.stsum{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:18px;border:1px solid var(--line);background:var(--surface)}
.stsum>div{flex:1;display:grid;gap:2px}.stsum b{font-size:16px}.stsum span{font-size:13px;color:var(--muted)}
.stgrp{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:6px 20px 8px}
.stgrp h3{margin:12px 0 4px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.stp{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.stlist .stp:first-child{border-top:0}
.stt{flex:1;min-width:0;display:grid;gap:2px}.stt b{font-size:14.5px}.stt span{font-size:13.5px;color:var(--muted)}.stt small{font-size:12px;color:var(--muted)}.stt code{font-size:12px;background:var(--tint);padding:1px 6px;border-radius:6px}
.stdot{width:10px;height:10px;border-radius:50%;background:#9aa3b2;flex:none;margin-top:6px;box-shadow:0 0 0 4px rgba(154,163,178,.18)}
.stsum .stdot{width:14px;height:14px;margin-top:0}
.st-ok .stdot{background:#1f9d5c;box-shadow:0 0 0 4px rgba(31,157,92,.16)}.st-warn .stdot{background:#e0a100;box-shadow:0 0 0 4px rgba(224,161,0,.18)}.st-fehler .stdot{background:#d92d20;box-shadow:0 0 0 4px rgba(217,45,32,.16)}
.stz{font-style:normal;font-size:12px;font-weight:700;color:var(--muted);white-space:nowrap;margin-top:3px}.st-ok .stz{color:#1f7a4d}.st-warn .stz{color:#9a5b00}.st-fehler .stz{color:#b42318}
.kvlist{display:grid;gap:0}.kvlist div{display:flex;gap:12px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}.kvlist div:first-child{border-top:0}.kvlist span{width:140px;color:var(--muted);flex:none}
@media (max-width:900px){.einsec .kform{grid-template-columns:1fr}.stp{flex-wrap:wrap}}
#einroot{display:grid;gap:16px}

/* Einstellungen: zweite Seitenleiste direkt an der Hauptleiste */
.app.mit-setnav{grid-template-columns:var(--sw) 232px minmax(0,1fr)}
.setnav{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--surface);border-right:1px solid var(--line);padding:24px 12px;display:flex;flex-direction:column;gap:2px;z-index:15}
.setkopf{font-size:11.5px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:4px 12px 12px}
.setnav a{display:block;padding:9px 12px;border-radius:10px;color:var(--muted);text-decoration:none;font-size:14px;font-weight:600;outline:0}
.setnav a:hover{color:var(--ink);background:var(--tint)}
.setnav a[aria-current="page"]{color:var(--ink);background:var(--tint);font-weight:700}
.setnav a:focus-visible{box-shadow:0 0 0 2px var(--line)}
.setmain{min-width:0;display:grid;gap:18px;max-width:1100px}
@media (max-width:900px){.app.mit-setnav{grid-template-columns:minmax(0,1fr)}.setnav{position:static;height:auto;flex-direction:row;overflow-x:auto;padding:8px 12px;border-right:0;border-bottom:1px solid var(--line);scrollbar-width:none;order:0}.setkopf{display:none}.setnav a{white-space:nowrap;flex:none}}
/* Suchfeld mit Live Suche (Kontakt, Projekt) */
.swahl{position:relative;min-width:0}.swahl .sw-q{width:100%}
.sw-l{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-h,0 12px 30px -12px rgba(0,0,0,.25));max-height:280px;overflow:auto;padding:4px}
.sw-o{appearance:none;display:grid;gap:1px;width:100%;text-align:left;border:0;background:none;font:inherit;color:var(--ink);padding:8px 10px;border-radius:8px;cursor:pointer}
.sw-o b{font-weight:600;font-size:14px}.sw-o small{color:var(--muted);font-size:12.5px}.sw-o:hover,.sw-o.an{background:var(--tint)}
.sw-leer{color:var(--muted)}.sw-nix{margin:0;padding:8px 10px;color:var(--muted);font-size:13.5px}
/* Vertrag: feste Fußleiste mit allen Knöpfen */
#vdin .vfoot{position:sticky;bottom:-26px;margin:18px -26px -26px;padding:14px 26px;background:var(--card,var(--surface));border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;z-index:5;border-radius:0 0 22px 22px}
#vdin .vfl,#vdin .vfr{display:flex;gap:8px;flex-wrap:wrap}#vdin .vfr{margin-left:auto}
@media (max-width:640px){#vdin .vfoot{margin:18px -18px -18px;padding:12px 18px}#vdin .vfr{width:100%}#vdin .vfr .btn{flex:1}}
dialog.vdlg{max-height:calc(100dvh - 32px)}dialog.vdlg #vdin{max-height:calc(100dvh - 44px);overflow:auto}
/* Einstellungen: Eingangsbuch, Textvorlagen */
.fbuch{display:grid}.fb{border-top:1px solid var(--line)}.fb:first-child{border-top:0}
.fb summary{display:flex;align-items:center;gap:12px;padding:11px 0;cursor:pointer;list-style:none}.fb summary::-webkit-details-marker{display:none}
.fb .stdot{margin-top:0}.fbt{flex:1;min-width:0;display:grid}.fbt b{font-size:14.5px}.fbt small{color:var(--muted);font-size:12.5px}
.fbd{padding:0 0 14px 22px}.fbd .kvlist span{width:110px}
.einakt2{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}
.vlliste{display:grid}.vlz{display:flex;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.vlz:first-child{border-top:0}
.vlz>div{flex:1;min-width:0;display:grid;gap:2px}.vlz small{color:var(--muted);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pill-s{display:inline-block;font-size:11px;font-weight:700;padding:1px 8px;border-radius:999px;background:var(--tint);color:var(--muted);margin-left:6px}
.vlform{border:1px solid var(--line);border-radius:14px;padding:14px;margin:8px 0;background:var(--bg)}
.vltext{display:grid;gap:6px;font-size:13px;font-weight:600;color:var(--slate,var(--muted));margin-top:12px}.vltext textarea{width:100%}
.hinweis.kgl{background:var(--tint);border-radius:12px;padding:10px 14px;font-size:13.5px;color:var(--muted);margin:0 0 6px}.hinweis.kgl a{color:var(--ink);font-weight:600}

/* 1.50 Gesendete E-Mails ansehen */
.mtab tr.mrow{cursor:pointer;transition:background .15s}
.mtab tr.mrow:hover td,.mtab tr.mrow:focus-visible td{background:var(--soft)}
.mtab tr.mrow:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}
dialog.mldlg{max-width:min(680px,94vw)}
.mlkopf{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:14px}
.mlkopf h2{margin:0;font-size:19px;line-height:1.3;overflow-wrap:anywhere}
.mlkopf .st{flex:0 0 auto;margin-top:2px}
.mlmeta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px 18px;margin:0 0 16px;padding:0 0 16px;border-bottom:1px solid var(--line)}
.mlmeta dt{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:2px}
.mlmeta dd{margin:0;font-size:14px;color:var(--ink);overflow-wrap:anywhere}
.mltext{white-space:pre-wrap;font:inherit;font-size:14.5px;line-height:1.6;color:var(--ink);background:var(--soft);border-radius:14px;padding:18px 20px;margin:0 0 18px;max-height:min(52vh,520px);overflow:auto;overflow-wrap:anywhere}
dialog .mlleer{background:var(--soft);border-radius:14px;padding:16px 18px;font-size:14px}
.mldlg .fbtn{align-items:center;flex-wrap:wrap}

/* 1.50 Statistik neu: Reiter, ruhige Kennzahlen, Diagramme mit Hilfslinien */
.stpage{display:grid;gap:16px}
.stpage .sec{margin:0;padding:22px 24px}
.stpage .sec h2{font-size:15.5px;font-weight:650;letter-spacing:-.005em}
.stpage .sec .sub{margin-bottom:18px}
.sttabs{display:flex;gap:6px;flex-wrap:wrap}
.stbereich{display:grid;gap:16px}
.stbereich[hidden]{display:none}
.stpage .sgrid{margin:0}
.sgrid.st2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.ststack{display:grid;gap:16px;align-content:start;min-width:0}
.sthead{display:flex;justify-content:space-between;align-items:flex-start;gap:12px 20px;flex-wrap:wrap}
.sthead .sub{max-width:620px}
.sthead .chips{flex-wrap:wrap;gap:6px}
.stfbar{margin:0}
.stpage .kpis{margin:0;gap:12px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.stpage .kpi{padding:18px 20px 16px;gap:6px;box-shadow:none}
.stpage .kpi span{font-size:12px;letter-spacing:.02em;text-transform:none;font-weight:600;color:var(--muted)}
.stpage .kpi b{font-size:26px;font-weight:650;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.stpage .kpi small{font-size:12.5px;color:var(--muted);display:flex;flex-wrap:wrap;align-items:center;gap:6px;line-height:1.4}
.kd{font-style:normal;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--soft);color:var(--slate);white-space:nowrap;font-variant-numeric:tabular-nums}
.kd.auf{background:var(--st-w-bg,#e3f4ea);color:var(--st-w-fg,#1c7c45)}
.kd.ab{background:#fdecea;color:#b3332d}
:root[data-theme="dark"] .kd.ab{background:rgba(229,90,80,.16);color:#f2a29b}
.stpage .tabwrap{overflow-x:auto}
/* Saeulen mit Achse */
.cvw{position:relative}
.cvw.achse{padding-left:64px}
.cgrid{position:absolute;inset:0 0 22px 64px;pointer-events:none}
.cvw:not(.achse) .cgrid{display:none}
.cgl{position:absolute;left:0;right:0;border-top:1px dashed var(--line);height:0}
.cgl:first-child{border-top-style:solid}
.cgl em{position:absolute;right:calc(100% + 10px);top:-8px;font-style:normal;font-size:11px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}
.cvw.achse .cv{position:relative;margin-top:0}
.cvw.achse .cva{border-bottom:0;height:200px}
.cvw .cva{gap:3px;padding:0 4px}
.cvw .cvb{max-width:26px;opacity:.9;border-radius:4px 4px 0 0}
.cvw .cvb.top{opacity:1}
.cv.paar .cvb{max-width:14px}
.cvb.prv{background:var(--pri);opacity:.22}
.cvc:hover .cvb.prv,.cvc:focus-visible .cvb.prv{opacity:.34}
.cvc:hover .cva{background:var(--wrap);border-radius:8px 8px 0 0}
.cleg{display:flex;gap:16px;font-size:12px;color:var(--muted);margin:-6px 0 12px;justify-content:flex-end}
.cleg span{display:inline-flex;align-items:center;gap:6px}
.cleg i{width:10px;height:10px;border-radius:3px;background:var(--pri)}
.cleg i.prv{opacity:.22}
/* Balken waagerecht etwas feiner */
.stpage .ch{gap:12px}
.stpage .cht{height:8px;border-radius:999px;background:var(--soft)}
.stpage .cht i{border-radius:999px}
.stpage .chv{display:flex;align-items:baseline;justify-content:flex-end;gap:6px}
.stpage .chv small{font-size:11.5px;font-weight:600;color:var(--muted)}
/* Trichter */
.ctr{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.ctr li{display:grid;gap:6px;outline:0;border-radius:10px}
.ctr li:focus-visible{outline:2px solid var(--focus);outline-offset:4px}
.ctrk{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:13.5px;color:var(--slate)}
.ctrk b{font-size:15px;color:var(--ink);font-variant-numeric:tabular-nums}
.ctrb{height:10px;border-radius:999px;background:var(--soft);overflow:hidden}
.ctrb i{display:block;height:100%;background:var(--pri);border-radius:999px}
.ctr small{font-size:12px;color:var(--muted)}
@media (max-width:620px){
  .stpage .sec{padding:18px 16px}
  .cvw.achse{padding-left:48px}
  .cgrid{left:48px}
  .cgl em{font-size:10px}
  .cvw.achse .cva{height:170px}
  .cv.paar .cvb{max-width:8px}
  .cvw .cva{gap:2px;padding:0 1px}
}
.stpage .chr{grid-template-columns:minmax(90px,180px) 1fr 132px}
@media (max-width:620px){.stpage .chr{grid-template-columns:minmax(70px,110px) 1fr auto}}
.chip[aria-pressed="true"]:hover{background:var(--pri-h);border-color:var(--pri-h);color:var(--on-pri)}
.stpage .stab [data-aus],.stpage .stab [data-ein]{font-size:12px;padding:4px 10px;background:transparent;border-color:transparent;color:var(--muted);white-space:nowrap}
.stpage .stab [data-aus]:hover,.stpage .stab [data-ein]:hover{border-color:var(--line);color:var(--ink)}
#ssg{display:grid;gap:16px}
@media (max-width:620px){.cvw .cvl{font-size:10px}}