@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 16px;min-height:50px}
.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:4px}
.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:10px 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;display:flex;flex-direction:column;gap: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_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}